@charset "utf-8";

/*****************************************
     style.css	 
	 최종수정일 : 2024.05.31
******************************************/

/* Common */ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button {margin:0;padding:0; word-break:keep-all;}
html {
  scroll-behavior: smooth;
}
/*html,body {width:100%;height:100%; }*/
body {font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; font-size:12px; font-weight:500; line-height:1.5; color:#2f3a38; letter-spacing:-0.5px;}
dl,ul,ol,menu,li {list-style:none}
button {border:0 none; background:none; cursor:pointer; font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
button::-moz-focus-inner {padding:0;border:0; font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
input[type=button],input[type=submit],input[type=image],button{appearance:none;-webkit-appearance:none;}

select,input,img, button {vertical-align:middle;}
address,caption,em,i {font-style:normal}
a {color:#2f3a38;text-decoration:none}
a:focus,a:active,a:hover {color:#2f3a38;text-decoration:none}
table {border-collapse:collapse;border-spacing:0}
hr {display:none}
img{border:0;}

a:focus, button:focus, textarea:focus, input:focus, select:focus{outline:none;}

textarea,input,
select{-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
textarea:focus, 
input[type="file"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="text"]:focus,
select:focus{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);}

/* input */
/*select {padding:0 0 0 5px;}*/
/* select { height:30px \0IE8;} IE8 전용*/

select, textarea,
input[type="file"],
input[type="date"],
input[type="password"],
input[type="text"] {font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; padding:0 5px; height:32px; font-size:13px; border:1px solid #c7c7c7; color:#666; font-weight:500; border-radius:2px; box-sizing: border-box;}

select,
input[type="file"]{padding:0 0 !important;}

select:focus, textarea:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="text"]:focus {border:1px solid #555;}

textarea[readonly="readonly"],
button[readonly="readonly"],
select[readonly="readonly"],
input[readonly="readonly"],

textarea[disabled="disabled"],
button[disabled="disabled"],
select[disabled="disabled"],
input[disabled="disabled"] {background: #ebebeb; border-color:#c7c7c7; pointer-events: none;}

input::placeholder{/*color:#2f3a38;*/color: rgba(0,0,0,0.5);}
input::-ms-clear{ display: none; }

input[type="radio"],
input[type="checkbox"] {vertical-align: middle !important;}

*{ box-sizing:border-box;}

/*************************************************
   	  button css 정리 20211125  
	  button css 합침, 익스 핵 제거
**************************************************/
/* button 기본 정의*/
button{display:inline-block; text-align: center !important; font-weight:400;letter-spacing:-0.05em; border-radius:2px; line-height:1 ; box-sizing:border-box;}
button:focus,
button:active{}

/* 고스트버튼색 */
.ghostBtn,
.ghostBtn02,
.ghostBtn04,
.ghostBtn05{border:1px #7a777d solid; color:#55535c; background:#fff;}
.ghostBtn:hover,
.ghostBtn02:hover,
.ghostBtn04:hover,
.ghostBtn05:hover,
.small-btn-ghost:hover,
.small-btn:hover{background: #f9f9f9; border-color:#aaa;}

/* 기본버튼색 */
.ghostBtn00,
.basicBtn,
.basicBtn04,
.basicBtn05,
.basicBtn04_pop {border:1px solid #8329db; color:#8329db; background:#fff;}
.ghostBtn00:hover,
.basicBtn:hover,
.basicBtn04:hover,
.basicBtn05:hover ,
.basicBtn04_pop:hover,
.small-btn-basic:hover{background: #f9f3ff; border-color:#8b35e0;/* background:#efe3fa; border-color:#e3ccf8;*/}
/* 로그인화면쪽 버튼 이름은 .ghostBtn00이나 색상은 기본색상*/

/* 강조버튼색 */
.emphasisBtn,
.emphasisBtn01,
.emphasisBtn02,
.emphasisBtn03,
.emphasisBtn04,
.emphasisBtn05,
.emphasisBtn06 {background:#8329db; border:1px #8329db solid; color:#fff;}
.emphasisBtn:hover,
.emphasisBtn01:hover,
.emphasisBtn02:hover,
.emphasisBtn03:hover,
.emphasisBtn04:hover,
.emphasisBtn05:hover,
.emphasisBtn06:hover,
.small-btn-emphasis:hover {background: #8b35e0; border-color:#982ffa;}

/* 비활성화버튼색 */
.disabledBtn,
.disabledBtn02,
.disabledBtn04,
.disabledBtn05 {background:#9e9e9e; border:1px #9e9e9e solid; color:#fff;}

/* 경고버튼색 */
.warningBtn,
.warningBtn04,
.warningBtn05 {background:#f7596b; border:1px #ee4659 solid; color:#fff;}
.warningBtn:hover,
.warningBtn04:hover,
.warningBtn05:hover,
.small-btn-warning:hover {background: #f86e7d;}

/* 버튼 라인색 */
.btnline-lgray{border:1px solid #ccc; background:#fff;}

/* 버튼 size1 - height:40px*/
.ghostBtn,
.basicBtn,
.emphasisBtn,
.disabledBtn,
.warningBtn {min-width:60px; /*height:45px;*/ height:40px; padding:0 25px; font-size:15px;}

/* 버튼 size2 -  height:32px */
.ghostBtn05,
.basicBtn05, 
.emphasisBtn05,
.disabledBtn05,
.warningBtn05 {min-width:76px; height:32px; padding:0 15px; font-size:14px;}

/* 버튼 size3 - height:30px */
.ghostBtn04,
.emphasisBtn04,
.disabledBtn04,
.warningBtn04,
.basicBtn04,
.basicBtn04_pop {min-width:60px; height:30px; padding:0 15px; font-size:14px;}

/* 버튼 size small */
.xsmall-btn{min-width:25px !important; height:18px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #ccc; background:#fff;}
.small-btn{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #ccc; background:#fff;}
.small-btn img{margin-right:3px; margin-top:-2px;} /* 2023.02.14 수정*/
.small-btn-basic{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #8329db; background:#fff; color:#8329db;}
.small-btn-emphasis{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #8329db; background:#8329db; color:#fff;}
.small-btn-warning{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #f7596b; background:#f7596b; color:#fff;}
.small-btn-ghost{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px #aba9ac solid; color:#55535c; background:#fff;}
.small-btn-warning-line{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #f7596b; background:#fff; color:#f7596b;} /* 2023.03.23 추가*/
.small-btn-warning-line:hover{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #ed4b5d; background:#fff0f2; color:#de394c;} /* 2023.03.23 추가*/

/* 결재상태 버튼 */
.status-btn{ min-width:25px !important; height:23px !important; padding:0 10px !important; font-size:12px !important; border:1px solid #dbdee3; border-radius:25px;}
.status-btn.finish{border-color:#b7bcc3; background:#b7bcc3; color:#fff;}
.status-btn.ongoing{border-color:#b7bcc3; background:#fff; color:#8329db;}
.status-btn.add{border-color:#b178e8; background:#fff; color:#8329db;}
.status-btn.return{color:#f7596b;}

/* 버튼 underline */
.btn-uline{text-decoration: underline; cursor:pointer;}
.btn-uline:link{text-decoration: underline;}
.btn-uline:visited{text-decoration: underline;}
.btn-uline:hover{text-decoration: underline;}
.btn-uline:active{text-decoration: underline;}
.btn-uline:focus{text-decoration: underline;}

/* 라인 없는 버튼 */
button.noUnbtn {padding:0 10px; border:0; background:none; font-size: 14px;}

/* 라인 있는 버튼 */
button.yesUnbtn {padding:3px 10px; border:0; background:none; font-size: 16px; text-decoration: underline; color:#000;}
/* 대기/완료 */
span.complete,
span.waiting {min-width:60px; height:26px; display:inline-block; box-sizing:border-box; text-align:center; font-size:14px; color:#fff; }
span.complete{background:#509eac; border:1px #418795 solid;}
span.waiting {background:#9fa5a4; border:1px #939a98 solid;}

/* 정렬 */
.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}

/* width 값 추가 - input 영역에 주로 쓰임 */
.w60px{width:60px;}
.w115{width:115px;}
.w150{width:150px;}
.w180{width:180px;}
.w210{width:210px;}
.w240{width:240px;}

/* height 값 추가 */
.h25{height:25px !important;}
.min-h230{min-height:230px;}

/* scroll */
.scroll-y{overflow-y: auto;}

/* 공통 css */
.width100 {width:100%; height:50px;}
.width740 {width:740px !important; margin: 15px auto;}
.hiT40 {height: 40px;}
.mtTop0 {margin-top:0px !important;}
.mtTop3 {margin-top:3px;}
.mtTop5 {margin-top:5px !important;}
.mtTop10 {margin-top:10px !important;}
.mtTop15 {margin-top:15px !important;}
.mtTop20 {margin-top:20px !important;}
.mtTop21 {margin-top:21px !important;}

.mtTop10-pop {margin-top:10px;}
.mtTop21-pop {margin-top:21px;}

.mtTop30 {margin-top:30px !important;}
.mtTop36 {margin-top:36px !important;}
.mtTop45 {margin-top:45px !important;}
.mtTop60 {margin-top:60px !important;}
.mtTop80 {margin-top:80px !important;}

.mtBot5 {margin-bottom:5px !important;}
.mtBot15 {margin-bottom:15px !important;}
.mtBot35 {margin-bottom:35px;}
.mtLef5 {margin-left:5px;}
.mtLef7 {margin-left:7px;}
.mtLef15 {margin-left:15px;}
.mtRtf5 {margin-right:5px; margin-top:-2px;}
.mtRtf15 {margin-right:15px;}
.mt2020 {margin:20px 0;}
.mt50090 {margin:5px 0 0 90px!important ;}
.mt1014 {margin:10px 0 0 14px!important ;}
.pDg0 {padding:0 0 0 10px !important ;}
.pDg30 {padding-top: 30px;!important ;}
.pDr10 {padding-right:10px;}
.pr01 {position:relative;/* top:3px; */ left: 10px;}
.pr02 {position:relative; /*top:2px; */ left: 0;}
.pr03 {position:relative;/* top:3px; */}
.pr001 {position:relative; top:1px !important; }
.flR10 {margin-top:20px; float: right; clear:both;}
.flR20 {margin-top:10px; float: right; clear:both;}
.flL10 {margin-top:10px; float: left !important; clear:both;}
.flL101 {margin-top:10px; float: left !important;}
.borderNone {border: 0;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}
.font18 {font-size:18px !important;}
.verTop {vertical-align: top  !important;}
.verBot {vertical-align: bottom  !important;}

.mgauto-t35-b10{margin:35px auto 10px auto !important;}
.mgauto-t50-b10{margin:50px auto 10px auto !important;}

/*****************************************************
  2022.01.13
  공통 서브 layout (리뉴얼 메인에서는 안씀)
********************************************************/
.warp{width:100%; min-width:320px; position:relative;}  /*20220111 subwrap 상단 메뉴 및 푸터 반응형으로 소스 변경*/
/*.warp {width:100%;min-width:1400px; position:relative;} 210415 모바일웹 깨짐현상 수정 min-width:1400px */


/*****************************************************
  2022.01.13
  리뉴얼전 header / footer (admin에서 사용중)
********************************************************/
/* warpHeader */
.warpHeader {width:100%; height:120px; position:relative; background:#fff;}
.warpHeader .warpUtil {width:100%; height:37px; border-bottom:1px #dcdce1 solid;}
.warpHeader .warpUtil .utilTop {width:1300px; margin:0 auto;}
.warpHeader .warpUtil .utilTop::after {content:''; display:block; clear:both;}
.warpHeader .warpUtil .utilTop ul.right {display:inline-block; float:right; vertical-align:middle;}
.warpHeader .warpUtil .utilTop ul.right li{margin:0 9px; display:inline-block; line-height:37px; font-size: 14px;}
.warpHeader .warpUtil .utilTop ul.right li button.btn02 {width:70px; height:25px; margin: -4px 0 0 5px;  border:1px #8329db solid;/*line-height:25px;*/ font-size:13px; font-weight:500; color:#8329db;}

.warpHeader .warpUtil .utilTop ul.right li.first {margin-right:15px;}
.warpHeader .warpGnb {width:1300px; height:80px; margin:0 auto; position:relative; background:#fff;}
.warpHeader .warpGnb h1 {position:absolute; top:-12px; left:-18px; }
.warpHeader .warpGnb .nav {margin: 28px 0 0 175px;}
.warpHeader .warpGnb .nav ul.gnb {/*width:1300px;*/ height:80px;  margin:0 auto;  position:relative; background:#fff;} /* 210415 모바일웹 깨짐현상 수정 : gnb영역 잘못된 가로 사이즈 width 삭제 */
.warpHeader .warpGnb .nav ul.gnb::after {content: ''; display:block; clear:both;}

.warpHeader .warpGnb .nav ul.gnb li {width:140px; position:relative; display:block; float:left;  text-align:center; }
.warpHeader .warpGnb .nav ul.gnb li::after {content: ''; display:block; clear:both;}
.warpHeader .warpGnb .nav ul.gnb li a{padding-left: 0px; font-size:18px; color: #2f3a38;}
.warpHeader .warpGnb .nav ul.gnb li a:hover{color:#8329db; font-weight:700;}
.warpHeader .warpGnb .nav ul.gnb li a.active {position:relative; font-weight:bold; color:#8329db; z-index: 1;}
.warpHeader .warpGnb .nav ul.gnb li a.active::before{content:'';width:100%; height: 5px; position:absolute; bottom: -2px; background: #ffe9f2; z-index: -1;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub {height:250px; padding:0px; display:none;  position:absolute; top: 53px;background: #fff; z-index: 99;  box-shadow: 7px 7px 14px -5px #bad0d2;  border-top: 1px #e4e4e4 solid; border-left: 1px #e4e4e4 solid; box-sizing: border-box;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub:hover {background:#f9f9f9;}
.warpHeader .warpGnb .nav ul.gnb li ul.active {background:#ebf8f9;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li {width:140px;margin-top: 10px; display:block; text-align: center; font-weight:500; }
.warpHeader .warpGnb .nav ul.gnb li ul.sub li a {padding:0; position:relative; text-align:left; font-size:15px; font-weight:500; cursor: pointer; color: #2f3a38;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li a:hover{color:#8329db;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li ul.nev3Depth {margin-top:2px; display:block;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li ul.nev3Depth li {margin: 2px 5px; padding: 0; display:block;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li ul.nev3Depth li a{ position:relative; text-align:left; font-size:12px; font-weight: 400; cursor: pointer;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li ul.nev3Depth li::before {content:''; width:2px; height:2px; position:absolute; top:6px; left:-4px; background:#8329db;}

.warpHeader .warpGnb .nav ul.gnb li.pop {width:140px; position:relative; display:block; float:left;   }
.warpHeader .warpGnb .nav ul.gnb li.pop::after {content: ''; display:block; clear:both;}
.warpHeader .warpGnb .nav ul.gnb li.pop a{    padding-left: 10px; font-size:18px; color: #2f3a38;}
.warpHeader .warpGnb .nav ul.gnb li.pop a:hover{color:#8329db; font-weight:800;}
.warpHeader .warpGnb .nav ul.gnb li.pop a.active {position:relative; font-weight:bold; color:#8329db; z-index: 1;}
.warpHeader .warpGnb .nav ul.gnb li.pop a.active::before{content:'';width:100%; height: 5px; position:absolute; bottom: -2px; background: #e6f1f3; z-index: -1;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub {height:610px; display:none;  position:absolute; top: 53px;background: #fff; z-index: 99;  box-shadow: 7px 7px 14px -5px #bad0d2; }
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub:hover {background:#ebf8f9;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.active {background:#ebf8f9;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li {width:150px;margin-bottom: 10px;    padding: 0 0 0 11px;display:block; text-align: left; font-weight:500;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li a {padding:0; position:relative; text-align:left; font-size:15px; font-weight:500; cursor: pointer; color: #2f3a38;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li ul.nev3Depth {margin-top:3px; display:block;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li ul.nev3Depth li {margin: 3px 0; padding: 0; display:block;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li ul.nev3Depth li a{ position:relative; text-align:left; font-size:12px; font-weight:300; cursor: pointer;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li ul.nev3Depth li::before {content:''; width:2px; height:2px; position:absolute; top:6px; left:-4px; background:#8329db;}

.warpHeader .warpGnb .nav:hover ul li ul.sub{width:150px;  position:absolute; display:block; float:left; background-color:#fff; }

.warpHeader .warpGnb button.menuBtn:hover .warpSubmenu {display:block;}
.warpHeader .warpGnb .warpSubmenu01 {width:100%;  height:538px; visibility:hidden; position: absolute; top:54px; left: 0; transition-duration: .5s; background:#fff; border-top: 1px #dcdce1 solid; box-sizing:border-box; box-shadow: 1px 1px 1px 1px #e7dfda; overflow:hidden; z-index: 3;}
.warpHeader .warpGnb .warpSubmenu01::after {content:''; display:block; clear: both;}
.warpHeader .warpGnb .warpSubmenu01 .navLnb {width: 1300px; margin: 0 auto; position:relative; left:192px; z-index: 99;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev2Depth {width:140px; margin-top: 15px; display: block; float:left;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev2Depth::after {content:''; display:block; clear:both;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev2Depth li {margin-bottom: 15px; display:block; float:none;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev2Depth li a {font-size:15px; font-weight:500; color:#4a4a51;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev2Depth li a:hover {color: #8329db;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev3Depth {margin-top:5px;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev3Depth li {margin-bottom:5px; padding-left:5px; position:relative;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev3Depth li::before {content:''; width:2px; height:2px; position:absolute; top:9px; left:0; background:#a455ee;}

.warpHeader .warpGnb .warpSubmenu01 ul.nev3Depth li a {font-size:12px; color:#4a4a51;}

.warpHeader .warpGnb .warpSubmenu02 {width:100%;  height:538px; visibility:hidden; position: absolute; top:54px; left: 0; transition-duration: .5s; background:#fff; border-top: 1px #dcdce1 solid; box-sizing:border-box; box-shadow: 1px 1px 1px 1px #e7dfda; overflow:hidden; z-index: 3;}
.warpHeader .warpGnb .warpSubmenu02::after {content:''; display:block; clear: both;}
.warpHeader .warpGnb .warpSubmenu02 .navLnb {width: 1300px; margin: 0 auto; position:relative; left:197px; z-index: 99;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev2Depth {width:133px; margin-top: 15px; display: block; float:left;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev2Depth::after {content:''; display:block; clear:both;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev2Depth li {margin-bottom: 15px; display:block; float:none;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev2Depth li a {font-size:15px; font-weight:500; color:#4a4a51;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev2Depth li a:hover {color: #8329db;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev3Depth {margin-top:5px;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev3Depth li {margin-bottom:5px; padding-left:5px; position:relative;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev3Depth li::before {content:''; width:2px; height:2px; position:absolute; top:9px; left:0; background:#8329db;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev3Depth li a {font-size:12px; color:#4a4a51;}

/* footer */
.warpFooter {width:100%;min-width:1400px; margin-top: 40px;} /* 210415 모바일웹 깨짐현상 수정 min-width:1400px */
.warpFooter .warpfootList {width:100%; height:60px; background:#5c6764; border-top:1px #4a514f solid; border-bottom: 1px #4a514f solid; box-sizing:border-box;}
.warpFooter .warpfootList .footList {width:1300px; height:60px; margin:0 auto;  }
.warpFooter .warpfootList .footList::after {content:''; display:block; clear:both;}
.warpFooter .warpfootList .footList span.fLeft {display:block; float:left; line-height: 56px;font-size:18px; font-weight: 400; color:#fff;}
.warpFooter .warpfootList .footList span.fRight {display:block; float:right; line-height: 56px;font-size:16px; font-weight: 400; color:#fff;}
.warpFooter .warpfootList .footList span.fRight a { text-decoration:none; color: #fff;}
.warpFooter .warpfootList .footList span.fRight i {margin:0 20px;}

.warpFooter .footInfo {width:1300px; margin:0 auto; position: relative;}
.warpFooter .footInfo .ileft{padding: 20px 0; position:absolute; left:0;}
.warpFooter .footInfo .ileft::after {content:''; display:block; clear:both;}
.warpFooter .footInfo .ileft span.logo {margin-right:15px; display:block; float:left;}
.warpFooter .footInfo .ileft span.addresstext {display:block; float:right;}
.warpFooter .footInfo .ileft span.addresstext  p {margin-bottom: 5px; font-size: 14px; font-weight: 400;}
.warpFooter .footInfo .ileft span.addresstext  p a {margin:0 10px; font-size:16px;}
.warpFooter .footInfo .ileft span.addresstext  p a em {font-style: italic;}
.warpFooter .footInfo .ileft span.addresstext  p a:first-child {margin:0 10px 0 0px;}
.warpFooter .footInfo .ileft span.addresstext  p.cp {margin-top: 30px; font-size: 13px;}
.warpFooter .footInfo .iright{padding: 10px 0; position:absolute; right:0;}
.warpFooter .footInfo .iright span.fLogo01 {display:block;}
.warpFooter .footInfo .iright span.fLogo01 i {display:block; text-align: right;}
.warpFooter .footInfo .iright span.fLogo01 em {display:block; text-align: right; font-size: 12px;}
.warpFooter .footInfo .iright span.fLogo02 {margin-top:10px; display:block;}
.warpFooter .footInfo .iright span.fLogo02 i {display:block; text-align: right;}
.warpFooter .footInfo .iright span.fLogo02 em {display:block; text-align: right; font-size: 12px;}


.more {
  position:absolute; top:0; right:0;
  width: 30px;
  height: 21px;
  background-image:url(/common/img/btn_menu.png);
}

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

.more:hover, .close:hover {
  cursor:pointer;
}

.close {
  position:absolute; top:0; right:0;
  background:url('/common/img/icon_close.png') 0 0 no-repeat;
  width: 25px;
  height: 24px;
}

/*****************************************************
  2022.01.13
  sub 컨텐츠 layout - 서브 공통사용
********************************************************/
.warpsubVisual,
.warpsubVisual01 {width:100%;/* border-top:1px #ddd solid;*/} /* 220311 컨텐츠 상단보더수정 -> header 쪽에 넣음 */

.warpsubSection  {width:1400px; margin:0 auto; position:relative;}
.warpsubSection::after {content:''; display:block; clear:both;}

/* 서브 우측 콘텐츠 영역 */
.warpsubSection .subContents {width:1150px; float:right; position:relative;}


/* warpContainer */
.warpContainer {width:100%; min-width:1400px; padding-bottom:140px; position:relative;}

.warpContainer .warpVisual {width:100%; height:795px; background: url(/common/img/img_visual_bg.png) no-repeat center;}
.warpContainer .warpVisual .visual {width:1300px; height:795px; margin:0 auto;}
.warpContainer .warpVisual .visual h2 {width:460px; margin:0 auto;  padding: 68px 0 20px 0; display:block;}
.warpContainer .warpVisual .visual .visualBox {display:block;}
.warpContainer .warpVisual .visual .visualBox ul li {width:398px; height:192px; margin: 19px 50px 19px 0; padding: 20px; position: relative; display:inline-block; border-top-left-radius: 30px; border-bottom-right-radius: 30px;  background:#fff; box-sizing: border-box;box-shadow: 2px -1px 8px 1px #1d9aa0; cursor: pointer; }

.btn6{
  border:1px solid transparent; 
   -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
}

.btn6::before {
  content: '';
  position: absolute;
  left: 0px;
  bottom:0px;
  z-index:-1;
  width: 0%;
  height:1px;
  background: #3ae3c3;
  box-shadow: inset 0px 0px 0px #3ae3c3;
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}

.btn6:hover::before {
  width:100%;
}

.btn6::after {
  content: '';
  position: absolute;
  right: 0px;
  top:0px;
  z-index:-1;
  width: 0%;
  height:1px;
  background: #3ae3c3;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}
.btn6:hover::after {
  width:100%;
}
.btn6:hover{
  border:3px solid #3ae3c3;
}

.warpContainer .warpVisual .visual .visualBox ul li.last {margin: 19px 0 19px 0; }
.warpContainer .warpVisual .visual .visualBox ul li .titleBox {display:block;}
.warpContainer .warpVisual .visual .visualBox ul li .titleBox::after {content:''; display:block; clear:both;}
.warpContainer .warpVisual .visual .visualBox ul li .titleBox span.left {position:relative; float:left; font-size:24px; font-weight:bold; z-index: 1; color: #2f3a38;}
.warpContainer .warpVisual .visual .visualBox ul li .titleBox span.left::after {content:''; width:100%; height:11px; display:block; position:absolute; bottom:4px; left:0; background:#d8efea; z-index: -1;}
.warpContainer .warpVisual .visual .visualBox ul li .titleBox span.right {float:right; transition: all ease 1s;}
.warpContainer .warpVisual .visual .visualBox ul li .titleBox span.right:hover {transform: rotate( 220deg );}
.warpContainer .warpVisual .visual .visualBox ul li .textBox {display:block; position:absolute; bottom: 20px; font-size: 16px; font-weight: 400;}


/* warpSection01 */
.warpContainer .warpSection01 {width:100%; height:1200px; background:#f1f2f2;}
.warpContainer .warpSection01 .contentsBox01 {width:1300px; height:1280px; margin:0 auto;}
.warpContainer .warpSection01 .contentsBox01 h3 {padding: 60px 0 30px 0; text-align:center; font-size: 28px; font-weight: 400; }
.warpContainer .warpSection01 .contentsBox01 h3 em {font-weight:bold; color:#8329db;}
.warpContainer .warpSection01 .contentsBox01 .logoImgbox {width:1197px; height:989px; margin:0 auto;}
.none {display:none;}

/* warpSection02 */
.warpContainer .warpSection02 {width:100%; }
.warpContainer .warpSection02 .contentsBox02 {width:1300px; margin:70px auto;}
.warpContainer .warpSection02 .contentsBox02 h3 {width: 212px; margin: 25px auto; position:relative; display:block;  text-align:center; font-size:32px; font-weight:bold;}
.warpContainer .warpSection02 .contentsBox02 h3::before {content:''; width:32px; height:39px; position:absolute; top:-12px; left:8px; background: url(/common/img/icon_title.png) no-repeat left;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn {width:100%; height:55px; margin:20px auto;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul {width:100%; height:55px;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul::after {content:''; display:block; clear:both;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li {width:433px; height:55px; display:block; float:left; border:1px #dbdfdf solid; box-sizing:border-box; text-align:center; line-height:50px; cursor: pointer;}

.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li:hover {background:#8329db; color:#fff;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li.active {background:#8329db; color:#fff;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li.active a{color:#fff;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li:hover a {color:#fff;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li a {font-size:20px; font-weight: 400; }
.warpContainer .warpSection02 .contentsBox02 .borderList {width:100%; margin-top:10px; border-top:1px #5c6764 solid; box-sizing:border-box;   box-shadow: 1px 1px 6px 1px #f0f3f3;}
.warpContainer .warpSection02 .contentsBox02 .borderList table {width:100%;}
.warpContainer .warpSection02 .contentsBox02 .borderList table th {height:55px; border-bottom:1px #c8cece solid; box-sizing: border-box; text-align:left; font-size:18px; font-weight:bold;}
.warpContainer .warpSection02 .contentsBox02 .borderList table td {height:50px; border-bottom:1px #c8cece solid; box-sizing: border-box; text-align:left; font-size:16px; font-weight: 400;}
.warpContainer .warpSection02 .contentsBox02 .borderList table .center {text-align:center;}
.center {text-align:center !important ;}


/* 좌측 lnb 서브메뉴 */
.warpsubSection .leftMenu {width:210px; float:left; position:relative;/*top:-70px;*/ margin:0;}
.warpsubSection .leftMenu h2 {height:80px; /*background:#48a4eb;*/ text-align:center; line-height:80px; font-size:20px; font-weight:600; color:#fff; border-radius: 0 0 20px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a536f6+0,972ffb+100 */
background: #8329db; /* Old browsers */
background: -moz-linear-gradient(left,  #8329db 0%, #7918d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #8329db 0%,#7918d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #8329db 0%,#7918d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8329db', endColorstr='#7918d8',GradientType=1 ); /* IE6-9 */ }
.warpsubSection .leftMenu nav {/* border: 1px #dde6e4 solid; */}
.warpsubSection .leftMenu nav ul li.dep01 {padding: 8px 10px 8px 16px;/* margin-bottom: 5px; */border-bottom: 1px #eee solid;}
.warpsubSection .leftMenu nav ul li.dep01:last-child {border:none;}
.warpsubSection .leftMenu nav ul li.dep01 a {font-size:16px; font-weight:500;}
.warpsubSection .leftMenu nav ul li.dep01 a.active {position:relative;font-weight: 500;color:#8329db;z-index: 1;}
.warpsubSection .leftMenu nav ul li.dep01 a.active::before{content:'';width:100%; height: 5px; position:absolute; bottom: -2px; background: #ffe9f2; z-index: -1;}

.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb {margin: 5px 0 0px 15px;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li {margin-bottom:5px;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a {font-size:14px; position:relative;}
/*.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a:after{content:'';width:4px; height: 4px; border-radius:4px; position:absolute; left:-8px; top: 9px; background: #aaa; opacity: 0.5;}*/
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a.active,
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a:hover {font-weight:500; color:#8329db;}
/*.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a.active:after,
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a:hover:after{ background: #8329db; opacity: 1;}*/
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a.active::before{content:'';width:100%; height: 5px; position:absolute; bottom: 0; background: none;}

.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop {margin: 15px 0 0px 15px;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop li {margin-bottom:15px;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop li a {font-size:15px;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop li a.active,
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop li a:hover {font-weight:500; color:#8329db;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop li a.active::before{content:'';width:100%; height: 5px; position:absolute; bottom: 0; background: none;}

.warpContainer .subContents .contentsBox03 {width:940px; margin:20px auto;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 {width:100%; height:44px; margin:0 auto;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul {width:100%; height:44px;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul::after {content:''; display:block; clear:both;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li {width:313px; height:44px; display:block; float:left; border:1px #dbdfdf solid; box-sizing:border-box; text-align:center; line-height:42px; cursor: pointer;}

.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li:hover {background:#a455ee; color:#fff;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li.active {background:#a455ee; color:#fff;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li.active a{color:#fff;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li:hover a {color:#fff;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li a {font-size:17px; font-weight: 400; }
.warpContainer .subContents .contentsBox03 .boxPreview{padding:20px; border:1px #dbdfdf solid; box-sizing:border-box;}
.warpContainer .subContents .contentsBox03 .boxPreview::after {content:''; display:block; clear:both;}
.warpContainer .subContents .contentsBox03 .boxPreview .leftView {width:398px; height:260px; display:block; float:left; border:1px #dbdfdf solid; box-sizing:border-box;}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView {display:block; float:right;}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView::after {content: ''; display:block; clear:both;}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileInput {display:block; position:relative; cursor:pointer;  vertical-align:middle;  background:#fff; text-align:left;}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileInput label input {position:absolute; width:0; height:0; overflow:hidden;}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileInput .file_input_textbox {
    float:left;
     width:353px; height:30px; position:relative;border: 1px #bfccc9 solid; box-sizing: border-box; margin-top: 0px !important; 
}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileInput .file_input_div {
    position:relative;
    width:63px;
    height:auto;
    overflow:hidden;
}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileInput .file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileLeft {display:block; float: right;}


/* 전자세금계산서 수정작성 서브페이지
.warpsubVisual {width:100%; height:115px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2dc4a2+0,1fc9df+100 
background: #2dc4a2; /* Old browsers 
background: -moz-linear-gradient(-45deg,  #2dc4a2 0%, #1fc9df 100%); /* FF3.6-15 
background: -webkit-linear-gradient(-45deg,  #2dc4a2 0%,#1fc9df 100%); /* Chrome10-25,Safari5.1-6 
background: linear-gradient(135deg,  #2dc4a2 0%,#1fc9df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dc4a2', endColorstr='#1fc9df',GradientType=1 ); /* IE6-9 fallback on horizontal gradient 
}*/



/* 우측 콘텐츠 영역 */
.warpsubSection .subContents h3 {width: 100%; height:50px; margin: 25px auto; padding-bottom:10px; padding-left:22px; position:relative; display:block; border-bottom: 1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size:24px; font-weight:700;}
.warpsubSection .subContents h3::before {content:''; width:32px; height:39px; position:absolute; top:-12px; left:8px; background: url(../img/icon_sub_title.png) no-repeat left;}
.warpsubSection .subContents .conBox01 {margin:20px 0;}

.warpsubSection .subContents .conBox01 ul.listBox02 li {margin:10px 0; padding:20px; display:block; border:1px #dcdce1 solid; box-sizing:border-box;}
.warpsubSection .subContents .conBox01 ul.listBox02 li::after {content:''; display:block; clear:both;}
.warpsubSection .subContents .conBox01 ul.listBox02 li.active {border:1px #8329db solid;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxLeft {width:210px; margin-top: 10px; position:relative; display:block; float:left; font-size:18px; font-weight:bold;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.centerBar {width:65px; margin-top: 10px; position:relative; display:block; float:left; text-align: center; font-size:18px; font-weight:bold;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.centerBar::after {content:''; width:1px; height:60px; background:#f1f2f2; position:absolute; top: -13px; left: 0;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxLeft input.form-control02 {margin-right: 10px;}

.warpsubSection .subContents-pop {width:975px; float:right;}
.warpsubSection .subContents-pop h3 {width: 975px; height:50px; margin: 25px auto; padding-bottom:10px; padding-left:22px; position:relative; display:block; border-bottom: 1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size:24px; font-weight:500;}
.warpsubSection .subContents-pop h3::before {content:''; width:32px; height:39px; position:absolute; top:-12px; left:8px; background: url(/common/img/icon_sub_title.png) no-repeat left;}
.warpsubSection .subContents-pop .conBox01 {margin:20px 0;}

.warpsubSection .subContents-pop .conBox01 ul li {margin:10px 0; padding:20px; display:block; border:1px #dcdce1 solid; box-sizing:border-box;}
.warpsubSection .subContents-pop .conBox01 ul li::after {content:''; display:block; clear:both;}
.warpsubSection .subContents-pop .conBox01 ul li.active {border:1px #8329db solid;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxLeft {width:210px; margin-top: 10px; position:relative; display:block; float:left; font-size:18px; font-weight:bold;}
.warpsubSection .subContents-pop .conBox01 ul li span.centerBar {width:65px; margin-top: 10px; position:relative; display:block; float:left; text-align: center; font-size:18px; font-weight:bold;}
.warpsubSection .subContents-pop .conBox01 ul li span.centerBar::after {content:''; width:1px; height:60px; background:#f1f2f2; position:absolute; top: -13px; left: 0;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxLeft input.form-control02 {margin-right: 10px;}

.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxRight {position:relative;  display:block; float:left;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxRight::before {content:''; width:1px; height:60px; background:#f1f2f2; position:absolute; top:-6px;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxRight p.title {margin-bottom:5px; padding-left: 15px; font-size:15px; font-weight:400;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxRight p.sub {padding-left: 15px; font-size:14px; font-weight: 400; color:#727c7a;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxRight p.sub em {color: #ff0000;}
.warpsubSection .subContents .conBox01 ul.listBox02 li button.btn01 {margin-top: 5px; padding:5px 7px; display:block; float:right; border:1px #8329db solid; font-size:16px; font-weight:400; color:#8329db;}

.warpsubSection .subContents-pop .conBox01 ul li span.boxRight {position:relative;  display:block; float:left;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxRight::before {content:''; width:1px; height:60px; background:#f1f2f2; position:absolute; top:-6px;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxRight p.title {margin-bottom:5px; padding-left: 15px; font-size:15px; font-weight:400;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxRight p.sub {padding-left: 15px; font-size:14px; font-weight: 400; color:#727c7a;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxRight p.sub em {color: #ff0000;}
.warpsubSection .subContents-pop .conBox01 ul li button.btn01 {margin-top: 5px; padding:5px 7px; display:block; float:right; border:1px #8329db solid; font-size:16px; font-weight:bold; color:#8329db;}

/* 로그인 페이지 */
.warpLoginpage {width:1280px; min-height:430px; margin: 77px auto; padding:20px 0 60px 0; background: #f6f8f8; border:1px #f1f1f1 solid; box-sizing:border-box;}
.warpLoginpage .loginBox{width:342px; height:auto; margin:67px auto;}
.warpLoginpage .loginBox .title {text-align:center; font-size:28px; font-weight:600;}
.warpLoginpage .loginBox .warpForm {position:relative;}
.warpLoginpage .loginBox .warpForm span.formBox { width: 340px; height: 45px; display:block; position:relative;}
.warpLoginpage .loginBox .warpForm span.formBox label.lbl {text-decoration: -999em; font-size: 0px; color: #fff;}
.warpLoginpage .loginBox .warpForm span.formBox input.form-control { width: 340px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.emphasisBtn01 {width:340px; height:50px; margin: 0 auto; display:block; font-size:18px; color:#fff;}
.warpLoginpage .loginBox .checkInfo {margin-top:15px;}
.warpLoginpage .loginBox .checkInfo::after {content:''; display:block; clear:both;}
.warpLoginpage .loginBox .checkInfo span.loginCheckbox {display:block; float:left;}
.warpLoginpage .loginBox .checkInfo span.loginCheckbox input.form-Ckcontrol {width:24px; height:24px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;}
.warpLoginpage .loginBox .checkInfo span.loginCheckbox label.sp {vertical-align: middle; font-size:14px;}
.warpLoginpage .loginBox .checkInfo .loginFindbox{display:block; float:right;}
.warpLoginpage .loginBox .formJoin {margin-top:25px;}
.warpLoginpage .loginBox .formJoin::after {content:''; display:block; clear:both;}
.warpLoginpage .loginBox .formJoin span.text{margin-top:6px; display:block; float:left; font-size:16px; font-weight:bold;color:#8329db;}
.warpLoginpage .loginBox .formJoin span.join{display:block; float:right;}
.ghostBtn00 {min-width:117px; height:35px; padding:0 15px; font-size:16px;}


/* 아이디/비밀번호찾기 */
.warpLoginpage .title {text-align:center; font-size:28px; font-weight:600;}
.warpTabpage {width:963px; margin:0 auto; padding-bottom:30px; background:#fff;}
.warpLoginpage .loginBox01{width:342px; height:auto; margin:0 auto; padding-bottom:15px; }
.warpLoginpage .loginBox01 .title {text-align:center; font-size:28px; font-weight:600;}
.warpLoginpage .loginBox01 .warpForm {position:relative;}
.warpLoginpage .loginBox01 .warpForm .titleBox {position:relative;}
.warpLoginpage .loginBox01 .warpForm .titleBox em {display:block; text-align:center; font-size:22px; font-weight:600;}
.warpLoginpage .loginBox01 .warpForm .titleBox b {display:block; text-align:center; font-size:14px; font-weight: 400;}
.warpLoginpage .loginBox01 .warpForm span.formBox { width: 340px; height: 45px; display:block; position:relative;}
.warpLoginpage .loginBox01 .warpForm span.formBox label.lbl {text-decoration: -999em; font-size: 0px; color: #fff;}
.warpLoginpage .loginBox01 .warpForm span.formBox input.form-control { width: 340px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.tabMenubox {width:100%; height:55px; margin-bottom:40px; position:relative;}
.tabMenubox ul::after {content:''; display:block; clear: both;}
.tabMenubox ul li {width:50%; height:55px; display:block; float:left; border-bottom:3px #edefef solid; box-sizing: border-box; text-align:center; line-height: 55px; font-size:20px; font-weight:400; cursor:pointer;}
.tabMenubox ul li:hover,
.tabMenubox ul li.active{border-bottom: 3px #8329db solid; color:#8329db;}
.tabMenubox ul li:hover a,
.tabMenubox ul li.active a{color:#8329db;}
.tabMenubox ul li.border-right{border-right: 1px  #edefef  solid;     box-sizing: border-box;}

.warpLoginpage .loginBox02{width:706px; height:auto; margin:0 auto; padding-bottom:15px; }
.warpLoginpage .loginBox02 .title {text-align:center; font-size:28px; font-weight:600;}
.warpLoginpage .loginBox02 .warpForm {position:relative;}
.warpLoginpage .loginBox02 .warpForm .titleBox {position:relative;}
.warpLoginpage .loginBox02 .warpForm .titleBox em {display:block; text-align:center; font-size:22px; font-weight:600;}
.warpLoginpage .loginBox02 .warpForm .titleBox b {display:block; text-align:center; font-size:14px; font-weight: 400;}
.warpLoginpage .loginBox02 .warpForm p.noBox {margin:40px 0; font-size:16px; text-align:center;}
.warpLoginpage .loginBox02 .warpForm p.noBox img {margin-bottom: 10px;}
.groupBtn {/*width:680px;*/ margin:0 auto; text-align: center;}
.groupBtn::after {content:''; display:block; clear:both;}
.groupBtn01 {/*width:695px;*/ margin:25px auto 40px auto; text-align: center;}
.groupBtn01::after {content:''; display:block; clear:both;}
.emphasisBtn02 {width:340px; height:50px; display:inline-block; font-size:18px; color:#fff;}
.ghostBtn02 {min-width:340px; height:50px;  display:inline-block; font-size:18px; color:#535c59;}

.borderTable {width:706px; margin:25px auto; border-top:2px #8329db solid;}
.borderTable table {width:100%;}
.borderTable table thead th {height: 35px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: center; font-size: 15px; font-weight: bold;}
.borderTable table tbody td {height:60px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: center; font-size: 15px; font-weight: 400;}
.borderTable table tbody th {height:60px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: center; font-size: 15px; font-weight: bold;}

.borderTable01 {width:706px; margin:25px auto; border-top:2px #8329db solid;}
.borderTable01 table {width:100%;}
.borderTable01 table tbody td {height:60px; padding-left: 20px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.borderTable01 table tbody td input.form-control { width: 270px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable01 table tbody td i { font-size:15px; color:#e42424;}
.borderTable01 table tbody th {height:60px; padding-left: 20px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
.borderTable01 table tbody th i {font-size:15px; color:#e42424;}
.borderTable01 table tbody th i.none {margin-left: 6px; display:inline-block;}
.ghostBtn01 {min-width:340px; height:50px; margin: 0 auto; display:block; border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:18px; color:#535c59;}
.ghostBtn01:hover {background: #ecefef;}

/* 비밀번호 변경 */
.warpLoginpage02 {width:840px; margin:0 auto; padding-bottom:30px; background:#fff;}
.warpLoginpage02 .loginBox01{width:342px; height:auto; margin:0 auto; padding-bottom:15px; }
.warpLoginpage02 .loginBox01 .title {text-align:center; font-size:28px; font-weight:600;}
.warpLoginpage02 .loginBox01 .warpForm {position:relative;}
.warpLoginpage02 .loginBox01 .warpForm .titleBox {position:relative;}
.warpLoginpage02 .loginBox01 .warpForm .titleBox em {display:block; text-align:center; font-size:22px; font-weight:600;}
.warpLoginpage02 .loginBox01 .warpForm .titleBox b {display:block; text-align:center; font-size:14px; font-weight: 400;}
.warpLoginpage02 .loginBox01 .warpForm span.formBox { width: 340px; height: auto; display:block; position:relative;}
.warpLoginpage02 .loginBox01 .warpForm span.formBox label.lbl01 {display:block; font-size: 16px;}
.warpLoginpage02 .loginBox01 .warpForm span.formBox input.form-control { width: 340px; height: 45px; padding: 0 10px; position:relative;}
.warpLoginpage02 .loginBox01 .warpForm span.formBox i.nopw {margin-top:6px; display:block; font-size:13px; color:#e42424;}


/* 회원가입 페이지 */
.warpLoginpage01 {width:100%; margin: 40px auto; }
.warpsubSection .warpLoginpage01 h3 {width:90px; margin: 25px auto; position:relative; display:block;  text-align:center; font-size:28px; font-weight:500;}
.warpsubSection .warpLoginpage01 h3::before {content:''; width:32px; height:39px; position:absolute; top:-12px; left:-12px; background: url(/common/img/icon_sub_title.png) no-repeat left;}
.warpLocation { width:1000px; /*width:100%; */height:90px; margin:0 auto; border-top:1px #dcdce1 solid; border-bottom:1px #dcdce1 solid;}
.warpLocation ul { width: 100%; margin: 20px auto; text-align:center;}
.warpLocation ul::after {content:''; display:block; clear:both;}
.warpLocation ul li.nbr {width:22%; display:block; float:left;}
.warpLocation ul li.icon {width:3%; margin-top: 10px; display:block; float:left;}
.warpLocation ul li span.number {width:48px; height:48px; display:inline-block; background:#939393; border-radius: 50%; vertical-align:middle; text-align:center; line-height:44px; font-size:22px; font-weight: 400; color:#fff;}
.warpLocation ul li span.text { margin-left: 10px; display:inline-block; font-size:18px; font-weight:400; vertical-align:middle; }
.warpLocation ul li.active span.number {background:#8329db; }
.warpLocation ul li.active span.text {color:#8329db;}


/* 211122 회원가입여부 확인 box 추가 및 수정*/
.boxConfirm01 {width:828px; min-height:237px; margin: 57px auto; padding:30px 0 60px 0; background: #f6f8f8; border:1px #f1f1f1 solid; box-sizing:border-box;}
.boxConfirm01 .mtitle{font-size: 32px;font-weight: 600;text-align: center;}
.boxConfirm01 .title {padding:40px 10px 0 150px; font-size:24px; font-weight:600;}
.boxConfirm01 .title p {padding:30px 0 0 0; text-align:center; font-size:22px; font-weight:400;}
.boxConfirm01 .title01 {padding:40px 0 0 0; font-size:24px; font-weight:600;}
.boxConfirm01 .title01 p {padding:30px 0 0 0; text-align:center; font-size:22px; font-weight:400;}
.boxConfirm01 p.subtext {text-align:center; font-size:16px; font-weight: 400;}
.boxConfirm01 .conform {padding:10px 0 0 150px;}
.boxConfirm01 .conform label.lbl {margin-right: 10px; font-size:16px; font-weight:500; width:90px !important; display:inline-block;} /* 211119  추가*/
.boxConfirm01 .conform input{ padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.boxConfirm01 .conform input.form-control01 { width:90px; height: 35px;}

.boxConfirm01 .conform input.form-control02 { width:70px; height: 35px;}
.boxConfirm01 .conform input.form-control03 { width:98px; height: 35px;}
.boxConfirm01 .conform input.form-control04 { width:274px; height: 35px;}  /* 211119  추가*/
.boxConfirm01 .emphasisBtn {min-width:60px; height:35px; padding:0 20px; font-size:14px;}
.boxConfirm01 span.infoBox {min-width:120px; max-width:500px; height:55px; margin:20px auto; display:block; background:#fff; border:1px #c2c3c3 solid; box-sizing:border-box; text-align:center; line-height: 55px; font-size:20px; font-weight: 400; color:#a536f6;}
.boxConfirm01 .disabledBtn{height:35px; font-size:14px;}

.warpJoinbox {/*width:100%;*/width:1000px; margin: 30px auto; }
.warpJoinbox .titleBox {position:relative;}
.warpJoinbox .titleBox dl dt {padding-left:25px; position:relative; font-size:18px; font-weight:500;}
.warpJoinbox .titleBox dl dt::before {content:''; width:10px; height:10px; position:absolute; top:6px; left:0; background:#fff; border-radius:50%; border: 4px #8329db solid; }
.warpJoinbox .titleBox dl dd {padding-left: 25px; font-size: 14px; font-weight: 400;}
.warpJoinbox .titleBox dl dd span {margin:20px 0; display:block; font-weight:500; }

/* 211119 모든 약관 동의 체크 하단으로 이동*/
.warpJoinbox .agree-footer {font-size: 16px; font-weight: 400;}
.warpJoinbox .agree-footer span {margin:20px 0; display:block; font-weight:500; }

/* 211119 약관박스 세로값 넓힘 추가 */
.height-l{height:250px !important; }

.warpJoinbox .subBox {width:100%; margin: 30px auto; position:relative;}
.warpJoinbox .subBox dl{display:block;}
.warpJoinbox .subBox dl dt {margin-bottom:10px;}
.warpJoinbox .subBox dl dt::after {content:''; display:block; clear:both;}
.warpJoinbox .subBox dl dt span.left {display:block; float:left; font-size:16px;}
.warpJoinbox .subBox dl dt span.left i.red {color:#e42424;}
.warpJoinbox .subBox dl dt span.right {display:block; float:right; font-size:16px;}
.warpJoinbox .subBox dl dd {width:100%; height:165px; overflow-x:hidden; border:1px #c8cece  solid; box-sizing:border-box;}

.warpJoinbox .subBox-pop {width:100%; margin: 30px auto; position:relative;}
.warpJoinbox .subBox-pop dl{display:block;}
.warpJoinbox .subBox-pop dl dt {margin-bottom:10px;}
.warpJoinbox .subBox-pop dl dt::after {content:''; display:block; clear:both;}
.warpJoinbox .subBox-pop dl dt span.left {display:block; float:left; font-size:16px;}
.warpJoinbox .subBox-pop dl dt span.left i.red {color:#e42424;}
.warpJoinbox .subBox-pop dl dt span.right {display:block; float:right; font-size:16px;}
.warpJoinbox .subBox-pop dl dd {width:100%; height:180px; overflow:hidden;}
.warpJoinbox .subBox-pop dl dd textarea {width:100%; height:90%; border:1px #c8cece  solid; box-sizing:border-box;}

.warpJoinbox .groupBtn {width:100%; margin:0 auto; text-align:center;}
.warpJoinbox .groupBtn::after {content:''; display:block; clear:both;}
.warpJoinbox .groupBtn .disabledBtn02 {min-width:60px; height:50px; padding:0 25px; margin-right:10px; /*float:left; */font-size:16px; color:#fff;}
.warpJoinbox .groupBtn .emphasisBtn03 {width:280px; height:50px; /* float:right;*/ font-size:18px; color:#fff;}

.warpJoinbox01 {width:98%; padding:0 10px; }
.warpJoinbox01 h2 {margin-top: 30px; text-align:center; font-size: 24px;}
.warpJoinbox01 .titleBox {position:relative;}
.warpJoinbox01 .titleBox dl dt {padding-left:25px; position:relative; font-size:24px; font-weight:500;}
.warpJoinbox01 .titleBox dl dt::before {content:''; width:12px; height:12px; position:absolute; top:7px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
.warpJoinbox01 .titleBox dl dd {padding-left: 25px; font-size: 16px; font-weight: 400;}
.warpJoinbox01 .titleBox dl dd span {margin:20px 0; display:block; font-weight:500; }
.warpJoinbox01 dl dt span.left {display:block; float:left; font-size:16px;}
.warpJoinbox01 dl dt span.left i.red {color:#e42424;}
.warpJoinbox01 dl dt span.right {display:block; float:right; font-size:16px;}
.warpJoinbox01 dl dd {width:100%; height:180px; overflow:hidden;}
.warpJoinbox01 dl dd textarea {width:100%; height:90%; border:1px #c8cece  solid; box-sizing:border-box;}
.warpJoinbox01 p {margin-top: 20px; font-weight: bold; font-size: 16px;}
table.borderTable08 {width:100%; margin-top: 15px;}
table.borderTable08 th { padding:6px 0;  background:#e8f4f5;  border: 1px #bfccc9 solid;  box-sizing: border-box; text-align: center; font-size: 15px;}
table.borderTable08 th.border-leftnone {border-left: none;}
table.borderTable08 th.border-rightnone {border-right: none;}
table.borderTable08 td { padding:10px 0; border: 1px #bfccc9 solid;  box-sizing: border-box; text-align: center; font-size: 13px;}
table.borderTable08 td.left {padding-left: 10px; text-align: left !important;;}


.warpJoinbox01  strong.title {margin-top:30px; display:block; font-size:16px;}
.warpJoinbox01  ol.one {margin: 10px 0; font-size: 14px; font-weight: 500;}
.warpJoinbox01  ol.two {margin: 10px 0 0 15px; font-size: 13px; color: #737373;}
.warpJoinbox01  ol.two li {margin-top: 10px;}
.warpJoinbox01  ol.three {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.warpJoinbox01  ol.three li {margin-top: 3px;}
.warpJoinbox01  ol.four {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.warpJoinbox01  ol.four li {margin-top: 3px;}

.borderTable02 {width:100%; margin-top:20px; /* border-top:2px #a536f6 solid;*/ border-top:1px solid #333;}
.borderTable02 table {width:100%;}
.borderTable02 table tbody th {padding:10px 0 10px 10px; border-bottom: 1px #dcdce1 solid; text-align: left; font-size: 14px;/*font-weight:500;*/}
.borderTable02 table tbody td {padding:10px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; text-align:left; font-size: 13px; font-weight: 400; }
.borderTable02 table tbody th.leftborder {border-left: 1px #dcdce1 solid;box-sizing:border-box;}
.borderTable02 table tbody th i {color:#e42424;}
.borderTable02 table tbody th i.none {margin-left: 6px; display:inline-block;}
.borderTable02 table tbody td input,
.borderTable02 table tbody td select,
.borderTable02 table tbody td button{height:32px; font-size: 13px;/* padding: 0 10px position:relative; border: 1px #bfccc9 solid; */box-sizing: border-box;}
.borderTable02 table tbody td input.form-control { width: 470px;}
.borderTable02 table tbody td select.form-control { width: 470px;}
.borderTable02 table tbody td select.form-control01 { width: 105px;}
.borderTable02 table tbody td input.form-control-gly { /*width: 470px; */ width:93%; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box;}
.borderTable02 table tbody td input.form-control02 { width:69px; text-align: center;}
.borderTable02 table tbody td input.form-control03 { width:155px;}
.borderTable02 table tbody td input.form-control05 { width:336px;}
.borderTable02 table tbody td input.form-control04 {/* width:1005px;*/ width:96%;}
.borderTable02 table tbody td input.form-control06 { width: 490px;}
.borderTable02 table tbody td input.form-control07 { width:160px;}
.borderTable02 table tbody td input.form-control08 { width:220px;}
.borderTable02 table tbody td input.form-control09 { width:157px;}
.borderTable02 table tbody td select.form-control07 { width: 164px;}
.borderTable02 table tbody td input.form-control10 { width:103px;text-align: center;}
.borderTable02 table tbody td input.form-control11 { width:329px;}
.borderTable02 table tbody td input.form-control12 { width: 498px;}
.borderTable02 table tbody td input.form-control04-gly, 
.borderTable02 table tbody td input.form-control01-gly, 
.borderTable02 table tbody td input.form-control02-gly, 
.borderTable02 table tbody td input.form-control03-gly {/*padding: 0 10px;*/position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box;}
.borderTable02 table tbody td input.form-control04-gly {/* width:1110px;*/ width:97%;}
.borderTable02 table tbody td input.form-control01-gly { width: 103px;}
.borderTable02 table tbody td input.form-control02-gly { width: 220px;}
.borderTable02 table tbody td input.form-control03-gly { width: 385px;}
.borderTable02 table tbody td textarea {width:448px; height: 100px; padding: 10px; resize:none;/* 크기고정 */ }
.borderTable02 table tbody td button.ghostBtn {min-width:60px; height:32px; padding:0 25px;  border:1px #777d7c solid; z-index: 9;}
.borderTable02 table tbody td span.checkBox01 {margin-right: 20px;}
.borderTable02 table tbody td button.ghostBtn:hover {background: #ecefef;}
.borderTable02 table tbody td i {margin-left:10px; color:#e42424;}
.borderTable02 .infotxt{line-height:1.2;}
.borderTable02 table tbody td textarea.text-area-box{width:700px; height:150px;}

.borderTable02-pop {width:100%; margin-top:20px;/* border-top:2px #8329db solid;*/ border-top:1px solid #333;}
.borderTable02-pop table {width:100%;}
.borderTable02-pop table tbody td {height:60px; padding-left: 20px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.borderTable02-pop table tbody td input.form-control { width: 470px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td select.form-control { width: 470px; height: 45px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td select.form-control01 { width: 105px; height: 45px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control-gly { width: 470px; height: 45px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control02 { width:105px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control03 { width:155px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control05 { width:336px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control04 {/* width:1005px;*/ width:96%; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control06 { width: 490px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control07 { width:160px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control08 { width:330px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control09 { width:157px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td select.form-control07 { width: 164px; height: 45px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; vertical-align:middle;}
.borderTable02-pop table tbody td input.form-control10 { width:103px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; text-align: center; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control11 { width:329px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control12 { width: 498px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control04-gly { /* width:1110px;*/ width:97%; height: 45px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control01-gly { width: 103px; height: 45px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control02-gly { width: 330px; height: 45px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control03-gly { width: 385px; height: 45px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td textarea {width:448px; height: 100px; padding: 10px; resize:none;/* 크기고정 */ }
.borderTable02-pop table tbody td button.ghostBtn {min-width:60px; height:45px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:16px; color:#535c59; z-index: 9;}
.borderTable02-pop table tbody td span.checkBox01 {margin-right: 20px;}
.borderTable02-pop table tbody td button.ghostBtn:hover {background: #ecefef;}
.borderTable02-pop table tbody td i {    margin-left: 10px; font-size:15px; color:#e42424;}
.borderTable02-pop table tbody th {height:60px; padding-left: 20px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
.borderTable02-pop table tbody th.leftborder {border-left:  1px #dcdce1 solid;box-sizing:border-box;}
.borderTable02-pop table tbody th i {font-size:15px; color:#e42424;}
.borderTable02-pop table tbody th i.none {margin-left: 6px; display:inline-block;}

/* 전자세금계산서 발행 */
.citationBox_none {/*width:800px;*/ height:200px; margin:0 auto; border-bottom: 3px #dcdce1 solid;}
.citationBox_none p { padding-top: 73px; text-align: center; font-size: 18px;font-weight: 500;}
.subTitle{padding-left:18px; position:relative; font-size:17px; font-weight:700;}
.subTitle::before {content:''; width:6px; height:6px; position:absolute; top:6px; left:0; background:none; border-radius:50%; border: 4px #8329db solid; }

.borderTable03 {width:100%; margin-top:10px;/* border-top:2px #8329db solid;*/ border-top:1px solid #333; position: relative;}
.borderTable03 table {width:100%;}
.borderTable03 table th{/*font-weight: 500;*/ /*background:#fafbfd;*/ background: #f3f3f3; font-size: 14px; } /* 2023.09.20 색상변경 */
.borderTable03 table td{font-weight: 400;font-size: 13px;color:#444;} /* 2023.01.30 색상변경 */
.borderTable03 table th,
.borderTable03 table td{padding: 8px 6px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; box-sizing:border-box; text-align:center; }
.borderTable03 table .left-none-border{border-left:0;}
.borderTable03 table .right {text-align: right;}
.borderTable03 table tbody i.red {font-size:14px; color:#e42424;}
p.fottext {font-size:14px; font-weight: 400;}

/* borderTable03 추가 : tr 합계*/
.borderTable03 table .sum td{background:#f7f7f7;font-weight:700; color:#222;}

/* borderTable03 추가 : 총 합계*/
.total-sum table td{font-weight:700; color:#222; height:50px;}

/* tr에 마우스 오버시 색상 */
.borderTable03 tr:hover{background:#f8fcff;}

/* table td,th 글자size 조정 */
.fsize-s table th {font-size:13px; letter-spacing:-0.5px; padding: 8px 4px;}
.fsize-s table td {font-size:12px; letter-spacing:-0.5px; padding: 8px 4px;}


/* 게시판 */
.borderTable09 {width:100%; margin-top:10px;/* border-top:2px #8329db solid;*/ border-top:1px solid #333;}
.borderTable09 table {width:100%;}
.borderTable09 table thead th{/*font-weight: 500;*/ font-size: 14px;}
.borderTable09 table tbody td{font-weight: 400; font-size: 13px; color:#666;}
.borderTable09 table thead th,
.borderTable09 table tbody td{padding: 8px 6px; border-bottom: 1px #dcdce1 solid;  box-sizing:border-box; text-align:center; }
.borderTable09 table thead th.left-none-border {border-left:0;}
.borderTable09 table tbody td .list {width:700px; height:24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.borderTable09 table tbody td .list01 {width:600px; height:24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.borderTable09 table tbody td.left-none-border {border-left:0;}
.borderTable09 table tbody td.right {text-align: right;}
.borderTable09 table tbody i.red {font-size:15px; color:#e42424;}
p.fottext {font-size:14px; font-weight: 400;}

/* 게시판 상세 뷰페이지 */
.noticeView {width:100%; padding: 20px; border:1px solid #dcdce1; box-sizing:border-box;}
.noticeView .noticeHeader {height:30px;  padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
.noticeView .noticeHeader::after {content:''; display:block; clear:both;}
.noticeView .noticeHeader span.title {width:700px; height:28px; display: block; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:18px;}
i.iconBox {margin-right: 10px; padding: 3px 7px; border: 1px #8329db solid; font-size: 12px; font-weight:bold; color: #8329db;}

.noticeView .noticeHeader span.date {display: block; float:right; font-size:14px;}

.noticeView .noticeHeader01 {height:30px;  padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
.noticeView .noticeHeader01::after {content:''; display:block; clear:both;}
.noticeView .noticeHeader01 input.form-control01 { width:90%; height: 28px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.noticeView .noticeHeader01 input.form-control02 { width:120px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.noticeView .noticeHeader01 span.title {width:805px; height:30px; display: block; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:18px;}
.noticeView .noticeHeader01 span.date {display: block; float:right; font-size:14px;}

.noticeView .noticeContet {height:680px; padding:10px; font-size:14px; text-align:left; }
.noticeView .noticeContet textarea {width:100%; height:100%; font-size: 14px; resize:none; resize: vertical;}
.board_prevNext li.list {padding:18px 30px; border-bottom: 1px solid #e1e1e1;}
.board_prevNext {border:1px solid #e1e1e1;}
.board_prevNext li.list:after {display: block; content: '';clear: both;}
.board_prevNext li.list:first-child .info {background-position: 49px 9px;}
.board_prevNext li.list .info {float: left; display: inline-block; width: 100px; font-size: 15px; color: #000; background: url("/common/img/bg_prevNext.png") no-repeat 50px -45px;}
.board_prevNext li.list a.title {margin:0; float: left; display: inline-block; width: 500px; font-size: 15px; color:#000;}
.board_prevNext li.list a:hover.title {text-decoration:underline;}
.board_prevNext li.list .date {float: right; font-size: 15px;color: #666;}
.ellipsis {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 결의서 다음양식 20200519 */
.content03 {overflow:hidden;}
.content03:after {clear: both; content: ""; display: block;}
.content03 h1 {text-align:center; font-size:22px; font-weight:bold;}
.content03 .date {text-align:center; font-size:14px; font-weight:bold;}
.content03 .hgroup {overflow:hidden; margin:30px 0;}
.hgroup2 {overflow:hidden; margin:20px 0 5px 0;}
.hgroup2 h1 {text-align:center; font-size:22px; font-weight:bold;}
.content03 h2 {font-size:14px; font-weight:bold; clear:both; padding:10px 0 3px 0;}


.content03 h3 {font-size:13px; padding:10px 0 10px 10px; float:left; clear:both;}
.content03 .tit {border-bottom:1px solid #CCC; padding-bottom:15px;}
.content03 .txt02 {position:relative; font-size:14px; padding:20px 30px 0 30px; line-height:20px}
.content03 .txt03 {position:relative; font-size:13px; padding:20px 30px 0 30px; line-height:20px}
.content03 .to {float:left; position:relative; font-size:20px; font-weight:bold;padding:5px 0 40px 80px; border-bottom:2px solid #000; width:100%;}
.content03 .to b.jisa_name {display:inline-block; margin-left:50px;}
.content03 .to em {font-size:12px; padding-left:25px; font-weight:normal;}
.warpChitbox {width:100%; clear:both; font-family: "돋움", dotum, sans-serif; color: #000; }
.warpChitbox .chitbox01 {border:1px #a8acb5  solid; box-sizing:border-box;}
.warpChitbox .chitbox01::after {content:''; display:block; clear:both;}
.warpChitbox .chitbox01 .leftBox {width:330px; padding:10px; float:left; }
.warpChitbox .chitbox01 .leftBox h1 {margin-bottom:10px; text-align:left; font-size:18px;}
.warpChitbox .chitbox01 .warpHistory {width:320px;  margin:0 auto; border:1px #a8acb5  solid; box-sizing:border-box;}
.warpChitbox .chitbox01 .warpHistory01 {width:320px; height:408px; margin:0 auto; border:1px #a8acb5  solid; box-sizing:border-box; text-align:center;}
.warpChitbox .chitbox01 .warpHistory span.title{width:330px; margin:15px auto; display:inline-block; text-align:center; font-size:16px; font-weight:bold;}
.warpChitbox .chitbox01 .warpHistory dl {padding:0px 10px 5px 10px;}
.warpChitbox .chitbox01 .warpHistory dl dt {font-size:13px; font-weight:bold;}
.warpChitbox .chitbox01 .warpHistory dl dd{font-size:12px;}
.warpChitbox .chitbox01 .warpHistory ul li::after {content:''; display:block; clear:both;}
.warpChitbox .chitbox01 .warpHistory ul li.borderLin {border-top:1px #a8acb5  solid;}
.warpChitbox .chitbox01 .warpHistory ul li.pd {margin:10px; padding:10px 0; display:block;}
.warpChitbox .chitbox01 .warpHistory ul li.pd span.sleftBox {display:block; float:left; font-size:13px; font-weight:bold; color: #000;}
.warpChitbox .chitbox01 .warpHistory ul li.pd span.srightBox {display:block; float:right; font-size:14px; font-weight:bold; color: #000;}
.warpChitbox .chitbox01 .warpHistory ul li.nd {margin:3px 10px;  display:block;}
.warpChitbox .chitbox01 .warpHistory ul li.nd span.sleftBox {display:block; float:left; font-size:13px;  color: #000;}
.warpChitbox .chitbox01 .warpHistory ul li.nd span.srightBox {display:block; float:right; text-align:right; font-size:13px; color: #000; }


.warpChitbox .warpHistory02 {border:1px #a8acb5  solid; box-sizing:border-box; color: #000; }
.warpChitbox .warpHistory02 span.title{margin:20px 0; display:block; text-align:center; font-size:16px; font-weight:bold;}
.warpChitbox .warpHistory02 dl {padding:0px 10px 5px 10px;}
.warpChitbox .warpHistory02 dl dt {font-size:14px; font-weight:bold;}
.warpChitbox .warpHistory02 dl dd{font-size:15px;}
.warpChitbox .warpHistory02 ul li::after {content:''; display:block; clear:both;}
.warpChitbox .warpHistory02 ul li.borderLin {border-top:1px #a8acb5  solid;}
.warpChitbox .warpHistory02 ul li.pd {margin:10px; padding:10px 0; display:block;}
.warpChitbox .warpHistory02 ul li.pd span.sleftBox {display:block; float:left; font-size:14px; font-weight:bold;}
.warpChitbox .warpHistory02 ul li.pd span.srightBox {display:block; float:right; font-size:16px; font-weight:bold;}
.warpChitbox .warpHistory02 ul li.nd {margin:10px;  display:block;}
.warpChitbox .warpHistory02 ul li.nd span.sleftBox {min-width:90px; display:block; float:left; font-size:14px; }
.warpChitbox .warpHistory02 ul li.nd span.srightBox {display:block; float:left; text-align:left; font-size:14px;  }


.warpChitbox .chitbox01 .rightBox  {width:330px; padding:10px; float:left; border-left: 1px #a8acb5  solid;}
.warpChitbox .chitbox01 .rightBox h1 {margin-bottom:10px; text-align:left; font-size:18px;}


.citationBox {width:100%; margin-top:10px; border-top:2px #8329db solid}
.citationBox table{width:100%;}
.citationBox table tbody th {padding: 8px; border-bottom: 1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size:15px; font-weight:700;}
.citationBox table tbody td {padding: 8px; border-bottom: 1px #dcdce1 solid;  box-sizing:border-box; text-align:left; font-size:14px; font-weight: 400;}
.citationBox table tbody td i.red {color:#e42424;}
.citationBox table tbody td span.bar {width:1px; height:40px; display:block; background:#dcdce1; }

.topBtnbox {margin: 0 0 15px 0;/* float:right;*/ text-align:right;}
.topBtnbox::after {content:''; display:block; clear:both;}

.borderTable04 {width:930px; height:auto; margin: 0 auto;border: 1px #b33132 solid; box-sizing:border-box; clear:both; font-size:14px;}
.borderTable04 table {width:100%;  table-layout: fixed; border: 1px #b33132 solid; ox-sizing:border-box;}
.borderTable04 table th {border:1px #e49596 solid;  font-weight: 400;font-size: 13px;}
.borderTable04 table th.font24 {padding: 5px 30px; text-align:center; font-size:24px; font-weight:500; color:#e42424;}
.borderTable04 table th.title  {padding: 5px 30px; text-align:left; color:#e42424;}
.borderTable04 table th.title01  {padding: 5px 30px; text-align:center; color:#e42424;}
.borderTable04 table th.title02  {padding: 6px 5px 3px 5px; text-align:center; color:#e42424; background: #fff1f1;}
.borderTable04 table th.title02_01  {padding: 6px 5px 3px 5px; text-align:center; background: #f37576; color: #fff; border: 1px #b33132 solid;}
.borderTable04 table th.title03  {padding: 6px 5px 3px 5px; text-align:center; border: 1px #a1a9ce solid;     background: #e8edfb;color:#3956e0 ;}
.borderTable04 table th.title03_01  {padding: 6px 5px 3px 5px; text-align:center; background: #619aef; border: 1px #2c6bc7 solid; color: #fff;}
.borderTable04 table th.title04  {height: 25px; padding: 3px 0 0 0; color:#e42424; background: #eaeaea;}
.borderTable04 table th.title05  {color:#e42424; background: #fff;}
.borderTable04 table th.border-left-none {border-left:0  !important ;}
.borderTable04 table th.border-right-none {border-right:0  !important ;}
.borderTable04 table th.border-bottom-none {border-bottom:0  !important ;}
.borderTable04 table th.border-bottom {border-bottom: 1px #b33132 solid  !important ;}
.borderTable04 table td.border-bottom {border-bottom: 1px #b33132 solid  !important ;}
.borderTable04 table th.border-top{border-top: 1px #b33132 solid  !important ;}
.borderTable04 table td.border-top {border-top: 1px #b33132 solid  !important ;}
.borderTable04 table th.border-top-none {border-top:0  !important ;}
.borderTable04 table td span.radioBox {/*margin-top:4px;*/ margin-left:20px; display:inline-block;font-size:13px;}
.borderTable04 table td span.radioBox:first-child {margin-left:0;}
.borderTable04 table td span.radioBox01 {display:block;}
.borderTable04 table td {position:relative; border:1px #e49596 solid; box-sizing:border-box;  text-align:center; vertical-align:middle; font-size:12px; word-break: normal;}
.borderTable04 table td.blu {border: 1px #a1a9ce solid; color:#3956e0 !important ;}
.borderTable04 table td.blu01 {border: 1px #a1a9ce solid; font-size:12px;}
.borderTable04 table td.blu-right {border-right:1px #2c6bc7  solid; }
.borderTable04 table td.border-left-none {border-left:0  !important ;}
.borderTable04 table td.border-right-none {border-right:0  !important ;}
.borderTable04 table td.border-bottom-none {border-bottom:0  !important ;}
.borderTable04 table td.border-top-none {border-top:0  !important ;}
.borderTable04 table td input.form-control-gly { width:100%; height:25px; padding: 0 3px; position:relative; background:#eff2f1; border:0; /*border: 1px #bfccc9 solid;*/ box-sizing: border-box; font-size: 12px;}
.borderTable04 table td input.form-control-gly01 { width:70%; height:23px; padding: 0 3px; position:relative; background:#eff2f1; border: 1px #cacecc  solid; box-sizing: border-box; font-size: 12px;}
.borderTable04 table td input.form-control { width:98%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;  box-sizing: border-box; font-size: 12px;}
.borderTable04 table td input.form-control01 { width:70%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 12px;}
.borderTable04 table td input.form-control02 { width:82%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 12px;}
.borderTable04 table td input.form-control03 { width:96%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 12px;}
.borderTable04 table th input.form-control { width:90%; height:25px; padding: 0 0; position:relative; background:#fff; border: 1px #cacecc solid;box-sizing: border-box; font-size: 12px;}
.borderTable04 .verTop{ vertical-align:middle !important;}
.borderTable04 table td input:focus{border:1px solid #555;}

.borderTable04_pop {width:930px; height:auto; margin: 0 auto;border: 1px #b33132 solid; box-sizing:border-box; clear:both; font-size:14px;}
.borderTable04_pop table {width:100%;  table-layout: fixed; border: 1px #b33132 solid; ox-sizing:border-box;}
.borderTable04_pop table th {border:1px #e49596 solid;  font-weight: 400;font-size: 13px;}
.borderTable04_pop table th.font24 {padding: 5px 30px; text-align:center; font-size:24px; font-weight:500; color:#e42424;}
.borderTable04_pop table th.title  {padding: 5px 30px; text-align:left; color:#e42424;}
.borderTable04_pop table th.title01  {padding: 5px 30px; text-align:center; color:#e42424;}
.borderTable04_pop table th.title02  {padding: 6px 5px 3px 5px; text-align:center; color:#e42424; background: #fff1f1;}
.borderTable04_pop table th.title02_01  {padding: 6px 5px 3px 5px; text-align:center; background: #f37576; color: #fff; border: 1px #b33132 solid;}
.borderTable04_pop table th.title03  {padding: 6px 5px 3px 5px; text-align:center; border: 1px #a1a9ce solid;     background: #e8edfb;color:#3956e0 ;}
.borderTable04_pop table th.title03_01  {padding: 6px 5px 3px 5px; text-align:center; background: #619aef; border: 1px #2c6bc7 solid; color: #fff;}
.borderTable04_pop table th.title04  {height: 25px; padding: 3px 0 0 0; color:#e42424; background: #eaeaea;}
.borderTable04_pop table th.title05  {color:#e42424; background: #fff;}
.borderTable04_pop table th.border-left-none {border-left:0  !important ;}
.borderTable04_pop table th.border-right-none {border-right:0  !important ;}
.borderTable04_pop table th.border-bottom-none {border-bottom:0  !important ;}
.borderTable04_pop table th.border-bottom {border-bottom: 1px #b33132 solid  !important ;}
.borderTable04_pop table td.border-bottom {border-bottom: 1px #b33132 solid  !important ;}
.borderTable04_pop table th.border-top{border-top: 1px #b33132 solid  !important ;}
.borderTable04_pop table td.border-top {border-top: 1px #b33132 solid  !important ;}
.borderTable04_pop table th.border-top-none {border-top:0  !important ;}
.borderTable04_pop table td span.radioBox {/*margin-top:4px;*/ margin-left:20px; display:inline-block;font-size:13px;}
.borderTable04_pop table td span.radioBox:first-child {margin-left:0;}
.borderTable04_pop table td span.radioBox01 {display:block;}
.borderTable04_pop table td {position:relative; border:1px #e49596 solid; box-sizing:border-box;  text-align:center; vertical-align:middle; font-size:12px;}
.borderTable04_pop table td.blu {border: 1px #a1a9ce solid; color:#3956e0 !important ;}
.borderTable04_pop table td.blu01 {border: 1px #a1a9ce solid; font-size:12px;}
.borderTable04_pop table td.blu-right {border-right:1px #2c6bc7  solid; }
.borderTable04_pop table td.border-left-none {border-left:0  !important ;}
.borderTable04_pop table td.border-right-none {border-right:0  !important ;}
.borderTable04_pop table td.border-bottom-none {border-bottom:0  !important ;}
.borderTable04_pop table td.border-top-none {border-top:0  !important ;}
.borderTable04_pop table td input.form-control-gly { width:100%; height:25px; padding: 0 3px; position:relative; background:#eff2f1; border:0; /*border: 1px #bfccc9 solid;*/ box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table td input.form-control-gly01 { width:70%; height:23px; padding: 0 3px; position:relative; background:#eff2f1; border: 1px #cacecc  solid; box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table td input.form-control { width:98%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;  box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table td input.form-control01 { width:70%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table td input.form-control02 { width:82%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table td input.form-control03 { width:96%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table th input.form-control { width:90%; height:25px; padding: 0 0; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 11px;}

span.radioBox01 {display:block;}

p.warningBox {width: 930px; margin:20px auto; padding:13px 0; border: 1px #d66530 solid; box-sizing:border-box; background: #fbe6dd; text-align:center; font-size:17px; color: #9e0606;}

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    p.warningBox {width: 930px; margin:20px auto; padding:13px 0 5px 0; border: 1px #d66530 solid; box-sizing:border-box; background: #fbe6dd; text-align:center; font-size:17px; color: #9e0606;}
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    p.warningBox {width: 930px; margin:20px auto; padding:13px 0 5px 0; border: 1px #d66530 solid; box-sizing:border-box; background: #fbe6dd; text-align:center; font-size:17px; color: #9e0606;}
  
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    p.warningBox {width: 930px; margin:20px auto; padding:13px 0 5px 0; border: 1px #d66530 solid; box-sizing:border-box; background: #fbe6dd; text-align:center; font-size:17px; color: #9e0606;}
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    p.warningBox {width: 930px; margin:20px auto; padding:13px 0 5px 0; border: 1px #d66530 solid; box-sizing:border-box; background: #fbe6dd; text-align:center; font-size:17px; color: #9e0606;}
} 


span.positionCen {position:relative; right: 234px; text-align:center; }
span.positionCen01 {position:relative; right: 0; text-align:center; }
span.positionCen02 {display:block; font-size:12px; }
button.tableBtn {height:23px; padding:0 2px; background:#eeeeee; border:1px #949a99 solid; box-sizing:border-box; font-size:12px; color:#53625f;}
button.tableBtn:hover{background: #e6e3e3;}
button.tableBtn01 {height:23px; margin-right:3px; padding:0 8px; float: right; background:#fff; border:1px #949a99 solid; font-size:12px; color:#53625f; }
button.tableBtn01::after {content:''; display:block; clear:both;}
button.tableBtn01:hover{background: #eeeeee;}
button.tableBtn02 {position:absolute; right:0; }
button.tableBtn0202 {height:22px; padding:0 2px}
button.tableBtn0202 img {vertical-align:top;}
button.delete img {vertical-align:middle;}
button.tableBtn03 {height:22px; margin-left:13px; padding:0 2px; background:#fff; border:1px #949a99 solid; font-size:12px; color:#53625f; }
button.tableBtn03:hover{background: #eeeeee;}
button.tableBtn04 {width:80px; height:22px; margin:5px auto; padding:0 2px; display:block; background:#fff; border:1px #949a99 solid; font-size:12px; color:#53625f; }
button.tableBtn04::after {content:''; display:block; clear:both;}
button.tableBtn04:hover{background: #eeeeee;}
button.tableBtn05 {width:80px; height:22px; margin:5px auto; padding:0 2px; display:block; background:#fff; border: 1px #8329db solid; font-size:12px; color:#8329db; }
button.tableBtn05::after {content:''; display:block; clear:both;}
button.tableBtn05:hover{background: #e3fbfd;}
button.calenderBtn {position:relative; /*top:3px;*/}
button.calenderBtn01 {position:relative; /*top:7px;*/}
.textRight {text-align:right;}
.bottomBtnbox {/*width: 930px;*/ margin: 10px auto;}
.bottomBtnbox::after {content:''; display:block; clear:both;}
.bottomBtnbox span.leftBtn {display:block; float:left;}
.bottomBtnbox span.rightBtn {display:block; float:right;}
.bottomBtnbox span.rightBtn b {margin-right: 10px; font-size:14px; font-weight: 400; font-style:normal;}

.borderTable05 {/*width:930px;*/ height:auto; margin: 35px auto; overflow:hidden;}
.borderTable05 table {width:100%;}
.borderTable05 table th {padding: 10px 15px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable05 table td {padding: 10px 15px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable05 table td span.checkBox01 {margin-right: 20px;}
.borderTable05 table td span.checkBox01:last-child {margin:0;}
.borderTable05 table td span.checkBox01 a {text-decoration:underline;}
.borderTable05 table td input.form-control { width:20%; height:22px; padding: 0 10px;}
.borderTable05 table td input.form-control01 { width:100%; height:35px; padding: 0 10px;}
.borderTable05 table td input.form-control02 { width:100%; height:25px; padding: 0 10px;}
.borderTable05 table td select.form-control01 { width:100%; height:35px; padding: 0 10px;}
.borderTable05 table td textarea {width:97%; height: 100px; padding: 10px; resize:none;/* 크기고정 */ }
.borderTable05 table td.right {text-align: right;}
.borderTable05 table td input[type="file"]{ width:710px; height:25px;}
.borderTable05 table td.border-left-none {border-left:0  !important ;}
.borderTable05 table td.border-right-none {border-right:0  !important ;}
.positionRig {position:relative; /*top:5px; */right:0;  }
.positionRig01 {position:relative; /*top:3px; */ right:10px;  }
.borderTable05.tdtype-s table th{padding: 6px 15px; color:#000;}
.borderTable05.tdtype-s table td{padding: 5px 15px; font-size:13px;}

.borderTable05_01 {width:930px; height:auto; margin: 10px auto; overflow:hidden;}
.borderTable05_01 table {width:100%;}
.borderTable05_01 table th {padding: 10px 15px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable05_01 table td {padding: 10px 15px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable05_01 table td span.checkBox01 {margin-right: 20px;}
.borderTable05_01 table td span.checkBox01:last-child {margin:0;}
.borderTable05_01 table td span.checkBox01 a {text-decoration:underline;}
.borderTable05_01 table td input.form-control { width:20%; height:22px; padding: 0 10px;}
.borderTable05_01 table td input.form-control01 { width:100%; height:35px; padding: 0 10px;}
.borderTable05_01 table td select.form-control01 { width:100%; height:35px; padding: 0 10px;}

.borderTable05_02 {width:930px; height:auto; margin: 10px auto; overflow:hidden;}
.borderTable05_02 table {width:100%;}
.borderTable05_02 table th {padding: 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:center;font-size:13px; font-weight: 500;}
.borderTable05_02 table td {height:30px; padding: 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:12px; font-weight: 400;}
.borderTable05_02 table td span.checkBox01 {margin-right: 20px;}
.borderTable05_02 table td span.checkBox01:last-child {margin:0;}
.borderTable05_02 table td span.checkBox01 a {text-decoration:underline;}
.borderTable05_02 table td input.form-control { width:20%; height:22px; padding: 0 10px;  background:#fff; border: 1px #fff solid;  box-sizing: border-box; font-size: 14px;}
.borderTable05_02 table td input.form-control01 { width:100%; height:22px; padding: 0 10px;  background:#fff; border: 1px #fff solid;  box-sizing: border-box; font-size: 14px;}
.borderTable05_02 table td select.form-control01 { width:100%; height:22px; padding: 0 10px;  background:#fff; border: 1px #fff solid;  box-sizing: border-box; font-size: 14px;}

.borderTable05 table td input[type="file"]{ width:710px; height:25px; background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable05 table td input.form-Ckcontrol01[type="file"]{ width:94%; height:24px; background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable05_02 table td.border-left-none {border-left:0  !important ;}
.borderTable05_02 table td.border-right-none {border-right:0  !important ;}


.explanationBox {/*width:930px;*/ width:100%; height:auto; margin:35px auto; padding:20px; border:1px #dce0e2 solid; box-sizing:border-box;}
.explanationBox dl {}
.explanationBox dl dt {margin-bottom:5px; font-size:16px; font-weight:bold;}
.explanationBox dl dt i.icon02 {width:20px; height:20px; margin-right:4px; display:inline-block; background:#88888f; border-radius:50%; line-height:20px; vertical-align:middle; text-align:center; font-size:14px; color:#fff;}
.explanationBox dl dt i.icon02-pop {width:20px; height:20px; margin-right:4px; display:inline-block; background:#88888f; border-radius:50%; vertical-align:middle; text-align:center; font-size:14px; color:#fff;}

.explanationBox dl dd {margin-bottom:5px; font-size:14px; font-weight:500;}
.explanationBox dl dd span.red {color:#e42424;}

.explanationBox dl dd.pop {font-size:14px; font-weight:400;}
.explanationBox dl dd.pop span.red {color:#e42424;}

/* search form */
.warpSearchbox select,
.warpSearchbox button.ghostBtn05,
.warpSearchbox button.btn-date{font-size:13px !important;} /* inc.css 그리드영역 css 영향을 받아서 폰트사이즈 추가*/

input.calendar{display:inline-block;}
input.calendar + img { margin:-2px 10px 0 -24px !important; cursor:pointer;}
input.calendar::-ms-clear {display: none;}
select.ui-datepicker-year,
select.ui-datepicker-month{height:20px; font-size:12px} /* datepicker 년/월 선택박스 세로값 */

.warpText01 .warpSearchbox .bordernonetable .btn-date{height:32px;padding:0 10px;border:1px solid #bfccc9; color:#555; background:#fff;}
.warpText01 .warpSearchbox .bordernonetable .btn-date:hover,
.warpText01 .warpSearchbox .bordernonetable .ghostBtn05:hover{/*background: #f6fbff;*/border:1px solid #8329db; color:#8329db; background:#fff;}

.warpText01 {/*width:930px; */height:auto; margin:35px auto;}
.modal-content02 .warpText01 {margin:0 auto 10px auto;} /* popup 검색박스 마진값 */

.warpSearchbox {padding: 7px 16px; background: #f4f6f6; border: 1px #f0f1f1 solid; border-radius:2px;/*box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 2%);*/  box-sizing: border-box;}
.warpText01 .warpSearchbox .bordernonetable {width:100%; /*margin-top:5px;*/}
.warpText01 .warpSearchbox .bordernonetable table {width:100%; white-space:nowrap;}
.warpText01 .warpSearchbox .bordernonetable table tbody th { padding-left: 10px;text-align:left; font-size: 14px;}
.warpText01 .warpSearchbox .bordernonetable table tbody th i {font-size:14px; color:#e42424;}
.warpText01 .warpSearchbox .bordernonetable table tbody td {/*min-height:60px;*/ padding:3px 2px; text-align:left; font-size: 14px; font-weight: 400;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control { width:353px; padding: 0 10px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control0101 { width:210px; padding: 0 10px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control01 { width:437px;padding: 0 10px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control-gly { width:355px;padding: 0 10px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control02 { width:555px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control022 { width:555px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control0232 { width:355px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td select.form-control { width:437px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td select.form-control01 { width:100%;}
.warpText01 .warpSearchbox .bordernonetable table tbody td select.form-control0011 { width:210px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td select.form-control0012 { width:180px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td em{margin-left:-2px}

.warpText01 .gridBox {width:100%; margin:10px auto; padding:10px 15px;border:1px #f2f3f3 solid; box-sizing:border-box;}
.warpText01 .bottomBtnbox01 {width: 100%; margin: 0 auto;}
.warpText01 .bottomBtnbox01::after {content:''; display:block; clear:both;}
.warpText01 .bottomBtnbox01 span.leftbox {display:block; float:left  !important ; font-size:16px;} 
.warpText01 .bottomBtnbox01 span.leftbox i {position:relative; top:2px;}
.warpText01 .bottomBtnbox01  span.rightbox {font-size:16px; font-weight:400;}
.warpText01 .bottomBtnbox01  span.rightbox select.form-control01 { width:110px; height: 30px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}

.explanationBox01 {width:930px; height:120px; margin:0 auto; border:1px #dce0e2 solid; box-sizing:border-box; overflow:hidden;}
.explanationBox01::after {content:''; display:block; clear:both;}
.explanationBox01 .leftBox03 {width:95px; height:120px;  float:left; border-right:1px #dce0e2 solid; box-sizing:border-box;}
.explanationBox01 .rightBox03 {width:833px; height:120px; float:left; border:0; overflow-y:scroll;}
.explanationBox01 .rightBox03 ul.listBox {padding:5px;}
.explanationBox01 .rightBox03 ul.listBox li {margin: 0 0 3px 0; padding:0; border:0; font-size:13px;}

/* 20220608 수정*/
.explanationBox03 {/*width:930px;*/ width:100%; height:120px; margin:0 auto; border:1px #dce0e2 solid; box-sizing:border-box; overflow:hidden;}
.explanationBox03::after {content:''; display:block; clear:both;}
.explanationBox03 .leftBox03 {width:95px; height:120px;  float:left; border-right:1px #dce0e2 solid; box-sizing:border-box;}
.explanationBox03 .rightBox03 {/*width:722px;*/ width:1035px; height:120px; float:left; border:0; overflow-y:scroll;}
.explanationBox03 .rightBox03 ul.listBox {padding:5px;}
.explanationBox03 .rightBox03 ul.listBox li {margin: 0 0 3px 0; padding:0; border:0; font-size:13px;}
.explanationBox03 .rightBox04 {float:right;}
.explanationBox03 .rightBox04 button.emphasisBtn06 {min-width:45px; height:120px;padding:0 25px; font-size:16px; color:#fff;}


/* 이용안내 */
.coTitle {margin: 20px auto; text-align: center;}
.coTitle span.big  {display:block; font-size:24px; font-weight:bold;}
.coTitle span.small  {display:block; font-size:18px; font-weight:400;}
.guidanceBox {padding: 15px 10px; border:1px solid #e7e7ef; background:#f4f4f7; box-sizing: border-box;}
.guidanceBox ul.guidBoxlist {width: 750px; margin:10px auto;}
.guidanceBox ul.guidBoxlist::after {content: ''; display:block; clear: both;}
.guidanceBox ul.guidBoxlist li {margin:20px 180px 0 0;  display:block; float: left; text-align: center; }
.guidanceBox ul.guidBoxlist li.list {margin: 20px 0 0 0;}
.guidanceBox ul.guidBoxlist li i.iconImg {width:112px; height:112px; background:#fff; border-radius: 50%; display:inline-block; text-align: center;}
.guidanceBox ul.guidBoxlist li i.iconImg:hover {background: #f9f3ff;border: 2px #8b35e0 solid;box-sizing: border-box;}
.guidanceBox ul.guidBoxlist li i.iconImg img {margin-top: 28px; text-align: center; vertical-align: middle;}
.guidanceBox ul.guidBoxlist li span.iconTex {display:block; text-align: center; font-size: 16px; font-weight: 500;} 
p.right {text-align: right;}
.processBox {margin:30px 0; padding: 30px; border: 1px #f2f2f2 solid; box-sizing:border-box;}
.processBox ul.processList01 {width:100%; position: relative;}
.processBox ul.processList01::after {content: ''; display:block; clear:both;}
.processBox ul.processList01 li {width:180px; display:block; float: left; text-align: center;}
.processBox ul.processList01 li span.title {margin-bottom: 20px; display:block; font-size:20px; font-weight: 400;}
.processBox ul.processList01 li i {height: 60px; display:block;}
.processBox ul.processList01 li i img {vertical-align: middle;}
.processBox ul.processList01 li span.text {margin: 15px 0; display:block; line-height: 1.2; font-size:16px; font-weight: 400;}
.processBox ul.processList01 li span.locationNext {display:block; line-height: 225px;}
.processBox .buttBtn  {width: 150px; margin: 0 auto;}

.processBox ul.processList02 {width:100%; position: relative;}
.processBox ul.processList02::after {content: ''; display:block; clear:both;}
.processBox ul.processList02 li {width:202px; display:block; float: left; text-align: center;}
.processBox ul.processList02 li.arrow {width:30px; display:block; float: left; text-align: center;}
.processBox ul.processList02 li span.title {margin-bottom: 20px; display:block; font-size:20px; font-weight: 400;}
.processBox ul.processList02 li i {height: 60px; display:block;}
.processBox ul.processList02 li i img {vertical-align: middle;}
.processBox ul.processList02 li span.text {margin: 15px 0; display:block; line-height: 1.2; font-size:16px; font-weight: 400;}
.processBox ul.processList02 li span.locationNext {display:block; line-height: 180px;}
.processBox ul.processList02 li button.emphasisBtn {width: 150px; margin: 0 auto;}
.processBox ul.processList02 li button01 .emphasisBtn01 {width: 170px; margin: 0 auto; display:block; text-align: center; }
.processBox ul.processList02 li button.emphasisBtn {width:165px; height:30px; display:block; font-size:16px; color:#fff;}


.coTitle01  {padding: 15px 10px; border:1px solid #e7e7ef; background:#f4f4f7; box-sizing: border-box;}
.coTitle01::after {content:''; display:block; clear:both;}
.coTitle01 span.leftT {margin-left: 20px; display:block; float: left;}
.coTitle01 span.leftT i.iconImg {width:112px; height:112px; background:#fff; border-radius: 50%; display:inline-block; text-align: center;}
.coTitle01 span.leftT i.iconImg img {margin-top: 28px; text-align: center; vertical-align: middle;}
.coTitle01 span.rightT {margin: 10px 0 0 20px; display:block; float: left;}
.coTitle01 span.rightT strong {display:block; font-size: 24px; font-weight: bold;}
.coTitle01 span.rightT b {display:block; font-size:18px; font-weight: 400;}
.coTitle01 p {text-align: center; font-size: 17px; font-weight: 400;}
.coTitle01 ul li {margin: 0 0 15px 10px; display:block; font-size: 17px; font-weight: 400;}
.coTitle01 ul li.mT0 {margin: 0 0 0 10px;}
.coTitle01 ul li.mT234 {margin: 0 0 0 234px;}
.coTitle01 ul li.list {margin:0 0 0 10px;}
.coTitle01 ul li strong{font-weight: bold;}
.coTitle01 ul li i.number {width: 28px; height: 28px; display:inline-block; background: #ff0000; border-radius: 50%; text-align: center; vertical-align:middle; font-size:18px; color:#fff; }
.functionList {margin: 20px 0;}
.functionList ul li { margin-bottom: 10px; padding-left: 35px; display:block; position: relative; font-size: 16px; font-weight: 400;}
.functionList ul ::before {content: ''; width: 30px; height: 25px; position: absolute; left: 0; bottom: 2px; background: url(../img/img_checkbox.png) no-repeat; }
.guidImg {margin: 10px 0; text-align:center;}
.menuBox01 {margin-top: 30px; border: 1px #f2f3f3 solid; box-sizing: border-box;}
.menuBox01 .tabMenubox {margin: 0;}
.menuBox01 .meunList {padding: 20px; font-size: 16px; font-weight: 400;}
.menuBox01 .meunList p {margin-bottom: 10px;}
.menuBox01 .meunList .none {display: none;}

/* 수정문서 */
.warpLocation01 {width:100%; }
.warpLocation01 ul { width: 880px; margin: 39px auto; text-align:center;}
.warpLocation01 ul::after {content:''; display:block; clear:both;}
.warpLocation01 ul li.nbr {width:250px; display:block; float:left;}
.warpLocation01 ul li.icon {width:50px; margin-top: 10px; display:block; float:left;}
.warpLocation01 ul li span.number {width:58px; height:58px; display:inline-block; background:#5c6764; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px; font-size:30px; font-weight: 400; color:#fff;}
.warpLocation01 ul li span.text {    margin-left: 10px; display:inline-block; font-size:20px; font-weight:400;}
.warpLocation01 ul li.active span.number {width:58px; height:58px; display:inline-block; background:#8329db; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px;font-size:30px; font-weight: 400; color:#fff;}
.warpLocation01 ul li.active span.text {display:inline-block; font-size:20px; font-weight:400; color:#8329db;}

.explanationBox02 {margin: 30px 0; padding:10px 20px; border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px;}
.explanationBox02 p {margin-bottom:5px;}
.explanationBox02::after {content:''; display:block; clear:both;}
.explanationBox02 .leftBox04 {float:left; }
.explanationBox02 .rightBox04 { float:right; border:0;}
.leftBox05 {float:left; }

.borderTable06 {width:930px; height:auto; margin: 35px auto; overflow:hidden;}
.borderTable06 table {width:100%;  table-layout: fixed;}
.borderTable06 table th {width:300px; padding: 3px 8px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable06 table th.center {text-align:center;}
.borderTable06 table td.center {text-align:center;}
.borderTable06 table td {padding: 10px 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable06 table td.grh {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 400;}
.borderTable06 table td.grh01 {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable06 table td input.form-control { width:100%; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable06 table td textarea { width:100%; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical;}
.borderTable06 table th.border-left-none {border-left:0  !important ;}
.borderTable06 table td.border-left-none {border-left:0  !important ;}
.borderTable06 table td.border-right-none {border-right:0  !important ;}

.borderTable06_pop {width:930px; height:auto; margin: 35px auto; overflow:hidden;}
.borderTable06_pop table {width:100%;}
.borderTable06_pop table th {padding: 10px 15px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable06_pop table th.center {text-align:center;}
.borderTable06_pop table td.center {text-align:center;}
.borderTable06_pop table td {padding: 10px 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable06_pop table td.grh {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 400;}
.borderTable06_pop table td.grh01 {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable06_pop table td input.form-control { width:100%; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable06_pop table td textarea { width:100%; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical;}
.borderTable06_pop table th.border-left-none {border-left:0  !important ;}
.borderTable06_pop table td.border-left-none {border-left:0  !important ;}
.borderTable06_pop table td.border-right-none {border-right:0  !important ;}

.borderTable06_01 .scrollY{width:930px; overflow-x: scroll;}
.borderTable06_01 {width:930px; height:auto; margin: 35px auto; overflow:hidden;}
.borderTable06_01 table {width:100%; table-layout: fixed;}
.borderTable06_01 table th {width: 300px !important; padding: 3px 8px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500; word-break : nowrap !important ;}
.borderTable06_01 table th.center {text-align:center;}
.borderTable06_01 table td.center {text-align:center;}
.borderTable06_01 table td {padding: 10px 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable06_01 table td.grh {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 400;}
.borderTable06_01 table td.grh01 {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable06_01 table td input.form-control { width:100%; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable06_01 table td textarea { width:100%; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical;}
.borderTable06_01 table td.border-left-none {border-left:0  !important ;}
.borderTable06_01 table td.border-right-none {border-right:0  !important ;}


p.textRit01 {width:955px; text-align:right; font-size:14px;}
p.textRit02 {width:930px;     margin: 11px auto;text-align:left; font-size:14px;}
p.textRit03 {width:930px;     margin: 0 auto;text-align:center; font-size:18px;}
p.textRit02 em {color:#e42424;}


.warpLocation02 {/* width: 930px;*/ margin: 0 auto; }

.borderTable0601 {width:100%; height:auto; margin: 35px auto; overflow:hidden;}
.borderTable0601 table {width:100%;}
.borderTable0601 table th {padding: 10px 15px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable0601 table td {padding: 10px 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable0601 table td a {margin-right:10px; display:inline-block; text-decoration:underline; color: #0037ff;}
.borderTable0601 table td span.data {margin-bottom: 5px; padding:10px; display:block; font-size:12px;}
.borderTable0601 table td span.text {padding:10px; display:block; font-size:16px;}
.borderTable0601 table td input.form-control { width:100%; height:35px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable0601 table td input.form-control01 { width:210px; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable0601 table td input.form-control02{ width:120px; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}

.borderTable0602 {width:100%; height:auto; margin: 35px auto; overflow:hidden;}
.borderTable0602 table {width:100%;}
.borderTable0602 table th {padding: 10px 15px;  background:#c8d2d0; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:18px; font-weight: 500; }
.borderTable0602 table td {padding: 10px 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable0602 table td a {margin-right:10px; display:inline-block; text-decoration:underline; color: #0037ff;}
.borderTable0602 table td span.data {margin-bottom: 5px; padding:10px; display:block; font-size:12px;}
.borderTable0602 table td span.text {padding:10px; display:block; font-size:16px;}
.borderTable0602 table td input.form-control { width:100%; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable0602 table td input.form-control01 { width:210px; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable0602 table td input.form-control02{ width:120px; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}




/* 모달팝업 */

/* modal popup title 영역 정리 */
.modal-content .warpHead01 {text-align:center;} /* 우측닫기버튼 없는 모달 팝업 타이틀 정렬*/
.warpHead01 {background:#fff;padding: 0 0 0 2px;text-align: left;font-size:20px;font-weight:600;color:#3f4046;margin: 0 20px;border-bottom: 1px solid #dddddd;}
.warpHead01::after {content:''; display:block; clear:both;}
.warpHead01 strong {padding:10px 5px; display:inline-block;line-height:1.8; font-weight:700;}
.warpHead01 .close01 {position:relative;top:10px;right: 5px;color: #aaa;float: right;font-weight: bold;cursor: pointer;}

/* modal popup borderTable03 글자사이즈 줄임 */
.modal .borderTable03 table thead th,
.modal01 .borderTable03 table thead th,
.modal02 .borderTable03 table thead th{font-size: 13px; }
.modal .borderTable03 table tbody td,
.modal01 .borderTable03 table tbody td,
.modal02 .borderTable03 table tbody td{font-size: 12px; }


/* The Modal (background) */
        .modal {
            display: block; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            margin: 8% auto; /* 15% from the top and centered */
            border-radius: 5px;
            border: 1px solid #888;
            width: 540px; /* Could be more or less, depending on screen size */                          
        }
.modal-content .warpText {padding:20px 20px 30px 20px;/* border-top:1px #bcc8db solid;*/ line-height:1.5; font-size:14px; /*font-weight:200;*/color:#3f4046;}
.modal-content .warpText .textBox01 em {display:block; text-align:center; font-size:14px; }
.modal-content .warpText .textBox01 .title {margin-bottom:5px; text-align:left; font-size:18px; font-weight:400; color:#8329db; text-decoration: underline;}
.modal-content .warpText .textBox01 .title p {width:100%; position:relative; z-index: 1;} 
/*.modal-content .warpText .textBox01 .title p::before {content: ''; width:100%; height:8px; position:absolute; bottom:0; background:#e5f6f5; z-index: -1;}*/
.modal-content .warpText .textBox01 .text p {margin:5px 0; font-size:15px;font-weight: 400;}
.modal-content .warpText .textBox01 .text p span.red {color:#e42424;}
.modal-content .warpText .textBox01 .text p.font18 { font-size:18px; font-weight:400;}
.popBtnbox {position:relative; margin-top:15px; text-align:center;} /* 2023.04.25 추가*/
.popBtnbox button.btn01 { 
    width: 85px;
    height: 30px;
    border: 1px #699b74 solid;
    background: #3ba554;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

/* 모달팝업 */
/* The Modal (background) */
        .modal01 {
            display: block; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content01 {
            background-color: #fefefe;
            margin: 14% auto; /* 15% from the top and centered */


            border-radius: 5px;
            border: 1px solid #888;
            width: 640px; /* Could be more or less, depending on screen size */                          
        }

.modal-content01 .warpText {padding:30px 32px 30px 32px;/* border-top:1px #bcc8db solid;*/ line-height:1.5; font-size:14px;/* font-weight:200;*/ color:#3f4046;}
.modal-content01 .warpText ul.modalBtnbox {}
.modal-content01 .warpText ul.modalBtnbox::after {content:''; display:block; clear:both;}
.modal-content01 .warpText ul.modalBtnbox li {width:269px; height:130px; margin-right:37px; display:block; float:left; border:1px #dcdce1 solid; border-radius:5px; box-sizing:border-box;     text-align: center; font-size:20px; font-weight:400; cursor: pointer;}
.modal-content01 .warpText ul.modalBtnbox li:hover {background: #f6f7f7;}
.modal-content01 .warpText ul.modalBtnbox li.last {margin:0;}
.modal-content01 .warpText ul.modalBtnbox li i {margin-top: 26px; display:block;}
.modal-content01 .warpText ul.modalBtnbox li span {display:block;}
.modal-content01 .warpText p {margin:30px 0; font-size:15px; font-weight: 400;}
.modal-content01 .warpText p.text0101 {margin:10px 0; font-size:18px; font-weight: 400;}
.modal-content01 .warpText .bordernonetable {width:100%; /*margin-top:5px;*/}
.modal-content01 .warpText .bordernonetable table {width:100%;}
.modal-content01 .warpText .bordernonetable table tbody th {text-align:left; font-size: 14px; font-weight: 700;}
.modal-content01 .warpText .bordernonetable table tbody th i {font-size:14px; color:#e42424;}
.modal-content01 .warpText .bordernonetable table tbody td {padding:3px 10px; text-align:left; font-size: 13px; font-weight: 400;}
.modal-content01 .warpText .bordernonetable table tbody td input.form-control { width:353px;/* height: 40px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01 .warpText .bordernonetable table tbody td input.form-control01 { width:437px;/* height: 40px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01 .warpText .bordernonetable table tbody td input.form-control02 { width:245px;/* height: 35px;position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01 .warpText .bordernonetable table tbody td select.form-control { width:437px;/* height: 40px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01 .warpText .bordernonetable table tbody td select.form-control01 { width:115px; /*height: 35px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01 .warpText .warpSearchbox {width:605px; margin:0 auto; padding:10px 15px; background:#f6f8f8; border:1px #f2f3f3 solid; box-sizing:border-box;}

.modal-content01 .warpText .bordernonetable table tbody td span.fileInput {position:relative; cursor:pointer; display:inline-block; vertical-align:middle;  background:#fff; text-align:left;}
.modal-content01 .warpText .bordernonetable table tbody td span.fileInput label input {position:absolute; width:0; height:0; overflow:hidden;}


.modal-content01 .warpText .bordernonetable table tbody td span.fileInput .file_input_textbox {
    float:left;
     width:353px; height:40px; position:relative;border: 1px #bfccc9 solid; box-sizing: border-box; margin-top: 0px !important; 
}
.modal-content01 .warpText .bordernonetable table tbody td span.fileInput .file_input_div {
    position:relative;
    width:82px;
    height:auto;
    overflow:hidden;
}

.modal-content01 .warpText .bordernonetable table tbody td span.fileInput .file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

.modal-content01_pop .warpText {padding:20px 20px 30px 20px; border-top:1px #bcc8db solid; line-height:1.5; font-size:14px; /*font-weight:200;*/ color:#3f4046;}
.modal-content01_pop .warpText ul.modalBtnbox {margin:15px 0;}
.modal-content01_pop .warpText ul.modalBtnbox::after {content:''; display:block; clear:both;}
.modal-content01_pop .warpText ul.modalBtnbox li {width:269px; height:130px; margin-right:37px; display:block; float:left; border:1px #dcdce1 solid; border-radius:5px; box-sizing:border-box;     text-align: center; font-size:20px; font-weight:400; cursor: pointer;}
.modal-content01_pop .warpText ul.modalBtnbox li.form-control {width:275px; height:130px; margin-right:30px; display:block; float:left; border:1px #dcdce1 solid; border-radius:5px; box-sizing:border-box;     text-align: center; font-size:20px; font-weight:400; cursor: pointer;}
.modal-content01_pop .warpText ul.modalBtnbox li:hover {background: #f6f7f7;}
.modal-content01_pop .warpText ul.modalBtnbox li.last {margin:0;}
.modal-content01_pop .warpText ul.modalBtnbox li i {margin-top: 26px; display:block;}
.modal-content01_pop .warpText ul.modalBtnbox li span {display:block;}
.modal-content01_pop .warpText p {margin:30px 0; font-size:15px; font-weight: 400;}
.modal-content01_pop .warpText p.text0101 {margin:10px 0; font-size:18px; font-weight: 400;}
.modal-content01_pop .warpText .bordernonetable {width:100%; /*margin-top:5px;*/}
.modal-content01_pop .warpText .bordernonetable table {width:100%;}
.modal-content01_pop .warpText .bordernonetable table tbody th {text-align:left; font-size: 14px; }
.modal-content01_pop .warpText .bordernonetable table tbody th i {font-size:14px; color:#e42424;}
.modal-content01_pop .warpText .bordernonetable table tbody td {/*min-height:60px;*/ padding:3px 10px; text-align:left; font-size: 13px; font-weight: 400;}
.modal-content01_pop .warpText .bordernonetable table tbody td input.form-control { width:353px; /*height: 40px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01_pop .warpText .bordernonetable table tbody td input.form-control01 { width:437px;/* height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01_pop .warpText .bordernonetable table tbody td input.form-control02 { width:245px; /*height: 35px;position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01_pop .warpText .bordernonetable table tbody td select.form-control { width:437px;/* height: 40px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01_pop .warpText .bordernonetable table tbody td select.form-control01 { width:115px; /*height: 35px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01_pop .warpText .warpSearchbox {width:605px; margin:0 auto; padding:10px 15px; background:#f6f8f8; border:1px #f2f3f3 solid; box-sizing:border-box;}

.modal-content01_pop .warpText .bordernonetable table tbody td span.fileInput {position:relative; cursor:pointer; display:inline-block; vertical-align:middle;  background:#fff; text-align:left;}
.modal-content01_pop .warpText .bordernonetable table tbody td span.fileInput label input {position:absolute; width:0; height:0; overflow:hidden;}


.modal-content01_pop .warpText .bordernonetable table tbody td span.fileInput .file_input_textbox {
    float:left;
     width:353px; height:45px; position:relative;border: 1px #bfccc9 solid; box-sizing: border-box; margin-top: 0px !important; 
}
.modal-content01_pop .warpText .bordernonetable table tbody td span.fileInput .file_input_div {
    position:relative;
    width:82px;
    height:auto;
    overflow:hidden;
}

.modal-content01_pop .warpText .bordernonetable table tbody td span.fileInput .file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

/* 모달팝업 */
/* The Modal (background) */
        .modal02 {
            display: block; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto;  /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content02 {
            background-color: #fefefe;
            margin: 5% auto; /* 15% from the top and centered */
            border-radius: 5px;
            border: 1px solid #888;
            width: 640px; /* Could be more or less, depending on screen size */    
			position:relative; /* 20220921 추가 */                      
        }

.modal-content02 .warpText {padding:20px 20px 30px 20px;/* border-top:1px #bcc8db solid; */line-height:1.5;font-size:14px;/* font-weight:200; */color:#3f4046;}
.modal-content02 .warpText ul.modalBtnbox {margin:15px 0;}
.modal-content02 .warpText ul.modalBtnbox::after {content:''; display:block; clear:both;}
.modal-content02 .warpText ul.modalBtnbox li {width:275px; height:130px; margin-right:30px; display:block; float:left; border:1px #dcdce1 solid; border-radius:5px; box-sizing:border-box;     text-align: center; font-size:20px; font-weight:400; cursor: pointer;}
.modal-content02 .warpText ul.modalBtnbox li:hover {background: #f6f7f7;}
.modal-content02 .warpText ul.modalBtnbox li.last {margin:0;}
.modal-content02 .warpText ul.modalBtnbox li i {margin-top: 26px; display:block;}
.modal-content02 .warpText ul.modalBtnbox li span {display:block;}
.modal-content02 .warpText p {margin:30px 0; font-size:15px; font-weight: 400;}
.modal-content02 .warpText p.text {margin:10px 0; text-align:right; font-size:15px; font-weight: 400;}
.modal-content02 .warpText p.text01 {margin:10px 0; text-align:left; font-size:18px; font-weight:400;}
.modal-content02 .warpText p.text0101 {margin:10px 0; text-align:left; font-size:22px; font-weight:400;}
.modal-content02 .warpText p.text03 {margin:5px 0; text-align:left; font-size:16px; font-weight:400;}
.modal-content02 .warpText .bordernonetable {width:100%; /*margin-top:5px;*/}
.modal-content02 .warpText .bordernonetable table {width:100%;}
.modal-content02 .warpText .bordernonetable table tbody th {text-align:left; font-size: 14px; }
.modal-content02 .warpText .bordernonetable table tbody th i {font-size:14px; color:#e42424;}
.modal-content02 .warpText .bordernonetable table tbody td {padding:3px 2px; text-align:left; font-size: 13px; font-weight: 400;}
.modal-content02 .warpText .bordernonetable table tbody td input.form-control { width:353px;/* height: 40px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .bordernonetable table tbody td input.form-control01 { width:437px;/* height: 40px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .bordernonetable table tbody td input.form-control-gly { width:355px;/* height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .bordernonetable table tbody td input.form-control02 { width:230px;/* height: 35px;position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .bordernonetable table tbody td select.form-control { width:437px;/* height: 40px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .bordernonetable table tbody td select.form-control01 { width:100%;/*height: 35px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .warpSearchbox {/* width:605px; */margin:0 auto;padding:5px 15px;background:#f6f8f8;border:1px #f2f3f3 solid;box-sizing:border-box;}
.bottomBtnbox01 {width: 605px; margin: 10px auto;}
.bottomBtnbox01::after {content:''; display:block; clear:both;}
.bottomBtnbox01 span.leftbox {display:block; float:left;}
.bottomBtnbox01 span.leftbox i {position:relative; top:2px;}
.bottomBtnbox01 span.leftbox p {margin-bottom:6px; font-size:16px; font-weight: 400;}
.bottomBtnbox01 span.leftbox p b {margin-bottom:3px; display:inline-block; font-size:16px; font-weight: bold;} 
.bottomBtnbox01 span.leftbox strong {margin-left: 20px;font-weight: 400; font-style:normal;}
.bottomBtnbox01 span.leftbox select.form-control01 { width:160px; height: 35px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
 
.bottomBtnbox01 i.icon01 {position:relative; top: -1px;}
.bottomBtnbox01 span.rightbox {display:block; float:right;}
.gridBox {width:605px; margin:10px auto; padding:10px 15px;border:1px #f2f3f3 solid; box-sizing:border-box;}
.bottomBtnbox01 span.rightbox select.form-control01 {height:25px;}

.gridBox01 {/*width:930px;*/ width:100%; margin:10px auto;}
.gridBox01-pop {width:930px; margin:10px auto; border:1px #f2f3f3 solid; box-sizing:border-box;}

.modal-content02 .borderTable07 {width:100%; margin-top:6px; border-top:2px #8329db solid;}
.modal-content02 .borderTable07 table {width:100%;}
.modal-content02 .borderTable07 table tbody td {padding: 10px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.modal-content02 .borderTable07 table tbody td input.form-control { width: 172px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control-gly { width:355px; height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control02 { width:56px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control0202 { width:66px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control03 { width:45px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control04 { width:406px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control05 { width:82px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control06 { width:220px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control07 { width:183px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control08 { width:230px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control09 { width:382px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control10 { width:313px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control11 { width:88px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td select.form-control02 { width:172px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px; vertical-align:middle;}
.modal-content02 .borderTable07 table tbody td select.form-control03 { width:66px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td select.form-control04 { width:382px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td select.form-control05 { width:139px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px; vertical-align:middle;}
.modal-content02 .borderTable07 table tbody td textarea { width:483px; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical; background: #fff;}
.modal-content02 .borderTable07 table tbody td textarea.form-control01  { width:382px; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical;}
.modal-content02 .borderTable07 table tbody td button.ghostBtn {min-width: 20px; height: 28px; padding: 0 7px; border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:16px; color:#535c59; z-index: 9;}
.modal-content02 .borderTable07 table tbody td button.ghostBtn:hover {background: #ecefef;}
.modal-content02 .borderTable07 table tbody td i {    margin-left:5px; font-size:13px; color:#e42424;}
.modal-content02 .borderTable07 table tbody th {padding: 5px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: left; font-size: 13px; font-weight: bold;}
.modal-content02 .borderTable07 table tbody th.leftborder {border-left:  1px #dcdce1 solid;box-sizing:border-box;}
.modal-content02 .borderTable07 table tbody th i {font-size:13px; color:#e42424;}
.modal-content02 .borderTable07 table tbody th.border-right{border-right: 1px #dcdce1 solid;}
.modal-content02 .borderTable07 table tbody td i {font-size:13px; color:#e42424;}
.modal-content02 .borderTable07 table tbody th.border-lefr {border-left: 1px #dcdce1 solid;box-sizing:border-box;}
.modal-content02 .borderTable07 table tbody td.border-lefr-none {border-left: 0;}
.modal-content02 .borderTable07 table tbody td span.text12 {display:block;  font-size:12px;}
.modal-content02 .borderTable07 table tbody th i.none {margin-left: 6px; display:inline-block;}

.modal-content02 .borderTable07-pop {width:100%; margin-top:6px; border-top:2px #8329db solid;}
.modal-content02 .borderTable07-pop table {width:100%;}
.modal-content02 .borderTable07-pop table tbody td {padding: 10px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.modal-content02 .borderTable07-pop table tbody td input.form-control { width: 172px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control-gly { width:355px; height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control02 { width:56px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control0202 { width:66px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control03 { width:45px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control04 { width:382px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control05 { width:82px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control06 { width:220px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control07 { width:183px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control08 { width:230px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control09 { width:382px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control10 { width:313px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control11 { width:88px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td select.form-control02 { width:172px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px; vertical-align:middle;}
.modal-content02 .borderTable07-pop table tbody td select.form-control03 { width:66px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td select.form-control04 { width:382px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.modal-content02 .borderTable07-pop table tbody td select.form-control05 { width:139px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px; vertical-align:middle;}
.modal-content02 .borderTable07-pop table tbody td textarea { width:483px; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical; background: #fff;}
.modal-content02 .borderTable07-pop table tbody td textarea.form-control01 { width:474px; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical;}
.modal-content02 .borderTable07-pop table tbody td button.ghostBtn {min-width: 20px; height: 28px; padding: 0 7px; border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:16px; color:#535c59; z-index: 9;}
.modal-content02 .borderTable07-pop table tbody td button.ghostBtn:hover {background: #ecefef;}
.modal-content02 .borderTable07-pop table tbody td i {    margin-left:5px; font-size:13px; color:#e42424;}
.modal-content02 .borderTable07-pop table tbody th {padding: 5px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: left; font-size: 13px; font-weight: bold;}
.modal-content02 .borderTable07-pop table tbody th.leftborder {border-left:  1px #dcdce1 solid;box-sizing:border-box;}
.modal-content02 .borderTable07-pop table tbody th i {font-size:13px; color:#e42424;}
.modal-content02 .borderTable07-pop table tbody th.border-right{border-right: 1px #dcdce1 solid;}
.modal-content02 .borderTable07-pop table tbody td i {font-size:13px; color:#e42424;}
.modal-content02 .borderTable07-pop table tbody th.border-lefr {border-left: 1px #dcdce1 solid;box-sizing:border-box;}
.modal-content02 .borderTable07-pop table tbody td.border-lefr-none {border-left: 0;}
.modal-content02 .borderTable07-pop table tbody td span.text12 {display:block;  font-size:12px;}
.modal-content02 .borderTable07-pop table tbody th i.none {margin-left: 6px; display:inline-block;}

input.form-control-gly { width: 160px; height: 30px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
input.form-control-gly-pop { width: 160px; height: 30px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}

.modal-content02 .titleBox01 {margin-top:15px; position:relative;}
.modal-content02 .titleBox01 dl::after {content:''; display:block; clear:both;}
.modal-content02 .titleBox01 dl dt {padding-left:18px; position:relative; float:left; font-size:17px; font-weight:500;}
.modal-content02 .titleBox01 dl dt::before {content:''; width:6px; height:6px; position:absolute; top:7px; left:0; background:#fff; border-radius:50%; border: 4px #8329db solid;}
.modal-content02 .titleBox01 dl dd {padding-left: 25px; float:right; font-size: 16px; font-weight: 400;}
.modal-content02 .titleBox01 dl dd span {margin:20px 0; display:block; font-weight:500; }

.textRit {text-align: right !important ;}
.textCenr {text-align:center !important ;}
.hit60 {height:60px; font-size:16px !important;}

.modal-content02 .warpText .giyBox{padding:10px; background:#f6f8f8; border: 1px #f3f3f3 solid; box-sizing: border-box; font-size: 16px; font-weight:400; }
.modal-content02 .warpText .giyBox em {color:#e42424;}

.modal-content02 .warpText .giyBox01{margin-top:15px; padding:10px; background:#f6f8f8; border: 1px #f3f3f3 solid; box-sizing: border-box; font-size: 14px; font-weight:400; }
.modal-content02 .warpText .giyBox01::after {content:''; display:block; clear:both;}
.modal-content02 .warpText .giyBox01 .leftBx {display:block; float:left;}
.modal-content02 .warpText .giyBox01 .rightBx {margin-top:5px; display:block; float:right;}



/* 모달팝업 */
/* The Modal (background) */
        .modal03 {
            display: block; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content03 {
            background-color: #fefefe;
            margin: 5% auto; /* 15% from the top and centered */
            border-radius: 5px;
            border: 1px solid #888;
            width: 640px; /* Could be more or less, depending on screen size */                          
        }
.modal-content03 .warpText p.text01 {margin:10px 0; text-align:center; font-size:22px; font-weight:400;}


/**************************************
		211119 css 추가 
**************************************/

/* 공통 */
.fc-red{color:#e42424 !important;}
.fc-blue{color:#8329db !important;} /*  블루에서 -> 보라로 변경 */
.fc-purple{color:#8329db !important;} /*  블루에서 -> 보라로 변경 */
.fc-lgray{color:#888 !important;}
.fc-lgray2{color:#666 !important;}
.fc-dgray{color:#000 !important;}
.fc-yellow{color:#fad549 !important;}
.f13{font-size:13px !important;}
.f11{font-size:11px !important;}

/* 회원가입완료 및 input 박스에 시간추가 */
.boxConfirm01 .title03 {padding:30px 0 0 0; font-weight:400; color:#222}
.boxConfirm01 .title03 p {padding:10px 0 0 0; text-align:center; font-size:24px; font-weight:600;}
.boxConfirm01 .title03 p.subtext {text-align:center; font-size:18px; font-weight: 400;}
.boxConfirm01 .conform{position:relative;}
.boxConfirm01 .conform .time{color:#e42424;position:absolute;left:498px;top:18px;z-index:99}

.guide-txt{ width:90%; margin:30px auto 20px auto;}
.guide-txt:after{content:""; display:block; clear:both;}
.guide-txt .left-cont,
.guide-txt .right-cont{float:left; width:46%; margin:0 2%;}
.guide-txt .title{position:relative; font-size:16px; font-weight:500; color:#111; margin:0; padding: 8px; text-align: center; border-radius: 6px 6px 0 0; box-sizing:border-box; }
.guide-txt .left-cont .title{background: #eedfff; }
.guide-txt .right-cont .title{background:#e9dfff; }
.guide-txt .title:before{content:'';position:absolute;display:inline-block;border-width:10px;border-style:solid; top:56px; left:45%;}
.guide-txt .left-cont .title:before{border-color:#c89bfc  transparent transparent transparent;}
.guide-txt .right-cont .title:before{border-color:#baa0fd  transparent transparent transparent;}
.guide-txt .title span{display:block;font-size:13px;font-weight: 400}
.guide-txt .left-cont ul,
.guide-txt .right-cont ul{background:#fefefe; min-height:270px; padding:10px 0;}
.guide-txt ul li{position:relative; font-size:14px; margin:15px 0 15px 64px; line-height:1.4; font-weight:400; box-sizing:border-box; }
.guide-txt ul li span{display:block;}
.guide-txt ul li span em{position:relative;width:19px;height:19px;display:inline-block;font-size:12px;font-weight:normal; font-weight:bold; line-height:17px;margin:-3px 5px 0 -24px;color:#3f524e;border-radius:50%;background:#d2d2d2;vertical-align:middle;text-align:center;box-sizing:border-box;}
.guide-txt ul li .basicBtn{font-size:14px;}
.guide-txt ul li .type01{height:25px;margin:5px 0 0 0; padding:0 10px 1px 10px;}
.guide-txt ul li .type02{height:45px;margin:5px 0 0 0; padding:0 10px;}
.guide-txt ul li .mtLef7{margin-left:7px !important}
.guide-txt .stitle{position:relative;font-size:15px; font-weight:bold; width:87%; margin:10px auto 0 auto;padding:0 0 5px 20px; border-bottom:1px solid #eee;}
.guide-txt .stitle:after{content: '';width: 6px;height: 6px; position: absolute; top: 6px; left: 5px; background: #fff; border-radius: 50%; border: 2px #8329db solid;}
.guide-txt .q-btn{position:relative;width:20px;height:20px;display:inline-block;font-size:13px;font-weight:normal;line-height:19px;margin:-2px 0 0 0;color:#fff;border-radius:50%;background:#f7596b;vertical-align:middle;text-align:center;box-sizing:border-box; cursor:pointer;}
.guide-txt ul li u{position:relative;text-decoration:none;}
.guide-txt .uline{display: inline-block;height: 18px; margin: 0; border-bottom: 3px solid #ffed89;font-weight: 500;}

/* 툴팁 */
.tooltip-box {display:none; position: absolute; right:-170px;top:-50px; width:238px;height:115px; z-index:999;text-align:left;padding:10px 15px;font-size:14px;word-break: keep-all; background: #ffffff;border: 1px solid #8329db;letter-spacing:-0.05em; line-height:1.2; border-radius:5px; box-shadow:1px 3px 6px 3px rgba(0,0,0,0.08);}
.tooltip-box:after, 
.tooltip-box:before {content: "";position: absolute; width: 0; height: 0; right: 100%; top: 50%; border: solid transparent; pointer-events: none;}
.tooltip-box:after {border-color: rgba(255, 255, 255, 0);border-right-color: #ffffff;border-width: 10px;margin-top: -10px;}
.tooltip-box:before {border-color: rgba(80, 158, 172, 0);border-right-color: #8329db;border-width: 11px;margin-top: -11px;}
.tooltip-box h5{position:relative; background:none; font-size:13px; font-weight:700; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #ddd;}
.tooltip-box span{font-size:13px; color:#555; font-weight: 400; padding:0; /*background: url(../img/ico_warning.png) 0 3px no-repeat;*/}
.tooltip-box .btn_close{display:block;position:absolute; width:20px;height:20px; top:-3px;right:0; line-height:20px; font-size:16px; /*background:#509eac;color:#fff; */text-align:center; vertical-align:middle; font-weight:bold; cursor:pointer; border-radius:50%;}

/* 회원가입쪽 input 박스 가로 수정 */
.boxConfirm01 .w130{width:130px !important; padding:0 20px !important;} /* 회원가입안내 버튼 사이즈 고정 */
/* 회원가입 입력 input 사이즈 작게 조절 */
.w68{width:68px !important;}
.w220{width:220px !important;} 

input.calenderInt {font-size: 11px !important; height:25px !important;} /* 211213 그리드영역 input 텍스트 사이즈 임시로 추가 */

/**************************************
		211209 css 추가 
**************************************/
.clear { zoom:1;clear:both;}
.clear:after { content:""; display:block; clear:both;}

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

.paging + .bottomBtnbox {margin-top: -45px;} /* 페이징 옆 버튼*/
.bottomBtnbox{zoom:1;}

/* 표시정보 */
.listline span{vertical-align:middle;}
.listline select{width:60px; height:25px; margin:0 0 0 5px;}
.fl .listline{margin-top:10px;} /* 좌측 리스트 갯수 + 우측버튼일경우 */


/* 정렬 */
.fl{float:left;}
.fr{float:right;}

/* width */
.w45per{width:45%;}
.w48per{width:48%;}
.w50per{width:50%;}
.w99per{width:99%;}

/******* 화면관리/기능관리 *********/
.manage-box{position:relative; padding:20px; background:#f9f9f9;}
.manage-box .left-conts,
.manage-box .right-conts{width:49.2%; min-height:500px; border:1px solid #d7d7d7; background:#fff; border-radius:5px;}
.manage-box .stitle{background:#a3b1c1;border:1px solid #a3b1c1; border-radius: 5px 5px 0 0; font-size:15px; text-align:center; padding:6px 0; color:#fff; font-weight:500; -webkit-box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.05); box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.05); z-index:2; }
.manage-box .inner{width:100%;margin:0 auto;}

/* left-conts 화면목록 */
.screen-list{width:90%;margin:20px auto;}
.screen-list li{font-size:14px; margin:2px 0;}
.screen-list li ul{margin:0 0 0 10px;}
.screen-list li ul li:last-child{margin-bottom:8px;}
.screen-list li ul li a{color:#666;}
.screen-list button{margin-left:3px !important;}

/* right-conts기능관리,화면 관리 입력폼 */
.manage-box table.tbtype01{border-top:none;}
.manage-box table.tbtype01{border-top:none;}
.manage-box table.tbtype01 input, 
.manage-box table.tbtype01 select{height:28px}

/* 신규공통 입력 폼 */
table.tbtype01{width:100%;border-top:1px solid #ddd;}
table.tbtype01 th,
table.tbtype01 td{border-bottom:1px solid #ddd;box-sizing:border-box;font-size:14px;text-align:left;}
table.tbtype01 th{padding:8px 8px 8px 30px; background:#f5f5f5;}
table.tbtype01 td{padding:8px 10px;}
table.tbtype01 p span.w80{width:80px; display:inline-block ;} /* 화면권한 */

/* 공통 검색박스 신규 */
.search-box{ position:relative; background:#f6f7f8;}

/* 하단 안내 텍스트*/
.explanationBox04 {margin: 30px 0;background:#fff; padding:10px 20px; border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px;}
.explanationBox04 h4{font-size:16px; margin: 0 0 5px -5px;}
.explanationBox04 h4 i{color:#8329db; font-size:20px; vertical-align: middle; }
.explanationBox04 ul li{position: relative; padding:3px 8px; color: #333; line-height:1.4;}
.explanationBox04 ul li:before{content:''; position:absolute;left:0; top: 11px; vertical-align: middle; width:4px;height:4px; background:#666; border-radius: 3px; }

/* 수기등록 form 관련
.imgfile-form{border-bottom:1px solid #ddd;}
.imgfile-form .fl{width: 47%;}
.imgfile-form .fr{width: 51%; padding: 10px;}
.bdb-none{border-bottom:none !important;}

.imgpreview{ width:100%; min-height:300px;display: table; text-align:center; border:1px solid #ddd; background:#fefefe; box-sizing:border-box;}
.imgpreview span{display:table-cell; vertical-align:middle; }
.imgpreview img{max-width:564px;} */

/* top line */
.top-line{padding:10px 0; border-top:1px solid #ccc;}

/* input- file 첨부파일 선택 */
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.filebox label {
	display: inline-block;
	padding: 0 10px;
	border-radius: 2px;
	line-height:32px;
	height:32px;
	color: #535c59;
	font-size: 13px;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #777d7c;
	vertical-align:top;
	
} /* named upload */
.filebox .upload-name {
	width:75%;
	display: inline-block;
	padding: 0 10px; /* label의 패딩값과 일치 */
	line-height:1.4;
	height:32px;
	vertical-align:top;
	font-size: 13px;
	background-color: #f5f5f5;
	border:1px solid #bfccc9;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}


/* 결의서 상태*/
@-webkit-keyframes status-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes status-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.status-bar{width:286px; margin:0 auto 30px auto; padding:0 0 0 94px;background: url(../img/img_status.png) 0 0 no-repeat; }
.status-bar ul{position:relative;}
.status-bar ul:before{content:""; width:8px; height:100%; background:#f5f7f7;  position:absolute; left:-10px; top:0; border-radius: 5px; z-index:1}
.status-bar ul li{position:relative; margin:5px 0 0 -16px; z-index:2}

.status-bar .status-ico{ display:inline-block; margin:0 15px 0 0; border:6px solid #ebf0f2; background: #fff; width: 20px; height: 20px; border-radius: 50%; vertical-align:middle;}
.status-bar .on .status-ico{border:6px solid #be78ff; -webkit-animation: status-blink 0.9s infinite both; animation: status-blink 0.9s infinite both;}
.status-bar ul li.on:first-child .status-ico,
.status-bar ul li.on:last-child .status-ico{animation-play-state: paused;} /* 결재취소, 완료일때 애니메이션 멈추기 */

.status-bar span.msg {position:relative; width:150px; display:inline-block; text-align:center; padding:13px 15px; font-size:14px; color:#777; background: #ffffff; border: 1px solid #dcdcdc; border-radius:5px; vertical-align:middle;}
.status-bar .on span.msg{ color:#8329db; border:2px solid #8329db; box-shadow:1px 3px 6px 3px rgba(0,0,0,0.08);}
.status-bar .on span.msg:before { border-right-color: #8329db;}
.status-bar .on span.msg:after, 
.status-bar .on span.msg:before {content: "";position: absolute; width: 0; height: 0; right: 100%; top: 50%; border: solid transparent; pointer-events: none;}
.status-bar .on span.msg:after {border-color: rgba(255, 255, 255, 0);border-right-color: #ffffff;border-width: 5px;margin-top: -5px;}
.status-bar .on span.msg:before {border-color: rgba(164, 85, 238, 0);border-right-color:#8329db;border-width: 7px;margin-top: -7px;}.status-bar .on span.msg


/* 탭 스타일- 20220114 수정 */
.tab-wrap + .warpText01{margin-top:0 !important;} /* tab이 상단에 있을경우 아래 검색박스 마진값 조정  */
.tab-wrap{width:100%; margin:10px 0 0;}
.tab-wrap ul li{float:left;display:block;min-width:130px; text-align:center;font-size:14px; vertical-align:middle;}
.tab-wrap ul li a{display:block; width:100%;height:38px;padding:7px 20px;color:#888;border:1px solid #ccc; /*border-right:none;*/ word-break:keep-all;}
/*.tab-wrap ul li:first-child a{border-left:1px solid #ccc;}
.tab-wrap ul li:last-child a{border-right:1px solid #ccc;}*/
.tab-wrap ul li.on a{display:block;width:100%; color:#8329db; border:2px solid #8329db;/* border-right:none;*/ border-bottom:none; font-weight:500;}
/*.tab-wrap ul li:last-child.on a{border-right:2px solid #a536f6;}
.tab-wrap ul > li.on + li a {border-left: 2px solid #a536f6;}*/


/* radio-box */
.radio-box{display: inline-block; margin-right: 20px;}
.radio-box label{margin-left:2px; font-size:13px;}


/* 은행정보등록- step01 : 은행구분 선택*/
.radio-btn {margin:0 auto 20px auto; text-align:center; background:#f7f7f7;padding:35px 0; border-radius:10px;}
.radio-btn input[type="radio"] {display:none;}
.radio-btn label {
  display:inline-block;
  width:auto;
  height:40px;
  font-size:15px;
  padding:0 20px;
  border:2px solid #ddd;
  margin-right:20px;
  background:#fefefe;
  line-height:36px;
  border-radius:5px;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.radio-btn label i {
  margin:-3px 8px 0 0;
  font-size:24px;
  opacity: 0.1;
  vertical-align:middle;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.radio-btn [type="radio"]:checked + label {
	background: #fff;	
	border: 2px solid #8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
}
.radio-btn [type="radio"]:checked + label i { opacity: 1; color:#8329db;}

/* 20220524 수정 및 추가 은행정보등록- step02 : 은행선택 */
.bank-select02 {position: relative; padding: 0; list-style: none;}
.bank-select02:after{ content:''; display:block; clear: both;}
.bank-select02 li {float: left; padding: 3px 0;	margin:0 5px 0 0;}
/*.bank-select02 li:nth-child(1n) {margin-left:0}*/
.bank-select02 li:nth-child(5n) {margin-right:0}
.bank-select02 li label { /* 탭 헤더 */
    position: relative;
	display:inline-block;
	width:115px;
   /* background: #f7f7f7;*/
    background:#fff;
    padding: 8px 2px;
    /*border: 2px solid #f7f7f7;*/
	border:2px solid #eee;
	border-radius: 5px;
	text-align:center;
	font-size:13px;
	color:#000;
	white-space: nowrap;
	box-sizing:border-box;
	cursor:pointer;
}
.bank-select02 li [type="radio"] {display: none;}
.bank-select02 li [type="radio"]:checked ~ label {
    background: #fff;
	border: 2px solid #8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bank-select02 li label:hover{background: #f7f7f7; border-color:#e9e1f5;}
.bank-select02 li label p{height: 30px; vertical-align:middle; margin:0 !important; padding:0; display:block; } /* 20220524 수정*/
/*.bank-select02 li label img{width:30px;height:30px; display:inline-block; text-align:center;}*/
.bank-select02 li label img{width:auto; height:auto; max-width:100px;max-height:30px; display:inline-block; text-align:center; vertical-align:middle;} /* 20220524 수정*/
.bank-select02 li label span{margin-right:3px;} /* 20220524 추가*/

/* 은행정보등록 step3-2 : 로그인 */
.bank-login{ background:#f7f7f7;padding:30px 0; border-radius:10px;}
.bank-login ul{width:260px; margin:0 auto;}
.bank-login ul li{margin:5px 0;}
.bank-login ul li label{display:inline-block; vertical-align:middle; width:50px; font-size:13px; font-weight:500;}

.bank-img{text-align:center; width:110px;/* border:1px solid #f7f7f7; background:#fff;*/ padding:10px; margin:-5px auto 20px auto; border-radius:0 0 10px 10px;/* -webkit-box-shadow: 0px 3px 8px -3px rgba(0,0,0,0.10); box-shadow: 0px 3px 8px -3px rgba(0,0,0,0.10);*/box-sizing:border-box}
.bank-img p{margin:0 !important;padding:0}
.bank-img span{display:block; font-size:13px; color:#000;}
.bank-img img{max-width:35px;max-height:35px;}


/* 은행정보등록 -  인증서찾기 */
.bank-select03{padding:0 10px;}
.bank-select03 .filebox label {padding: 0 40px;}
.bank-select03 .filebox .upload-name {width:70%; padding: 0 10px; background:#fff;}


/**********************************
   인증정보관리 메뉴 추가
   2022.02.03
**********************************/
/* 탭 스타일 2 :: */
.tab-style2{margin-top:2px;height:50px;/* background-color: #f7f7f7;*/}
.tab-style2 ul{display:table; width:100%; height:100%; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-style2 ul:after{display:none}
.tab-style2 ul li{display:table-cell;vertical-align:middle;position:relative;/*width:25%;*/background-color: #f7f7f7;border:1px solid #ddd;border-bottom: 2px solid #8329db;border-left:0;}
.tab-style2 ul li:first-child{border-left:1px solid #ddd;}
.tab-style2 ul li a{display:table; height:48px; width:100%;}
.tab-style2 ul li a em{display:table-cell; vertical-align:middle; color:#666; font-size:15px; letter-spacing:-0.35px; font-weight: 500; text-align:center;}
.tab-style2 ul li.selected{z-index:1; border-bottom-color: #fff; border:2px solid #8329db; border-bottom:none;}
.tab-style2 ul li.selected a{background-color:#fff;}
.tab-style2 ul li.selected a em{ color:#111;}
.tab-style2 ul li.bgnone{background-color:#fff; border:1px solid #fff;border-bottom: 2px solid #8329db; border-left:0;}
.tab-style2 .no2 li{ width:50%;}
.tab-style2 .no3 li{ width:33.33%;}
.tab-style2 .no4 li{ width:25%;}
.tab-style2 .no5 li{ width:20%;}
.tab-style2 .no6 li{ width:16.6%;}
.tab-style2 .no7 li{ width:14.2%;}

/* 매출매입내역 로그인-새마을금고 */
.search-login-box{ background:#f9f9f9; padding:30px 0;/* border-radius:10px;*/}
.search-login-box-inner{float:left; width:33.33%;border-left:1px solid #eee;padding:20px 0;box-sizing:border-box;}
.search-login-box-inner .login-title{margin:0 0 15px 0; font-weight:600;font-size:16px; text-align:center; }
.search-login-box-inner:first-child{border-left:0;}
.search-login-box-inner ul{/*width:260px; */margin:0 auto;}
.search-login-box-inner ul li{margin:5px 0; text-align:center;}
.search-login-box-inner ul li input{width:216px;}
.search-login-box-inner ul li label{display:none;/*display:inline-block; vertical-align:middle; width:50px; font-size:13px; font-weight:500;*/}
.search-login-box.w50 .search-login-box-inner{width:50% !important;}

/* 인증정보 안내 텍스트 */
.tab-style2 + .guide-txt-box{margin:30px 0 30px 0; }
.guide-txt-box{position:relative; border:1px solid #ccc; margin-top:70px;}
.guide-txt-box .info-icon{background:#f0f2ff; vertical-align:middle; text-align:center;}
.guide-txt-box table{ width:100%; font-size:14px;}
.guide-txt-box table th{padding:12px 20px; text-align:left; vertical-align:top; border-top:1px solid #ddd; }
.guide-txt-box table td{padding:12px 16px; border-top:1px solid #ddd; border-left:1px solid #eee;}
.guide-txt-box table .bdtnone{border-top:0; }
.guide-txt-box table .bold{ font-weight:500;}
.guide-txt-box table .small-btn{margin-left:5px;}

/*새마을금고 전용 인증정보 20220228*/
.search-login-box > .guide-txt-box{width:90%; margin:30px auto; border-radius:10px;}
.borderTable03 .save{border:1px solid #8329db;}
.borderTable03 .del{border:1px solid #ccc !important;}
.borderTable03 .modify{border:1px solid #aaa !important; color:#333;}
.borderTable03 button[disabled="disabled"]{background: #f9f9f9; border-color:#eee; pointer-events: none; color:#aaa;}
.borderTable03 .bdline-bt-dot{border-bottom:1px dashed #eee !important;}
.bt-line-dark th,
.bt-line-dark td{border-bottom:1px solid #bbb !important;}
.bt-line-dark td{background:#fff;}
.lgray-box{margin:30px 0 0 0; padding:20px 30px 50px; background:#f9f9f9; }


/************************** 법인카드 프리미엄 신청-공통 ****************************/
.business-card-premium,
.business-card-premium-all{margin-top:50px;word-break:break-word; }
.business-card-premium ul,
.business-card-premium-all ul{box-sizing: border-box; line-height:1.2;}
.business-card-premium-all ul li{position:relative; width: calc(33.33% - 30px); height:260px; float: left; text-align: center; padding:0; margin:0 0 0 45px; border:1px solid #a677ed; background:#fff; vertical-align: middle; border-radius:10px 10px 0 0; box-sizing:border-box; -webkit-box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.03);box-shadow:2px 2px 4px 2px rgba(0,0,0,0.03);}
.business-card-premium ul li:first-child,
.business-card-premium-all ul li:first-child{margin-left:0;}
.business-card-premium-all ul li .title,
.business-card-premium ul li .title{border-radius:10px 10px 0 0; height:84px; padding:24px 0 0 20px;}
.business-card-premium-all ul li:nth-child(3) .title{padding:36px 0 0 20px;}
.business-card-premium-all ul li .title span,
.business-card-premium ul li .title span{font-size:16px; font-weight:700;}
.business-card-premium ul li .con,
.business-card-premium-all ul li .con{padding:25px 40px;}
.business-card-premium-all ul li .con p,
.business-card-premium ul li .con p{font-size:14px; text-align:left;margin-bottom:30px;}
/* 법인카드 프리미엄 신청-공통 화살표 */
.business-card-premium ul li:after,
.business-card-premium-all ul li:after{content:"\e93e";width:30px;height:40px;display:block; position:absolute; font-family : xeicon; right:-40px; top:44%; font-size:30px;}
.business-card-premium ul li:last-child:after,
.business-card-premium-all ul li:last-child:after{display:none;}

/* 법인카드 프리미엄 신청::기본 */
.business-card-premium-all ul li .ico01{ background:#f0f2ff url("../img/ico_business_card04.png") 70px 25px no-repeat;}
.business-card-premium-all ul li .ico02{ background:#f0f2ff url("../img/ico_business_card05.png") 70px 25px no-repeat;}
.business-card-premium-all ul li .ico03{ background:#f0f2ff url("../img/ico_business_card06.png") 70px 25px no-repeat;}
.business-card-premium-all .emphasisBtn04{height:32px; min-width:190px; line-height:25px !important;}

/* 법인카드 프리미엄 신청-새마을금고 전용 */
.business-card-premium ul li{position:relative; width: calc(33.33% - 30px); height:318px; float: left; text-align: center; padding:0; margin:0 0 0 45px; border:1px solid #ddd; background:#fff; vertical-align: middle; border-radius:10px 10px 0 0; box-sizing:border-box; -webkit-box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.03);box-shadow:2px 2px 4px 2px rgba(0,0,0,0.03);}
.business-card-premium ul li .ico01{ background:#f5f5f5 url("../img/ico_business_card01.png") 60px 25px no-repeat;}
.business-card-premium ul li .ico02{ background:#f5f5f5 url("../img/ico_business_card02.png") 60px 30px no-repeat;}
.business-card-premium ul li .ico03{ background:#f5f5f5 url("../img/ico_business_card03.png") 60px 25px no-repeat;}
.business-card-premium ul li .con .stitle{font-size:14px;}
.business-card-premium ul li .con .date{width:150px; height:36px; margin:10px auto; padding:7px 0; border-radius:20px; font-size:16px; font-weight:700; background:#ecefff; box-sizing: border-box;}
.business-card-premium .emphasisBtn04{height:32px; line-height:25px !important;}

/* 법인카드 프리미엄 신청-새마을금고 전용 파일업로드 */
.business-card-premium .filebox label {width:222px; margin-bottom:5px; color:#8329db; background-color: #fff; font-size:14px; line-height:28px; cursor: pointer; border: 1px solid #8329db;}
.business-card-premium .filebox .upload-name {width:222px; background-color: #fff; border: 1px solid #dddddd; font-size:12px;}
.business-card-premium .filebox p{padding-left:24px; font-size:12px !important; margin:5px 0 0 0;}

/* 법인카드 프리미엄 신청-기본 :: 비활성화 */
.business-card-premium-all .step-disabled {pointer-events:none; opacity:0.8;}
.business-card-premium-all li.step-disabled{border:1px solid #ddd;}
.business-card-premium-all .step-disabled .ico01{ background:#f5f5f5 url("../img/ico_business_card04_off.png") 70px 25px no-repeat;}
.business-card-premium-all .step-disabled .ico02{ background:#f5f5f5 url("../img/ico_business_card05_off.png") 70px 25px no-repeat;}
.business-card-premium-all .step-disabled .ico03{ background:#f5f5f5 url("../img/ico_business_card06_off.png") 70px 25px no-repeat;}
.business-card-premium-all .step-disabled button{border:1px solid #aaa; background:#aaa;}

/* 가이드 다운 버튼*/
.guide-down-btn .fl{padding:10px 0 0 0;}
.guide-down-btn .fl span{font-size:14px;}

/* 법인카드 프리미엄 신청 - 툴팁 */
.tooltip-box-bcard{display:none; width:238px;height:73px; position: absolute; letter-spacing:-1px; left: -2px; top:-80px; text-align:left; padding:10px 15px; font-size:13px;word-break: keep-all;border:1px solid #666;background:#fff; border-radius:5px; line-height:1.3; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.08);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.08); z-index:999; }
.tooltip-box-bcard:after{content: '';position: absolute;border-style: solid;border-width: 12px 8px 0 8px;border-color: #FFFFFF transparent;display: block;width: 0;z-index: 1;bottom: -10.5px;left: 37%;}
.tooltip-box-bcard:before{content: '';position: absolute;border-style: solid;border-width: 12px 8px 0 8px;border-color: #666 transparent;display: block;width: 0;z-index: 0;bottom: -12px;left: 37%;}
.tooltip-box-bcard ul li{font-weight:400;}
.tooltip-box-bcard span{font-size:13px; color:#555; font-weight:700; padding:0;}

/* 법인카드 프리미엄신청 - 리스트 테이블borderTable03 라인추가 및 인풋위치변경 */
.borderTable03 .bg-lgray,
.borderTable03 .bg-lgray:hover{background:#f7f7f7;}
.borderTable03 .bd-right-double{border-right:4px double #ddd;}
.borderTable03 input[type="checkbox"],
.borderTable03 input[type="radio"]{ margin-top:-3px;}
.button-ico i{margin-right:2px; margin-left:-2px;} /* 버튼 앞에 xe아이콘 있을경우 */

/* 법인카드 프리미엄신청 - table 상태 메세지/버튼 */
.status-complete,
.status-waiting,
.status-cancel,
.status-add,
.status-save,
.status-return,
.status-ongoing{display:inline-block; min-width:25px !important; height:23px !important; line-height:20px; padding:0 10px !important; font-size:12px !important; border-radius:25px;}
.status-complete{border-color:#b7bcc3; background:#eee; color:#555;  border:1px solid #eee;}
.status-waiting{border-color:#b7bcc3; background:#fff; color:#8329db;  border:1px solid #dcdcdc;}
.status-cancel{border-color:#b7bcc3; background:#fff; color:#aaa; border:1px solid #dcdcdc;}
.status-add{background:#fff; color:#8329db;  border:1px solid #b178e8;}
.status-save{background:#fff; color:#555;  border:1px solid #dcdcdc;}
.status-ongoing{background:#fff; color:#8329db;  border:1px solid #b7bcc3;}
.status-return{background:#fff; color:#e42424;  border:1px solid #dcdcdc;}

/* 매출매입내역조회 로그인 탭 있는경우 border-top라인 삭제 */
.tab-style2 + .citationBox {border-top:0px}

/* 20220302 새마을금고전용 웰컴페이지 추가 */
.warpsubSection .subContents h3 .titlebox-right-btn{position:absolute;right:0;bottom:10px;}
.warpsubSection .subContents h3 .titlebox-right-btn button{/* border-radius:20px;background:#f9f9f9; color:#000; border-color:#ddd; */padding:0 20px;}

/*20220304 새마을금고전용 웰컴 소개페이지 */
.inner-conts-1000{width:1000px; margin:0 auto;}
.kfcc-mtitle{font-size:28px; font-weight:600; color:#333; text-align:center; margin:0 0 10px 0;}
.kfcc-guide-txt{font-size:18px; font-weight:400; color:#555; text-align:center;}

.kfcc-guide-txt-box{margin:30px 0;}
.kfcc-guide-box { width:490px; height:185px; background:#f7f7f7; box-sizing: border-box;}
.kfcc-guide-box .conts-title{padding:10px 0; background:#d7d8ff; box-sizing: border-box;}
.kfcc-guide-box .conts-title .subTitle{font-weight:600;}
.kfcc-guide-box.fl .conts-title .subTitle{margin-left:190px;}
.kfcc-guide-box.fr .conts-title .subTitle{margin-left:150px;}
.kfcc-guide-box .conts-txt{font-size:14px; padding:20px; }
.kfcc-guide-box .conts-txt p{height:90px; padding:0 0 0 220px; box-sizing: border-box;}
.kfcc-guide-box .conts-txt p.icon01{ background:url("../img/kfcc_guide_icon01.png") 60px 10px no-repeat;}
.kfcc-guide-box .conts-txt p.icon02{ background:url("../img/kfcc_guide_icon02.png") 60px 10px no-repeat;}

.kfcc-guide-box01{position:relative;background:#e8f8fe; padding:40px; font-size:14px; line-height:1.3}
.kfcc-guide-box01 ul li{float:left; position:relative; width:245px ;height:96px; text-align: center;  color:#555; font-weight:500; margin:0px 9px 0 0; padding:28px 0 0 0; background:#fff; border:1px solid #aeb2d1; border-radius:50px; box-sizing:border-box;-webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.08);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.08);}
.kfcc-guide-box01 ul li.arrow{border:none; box-shadow:none; width:30px; background:none; font-size:30px; color:#464646;}
.kfcc-guide-box01 ul li.arrow-down{position:absolute;right:150px;top:110px; border:none; box-shadow:none; width:30px; background:none; font-size:30px; color:#464646;}
.kfcc-guide-box01 ul li.w138{width:138px; border:1px solid #7d2eeb; background:#efefff;color:#604abc;}
.kfcc-guide-box01 ul li.w325{width:323px;}
.kfcc-guide-box01 .step02-txt{text-align:left;margin:7px auto 0 auto;width:55%;}
.kfcc-guide-box01 .step02-txt p{line-height:1; margin:2px 0;}
.kfcc-guide-box01 .step02-txt p span{position:relative;width:20px;height:20px;display:inline-block;font-size:13px;font-weight:normal;line-height:19px;margin:0 5px 0 0;color:#fff;border-radius:50%;background:#604abc;vertical-align:middle;text-align:center;box-sizing:border-box;}
.kfcc-guide-box01 ul li:nth-child(1),
.kfcc-guide-box01 ul li:nth-child(2),
.kfcc-guide-box01 ul li:nth-child(3),
.kfcc-guide-box01 ul li:nth-child(4),
.kfcc-guide-box01 ul li:nth-child(5){margin-bottom:40px;}
.kfcc-guide-box01 .pd-top38{padding-top:38px;}
.kfcc-guide-box01 .pd-top20{padding-top:20px;}
.kfcc-guide-box01 .pd-top15{padding-top:15px;}

.kfcc-guide-box02{background:#f7f7f7; padding:40px; font-size:14px;}
.kfcc-guide-box02 ul li{float:left; position:relative;}
.kfcc-guide-box02 ul li:nth-child(1){margin:0 70px 0 8px;}
.kfcc-guide-box02 ul li:nth-child(2){margin-right:70px;}
.kfcc-guide-box02 ul li.arrow:after{content:"";position:absolute; top:140px; right:-60px ; width:54px; height: 16px; background:url("../img/kfcc_guide_icon05_arrow.png") 0 0 no-repeat;}
.kfcc-guide-box02 .circle-box{width:149px; height:149px; text-align: center; font-weight:500; margin:70px 0 0 0;padding:65px 0 0 0; background:#fff; border:1px solid #aeb2d1; border-radius:100px; box-sizing:border-box; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.05);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.05);}
.kfcc-guide-box02 .round-box{width:470px; padding:20px 12px 15px; background:#fff; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.05);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.05);}
.kfcc-guide-box02 .round-box ul{margin:7px 0 10px 40px;}
.kfcc-guide-box02 .round-box ul li{float:none; margin:0; padding:0; color:#666;}
.kfcc-guide-box02 .round-box .stitle{ height:35px; background:#d7d8ff; font-size:15px; color:#222; font-weight:600; border-radius:18px; box-sizing:border-box; }
.kfcc-guide-box02 .round-box .stitle span{width:35px; height:35px; color:#fff; padding:6px 0 0 5px; margin-right:5px; text-align:center; display:inline-block; background:#604abc; border-radius:18px 0 0 18px; box-sizing:border-box; }

.kfcc-guide-box03{border:1px solid #ddd;}
.kfcc-guide-box03 .fc-purple{color:#623192 !important; font-size:17px;}
.kfcc-guide-box03 .left-title{width:25%; background:#f0f2ff; padding:23px 0;text-align:center; font-size:18px; line-height:1.2;}
.kfcc-guide-box03 .right-conts{width:75%;}
.kfcc-guide-box03 .right-conts span{display:inline-block; font-size:14px; margin:12px 0 0 80px;}
.kfcc-guide-box03 .right-conts strong{margin:0 7px;}


/******************* 20220310 법인카드 premium 신청 최종 **********************/
.business-card-premium-default{margin:10px 0 0 0; word-break:break-word; }
.business-card-premium-default ul{box-sizing: border-box; line-height:1.2;}
.business-card-premium-default ul li{position:relative; width: calc(33.33% - 30px); /*height:260px;*/ float: left; text-align: center; padding:0; margin:0 0 0 45px; border:1px solid #a677ed; background:#fff; vertical-align: middle; border-radius:10px; box-sizing:border-box; -webkit-box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.03);box-shadow:2px 2px 4px 2px rgba(0,0,0,0.03);}
.business-card-premium-default ul li:first-child{margin-left:0;}
.business-card-premium-default ul li .title{border-radius:10px 10px 0 0; /*height:84px;*/ padding:24px 0 0 20px;}
.business-card-premium-default ul li:nth-child(3) .title{/*padding:36px 0 0 20px;*/}
.business-card-premium-default ul li .title span{font-size:16px; font-weight:700;}
.business-card-premium-default ul li .con{padding:12px 43px 15px 43px;}
.business-card-premium-default ul li .con p{font-size:14px; text-align:left;}
/* 법인카드 프리미엄 신청 최종-화살표 */
.business-card-premium-default ul li:after{content:"\e93e";width:30px;height:40px;display:block; position:absolute; font-family : xeicon; right:-40px; top:33%; font-size:30px;}
.business-card-premium-default ul li:last-child:after{display:none;}

.business-card-premium-default ul li .ico{ /*position:absolute;left:0; top:10px; */ display:inline-block; margin:-13px 10px 0 -50px; width:62px; height:62px; background:#f0f2ff; border-radius:30px; z-index:10;}
.business-card-premium-default ul li .ico img{margin:10px auto;}
.business-card-premium-default ul li:nth-child(1) .ico img,
.business-card-premium-default ul li:nth-child(3) .ico img{margin:15px auto;}


/* 20220314 퀵허브 소개페이지 내용 추가 */ 
.userguide-list-txt {margin:5px 0 0 0; padding:10px 35px; border:1px solid #ddd;}
.userguide-list-txt ul li{margin:16px 0; padding:0 0 0 60px; position:relative;}
.userguide-list-txt ul li span{font-weight:500;font-size:15px;}
.userguide-list-txt ul li p{font-weight:400; font-size:13px; color: #999;}
.userguide-list-txt ul .list-ico01:before,
.userguide-list-txt ul .list-ico02:before,
.userguide-list-txt ul .list-ico03:before{content:""; display:inline-block; position:absolute; top:-1px; left:0; width:44px; height:44px; border-radius:22px;}
.userguide-list-txt ul .list-ico01:before{background:#d7d8ff url("../img/userguide_list_ico01.png") center center no-repeat;}
.userguide-list-txt ul .list-ico02:before{background:#d7d8ff url("../img/userguide_list_ico02.png") center center no-repeat;}
.userguide-list-txt ul .list-ico03:before{background:#d7d8ff url("../img/userguide_list_ico03.png") center center no-repeat;}

/* 20220324 새마을금고 법인카드 신청방법 tooltip 추가*/
.tooltip-area {position:relative;display:inline-block;}
.tooltip-area i.xi-help{font-size:20px;}

/* tooltip 새마을금고 */
.tooltip-box02 {display:none; position: absolute; left:25px; top:-60px;width:600px; z-index:999; text-align:left; padding:15px 20px; font-size:14px; word-break: keep-all; background: #ffffff;border: 1px solid #666;letter-spacing:-0.05em; line-height:1.2; border-radius:5px; box-shadow:1px 3px 6px 3px rgba(0,0,0,0.08);}
.tooltip-box02:after, 
.tooltip-box02:before {content: "";position: absolute; width: 0; height: 0; right: 100%; top: 17%; border: solid transparent; pointer-events: none;}
.tooltip-box02:after {border-color: rgba(255, 255, 255, 0);border-right-color: #ffffff;border-width: 10px;margin-top: -10px;}
.tooltip-box02:before {border-color: rgba(102, 102, 102, 0);border-right-color: #666;border-width: 11px;margin-top: -11px;}
.tooltip-box02 h5{position:relative; background:none; font-size:14px; font-weight:600; margin:0 0 10px 0; padding:8px 0 5px 0; border-bottom:1px solid #ddd; color:#333;}
.tooltip-box02 span{font-size:13px; color:#555; font-weight: 400; padding:0; /*background: url(../img/ico_warning.png) 0 3px no-repeat;*/}
.tooltip-box02 .btn_close{display:block;position:absolute; width:20px;height:20px; top:0;right:0; line-height:20px; font-size:16px; /*background:#509eac;color:#fff; */text-align:center; vertical-align:middle; font-weight:bold; cursor:pointer; border-radius:50%;}

.tooltip-box02 .pdf-down{font-size:13px; margin:20px 0 0 0;}
.tooltip-box02 .pdf-down .bg-purple{display:inline-block; margin:0 5px 0 0; background:#8329db;font-size:13px; color:#fff; padding:5px 13px; border-radius:20px; box-sizing:border-box;}

.tooltip-box02 .borderTable03 table th{font-weight:500; color:#240666; font-size:13px;}
.tooltip-box02 .borderTable03 table td{text-align:left;}

.tooltip-box02 .info-txt{margin:15px 0;}
.tooltip-box02 .info-txt i.xi-info-o{ vertical-align:middle; margin-right:4px;}
.tooltip-box02 .info-txt p{margin-bottom:3px;}
.mtLef20{margin-left:20px;}
.tooltip-box02 .info-txt p.mtLef20 i{ vertical-align:middle; font-size:18px;}

/********** ****************
	202204 위탁사 CMS 추가 
****************************/
.btn-arrow{height:28px;padding:0 10px;border:1px solid #bfccc9; background:#fff;}
.btn-arrow:hover{/*background: #f6fbff;*/border:1px solid #8329db; background:#fff;}
.btn-arrow i{color:#444 !important;}
.btn-arrow:hover i{color:#8329db !important;}

/* 팝업-결재정보등록 0- 결재선 td */
.tbl-inner{padding:0 !important;}
.tbl-inner .borderTable03{margin-top:0; border-top:none;}
.tbl-inner .borderTable03 table th{padding:8px 0; background:#f5f5f6;}
.tbl-inner .borderTable03 table td{padding:3px 0;}
.tbl-inner .btn-arrow{padding-left:0;}

/* 수기등록 팝업창-width조정 */
.modal-content02.w860{width:860px !important;}
.modal-content02.w860 .imgpreview{ width:100%; min-height:265px;display: table; text-align:center; border:1px solid #ddd; background:#fefefe; box-sizing:border-box;}
.modal-content02.w860 .imgpreview .inner{display:table-cell; vertical-align:middle; text-align:center;}
.modal-content02.w860 .imgpreview img{max-width:371px; display:block; margin:0 auto;}
.modal-content02.w860 .filebox .upload-name {width:83%;}
.modal-content02.w860 .imgfile-form .fl{width: 51%;}
.modal-content02.w860 .imgfile-form .fr{width: 48%; padding: 10px;}
.imgfile-form{border-bottom:1px solid #ddd;}
.bdb-none{border-bottom:none !important;}

/* 팝업 - 결재선 선택 */
.approval-box{position:relative; padding:14px; background:#f9f9f9;}
.approval-box .left-conts,
.approval-box .right-conts{width:49.2%; min-height:230px;background:#fff;border-radius:5px; }

.approval-box .left-conts{ border:1px solid #ccc; }
.approval-box .right-conts{background:#fff; border:1px solid #ccc;}
.approval-box .stitle{background:#a3b1c1;border:1px solid #a3b1c1; border-radius: 5px 5px 0 0; font-size:13px; text-align:center; padding:6px 0; color:#fff; font-weight:500; -webkit-box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.05); box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.05); z-index:2; }
.approval-box .inner{width:100%;margin:0 auto;}
.approval-box .borderTable03{margin-top:0; border-top:none; }
.approval-box .borderTable03 table th:first-child{border-radius:5px 0 0 0;}
.approval-box .borderTable03 table th:last-child{border-radius:0 5px 0 0;}
.approval-box .borderTable03 table th,
.approval-box .borderTable03 table td{ padding: 6px 4px;}
.approval-box .left-conts .borderTable03 table th{/*background:#eff0f3;*/background:#a3b1c1; border-color:#cbd1d9; color:#fff;}
.approval-box .right-conts .borderTable03 table th{background:#eff0f3;}
.h70px{height:70px !important;}

/* 팝업 - 결재문서미리보기*/
.document-preview{position:relative; height:200px; border:1px solid #ddd; overflow:auto;}
.document-preview span.txt{padding:90px 0 0;text-align:center; display:block;}

/******************************
	팝업 - 지출결의서 미리보기
*******************************/
.wrap-popup{position:relative; margin:30px auto; width:750px;}
.wrapForm-box{width:100%; border:1px solid #111; margin:0 auto; font-size:12px;}
.wrapform{width:710px; height: 100%; position:relative; margin:0 auto; padding: 50px 0 36px; box-sizing:border-box;}
.wrapform .fl {float: left;}
.wrapform .fr {float: right;}
.wrapform .ls1 {letter-spacing: 0.7px;}
.wrapform .ls0 {letter-spacing: -0.2px;}

.wrapform .form-title{font-size:24px; margin:10px 0 30px 0; text-align:center;}

.wrapform .sum-info .fl{width:40%;}
.wrapform .sum-info .fr{width:60%;}
.wrapform .sum-info .sum-info-txt li{padding:3px;}
.wrapform .sum-info .sum-info-txt li:first-child{margin:0 0 3px 0; padding:5px; text-align:right; border-bottom: 1px solid #111;}

.wrapform .days-info{margin:18px 0;}
.wrapform .days-info table{width:100%;}
.wrapform .days-info .yymmdd-txt span{margin-left:12px;}
.wrapform .days-info .yymmdd-txt span em{margin-left:3px;}

.wrapform .approval-info{display:block; float:right; text-align:right; }
.wrapform .approval-info span{display:inline-block; margin-left:-3px; min-width:59px;}
.wrapform .approval-info span table{width:100%;}
.wrapform .approval-info span th,
.wrapform .approval-info span td{padding:2px 3px; text-align:center; vertical-align:middle; border:1px #111 solid; white-space:nowrap;}
.wrapform .approval-info span .sign{height:40px;}
.wrapform .approval-info span .day{font-size:11px; font-family: Arial, sans-serif;}
.wrapform .approval-info span.drafter{margin-right:8px;}

.wrapform .expense-tbl{width:100%; border-collapse:collapse;}
.wrapform .expense-tbl th,
.wrapform .expense-tbl tfoot th,
.wrapform .expense-tbl tfoot td{padding:3px ; background:#eee; border:1px #111 solid; color:#111; font-size:12px; font-weight: 500; text-align:center; box-sizing:border-box;}
.wrapform .expense-tbl td {height: 36px;padding: 3px; border:1px #111 solid; font-size:12px; text-align:center; box-sizing:border-box;}

@media print{
	/* print - 지출결의서 미리보기 공통 */
	.wrap-popup{position:relative; margin:30px auto 0; width:710px;} /* 미리보기 검정라인 박스 -- 출력시에는 사라짐 */
	.wrapForm-box{width:710px; border:none;}
	.wrapform{padding-top:30px;}
	.wrap-popup .subTitle,
	.wrap-popup .bottomBtnbox{display:none;}
}
/*******************************
	 20220512 지출결의서 type2 
 *******************************/
.wrapform.type2  .ml5{margin-left:5px;}
/* 서브타이틀*/
.wrapform.type2 .sub-title{font-size:13px; margin:10px 0 0; color:#000;}
.wrapform.type2 .sub-title h4{font-size:13px; font-weight: normal; letter-spacing: 1px;}

/* 지출결의서 list table */
.wrapform .expense-tbl2{width:100%; border-collapse:collapse;}
.wrapform .expense-tbl2 th,
.wrapform .expense-tbl2 tfoot th,
.wrapform .expense-tbl2 tfoot td{padding:3px; background:#eff5fe; letter-spacing: 0;  border:1px #111 solid; color:#111; font-size:12px; font-weight: 500; text-align:center; box-sizing:border-box;}
.wrapform .expense-tbl2 td {padding: 3px; border:1px #111 solid; letter-spacing: 0; font-size:12px; text-align:center; box-sizing:border-box;}
.wrapform .expense-tbl2.th-bg-none th,
.wrapform .expense-tbl2.th-bg-none td{background:none;} /* th 백그라운드 none */
.wrapform .expense-tbl2 thead th,
.wrapform .expense-tbl2 thead td{font-weight:bold; letter-spacing:1px;}
.wrapform .expense-tbl2 thead th{background:none;}
.wrapform .expense-tbl2 tbody th{border-bottom:3px double #111;}
.wrapform .expense-tbl2 tfoot th,
.wrapform .expense-tbl2 tfoot td{padding:5px;}
.wrapform .expense-tbl2 .bdb-normal{border-bottom:1px solid #111;}
.wrapform .expense-tbl2 .bdl-none{border-left:none;}
.wrapform .expense-tbl2 .bdr-none{border-right:none;}
.wrapform .expense-tbl2 .ar{padding-right:5px;}
.wrapform .expense-tbl2 .al{padding-left:5px;}
.wrapform .expense-tbl2 .bg{background:#eff5fe !important;}

/* 결재 박스 리스트*/
.wrapform .approval-info2{display:block; float:right; text-align:right; }
.wrapform .expense-tbl3{border:1px solid #000; display:inline-block;}
.wrapform .expense-tbl3 th,
.wrapform .expense-tbl3 td{text-align:center; white-space:nowrap; border:1px #111 solid; box-sizing:border-box;}
.wrapform .expense-tbl3 th{width:23px; vertical-align:middle; }
.wrapform .expense-tbl3 td{width:59px; vertical-align: top;}
.wrapform .expense-tbl3 .bd-right-double{border-right:3px double #111;}
.wrapform .sign-info{width:59px; box-sizing:border-box;}
.wrapform .sign-info span{width:100%; display:block; border-bottom:1px solid #111; font-weight:bold; letter-spacing: 2px; box-sizing:border-box;}
.wrapform .sign-info p:before{content:""; display:table; }
.wrapform .sign-info p{width:59px; height:53px; display:table-cell; text-align:center; vertical-align:middle; box-sizing:border-box;}

/* 지출결의서 하단 :: type2 */
.wrapform.type2 .footer-box{border:1px solid #111; border-top:none; padding: 10px 0 0 0;}
.wrapform.type2 .footer-box p{margin:0 0 8px 0;}
.wrapform.type2 .footer-box p:last-child{margin:0 0 0 5px;}
.wrapform.type2 .footer-box p.date span{margin-right:8px;}

/*******************************
	 20220512 지출결의서 type3 
 *******************************/
.wrapform.type3 .form-title{border:1px solid #111; padding: 12px 0; letter-spacing:3px; font-size:24px; margin:10px 0 10px 0; text-align:center;}

/* 지출결의서 table 수정 */
.wrapform.type3 .expense-tbl3{border:0;}

.wrapform.type3 .expense-tbl2{border:2px solid #111;}
.wrapform.type3 .bd1{border:1px solid #111;}
.wrapform.type3 .expense-tbl2 tbody th{border-bottom:1px solid #111; background:#f7f7f7;}
.wrapform.type3 .expense-tbl2 tbody th,
.wrapform.type3 .expense-tbl2 tbody td{letter-spacing:-0.5px;}
.wrapform.type3 .expense-tbl2 .bg{background: #ebf1fd !important;}
.wrapform.type3 .expense-tbl2 .bg-gray{background:#f7f7f7;}

/* 지출결의서 하단 :: type3 */
.wrapform.type3 .footer-box{border:1px solid #111; padding: 10px 0; margin-top:5px;}
.wrapform.type3 .footer-box p:first-child{margin:0 0 0 10px;}
.wrapform.type3 .corporate-name{font-size:16px; margin-top:15px}



/*******************************
	20220520 퀵허브 web 개선 1
 *******************************/

/* 서브 좌측메뉴 하단 영역 추가*/
.leftMenu{min-height:700px;padding-bottom:200px; box-sizing:border-box;} /* 20220603 추가 */
.left-bottom-area{/*position: relative; width:210px; margin-top:150px; */position: absolute; width:210px;  bottom:20px;} /* 20220603 수정-메뉴하단으로 고정*/
.left-bottom-area .left-bottom-menu{width:100%; position:relative; padding:10px 0; background:#fff; border:1px solid #ededed; border-radius:1px; box-sizing:border-box;}
.left-bottom-area .left-bottom-menu li{position:relative; display:block; margin:0 15px; border-top:1px solid #ededed; box-sizing:border-box;}
.left-bottom-area .left-bottom-menu li:first-child{border-top:none;}
.left-bottom-area .left-bottom-menu li a{display:block;width:100%;height:32px;padding:0 0 0 5px;font-size:13px;line-height:30px;color:#222;}
.left-bottom-area .left-bottom-menu li a:hover,
.left-bottom-area .left-bottom-menu li a:hover i,
.left-bottom-area .left-bottom-menu li.active a,
.left-bottom-area .left-bottom-menu li.active a i{color:#8329db;}
.left-bottom-area .left-bottom-menu li a i{position: absolute; right:0; top: 7px; font-size:18px; color:#d8d8d8;}


/* 공동인증서관리 상단 탭버튼*/
.sub-tab-wrapper{height:50px; background-color: #f7f7f7;  margin-bottom:30px;}
.tab-wrap-type2 ul{display:table; width:100%; height:100%; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-wrap-type2 ul:after{display:none}
.tab-wrap-type2 ul li{display:table-cell; vertical-align:middle; position:relative; width:25%; background-color: #eee; border:1px solid #ddd; /*border-top: 1px solid #8329db;*/ border-left:0;}
.tab-wrap-type2 ul li:first-child{border-left:1px solid #ddd;}
.tab-wrap-type2 ul li a{display:table; height:48px; width:100%;}
.tab-wrap-type2 ul li a em{display:table-cell; vertical-align:middle; color:#555555; font-size:16px; letter-spacing:-0.35px; font-weight: 500; text-align:center;}
.tab-wrap-type2 ul li.selected{z-index:1; border-color: #8329db;}
.tab-wrap-type2 ul li.selected a{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9e44f5+0,8329db+100 */
background-color:#8329db; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9e44f5 0%, #8329db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #9e44f5 0%,#8329db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #9e44f5 0%,#8329db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e44f5', endColorstr='#8329db',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.tab-wrap-type2 ul li.selected a em{color:#fff;}

/* 공동인증서관리 */
.certificate-msg{ margin-bottom:15px;}
.certificate-msg i{font-size:30px; color:#8329db; vertical-align:middle;}
.certificate-msg span{font-size:18px; font-weight:500; color:#333; vertical-align:middle;}

/* 인증서등록/삭제/변경 버튼 사이즈 조정 */
.btn-certificate .emphasisBtn02 {width:200px; height:40px; display:inline-block; font-size:14px; color:#fff;}
.btn-certificate .ghostBtn02 {min-width:200px; height:40px;  display:inline-block; font-size:14px; color:#535c59;}

/* 홈택스 부서사용자계정 및 인증서----왼쪽화면 탭버튼*/
.hometax-certificate-box{ border:1px solid #f2f2f4; box-sizing:border-box;}
.hometax-certificate-box .tabbtn{display:table;}
.hometax-certificate-box .tabbtn li{display:table-row; }
.hometax-certificate-box .tabbtn li div{display: table-cell; vertical-align:middle; width:118px; height:331px; text-align:center; border-left:5px solid #e4e3e7; background:#f2f1f3; }
.hometax-certificate-box .tabbtn li a{font-size:16px; color:#9d9d9d; display:block;}
.hometax-certificate-box .tabbtn li:first-child a{color:#444444;}
.hometax-certificate-box .tabbtn li a i{font-size:22px; color:#bcbcbd;}
.hometax-certificate-box .tabbtn li a p{font-weight:500;}
.hometax-certificate-box .tabbtn li.active div{border-left:5px solid #8329db !important; border-right:1px solid #fff; background:#fff;}
.hometax-certificate-box .tabbtn li.active a,
.hometax-certificate-box .tabbtn li.active a i{color:#8329db;}
.hometax-certificate-box .tabbtn li.active .check-icon{font-family : xeicon;}
.hometax-certificate-box .tabbtn li.active .check-icon:after{ content: "\e92b";}
.hometax-certificate-box .tabbtn .check-icon{font-family : xeicon;}
.hometax-certificate-box .tabbtn .check-icon:after{ content: "\e92c";}
.hometax-certificate-box .tabbtn li .txt-bg{display:inline-block; padding:0 5px; font-size:12px; background:#d8d8f9; color:#442265;}
.hometax-certificate-box .tabbtn li.active .txt-bg{ background:#f8d8ff; color:#6200c2;}

/* 홈택스 부서사용자계정 및 인증서----우측 화면 */
.hometax-certificate-box .right-conts{position: relative; width:1030px; padding:20px 35px 0; box-sizing: border-box;}
.sub-tab-wrapper + .citationBox,
.hometax-certificate-box .right-conts .citationBox,
.hometax-certificate-box .right-conts .citationBox_none {border-top: 1px #333 solid; height:auto;} /* 인증서 상단 보더라인  탭 있을때 홈택스 부서사용자계정 인증서 아래있을때 */
.hometax-certificate-box .right-conts .citationBox_none p{padding-top:100px; padding-bottom:100px;}
.w216{width:216px;}
.hometax-certificate-box .guide-txt-box{margin-top:25px;}

/* 홈택스 부서사용자계정 및 인증서 :: 안내메세지 */
.hometax-certificate-box .round-box{position:relative; display:table; width:100%; margin-bottom:24px; line-height:1.3; padding:20px 22px;background:#f2f2ff; border-radius:5px; box-sizing:border-box;}
.hometax-certificate-box .round-box span{ display: block; min-height:30px; font-weight:500; font-size:16px; background:url(../img/ico_hometax_msg.png) 0 0 no-repeat; padding:0 0 0 40px;}
.hometax-certificate-box .round-box span.pt3{padding-top:3px;}
.hometax-certificate-box .round-box span em{font-size:14px;}
.hometax-certificate-box .round-box button{position:absolute; right:20px; top:25px;}
.hometax-certificate-box .round-box button i{margin-right:4px; }

/**************************************************
	20220531 퀵허브 web 개선 2 카드/계좌등록
 *************************************************/
.w40{width:40px;}
/*.w50{width:50px;}*/
.w70{width:70px;} /* 20220630 추가 */
.w80{width:80px;}
.w110{width:110px;}
.w160{width:160px;}
.width23{width:23%;} /* 인풋사이즈 */
.width740px{width:740px;} /* 카드신규등록 모달 팝업창 사이즈만 다름 740px*/

/* 안내메세지 */
.notice-txt,
.notice-txt02{position:relative; margin:0;padding:14px 16px; line-height:1.3; background:#f6f6f6; border:1px solid #e9e9e9; border-radius:5px; box-sizing:border-box;}
.notice-txt p,
.notice-txt02 p{margin:1px 0!important;padding:0 0 0 11px; position: relative; font-size:14px !important;}
.notice-txt p:before,
.notice-txt02 p:before{content:"\e93f";position: absolute; top: 3px; left: 0; display: block;font-family : xeicon; font-size:5px; width:3px; height:3px; color:#afafaf; }

.notice-txt02{ background:#f6f6f6 url(../img/notice_msg_arrow_bg.png) center right no-repeat;}
.notice-txt02 .right-btn{position:absolute; right:16px; top:30px;}
.notice-txt02 .right-btn i{font-size:15px;margin:-3px 3px 0 0; vertical-align:middle;}

.notice-txt03{margin:0; padding:14px 18px;line-height:1.3; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.notice-txt03 p{margin:0 0 0 !important; padding:0;font-size:12px !important; color:#777; letter-spacing:-0.03em;}

.notice-txt04{margin:10px 0 0 0; padding:40px 0; border-top:1px solid #333; border-bottom:1px solid #ddd; text-align:center;}

.choice-msg-box{border-bottom:1px solid #333; padding:0 0 10px 0;}
.txt-search-msg{ display:inline-block; padding-top:5px;}
.txt-choice-msg{border-bottom:4px solid #fae676; display:inline-block;line-height:0.6; font-weight:500;}

.subtitle-uline{font-size:17px;font-weight:600; color:#222; border-bottom:1px solid #333; padding:0 0 5px 4px;margin-top:20px;}

/* 카드신규등록 (카드리스트조회)*/
.card-list-form table td {padding: 5px 3px;}
.card-list-form input[type="password"],
.card-list-form input[type="text"]{font-size:13px; padding:0 2px; border-color:#aaa;text-align:center;}
.card-list-form  input[disabled="disabled"] {border-color:#ddd;}
.card-list-form  input[type="text"]:focus {border:1px solid #555;}
.box-red{border:1px solid #e42424 !important;}

/* 카드사선택 list*/
.card-select {position: relative; padding:16px 0; list-style: none;}
.card-select:after{ content:''; display:block; clear: both;}
.card-select li {float: left; padding: 3px 0;	margin:0 5px 0 0;}
.card-select li:nth-child(5n) {margin-right:0}
.card-select li label { /* 탭 헤더 */
    position: relative;
	display:inline-block;
	width:115px;
   /* background: #f7f7f7;*/
    background:#fff;
    padding: 8px 2px;
    /*border: 2px solid #f7f7f7;*/
	border:2px solid #eee;
	border-radius: 5px;
	text-align:center;
	font-size:13px;
	color:#000;
	white-space: nowrap;
	box-sizing:border-box;
	cursor:pointer;
}
.card-select li [type="radio"] {display: none;}
.card-select li [type="radio"]:checked ~ label ,
.card-select li label:hover{
    background: #fff;
	border: 2px solid #8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.card-select li label:hover{background: #fefefe; border-color:#e9e1f5;}
.card-select li label p{height: 30px; vertical-align:middle; margin:0 !important; padding:0; display:block; } /* 20220524 수정*/
.card-select li label img{width:auto; height:auto; max-width:75px;max-height:30px; display:inline-block; text-align:center; vertical-align:middle;} /* 20220524 수정*/
.card-select li label span{margin-right:3px;} /* 20220524 추가*/

/* 로그인정보 radio-btn02 */
.radio-btn02 {margin:35px auto; text-align:center;}
.radio-btn02 input[type="radio"] {display:none;}
.radio-btn02 span:last-child label{margin-right:0;}
.radio-btn02 label {
  position:relative;
  display:inline-block;
  width:237px;
  height:160px;
  color:#222;
  font-weight:500;
  font-size:17px;
  padding:22px 20px 0 20px;
  border:1px solid #d7d7d7;
  margin-right:44px;
  background:#fefefe;
  line-height:36px;
  border-radius:10px;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.radio-btn02 [type="radio"]:hover + label,
.radio-btn02 [type="radio"]:checked + label{
	background: #fff;	
	border: 1px solid #8329db;
	color:#8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 8px rgba(133, 141, 162, .2);
}
.radio-btn02 [type="radio"]:checked:hover + label {
    background: #fff;	
	border: 1px solid #8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(133, 141, 162, .2);
}
.radio-btn02 .txt-bg{display:inline-block; margin:-3px 0 0 5px;vertical-align:middle; padding:0 5px; line-height:1.7; height:20px; font-size:12px;  background:#f8d8ff; color:#6200c2;}
.radio-btn02 .icon-bgbox{display:table;background:#f0f2ff; margin:3px auto; width:71px; height:71px; border-radius:50%; text-align:center; vertical-align:middle;}
.radio-btn02 .icon-bgbox em{vertical-align:middle;display:table-cell;}

/* 공동인증서 등록 radio-btn03 */
.radio-btn03 {margin:35px auto; text-align:center;}
.radio-btn03 input[type="radio"] {display:none;}
.radio-btn03 span:last-child label{width:180px; margin-right:0; color:#777;}
.radio-btn03 label {
  position:relative;
  display:inline-block;
  width:300px;
  height:160px;
  color:#222;
  font-weight:500;
  font-size:17px;
  padding:22px 20px 0 20px;
  border:1px solid #d7d7d7;
  margin-right:34px;
  background:#fefefe;
  line-height:36px;
  border-radius:10px;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.radio-btn03 [type="radio"]:hover + label,
.radio-btn03 [type="radio"]:checked + label {
    background: #fff;	
	border: 1px solid #8329db;
	color:#8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
}
.radio-btn03 span:last-child [type="radio"]:hover + label,
.radio-btn03 span:last-child [type="radio"]:checked + label{color:#aaa;}
.radio-btn03 .txt-bg{display:inline-block; margin:-3px 0 0 5px;vertical-align:middle; padding:0 5px; line-height:1.7; height:20px; font-size:12px;  background:#f8d8ff; color:#6200c2;}
.radio-btn03 .icon-bgbox{display:table;background:#f0f2ff; margin:3px auto; width:71px; height:71px; border-radius:50%; text-align:center; vertical-align:middle;}
.radio-btn03 .icon-bgbox em{vertical-align:middle;display:table-cell;}
.radio-btn03 span:last-child .icon-bgbox{background:#f7f7f7;}

/* 계좌신규등록 - 인증방식 선택*/
.bank-account-regist{margin:10px 0 20px;}
.bank-account-regist .stitle{font-size:17px; font-weight:600; color:#222;line-height:34px; margin-right:20px; padding-left:4px;}
.bank-account-regist .select-btn-box{background:#e4e4ec; border-radius:30px; max-width:246px; height:35px; box-sizing:border-box;}
.bank-account-regist .select-btn-box li{float:left; line-height:34px; width:110px; text-align:center; box-sizing:border-box;}
.bank-account-regist .select-btn-box li.active{width:133px;}
.bank-account-regist .select-btn-box li.active a:before{content:"\e929"; color:#fff; font-family : xeicon; margin:-5px 2px 0 -5px; font-size:20px; vertical-align:middle;}
.bank-account-regist .select-btn-box li.active a{background:#8329db; color:#fff;border-radius:30px; padding-left:0; }
.bank-account-regist .select-btn-box li a{display:inline-block; width:100%; height:35px; vertical-align:middle; padding-left:15px; }
.bank-account-regist .select-btn-box li:last-child a{padding-left:0; margin-left:-5px;}
.bank-account-regist .select-btn-box li.active:last-child a{margin-left:0;}

span#questionBtn {
	margin-left: 5px;
	padding: 2px 6px;
	background: #e42424 ;
	color: white;
	border-radius: 100%;
	font-size: 13px;
	cursor: pointer;
}
div#answerDiv {
	display: none;
	z-index: 99999999999999;
	border:1px solid #222; 
	text-align:center;
	position: absolute;
	top:35px; left: 65px; 
	width: 300px;  
	height: 109px;
	background: white;
	border-radius: 5px;
}
#answerDiv p {
	font-weight: bold;
	margin-bottom: 0px;  
	margin-top: 10px;
}
#answerDiv span {
	font-weight: lighter;
}

/**************************************************
	20220603 등록가이드
 *************************************************/
.inner-conts-980{width:980px; margin:0 auto;}
.regist-guidebox1{background:#f7f7f8;margin-bottom:30px;padding:16px 30px 18px; color:#000; font-weight:500; font-size:15px; border-radius:3px; box-sizing:border-box;}

/* 등록가이드 상단 탭버튼*/
.sub-tab-wrapper2{height:72px; background-color: #f1f1f5;}
.tab-wrap-type3 ul{display:table; width:100%; height:100%; border-top: 2px solid #8329db; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-wrap-type3 ul:after{display:none}
.tab-wrap-type3 ul li{display:table-cell; vertical-align:middle; position:relative; width:25%; background-color: #f1f1f5; border:1px solid #e2e2e9; border-top:0; border-left:0;}
.tab-wrap-type3 ul li:first-child{border-left:1px solid #e2e2e9;}
.tab-wrap-type3 ul li a{display:table; height:70px; width:100%;}
.tab-wrap-type3 ul li a em{display:table-cell; vertical-align:middle; color:#444; font-size:15px; letter-spacing:-0.35px; font-weight: 500; text-align:center;}
.tab-wrap-type3 ul li a em img{margin-right:6px; opacity:0.7;}
.tab-wrap-type3 ul li.selected{z-index:1; border-bottom-color: #fff;}
.tab-wrap-type3 ul li.selected a{background-color:#fff;}
.tab-wrap-type3 ul li.selected a em{color:#000; }
.tab-wrap-type3 ul li.selected a em img{opacity:1;}

.regist-guide{padding:0;}
.regist-guide .guide-inner{padding:0 16px;}
.regist-guide .subTitle{font-size:14px !important; }
.regist-guide .subTitle:before{top:5px; width:4px; height:4px; }
.regist-guide .subtitle2{font-size:14px; font-weight:400;}

.regist-guide .title-txt{margin:26px 0 0 0; padding:0 0 9px 4px; font-size:15px; color:#222; font-weight:500; border-bottom:1px solid #dce0e2; box-sizing:border-box;}
.regist-guide .guide-txt-rbox01{/*background:#efefff;*/ background:#f4f4f4 ; min-height:56px; padding:14px 20px; border-radius:10px; box-sizing:border-box;}
.regist-guide .guide-txt-rbox01 p,
.regist-guide .guide-txt-rbox03 p{position: relative; padding:3px 8px; color: #444; font-size:14px; font-weight:500; line-height:1.4;}
.regist-guide .guide-txt-rbox01 p:before,
.regist-guide .guide-txt-rbox03 p:before{content:''; position:absolute;left:0; top: 12px; vertical-align: middle; width:4px;height:4px; background:#888; border-radius: 3px; }
.regist-guide .guide-txt-rbox01 button,
.regist-guide .guide-txt-rbox03 button{height:26px !important; padding:0 10px 0 14px; font-size:13px;}
.regist-guide .guide-txt-rbox01 button i,
.regist-guide .guide-txt-rbox03 button i{margin:0 0 0 3px;}
.regist-guide .guide-txt-rbox03{background:#f7f7fd ; border:1px solid #dce0e2; padding:14px 20px; border-radius:2px; box-sizing:border-box;}
.regist-guide .pdtb{padding:16px 20px;}

.regist-guide .guide-txt-rbox02{ background:#fff ; padding:16px 20px; border-radius:10px; box-sizing:border-box;}
.guide-inner-txtbox li .right-conts{width:72%;}
.guide-inner-txtbox li{border-bottom:1px solid #eee; padding:20px 0;}
.guide-inner-txtbox li .no-title{display:table;width:250px; height:54px; padding:0 0 0 10px; background:#efefff; border-radius: 0 50px 50px 0 ;box-sizing:border-box;}
.guide-inner-txtbox li .no-title em{display:block; vertical-align:middle; padding:0; width:33px; height:33px; line-height:27px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; background:#604abc; border:3px solid #d7d8ff; border-radius:30px; box-sizing:border-box;}
.guide-inner-txtbox li .no-title span{display:table-cell; text-align:left; vertical-align:middle; font-size:14px; font-weight:500; color:#000;}
.guide-inner-txtbox li .no-title span:first-child{width:40px;}
.guide-inner-txtbox li .txt-type1:before{content:"";display:table;}
.guide-inner-txtbox li .txt-type1{display:table-cell; height:54px; vertical-align:middle; font-size:14px; margin:10px 0 0 0;}
.guide-inner-txtbox li .txt-type2{font-size:13px; margin: 8px 0; color:#777;}
.guide-inner-txtbox li .txt-type2 i{color:#9693aa; font-size:14px; margin:-2px 2px 0 0; vertical-align:middle;}
.guide-inner .txt-type3{font-size:13px; margin: 8px 0; color:#888;}

/**************************************************
	20220608 기타 페이지 
 *************************************************/

/* 서브공통 상단 가이드 텍스트 박스*/
.top-guidetxt-box{width:100%; border:1px solid #e7e7ef; background:#f4f4f7; margin:0 0 20px 0;padding:14px 20px; border-radius:3px; box-shadow:0px 1px 3px 3px rgba(0,0,0,0.01); box-sizing:border-box;}
.top-guidetxt-box:after{content:""; display:table; width:100%;}
.top-guidetxt-box span{display:table-cell; vertical-align:middle;}
.top-guidetxt-box span.icon em:before{display:table;}
.top-guidetxt-box span.icon em{display:table-cell; width:80px; height:80px; background:#fff; vertical-align:middle; text-align:center; border-radius:50%; box-sizing:border-box;}
.top-guidetxt-box span.icon{width:90px; text-align:center;}
.top-guidetxt-box span.icon-big em{width:100px; height:100px;}
.top-guidetxt-box span.icon-big{width:110px;}
.top-guidetxt-box span.guidetxt-list{/*width:65%;*/ width:720px; text-align:left;}
.top-guidetxt-box span.rightbtn-area{width:300px;text-align:right;}
.top-guidetxt-box span.rightbtn-area button,
.top-guidetxt-box span.rightbtn-area form{display:inline-block; line-height:1;}
.top-guidetxt-box span.rightbtn-area button i img{margin:-2px 3px 0 0;}
.top-guidetxt-box span.rightbtn-area .emphasisBtn04{min-width:110px;}
.top-guidetxt-box .top-guidetxt-inner{margin-left:10px;}
.top-guidetxt-box .top-guidetxt-inner li{position: relative; padding:2px 6px; color: #444; font-size:14px; font-weight:500; line-height:1.4;}
.top-guidetxt-box .top-guidetxt-inner li:before{content:''; position:absolute;left:0; top: 12px; vertical-align: middle; width:2px;height:2px; background:#888; border-radius: 3px; }
.top-guidetxt-box .top-guidetxt-inner .toptxt-type2{margin-bottom:8px;}
.top-guidetxt-box .top-guidetxt-inner .toptxt-type2 p{font-size:15px; font-weight:500;}
.top-guidetxt-box .top-guidetxt-inner .font18-bold{font-size:18px; font-weight:bold;}
.top-guidetxt-box .top-guidetxt-inner .font20-bold{font-size:20px; font-weight:bold;}
.top-guidetxt-box .top-guidetxt-inner .font-weight400{font-weight:400;}
.top-guidetxt-box .ico-none li{padding:2px 6px 2px 0;}
.top-guidetxt-box .ico-none li:before{content:''; display:none;}
/* 상단가이드박스 style2 보라색배경*/
.top-guidetxt-box.bg-purple{border:1px solid #e3e6fa; background:#f0f2ff; box-shadow: none;}
.top-guidetxt-box.bg-purple i{font-size:19px;color:#8329db; vertical-align:middle; margin:-2px 2px 0 -21px;}
.top-guidetxt-box .top-guidetxt-inner.mgleft20{margin-left:30px !important;}

/* 수정문서발행 페이지 수정 및 추가 */
.warpsubSection .subContents .conBox01 ul.listBox02 li{position:relative;}
.warpsubSection .subContents .conBox01 ul.listBox02 li.selected span.boxLeft{color:#8329db;}
.warpsubSection .subContents .conBox01 ul.listBox02 li.selected {border:1px #8329db solid;}
.warpsubSection .subContents .conBox01 ul.listBox02 li .select-btn{position:absolute; display:table; top:0; right:0; padding:0; margin:0; width:170px; height:100%;}
.warpsubSection .subContents .conBox01 ul.listBox02 li .select-btn:after{content:""; display:table-cell; }
.warpsubSection .subContents .conBox01 ul.listBox02 li .select-btn button{display:inline-block; background:#8329db; font-size:14px; color:#fff; width:100%; height:100%;}
.warpsubSection .subContents .conBox01 ul.listBox02 li .select-btn button i{margin-right:-4px; margin-left:3px;}

/* 서비스소개 페이지 이미지 박스추가*/
.ex-box{border:1px solid #eee; padding:30px;}

/***************************************************** 
	20220628
    위탁사 자금관리 소개페이지/ 타이틀 옆 설명 추가 
 ****************************************************/
 /* 타이틀 옆 설명 */
.titlebar-stxt:before{content:"│"; color:#eee; padding:0 6px 0 2px; font-size:20px; font-weight:200 !important;}
.titlebar-stxt{font-size:14px; color:#666; font-weight:400;}

/* 위탁사 소개 박스*/
.service-guide-box ul li{float:left; width:322px; margin:0 16px 0 0;}
.service-guide-box ul li:last-child{margin:0 0 0 0;}
.service-guide-box ul li .conts-title{padding:10px 0; background:#d7d8ff; text-align:center; font-size:18px; color:#333; font-weight:600; border-radius:20px 0 0 0;box-sizing: border-box;}
.service-guide-box ul li .conts-txt{min-height:206px; padding:20px 16px;font-size:14px; text-align:center;background:#f7f7f7; border-radius:0 0 20px 0; box-sizing: border-box;}
.service-guide-box ul li .conts-txt p{margin-bottom:16px;}

/*220808 메인팝업 위치*/
#mainPopupLoca {position: absolute; margin: 0; top: 140px; left: 140px; z-index:10001;}
@media all and ( max-width: 800px ){
	/* 2023.04.24 모바일에서 팝업창 숨김 */
	#mainPopupLoca{display:none;}
}


/* 20220819 위탁사용지출결의서 추가*/
.wrapform .expense-tbl4{width:100%; border-collapse:collapse;}
.wrapform .expense-tbl4 th,
.wrapform .expense-tbl4 tfoot :is(th,td) {padding:3px; letter-spacing: 0;  border:0; color:#111; font-size:12px; font-weight: 500; text-align: left; box-sizing:border-box;}
.wrapform .expense-tbl4 td {padding: 3px; border: 0; letter-spacing: 0; font-size:12px; text-align:left; box-sizing:border-box;}
.wrapform .expense-tbl4.font13 :is(th,td){font-size: 13px;}
.wrapform .expense-tbl4 .bdr-none{border-right:none;}

.wrapform .expense-tbl2 tr.bg-lskyblue :is(th,td) {background: #eff5fe;}
.wrapform .expense-tbl2 tr.bg-skyblue :is(th,td) {background: #e1e9f6;}
.wrapform .expense-tbl2 tr.bg-skyblue :is(th,td).bg-none {background: #fff;}
.wrapform .expense-tbl2 td.bg-lgray {background: #f0f3f6;}
.wrapform .expense-tbl2.font11 td {font-size: 11px;}
.wrapform .expense-tbl2 td.lh13 {line-height: 1.3;}

.f15{font-size:15px !important;}
.bolder {font-weight: bolder !important;}


/* 20220919 추가 */
/*  연동서비스 소개 */
.service-info-mtitle:after{content:""; position:absolute; left:0; top:0; background:#7a19d8; width:6px; height:100%; /*border-radius:3px 0 0 3px;*/}
.service-info-mtitle{position:relative; font-size:24px; font-weight:600; color:#000; background:#ebebfd; border:1px solid #dfd2f8; padding:7px 20px; border-radius:3px; box-sizing:border-box;}
.service-info-inner{padding:5px 29px;}
.service-info-inner .deco-ico{position: relative; margin:3px 0; padding:3px 8px 3px 12px; color: #444; font-size:15px; font-weight:400; line-height:1.4;}
.service-info-inner .deco-ico:before{content:''; position:absolute;left:0; top: 12px; vertical-align: middle; width:8px;height:4px; background:#9344e0; border-radius: 3px; }
.service-info-inner .deco-ico strong{font-size:16px; font-weight:600;}

/* 특징 */
.service-feature-list{padding:0 10px;}
.service-feature-list li{ position:relative; margin:0; padding:2px 0 3px 26px; font-size:15px;}
.service-feature-list li span{position:absolute; left:0; top:5px; width:19px;height:19px;display:inline-block;font-size:13px;font-weight:600;line-height:19px; color:#604abc;border-radius:50%;background:#d7d8ff;vertical-align:middle;text-align:center;box-sizing:border-box;}
.service-feature-list li strong{font-weight:500;}
.round-box-txt{margin:10px 0 15px 0;padding:0 10px;}
.round-box-txt .round-box-inner{padding:20px; border:1px solid #e5e5e5; border-radius:15px; box-sizing:border-box;}
.round-box-txt .round-box-inner .tt{font-size:14px;}
.round-box-txt .round-box-inner .subtxt{font-size:13px; margin-left:16px; line-height:1.6;}

/* 이용절차 */
.use-step-box{margin:5px 0 0 0;padding:0 10px}
.use-step-box ul{background:#fafafa; border:1px solid #eeeeee; padding:25px 20px; border-radius:3px;}
.use-step-box ul li{float:left; position:relative; width:33.33%;}
.use-step-box ul li.arrow:after{content:"";position:absolute; top:70px; right:-25px ; width:54px; height: 16px; background:url("../img/kfcc_guide_icon05_arrow.png") 0 0 no-repeat;}
.use-step-box .circle-box{width:149px; height:149px; text-align: center; font-weight:500; font-size:15px; margin:0 auto; padding:35px 0 0 0; background:#fff; border:1px solid #aeb2d1; border-radius:100px; box-sizing:border-box; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.05);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.05);}
.use-step-box .circle-box span{display:block;margin:0 0 10px 0;}
.use-step-box .circle-box img{margin-left:13px;}
.use-step-box .step-txt{margin:10px 0; font-weight:500; font-size:15px;}
.use-step-box .step-txt em{font-weight:400;}
.use-step-box .emphasisBtn05{min-width:165px;}

.kwic-service-info-con .subTitle{width:98%; margin:10px auto 0 auto; border-bottom:1px solid #eee; padding: 10px 28px;}
.kwic-service-info-con .subTitle:before {content:''; width:6px; height:6px; position:absolute; top:16px; left:10px; background:none; border-radius:50%; border: 4px #8329db solid; }

/***************** 서비스소개/퀵허브 장점 안씀****************/
/* 서비스 소개*/
.serice-intro-box{margin:10px 0;width: calc(50% - 10px); padding:10px; border:1px solid #e8e8e8; border-radius:3px; box-sizing:border-box;}
.serice-intro-box .tt{font-size:20px; font-weight:600; position:relative; padding:0 0 0 38px;}
.serice-intro-box .ico01:before{content:"";position:absolute; top:3px; left:8px; display:inline-block; width:26px; height:23px; background:url("../img/icon_service_intro01.png") no-repeat center/contain;}
.serice-intro-box .ico02:before{content:"";position:absolute; top:3px; left:8px; display:inline-block; width:26px; height:23px; background:url("../img/icon_service_intro02.png") no-repeat center/contain;}
.serice-intro-box .ico03:before{content:"";position:absolute; top:3px; left:8px; display:inline-block; width:26px; height:23px; background:url("../img/icon_service_intro03.png") no-repeat center/contain;}
.serice-intro-box .ico04:before{content:"";position:absolute; top:3px; left:8px; display:inline-block; width:26px; height:23px; background:url("../img/icon_service_intro04.png") no-repeat center/contain;}
.serice-intro-box .stxt{margin:5px 0;font-size:16px; position:relative; padding:0 8px;}
.serice-intro-box .stxt button{position:absolute; right:0; top:3px;}
.serice-intro-box .inner-box-txt{display:block; height:118px; margin:7px 0 0 0; padding:16px 18px;background:#f6f7ff; border-radius:4px; box-sizing:border-box;}
.serice-intro-box .inner-box-txt li{position:relative; margin:0; padding:3px 0 3px 25px; letter-spacing:-0.05em; font-size:15px; box-sizing:border-box;}
.serice-intro-box .inner-box-txt li span{position:absolute; left:0; top:6px; width:19px;height:19px;display:inline-block;font-size:12px;font-weight:normal;line-height:19px; color:#fff;border-radius:50%;background:#604abc;vertical-align:middle;text-align:center;box-sizing:border-box;}

/* 서비스 장점*/
.service-advantage_con ul li{display:table; border-bottom:1px solid #eee; padding:15px 0;}
.service-advantage_con ul li:last-child{border-bottom:none;}
.service-advantage_con ul li div{display:table-cell; text-align:center; vertical-align:middle;}

.service-advantage_con ul li .icon-box{width:110px; height:90px; vertical-align:middle;background:#f4f4fd; border-radius:5px; box-sizing:border-box;}
.service-advantage_con ul li .right-txt ul{padding:0 0 0 20px;}
.service-advantage_con ul li .right-txt ul li{display:block; border:none; text-align:left; padding:0 0 0 0;}
.service-advantage_con ul li .right-txt ul .title{ font-size:18px !important; font-weight:600;}
.service-advantage_con ul li .right-txt ul .sub-txt{padding-left:20px; font-size:15px;}

/* 장점 하단- 고객센터 전화번호 */
.customer-question{margin:60px 0 0 0;padding:24px; border:1px solid #eee; border-radius:10px; box-sizing:border-box;}
.customer-question .title{font-size:18px; font-weight:600; margin-bottom:10px}
.customer-question .phone{display:table;}
.customer-question .phone span{display: table-cell; text-align:center; vertical-align:middle;}
.customer-question .icon-box{width:90px;}
.customer-question .icon-box div{margin:5px 0 0 0;width:70px; height:70px; border-radius:35px; background:#f7f7f7;}
.customer-question .icon-box div img{margin-top:14px;}
.customer-question .tel ul li{margin:3px 0;font-size:15px; text-align:left;}
.customer-question .tel ul li strong{margin-right:10px;}
/***************** //서비스소개/퀵허브 장점 안씀****************/

/****** 20220927 서비스소개/퀵허브장점 ******/
.serice-intro-imgbox{width:700px; margin:40px auto 0 auto;}
.serice-intro-imgbox ul li{position:relative; margin-bottom:50px;}
.serice-intro-imgbox ul li button{position:absolute; display:inline-block; z-index:99; min-width: 25px; font-weight:600; border: 1px solid #8329db; background: #fff; color: #8329db; border-radius:50px;}
.serice-intro-imgbox ul li button:focus,
.serice-intro-imgbox ul li button:hover{background: #f9f3ff; border-color:#8b35e0;}
.serice-intro-imgbox ul li .btn-type-m{right:45px; top:135px; min-width:86px; height: 28px; font-size: 13px; padding: 0 16px;}
.serice-intro-imgbox ul li .btn-type-s{left:376px; top:250px; height: 24px; line-height:20px !important; font-size: 12px; padding: 0 12px;}
/* 서비스소개 하단 버튼 */
.btn-request-wrap{ text-align:center; }
.btn-request-wrap .emphasisBtn{ min-width:320px; height:50px; font-size:19px;}



/****************** 20221006 서비스별 신청 및 결제 페이지 *********************/

/* 이용현황 타이틀+searchbox 있을경우 마진값 조정 */
.subTitle + .warpText01{margin:10px auto 35px auto !important ;}

/* 결제상단 안내 메세지 */
.payment-msg{ margin-bottom:20px;}
.payment-msg i{font-size:30px; color:#8329db; vertical-align:middle;}
.payment-msg img{vertical-align:middle; margin-right:10px; }
.payment-msg span{font-size:18px; font-weight:500; color:#333; vertical-align:middle;}

/*th 배경추가 - 서비스이용현황 화면 */
.borderTable03.th-bg table th{background:#f4f5fd;}
.borderTable03.tbl-box1 table th{background:#f4f5fd; padding:12px 4px;}
.borderTable03.tbl-box1 table td {padding:12px 4px; letter-spacing:0;}
.borderTable03.tbl-box1 table th:last-child,
.borderTable03.tbl-box1 table td:last-child{border-right:1px solid #ddd;}
.borderTable03 .disabled{ background:#efefef !important; opacity:0.7; border-left:none !important; border-right:none !important;}
.borderTable03 .r-line-dark{ border-right:1px solid #ccc !important;}
.borderTable03 .bg001{background:#f4effe !important;}

/* 레이어팝업 - history - 사용안함 */
.history-area-scroll{width:100%; height:360px; padding:8px 0; border:1px solid #ddd; overflow-y: scroll; box-sizing:border-box;}
.history-area-scroll ul li{padding:3px 10px;}
.history-area-scroll ul li strong{margin-right:8px;}

/* 체크박스 */
.checkbox-item-box{display:inline-block; vertical-align:middle;}
.checkbox-item-box input[type="checkbox"]{display:none;}
.checkbox-item-box label{display:inline-block; position:relative; padding-left: 30px; font-size: 17px; color: #000; font-weight:500; letter-spacing:-0.25px;/* border:1px solid #000;*/}
.checkbox-item-box label:before{position: absolute; top:1px; left: 0; content: '\ea0e'; font-size:24px; color:inherit; vertical-align:middle; margin-top:-6px; font-family:xeicon; color: rgba(0,0,0,0.4);}
.checkbox-item-box input[type="checkbox"]:checked + label:before{content: '\e92d'; color:#a536f6;}
.checkbox-item-box input[type="checkbox"]:disabled + label{color:#aaa;}
.checkbox-item-box input[type="checkbox"]:disabled + label:before {content: '\ea0e'; color:#ddd;}

/* 이용신청 테이블 */
.apply-tbl-list{width:100%; line-height:1.3;}
.apply-tbl-header{width:100%; display:table; border:1px solid #d5d5d5; background:#f6f5f9; border-radius:5px; box-sizing:border-box;}
.apply-tbl-header .column{display:table-cell; height:47px; position:relative; font-size:15px; font-weight:500; vertical-align:middle; text-align:center;}
.apply-tbl-header .column:after{content:""; position:absolute; right:0; top:11px; background:#ccc; width:1px; height:24px; display:inline-block; font-weight:300; color:#ddd; }
.apply-tbl-header .column:last-child:after{display:none;}
.apply-tbl-header .column:nth-child(1){width:58%;}
.apply-tbl-header .column:nth-child(2){width:25%;}
.apply-tbl-header .column:nth-child(3){width:17%;}

.apply-tbl-con{margin-top:15px; width:100%; display:table; border:1px solid #d5d5d5; min-height:92px; border-radius:5px; box-sizing:border-box;}
.apply-tbl-con.selected{border-color:#c9a3fc ; background:#f9f6ff;}
.apply-tbl-con .column{display:table-cell; vertical-align:middle; text-align:center; font-size:14px; box-sizing:border-box;}
.apply-tbl-con .column em{font-weight:400; color:#666;}
.apply-tbl-con .column:nth-child(1){width:26%; text-align:left; padding-left:20px;}
.apply-tbl-con .column:nth-child(2){width:32%; text-align:left;}
.apply-tbl-con .column:nth-child(3){width:25%;}
.apply-tbl-con .column:nth-child(4){width:17%; font-size:16px;}
.apply-tbl-con .column:nth-child(4) strong{margin-right:3px;}
.apply-tbl-con .column span:before,
.apply-tbl-con02 .column span:before{contents:""; display:table;}
.apply-tbl-con .column span,
.apply-tbl-con02 .column span{display:table-cell; vertical-align:middle; position:relative;}
.apply-tbl-con .checkbox-item-box{padding-right:20px;}
.apply-tbl-con .checkbox-item-box label:before{top:3px;}
.apply-tbl-con .left-hline{padding-left:20px;border-left:1px solid #ddd;}
.apply-tbl-con .txt-small{font-size:13px; margin-top:5px;}
/* 결제진행 list*/
.apply-tbl-con02{ width:100%; display:table; border-bottom:1px solid #d5d5d5; padding:15px 0; border-radius:5px; box-sizing:border-box;}
.apply-tbl-con02 .column{display:table-cell; vertical-align:middle; text-align:center; font-size:14px; box-sizing:border-box;}
.apply-tbl-con02 .column strong{font-weight:500;}
.apply-tbl-con02 .column:nth-child(4) strong{margin-right:3px;}
.apply-tbl-con02 .column em{font-weight:400; color:#666;}
.apply-tbl-con02 .column:nth-child(1){width:22%; text-align:left; padding-left:20px;}
.apply-tbl-con02 .column:nth-child(2){width:36%; text-align:left;}
.apply-tbl-con02 .column:nth-child(3){width:25%;}
.apply-tbl-con02 .column:nth-child(4){width:17%; font-size:16px;}
.apply-tbl-con02 .stitle{font-size:17px; font-weight:500;}
.apply-tbl-con02:last-child{ border-bottom:none;}
.apply-tbl-con02 .stitle{padding-right:10px;}
.apply-tbl-con02 .left-hline{padding-left:15px;border-left:1px solid #ddd;}
/* 결제진행 footer*/
.apply-tbl-footer{ width:100%; display:table; border:1px solid #d5d5d5; background:#f9f9f9; padding:13px 50px; border-radius:5px; box-shadow:1px 1px 6px 1px rgba(0,0,0,0.03); box-sizing:border-box;}
.apply-tbl-footer .column{display:table-cell; vertical-align:middle; text-align:center; font-size:14px; box-sizing:border-box;}
.apply-tbl-footer .column:nth-child(1){width:83%; text-align:right; font-size:16px; font-weight:500;}
.apply-tbl-footer .column:nth-child(2){width:17%; text-align:right; font-size:18px;}
.apply-tbl-footer .column:nth-child(2) strong{margin-right:3px;}

/* 결제진행 :: 총 결제금액 */
.total-amount-box{margin:50px 0 0 0;width:100%; display:table; border:1px solid #c9a3fc; background:#f9f6ff; min-height:117px; padding:15px 35px; border-radius:5px;  box-shadow:1px 1px 6px 1px rgba(0,0,0,0.03); box-sizing:border-box;}
.total-amount-box .column{display:table-cell; position:relative; width:50%; vertical-align:middle; text-align:left; font-size:14px; box-sizing:border-box;}
.total-amount-box .column span:before{contents:""; display:table;}
.total-amount-box .column span{display:table-cell; vertical-align:middle; position:relative;}
.total-amount-box .column .amount-txt{text-align:right;}
.total-amount-box .column .amount-txt-line2{font-size:22px;}
.total-amount-box .column  strong{font-weight:500;}
.total-amount-box .column:after{content:""; position:absolute; right:0; top:50%; margin-top:-50px; background:#e6d4fe; width:1px; height:97px; display:inline-block; font-weight:300;}
.total-amount-box .column:last-child:after{display:none;}
.total-amount-box .column:nth-child(2){padding-left:50px;}
.total-amount-box .column .cell2{width:310px;}
.total-amount-box .column .select-box-area{padding-left:20px;}

/* width추가 */
.w130{width:130px;}
.w200{width:200px;}
.w241{width:241px;}

/* 공통 selectbox custom */
.selectbox-custom{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color:transparent;
	line-height:normal;
	vertical-align:middle;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin:0;
	padding:0;
}
.selectbox-custom::-ms-expand{ display: none; } /*ie에서 화살표 없애기 */
.selectbox-custom{height:36px;padding:0 43px 0 10px !important;border:1px solid #bcbcbc;font-size:14px; color:#333; background:#fff url('../img/icon_select_arrow.png') no-repeat right 15px top 15px;background-repeat:no-repeat;background-size:auto 7px;}
.selectbox-custom:hover, 
.selectbox-custom:focus {color:#222;}
.selectbox-custom:disabled {border-color:#cfcfcf;color:#bbb;background-color:#F1F1F1;cursor:default;}




/******************** 2023.01.17 경정청구 관련 css 추가*********************/
/*  약관 박스 */
.agreebox{overflow-x:hidden;overflow-y: auto ; margin:10px auto; padding:20px; width:100%; height:400px; line-height:1.6; border:1px solid #ddd; background:#fefefe; box-sizing:border-box;}
.agreebox h2 {margin-top: 5px; text-align:left; font-size: 20px;font-weight:600}
.agreebox p {margin-top: 20px; font-weight:400; font-size: 15px;}
.agreebox  strong.title {margin-top:20px; display:block; font-size:16px;}
.agreebox  ol.one {margin: 10px 0; font-size: 14px; font-weight: 500;}
.agreebox  ol.two {margin: 5px 0 0 15px; font-size: 14px; color: #737373;}
.agreebox  ol.two li {margin-top: 5px;}
.agreebox  ol.three {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.agreebox  ol.three li {margin-top: 3px;}
.agreebox  ol.four {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.agreebox  ol.four li {margin-top: 3px;}

/* 약관 하단 체크박스 */
.agree-checkbox-area{margin:10px 0 0;}
.agree-checkbox-area .checkbox-item-box{padding-right:30px;}

/********** 라디오박스 공통 스타일***********/
/*부가세 신고 라디오 박스 css 가져옴 */
.tax-custom-radiobox{display:inline-block; vertical-align:middle;}
.tax-custom-radiobox:last-child{margin-left:0;}
.tax-custom-radiobox input[type="radio"]{display:none;}
.tax-custom-radiobox label{display:inline-block; position:relative; padding-left:20px; color:#555; font-size:14px; letter-spacing:-0.75px; line-height:14px;}
.tax-custom-radiobox label::before{content:""; position:absolute; top:-1px; left:0px; width:12px; height:12px; border:2px solid #000; background-color:#fff; -webkit-border-radius:16px; border-radius:16px;}
.tax-custom-radiobox label::after{display:none; content:""; position:absolute; top:3px; left:4px; width:8px; height:8px; background:#8329db; -webkit-border-radius:8px; border-radius:8px;}
.tax-custom-radiobox input[type="radio"]:checked + label::before{border-color:#8329db}
.tax-custom-radiobox input[type="radio"]:checked + label::after{display:block;}
.tax-custom-radiobox input[type="radio"]:disabled + label{color: #b7b7b7;}
.tax-custom-radiobox input[type="radio"]:disabled + label::before{border-color: #b7b7b7;}
.tax-custom-radiobox input[type="radio"]:checked:disabled + label{color: #b7b7b7;}
.tax-custom-radiobox input[type="radio"]:checked:disabled + label::before{border-color: #b7b7b7;}
.tax-custom-radiobox input[type="radio"]:checked:disabled + label::after{background:#b7b7b7;}
/* radiobox label 간격 */
.tax-custom-radiobox .radio-item input[type="radio"] + label{margin-right:12px;}

/* 사업자 유형 선택*/
.business-choice{position:relative;margin-top:10px; padding:50px 20px; border:1px solid #eee; border-radius:10px;  background:#f9f9f9; box-sizing:border-box;}
.business-choice .title{ width:460px; margin:0 auto 20px; font-size:20px; font-weight:600; }
.business-choice .title i{color:#8329db; font-size:21px;}
.business-choice .tax-custom-radiobox{width:100%; text-align:center;}
.business-choice .radio-item{margin-bottom:20px; width:460px; display:inline-block;}
.business-choice .radio-item label{font-size:16px; font-weight:500}
.business-choice .radio-item input[type="radio"] + label{margin-right:40px;}

.busi-input-wrap{width:460px; margin:0 auto; display:block;}
.busi-input-wrap label{font-size:15px; font-weight:500; margin-right:20px;}

/* 접수번호 */
.regist-num{margin:10px 0; background:#f9f9f9; padding:20px;box-sizing: border-box;}
.regist-num span{display:inline-block; font-size:14px;}
.regist-num span.bold{color:000; font-weight:600;}
.regist-num span:first-child:after{content:"│"; font-weight:300; color:#ccc; padding:0 10px;}
.mb10px {margin-bottom:10px !important;}

/******************** //2023.01.17 경정청구 관련 css 추가 끝 *********************/


/* 2023.03.22 그리드 테이블 리스트 색상 수정 start */
.LContentsTable .ui-state-highlight, 
.LContentsTable .ui-widget-content .ui-state-highlight,
.LContentsTable .ui-widget-header .ui-state-highlight {border: 1px solid #dcdce1 !important; background: #efecff !important; }
.LContentsTable .ui-widget-content {/*border: 1px solid #dcdce1 !important;*/}
.LContentsTable .ui-jqgrid-view{border-top-color:#000 !important;}
.LContentsTable .ui-state-default{border-color:#dcdce1 !important; background: #f3f3f3 !important;}
/* //2023.03.22 그리드 테이블 리스트 색상 수정 end */

/* 2023.04.20 그리드 라인 추가 - 부가세 라인에 사용*/
.LContentsTable .ui-state-default.bd-dr,
.LContentsTable .bd-dr{border-right:3px double #666 !important;}
/* //2023.04.20 그리드 라인 추가*/


/******************** 2023.03.23 gs리테일 부서사용자 *********************/
.status-message{padding-left:16px;}
.status-message em{display:inline-block; margin-right:2px; font-size:13px; line-height:32px;}
.status-message em:after{content:'│'; color:rgba(143, 144, 149, 0.5); margin-left:4px;}
.status-message em:last-child:after{display:none;}
.status-message em strong{font-weight:500;}
.status-message em i,
.status-message em i{margin-right:2px;}
.status-message em.fc-red{color:#ee3e67}

/************* fixed table scroll **************/
.kwic-sticky-table-scroll-wrap{width:100%; position:relative; border:1px #eee solid; border-top:0; box-sizing:border-box;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll{width:100%; height:auto; position: relative; margin:0; border-top:1px solid #333; overflow-y: auto; overflow-x: auto; box-sizing:border-box;  z-index: 1;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type {width:100%; /*border-collapse: collapse; */ border-spacing: 0; border-collapse:separate; } /*  헤더 픽스시 보더 움직이는거 방지 border-collapse:separate;*/
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type thead th{padding:8px 4px;font-weight:600; background: #fbfafd;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type tbody th{font-weight:400; white-space: nowrap; background:#fff;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type th,
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type td{font-size: 14px; padding: 6px 4px;white-space: nowrap; border-bottom:1px solid #dcdce1; border-right:1px solid #dcdce1; color:#444; text-align: center;  vertical-align:middle; letter-spacing:0; box-sizing:border-box;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type tbody tr:hover,
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type tbody tr:focus{background:#f8fcff;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type th:last-child,
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type td:last-child{border-right:none;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type thead{ position: -webkit-sticky; position: sticky; top: 0; z-index: 5;} /* header fixed */
.kwic-sticky-table-scroll-wrap .sticky-table-scroll .sticky-col {position: -webkit-sticky; position: sticky; z-index: 2;}
.sticky-table-scroll table.sticky-tbl-type .selected {background: #efecff;}
.sticky-table-scroll table.sticky-tbl-type .selected:hover,
.sticky-table-scroll table.sticky-tbl-type .selected:focus{background: #efecff !important;}

/* 폰트사이즈 small*/
.sticky-table-scroll table.sticky-tbl-type.font-s th,
.sticky-table-scroll table.sticky-tbl-type.font-s td{font-size:13px;}

/* fixed 테이블 내 보더 관련*/
.sticky-table-scroll .bd-left-none{border-left:none !important;}
.sticky-table-scroll .bd-right-none{border-right:none !important;}
.sticky-table-scroll .bd-bottom-none{border-bottom:none !important;}

/********** 체크박스 스타일 ***********/
/* checkbox */
.kwic-cm-checkbox {display:inline-block; vertical-align:top;}
.kwic-cm-checkbox input[type="checkbox"] {width:15px; height:15px;border:0; vertical-align:middle; margin-top:-3px; background:url('../img/ico_checkbox.png') no-repeat 0 0;background-size:47px auto;-webkit-appearance:none;-moz-appearance: none;-webkit-border-radius: 0;}
.kwic-cm-checkbox input[type="checkbox"]:hover,
.kwic-cm-checkbox input[type="checkbox"]:focus {background-position:-16px 0;}
.kwic-cm-checkbox input[type="checkbox"]:checked {background-position:0px -16px;}
.kwic-cm-checkbox input[type="checkbox"]:checked:focus {background-position:-16px -16px;}
.kwic-cm-checkbox input[type="checkbox"]:disabled  {background-position:-32px 0;}
.kwic-cm-checkbox input[type="checkbox"]:checked:disabled {background-position:-32px -16px;}
.kwic-cm-checkbox input[type="checkbox"]:disabled + label {color:#b3b3b3;}
/* checkbox label 간격 */
.kwic-cm-checkbox input[type="checkbox"] + label{margin-left:4px;}
.kwic-cm-checkbox label + input[type="checkbox"]{margin-left:4px;}
.kwic-cm-checkbox .checkbox-item input[type="checkbox"] + label{margin-right:8px;}


/**********2023.03.27 추가 multi select 관련 css :: sumoselect ***********/
.LContentsSearch .SumoSelect li{float:none !important;} /* 2023.06.26 추가 common.css 파일에서 영향받는 float:left 삭제 */
.SumoSelect p{margin:0}
.SumoSelect{width:155px;height:32px; font-size:12px;}
.SelectBox{padding:5px 8px}
.sumoStopScroll{overflow:hidden}
.SumoSelect .hidden{display:none}
.SumoSelect .search-txt{display:none;outline:0}
.SumoSelect .no-match{display:none;padding:6px}
.SumoSelect.open .search-txt{display:inline-block;position:absolute;top:0;left:0;width:100%;margin:0;padding:5px 8px;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:5px}
.SumoSelect.open>.search>label,.SumoSelect.open>.search>span{visibility:hidden}
.SelectClass,.SumoUnder{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.SelectClass{z-index:1}
.SumoSelect .select-all>label,.SumoSelect>.CaptionCont,.SumoSelect>.optWrapper>.options li.opt label{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}
.SumoSelect{display:inline-block;position:relative;outline:0}
.SumoSelect.open>.CaptionCont,.SumoSelect:focus>.CaptionCont,.SumoSelect:hover>.CaptionCont{box-shadow:0 0 2px #555;border-color:#555}
.SumoSelect>.CaptionCont{position:relative;border: 1px solid #bcbcbc;height: 32px;background-color:#fff;border-radius: 0px;display: flex;margin:0;}
.SumoSelect>.CaptionCont>span{display: flex;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default;align-items: center;font-family: auto;}
.SumoSelect>.CaptionCont>span.placeholder{color:#666;font-style:nomal}
.SumoSelect>.CaptionCont>label{position:absolute;top:0;right:0;bottom:0;width:30px}
.SumoSelect>.CaptionCont>label>i{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB+SURBVChTxZFBEcAgDARpLaAGBPLDA2gADYhAA2ig1yaTDrz4dLof7si+kmOMofY4+d3gazXn3Hvn8oBaSuEiKryUkvdebIQQQoxRbFaNMVprjMkmr9aKT2stOe+yxMMYkOecoymY9io28uKB9QRkIyzeDdSF1hqnmZ8Pq9QFh5F/VJhpHUAAAAAASUVORK5CYII=');background-position: right;width:16px;height:16px;display:block;position: absolute;top:0;left: 10px;right:0;bottom:0;margin:auto;background-repeat:no-repeat;opacity:.8}
.SumoSelect>.optWrapper{display:none;z-index:1000;top:30px;width:100%;position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ddd;box-shadow:2px 3px 3px rgba(0,0,0,.11);border-radius:3px;overflow:hidden}
.SumoSelect.open>.optWrapper{top:32px;display:block}
.SumoSelect.open>.optWrapper.up{top:auto;bottom:100%;margin-bottom:5px}
.SumoSelect>.optWrapper ul{list-style:none;display:block;padding:0;margin:0;overflow:auto}
.SumoSelect>.optWrapper>.options{border-radius:2px;position:relative;max-height:250px}
.SumoSelect>.optWrapper.okCancelInMulti>.options{border-radius:2px 2px 0 0}
.SumoSelect>.optWrapper.selall>.options{border-radius:0 0 2px 2px}
.SumoSelect>.optWrapper.selall.okCancelInMulti>.options{border-radius:0}
.SumoSelect>.optWrapper>.options li.group.disabled>label{opacity:.5}
.SumoSelect>.optWrapper>.options li ul li.opt{padding-left:22px}
.SumoSelect>.optWrapper.multiple>.options li ul li.opt{padding-left:50px}
.SumoSelect>.optWrapper.isFloating>.options{max-height:100%;box-shadow:0 0 100px #595959}
.SumoSelect>.optWrapper>.options li.opt{padding:6px 6px;position:relative;border-bottom:1px solid #f5f5f5}
.SumoSelect>.optWrapper>.options>li.opt:first-child{border-radius:2px 2px 0 0}
.SumoSelect>.optWrapper.selall>.options>li.opt:first-child{border-radius:0}
.SumoSelect>.optWrapper>.options>li.opt:last-child{border-radius:0 0 2px 2px;border-bottom:none}
.SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child{border-radius:0}
.SumoSelect>.optWrapper>.options li.opt:hover{background-color:#f3eeff;}
.SumoSelect .select-all.sel,.SumoSelect>.optWrapper>.options li.opt.sel{background-color:#a1c0e4}
.SumoSelect>.optWrapper>.options li label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;cursor:pointer;font-size: 12px;font-family: auto;}
.SumoSelect>.optWrapper>.options li span{display:none}
.SumoSelect>.optWrapper>.options li.group>label{cursor:default;padding:8px 6px;font-weight:700}
.SumoSelect>.optWrapper.isFloating{position:fixed;top:0;left:0;right:0;width:90%;bottom:0;margin:auto;max-height:90%}
.SumoSelect>.optWrapper>.options li.opt.disabled{background-color:inherit;pointer-events:none}
.SumoSelect>.optWrapper>.options li.opt.disabled *{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:.5}
.SumoSelect>.optWrapper.multiple>.options li.opt{padding-left:35px;cursor:pointer}
.SumoSelect .select-all>span,.SumoSelect>.optWrapper.multiple>.options li.opt span{position:absolute;display:block;width:27px;top:0;bottom:0;margin-left:-32px}
.SumoSelect .select-all>span i,.SumoSelect>.optWrapper.multiple>.options li.opt span i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid #aeaeae;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.15);background-color:#fff}
.SumoSelect>.optWrapper>.MultiControls{display:none;border-top:1px solid #ddd;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.13);border-radius:0 0 3px 3px}
.SumoSelect>.optWrapper.multiple.isFloating>.MultiControls{display:block;margin-top:5px;position:absolute;bottom:0;width:100%}
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls{display:block}
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{padding:6px}
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus{box-shadow:0 0 2px #a1c0e4;border-color:#a1c0e4;outline:0;background-color:#a1c0e4}
.SumoSelect>.optWrapper.multiple>.MultiControls>p{display:inline-block;cursor:pointer;padding:12px;width:50%;box-sizing:border-box;text-align:center}
.SumoSelect>.optWrapper.multiple>.MultiControls>p:hover{background-color:#f1f1f1}
.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk{border-right:1px solid #dbdbdb;border-radius:0 0 0 3px}
.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel{border-radius:0 0 3px 0}
.SumoSelect>.optWrapper.isFloating>.options li.opt{padding:12px 6px}
.SumoSelect>.optWrapper.multiple.isFloating>.options li.opt{padding-left:35px}
.SumoSelect>.optWrapper.multiple.isFloating{padding-bottom:43px}
.SumoSelect .select-all.partial>span i,.SumoSelect .select-all.selected>span i,.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:#a536f6;box-shadow:none;border-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat:no-repeat;background-position:center center}
.SumoSelect.disabled{opacity:.7;cursor:not-allowed}
.SumoSelect.disabled>.CaptionCont{border-color:#ccc;box-shadow:none}
.SumoSelect .select-all{border-radius:3px 3px 0 0;position:relative;border-bottom:1px solid #ddd;background-color:#fff;padding:8px 0 3px 35px;height:20px;cursor:pointer}
.SumoSelect .select-all>label,.SumoSelect .select-all>span i{cursor:pointer}
.SumoSelect .select-all.partial>span i{background-color:#ccc}
.SumoSelect>.optWrapper>.options li.optGroup{padding-left:5px;text-decoration:underline}
.reset-all{padding:5px 10px 5px 35px;border-bottom:1px solid #cdcdcd}
.SumoSelect[is-selected=false] .reset-all{opacity:.5;pointer-events:none}
.SumoSelect[is-selected=true] .reset-all{opacity:1;cursor:pointer;color:#7799d0}
.SumoSelect[is-selected=true] .reset-all *{cursor:pointer}
.SumoSelect[is-selected=true] .reset-all:hover{color:#000}

/********** //2023.03.27 추가 multi select 관련 css :: sumoselect ***********/



/* 2023.03.28 지출증빙 :: 오픈팝업 - 매출전표 인쇄 화면 수정 및 추가 */
.wrap-popup-print{width:640px; margin:10px auto; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;}
.wrap-popup-print .warpText{padding:0 20px 20px;}
.wrap-popup-print .warpHead01{border-bottom:none; text-align:center;}
@media print {
	/* 2023.03.28 추가 */
	#printArea .popBtnbox{display:none;} /* 인쇄시 버튼 영역 삭제 */
	.wrap-popup-print {border:none;}
}




/************ 2023.04.04 연동서비스 
  ::: 2023.08.17 수정 
*****************************************/
/* 01 api 서비스 */
.service-api-title01{position:relative; height:207px; padding:28px 0 0 28px; background: url(../img/service_api_titlebg01.png) 0 0 no-repeat; box-sizing:border-box;}
.service-api-title01 .mtitle{color:#671bd9; font-size:32px; font-weight:700;}
.service-api-title01 .stitle{margin-top:16px; font-size:19px; font-weight:500;}

.service-api-type{position:relative; padding:40px 130px; display:flex; flex-direction: row; align-items: flex-start; flex-wrap : wrap; border:1px solid #ddd; border-radius:10px; box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.06); box-sizing:border-box;}
.service-api-type .api-type-item{width:210px; text-align:center; margin:15px auto;}
.service-api-type .api-type-item .circle-icon{display:inline-block; width:107px; height:107px; text-align:center; line-height:107px; background:#eeedff; border-radius:60px;}
.service-api-type .api-type-item .txt{display:block; margin-top:5px; font-size:18px; font-weight:500;}

.service-api-txtbox:before{content:""; position:absolute; top:0; left:0; width:10px; height:118px; background: rgb(169,108,245); background: linear-gradient(180deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%);}
.service-api-txtbox{position:relative; display:flex; flex-direction: row; align-items: center; width:100%; height:118px; padding-left:40px; margin-top:60px; background:#f6f5ff; border:1px solid #aeb2d1; box-sizing:border-box;}
.service-api-txtbox .icon{width:42px; height:42px; line-height:42px; text-align:center; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%); border-radius:50px; box-sizing:border-box;}
.service-api-txtbox .title{margin:0 40px 0 20px; font-size:24px; font-weight:600; line-height:1.2;}
.service-api-txtbox .sub-txt{font-size:18px; font-weight:500; line-height:1.6;}

.service-deco-title {padding:10px 0 0 17px;}
.service-deco-title .deco-ico{position: relative; margin:3px 0; padding:3px 0 0 0; color: #444; font-size:28px; font-weight:700; color:#333; line-height:1.3;}
.service-deco-title .deco-ico:before{content:'';position:absolute;left:-17px; top: -3px;vertical-align: middle;width: 19px;height: 9px; border-radius: 9px; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%);}
.service-deco-title .deco-ico strong{font-size:16px; font-weight:600;}

.service-api-item{margin-top:65px;}
.service-api-item .fl{float:left; width:18%;}
.service-api-item .fr{float:right; width:81%;}
.service-api-item .inner-rbox{position:relative; width:100%; padding:30px 44px; border:1px solid #eeeeee; background:#fafafa; border-radius:10px; box-sizing:border-box; }
.service-api-item .inner-rbox .feature-list{}

.service-api-item .inner-rbox .feature-list{padding:10px 5px;}
.service-api-item .inner-rbox .feature-list li{position:relative;margin-bottom:15px;padding: 2px 0 3px 40px;font-size:17px;}
.service-api-item .inner-rbox .feature-list li:last-child{margin-bottom:0;}

.service-api-item .inner-rbox .feature-list li .title{font-size:19px; font-weight:600;}
.service-api-item .inner-rbox .feature-list li .title span{position:absolute; left:0; top:2px;width: 31px;height: 30px; display:inline-block; font-size:16px; font-weight:600; line-height: 30px; color:#fff; vertical-align:middle;text-align:center; font-family:roboto; border-radius: 7px 7px 0 7px; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%); box-sizing:border-box;}
.service-api-item .inner-rbox .feature-list li p{margin-top:3px;}

.service-api-item .inner-rbox .inner-text{font-size:17px; font-weight:500;}

.service-api-item .use-step-box{margin:0;padding:0 0 0 0 !important;}
.service-api-item .use-step-box ul{border-radius:10px;}

/* 02 설치형 서비스 */
.service-api-title02{position:relative; height:201px; padding:28px 0 0 28px; background: url(../img/service_api_titlebg02.png) 0 0 no-repeat; border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
.service-api-title02 .mtitle{color:#671bd9; font-size:32px; font-weight:700;}
.service-api-title02 .stitle{margin-top:16px; font-size:19px; font-weight:500;}

.service-cont2{position:relative; padding-left:10px;}
.service-cont2 .use-step-box{margin:0;padding:0 0 0 0 !important;}
.service-cont2 .use-step-box ul{border-radius:10px;}

.install-service{width:100%; padding:20px 36px; border:1px solid #dfdfee; border-radius:10px; box-sizing:border-box; }
.service-detail-con01{ height:205px; padding:0 0 30px 180px; border-bottom:1px solid #e9e9e9; background: url(../img/service_api_icon2_01.png) 13px 10px no-repeat; }
.service-detail-con01 .txt-con{font-size:17px;}
.service-detail-con01 .txt-con li:first-child{padding-top:5px}
.service-detail-con01 .txt-con li:last-child{margin-top:24px}
.service-detail-con01 .txt-con .title{width:98px; height:29px; margin:16px 0 10px 0;color:#fff;line-height:28px; font-size:16px !important; font-weight:500; text-align:center; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%); border-radius:30px; box-sizing:border-box;}
.service-detail-con01 .txt-con span{padding-left:4px; display:inline-block;}

/* 서비스 장점*/
.service-detail-con02 ul li{width:100%; display:table; border-bottom:1px solid #e9e9e9; padding:20px 4px;}
.service-detail-con02 ul li:last-child{border-bottom:none;}
.service-detail-con02 ul li div{display:table-cell; vertical-align:middle;}
.service-detail-con02 ul li .icon-box{width:143px; height:116px; text-align:center; vertical-align:middle;background:#edecfe; border-radius:10px 0 10px 0; box-sizing:border-box;}
.service-detail-con02 ul li .right-txt{padding:0 0 0 34px; font-size:17px; color:#333; text-align:left;}

/* 03 제휴서비스 - 2023.08.14 수정 및 추가 */
.service-api-title03{position:relative; height:201px; padding:28px 0 0 28px; background: url(../img/service_api_titlebg03.png) 0 0 no-repeat; box-sizing:border-box;}
.service-api-title03 .mtitle{color:#671bd9; font-size:32px; font-weight:700;}
.service-api-title03 .stitle{margin-top:16px; font-size:19px; font-weight:500;}

.service-api-txtbox02{position:relative; display:flex; flex-direction: row; align-items: center; width:100%; height:118px; padding-left:180px; margin:40px 0 30px 0; background:#ecebff url(../img/service_api_icon3_05.png) 10px bottom no-repeat; border:1px solid #aeb2d1; box-sizing:border-box;}
.service-api-txtbox02 .title{margin:0 16px 0 0; font-size:24px; font-weight:600; line-height:1.2;}
.service-api-txtbox02 .sub-txt{font-size:18px; font-weight:500; line-height:1.6;}
/* 2023.08.14 추가 */
.service-api-txtbox02 .sub-txt ul{padding:0 5px;}
.service-api-txtbox02 .sub-txt ul li{position: relative; margin:3px 0; padding:1px 8px; color: #333; font-size:14px; font-weight:500; line-height:1.2;}
.service-api-txtbox02 .sub-txt ul li:before{content:''; position:absolute;left:0; top: 8px; vertical-align: middle; width:3px; height:3px; background:#aaa; border-radius: 3px; }
.service-api-txtbox02 .right-btn{margin-left:auto; width:120px; height:100%; }
.service-api-txtbox02 .right-btn a{display:block; width:100%; line-height:110px; background:#8329db; font-size:14px; height:100%; text-align:center; color:#fff;}
.service-api-txtbox02 .right-btn a:hover{background: #8b35e0; border-color:#982ffa;}

/************ //2023.04.04 연동서비스 *************/

/***************************************************** 
   2023.04.07 연동서비스 제휴서비스 slick slide 추가    
*****************************************************/
.partner-img-slide {position:relative; width:100%; margin:30px 0 0 0; padding:20px 14px 40px; border:1px solid #dfdfee; border-radius:10px; box-sizing:border-box;}
.partner-img-slide img{max-width:100%;}

/* Arrows */
.partner-img-slide .slick-prev,
.partner-img-slide .slick-next{font-size: 0;line-height: 0; position: absolute; bottom:10px; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.partner-img-slide .slick-prev:hover,
.partner-img-slide .slick-prev:focus,
.partner-img-slide .slick-next:hover,
.partner-img-slide .slick-next:focus{ color: transparent; outline: none; background: transparent;}
.partner-img-slide .slick-prev:hover:before,
.partner-img-slide .slick-prev:focus:before,
.partner-img-slide .slick-next:hover:before,
.partner-img-slide .slick-next:focus:before{ opacity: 1;}

.partner-img-slide .slick-prev.slick-disabled:before,
.partner-img-slide .slick-next.slick-disabled:before{ opacity: .25;}

.partner-img-slide .slick-prev:before,
.partner-img-slide .slick-next:before{font-family:xeicon; font-size: 16px; line-height: 1; opacity: .75; color: #aaa; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.partner-img-slide .slick-prev{left: 33%; z-index:10;}/* 2023.08.18 수정 */
.partner-img-slide .slick-prev:before{content:"\e93b";}

.partner-img-slide .slick-next{right: 33%; z-index:10;}/* 2023.08.18 수정 */
.partner-img-slide .slick-next:before{ content:"\e93e";}

/*  Dots */
.partner-img-slide .slick-dotted.slick-slider{/*margin-bottom: 30px;*/}
.partner-img-slide .slick-dots{position: absolute; left:0; bottom: 20px; display: block; width: 100%; padding: 0; margin: 0;list-style: none; text-align: center;z-index:9;}
.partner-img-slide .slick-dots li{position: relative; display: inline-block; width: 20px; height: 20px;/* margin: 0 5px;*/ padding: 0; cursor: pointer;} /* 2023.08.18 수정*/
.partner-img-slide .slick-dots li button{font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px;cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.partner-img-slide .slick-dots li button:hover,
.partner-img-slide .slick-dots li button:focus{outline: none;}
.partner-img-slide .slick-dots li button:hover:before,
.partner-img-slide .slick-dots li button:focus:before{ opacity: 1;}
.partner-img-slide .slick-dots li button:before{ font-family:xeicon; content:"\eb0d"; font-size: 5px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.partner-img-slide .slick-dots li.slick-active button:before{ opacity: .75;color: black;}
/****  // 2023.04.07 연동서비스 제휴서비스 slick slide 추가 끝**********/


/**** 2023.04.11 관리자 이용서비스현황 툴팁 추가 *****/
.admin-tooltip-cont {display: none;	padding:14px; background: #fff; border:1px solid #666; 	border-radius:5px; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.08);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.08); box-sizing:border-box;}
.admin-tooltip-cont .tbl-tooltip table{width:100%;}
.admin-tooltip-cont .tbl-tooltip table th{background: #efecff;}
.admin-tooltip-cont .tbl-tooltip table td{font-weight: 400; color:#444; }
.admin-tooltip-cont .tbl-tooltip table th,
.admin-tooltip-cont .tbl-tooltip table td{padding: 5px 8px; font-size: 13px; box-sizing:border-box; text-align:center;  border:1px #ddd solid;}
.admin-tooltip-cont .tbl-tooltip table th:first-child,
.admin-tooltip-cont .tbl-tooltip table td:first-child{border-left:none;}
.admin-tooltip-cont .tbl-tooltip table th:last-child,
.admin-tooltip-cont .tbl-tooltip table td:last-child{border-right:none;}

.admin-tooltip a{display:inline-block;}
.admin-tooltip i{font-size:22px; vertical-align:middle;}
/**** //2023.04.11 관리자 이용서비스현황 툴팁 추가 *****/


/***** 2023.04.24 서비스 이용만료 main-layerpopup *****/
.layerpop-service-wrap{padding:0; background:#fff; border:1px solid #b7a8dc; border-radius:10px; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1); box-sizing:border-box;}
.layerpop-service-wrap .layerpop-inner{position:relative; width:100%; height:100%; padding:0 24px 65px 24px;}
.layerpop-service-wrap .popup-header{position:relative; width:100%; padding:20px 0; text-align:center; }
.layerpop-service-wrap .popup-header .layer-close-btn{position:absolute; right:0; top:20px; text-align:center; }
.layerpop-service-wrap .popup-header .layer-close-btn i{display:block; font-size:24px; color:#3b3b3b; vertical-align:middle; cursor:pointer;}
.layerpop-service-wrap .popup-header .poptitle{position:relative; margin:0; font-size:24px; font-weight:600; vertical-align:middle;}

.layerpop-service-wrap .layerpop-conts{position:relative;width:100%; margin:0 auto; padding:30px 30px 40px 30px; background:#eef0ff url("../img/layerpopup_main_230424.png") 490px 140px no-repeat; font-size:15px; border-radius:10px;}
.layerpop-service-wrap .layerpop-conts .btn{text-align:center;}
.layerpop-service-wrap .layerpop-conts .btn button{position:absolute; left:50%; bottom:-18px; width:228px; height:45px; line-height:1; margin-left:-114px; font-size:16px; border-radius:10px;}
.layerpop-service-wrap .layerpop-conts .btn button i{margin-left:10px; margin-top:-3px; font-size:20px; vertical-align:middle; }
.layerpop-service-wrap .layerpop-conts .btn button span{padding-left:10px;}
.layerpop-service-wrap .layerpop-conts p{margin-top:10px;}
.layerpop-service-wrap .layerpop-conts p:first-child{margin-top:0;}
.layerpop-service-wrap .bold,
.layerpop-service-wrap .bold em{font-weight:bold;}

.layerpop-service-wrap .layer-popup-footer{ position: absolute; bottom:0; left:0; width:100%; height:40px; text-align:right; padding:6px 24px 0 0;font-size:13px; box-sizing:border-box;}
.layerpop-service-wrap .layer-popup-footer a.txtbtn{display:inline-block;cursor:pointer;margin:0 ; padding:0; text-decoration:none; color:#555;}
.layerpop-service-wrap .layer-popup-footer a.txtbtn:after{content:"│"; margin:0 10px; color:#aaa;}
.layerpop-service-wrap .layer-popup-footer a.txtbtn:last-child:after{display:none;}

@media all and ( max-width: 1399px ){
	/* 서비스 이용만료 main-layerpopup */
	.layerpop-service-wrap{left:0 !important; margin:0 0 0 0 !important;}
}
@media all and (max-width:1024px){
	/* 서비스 이용만료 main-layerpopup */
	.layerpop-service-wrap{width:600px !important;}
	.layerpop-service-wrap .layerpop-conts{font-size:14px; background-position:420px 140px;}
}
@media all and ( max-width: 800px ){
	/* 서비스 이용만료 main-layerpopup */
	.layerpop-service-wrap{display:none;}
}
/***** //2023.04.24 서비스 이용만료 main-layerpopup *****/


/***************** 2023.06.05 서명만들기 ******************/
/* 서명관리*/
.signature-stitle-box{font-size:16px; text-align:center; padding:14px 20px; color:#000; background:#f0f2ff; border-radius:5px; box-sizing:border-box;}
.signature-upload-cont{display:flex; align-items: center; justify-content:space-between; margin:24px 0 0 0; padding:0 39px;}

.signature-ftxt{position:relative; margin:24px 0 0 0; padding:14px 16px; line-height:1.3;  border-top:1px solid #d6d6d6; box-sizing:border-box;}
.signature-ftxt p{margin:1px 0!important;padding:0 0 0 11px; position: relative; font-size:14px !important;}
.signature-ftxt p:before{content:"\e93f";position: absolute; top: 3px; left: 0; display: block;font-family : xeicon; font-size:5px; width:3px; height:3px; color:#afafaf; }

/******** 업로드 이미지 인풋 스타일 ********/
/* 이미지 레이아웃 스타일 지정 */
.sign-imageprev-cont{padding:24px 44px 24px 44px; text-align:center; background:#f9f9f9; border:1px solid #ededed; border-radius:5px; box-sizing:border-box;}
.sign-imageprev-box {position: relative; width:160px; height:115px; margin : 0 auto;	padding : 10px; border : 1px solid #000; background : #fff; text-align:center; box-sizing:border-box;}
.sign-imageprev-box img{max-width:100%; max-height:100% ; margin: 0; padding : 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#preview-image{max-width:100% !important; max-height:100% !important;}

/* input 레이아웃 스타일 지정 */
.sign-input-cont {position: relative;}
.btn-sign-make,
.input-file-button {
  position:relative;
  display:table;
  vertical-align: middle;
  width:241px;
  height:73px;
  color:#222;
  font-weight:500;
  font-size:16px;
  padding:0 26px;
  border:1px solid #d7d7d7;
  border-radius:10px;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn-sign-make:hover,
.input-file-button:hover{
	background: #fff;	
	border: 1px solid #8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 8px rgba(133, 141, 162, .2);
}
.btn-sign-make span,
.input-file-button:hover .input-txt{color:#8329db;}
.btn-sign-make img,
.input-file-button img{ vertical-align:middle; margin-right:12px;}
.btn-sign-make span,
.input-txt {display: table-cell;color: #333; vertical-align: middle;}	

/* 서명그리기 */
.canvas-drawing-wrap {position:relative; width:100%; padding:20px 0; background:#f7f7f7}
.canvas-drawing-box{position:relative; border:1px solid #333; background:#fff; width:200px; height:140px; margin:0 auto; border-radius:5px; overflow:hidden; box-sizing:border-box;}
.canvas-info-txt{margin:10px 0 0 0; text-align:center; font-size:13px; padding:0;}
/***************** //2023.06.05 서명만들기 end******************/

/****************2023.06.26 매출전표출력-인쇄화면 팝업*****************/
.wrap-print-receipt{width:21cm; min-height:29.7cm; padding:0.5cm; margin:0 auto; box-sizing:border-box; }

/* 프린트시 적용할 값 세팅*/
@media print{
	*{-webkit-print-color-adjust: exact; print-color-adjust: exact;}
	.print-inner{margin:0;}
	.no-print {display:none }
}

/* 인쇄닫기버튼 간격 */
.no-print button{margin:0 5px;}

.print-inner{box-sizing:border-box;}
.print-inner:after{content:""; clear:both; display:block;}

.receipt-item{float:left; display:inline-block; width: calc(50% - 20px); min-height:518px; margin:5px 10px; padding:4px 24px; border-radius:4px ; border:1px solid #aaa; box-sizing:border-box;} /* 2023.07.25 수정*/
.receipt-item .title{font-size:16px; font-weight:800;margin:3px 0 5px;text-align:center;}

.receipt-tbl1{width:100%;font-size:12px;border-top:2px solid #000;box-sizing:border-box; }
.receipt-tbl1 th{padding:3px 10px 3px 12px; text-align:left; font-weight:700; border-bottom:1px solid #eee; }
.receipt-tbl1 td{padding:3px 10px 3px 12px; text-align:right; font-weight:500; border-bottom:1px solid #eee; letter-spacing:0;}
.bdd-dark{border-bottom:1px dotted #000 !important;}

.receipt-tbl2{width:100%;font-size:12px; font-family:dotum, gulim, sans-serif; border-top:1px dotted #000; background:#f7f7f7;box-sizing:border-box; }
.receipt-tbl2 th{padding:4px 10px 4px 12px; text-align:left; font-weight:700; border-bottom:1px solid #eee; }
.receipt-tbl2 td{padding:4px 10px 4px 12px; font-size:14px; font-weight:bold; border-bottom:1px solid #eee; letter-spacing:0; }
/**************** //2023.06.26 매출전표출력-인쇄화면 팝업*****************/


/*********** 2023.07.05 그리드영역 td 폰트 두께 조절 ************/
/*.ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {font-weight:500;}*/



/********************* 2023.08.17 부가세신고 *********************/
/* 유의사항 */
.note-text .title{font-size:16px; padding:0 0 5px 5px; margin-bottom:8px; font-weight:bold; border-bottom:1px solid #aaa;}
.note-text ul{padding:0 5px;}
.note-text ul li{position: relative; padding:1px 9px; color: #999; font-size:14px; font-weight:500; line-height:1.4;}
.note-text ul li:before{content:''; position:absolute;left:0; top: 10px; vertical-align: middle; width:3px; height:3px; background:#ccc; border-radius: 3px; }

/* 순서도 */
.flow-chart-box{position:relative; margin-top:20px;}
.flow-chart-box:after{content:""; display:block; clear:both;}

.flow-chart-box .chart-left-con{position:absolute; left:0; top:16px; display:flex; align-items:center; z-index:21;}
.flow-chart-box .chart-right-con{z-index:1;}

.flow-chart-box .chart-left-con .chart-title-item1{position:relative; width:210px; text-align:center; padding: 16px 20px; border: 2px solid #6f8ca6; background: #dbeeff; border-radius: 10px; box-sizing: border-box;}
.flow-chart-box .chart-left-con .chart-title-item2{position:relative; width:210px; text-align:center; padding: 20px 20px; border: 2px solid #856cff; background: #856cff; color:#fff; border-radius: 10px; box-sizing: border-box;}
.flow-chart-box .chart-left-con .chart-title-item1 p,
.flow-chart-box .chart-left-con .chart-title-item2 p{font-size:18px; font-weight:bold;}
.flow-chart-box .chart-left-con .chart-title-item1 span,
.flow-chart-box .chart-left-con .chart-title-item2 span{font-size:14px;}

.flow-chart-box .chart-title-arrow {margin:20px 0 0 0; width:150px;font-size:16px; font-weight:bold; text-align:center;}
.flow-chart-box .chart-title-arrow span{display:block; margin-top:8px;}
.flow-chart-box .arrow-right{margin:auto; width:100px;height:45px; clip-path: polygon(0% 20%, 70% 20%, 70% 0%, 100% 50%, 70% 100%, 70% 80%, 0% 80%); background:#736e81;}

.flow-chart-box .chart-right-con{float:right; width:584px;padding:30px 20px 20px; border:2px solid #856cff;border-radius: 10px; box-sizing: border-box;}
.flow-chart-box .chart-right-con .text-item1{padding:0 0 30px 160px; border-bottom:1px solid #ddd;}
.flow-chart-box .chart-right-con .text-item1 li{margin:3px 0;font-size:15px; font-weight:600;}
.flow-chart-box .chart-right-con .text-item1 li i{color:#7a1ad8; margin-right:5px; font-weight:bold;}

.flow-chart-box .chart-right-con .text-item2 {display: flex; justify-content: space-between; margin-top:16px; }
.flow-chart-box .chart-right-con .text-item2 li{ display:block;width: calc(33.33% - 10px); margin:0 10px; font-size:16px; color:#111; text-align:center; padding: 16px 20px;  background: #ece6ff; border-radius: 10px; box-sizing: border-box;}
.flow-chart-box .chart-right-con .text-item2 li:first-child{margin-left:0;}
.flow-chart-box .chart-right-con .text-item2 li:last-child{margin-right:0;}


/****** 도입사례 박스 ******/
.service-api-title04{position:relative; height:201px; padding:28px 0 0 28px; background: url(../img/service_api_titlebg04.png) 0 0 no-repeat; border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
.service-api-title04 .mtitle{color:#671bd9; font-size:32px; font-weight:700;}
.service-api-title04 .stitle{margin-top:16px; font-size:19px; font-weight:500;}

/* 도입사례 회사 로고 - 2024.05.31 수정 */
.referance-rbox{position: relative; width: 100%; margin:10px 0 0 0; padding: 30px 20px; border: 1px solid #eeeeee; background: #fafafa; border-radius: 10px; box-sizing: border-box;}
.referance-rbox .title{font-size:20px; text-align:center; font-weight:700; margin-bottom:20px;}
.referance-logo-list ul{position:relative;  width:100%; display:flex; align-items: center;/* flex-direction: row;  flex-wrap: wrap;*/} /* 도입사례로고 늘어나면 줄바꿈 고려 */
.referance-logo-list ul li{display:block; width: calc(14.2% - 10px); padding:15px 5px; margin:5px 6px; border:1px solid #ddd; background:#fff; border-radius:16px; box-sizing:border-box;}
.referance-logo-list ul li span{display:block; height:35px; text-align:center; vertical-align:middle; line-height:35px;}
.referance-logo-list ul li img{width: auto; height: auto; max-width: 100%; max-height: 29px; display: inline-block; text-align: center; vertical-align: middle; box-sizing:border-box;}

/* 특장점 */
.service-tax-intro03{position:relative; width: 100%; margin:10px 0 0 0; padding: 10px 20px; border: 1px solid #dfdfee; border-radius: 10px; box-sizing: border-box;}
.service-tax-intro03 ul li{display:flex; align-items: center; padding:10px 0; border-bottom:1px dotted #ccc; font-size:14px;}
.service-tax-intro03 ul li:last-child{border-bottom:0;}

.service-tax-intro03 ul li .title{position:relative; width:280px; padding:10px 10px; font-size:17px; font-weight:700; background:#f0f0f4; border-radius: 5px; box-sizing: border-box;}
.service-tax-intro03 ul li .title span{width: 31px;height: 30px; margin-right:10px; display:inline-block; font-size:16px; font-weight:600; line-height: 30px; color:#fff; vertical-align:middle;text-align:center; font-family:roboto; border-radius: 7px 7px 0 7px; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%); box-sizing:border-box;}
.service-tax-intro03 ul li .sub-text{margin-left:10px; font-weight:500;}

/* 서비스 구성 */
.service-format-box{position:relative; width: 100%; margin:10px 0 0 0; padding: 15px 12px; border: 1px solid #eeeeee; background:#fafafa; border-radius: 10px; box-sizing: border-box;}
.service-format-box .format-con1{display:flex; justify-content: space-between;}
.service-format-box .format-con1 .format-item{width: calc(20% - 3px); margin:0 3px; border:1px solid #d0d0d0; background:#fff; border-radius:10px; box-sizing:border-box; }
.service-format-box .format-con1 .format-item:first-child{margin-left:0;}
.service-format-box .format-con1 .format-item:last-child{margin-right:0;}
.service-format-box .format-con1 .format-item .title{padding:5px 0; font-size:18px; font-weight:bold; text-align:center; background:#d7d8ff; border-radius:10px 10px 0 0;}
.service-format-box .format-con1 .format-item .sub-txt{padding:6px 10px 9px;}
.service-format-box .format-con1 .format-item .sub-txt li{position: relative; margin:4px 0; padding:0 7px; color: #333; font-size:14px; font-weight:400; line-height:1.3;}
.service-format-box .format-con1 .format-item .sub-txt li:before{content:''; position:absolute;left:0; top: 7px; vertical-align: middle; width:3px; height:3px; background:#ccc; border-radius: 3px; }

.service-format-box  .arrow-down{margin:-5px auto 0; width:50px;height:60px; clip-path: polygon(0% 20%, 50% 20%, 50% 0, 100% 50%, 50% 100%, 50% 80%, 0% 80%); background:#736e81; transform: rotate( 90deg );}

.service-format-box .format-con2{margin-top:-2px; display:flex; justify-content: center;}
.service-format-box .format-con2 .format-item{width: 60%; margin:0; border:1px solid #d0d0d0; background:#fff; border-radius:10px; box-sizing:border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2); }
.service-format-box .format-con2 .format-item:first-child{margin-left:0;}
.service-format-box .format-con2 .format-item:last-child{margin-right:0;}
.service-format-box .format-con2 .format-item .title{padding:5px 0; font-size:18px; font-weight:bold; text-align:center; background:#ffd7e6; border-radius:10px 10px 0 0;}

.service-format-box .format-con2 .format-item .both-text{display:flex; justify-content: center;}
.service-format-box .format-con2 .format-item .sub-txt{width: calc(50% - 20px); padding:15px 10px 18px;}
.service-format-box .format-con2 .format-item .sub-txt li{position: relative; margin:3px 0; padding:0 7px; color: #333; font-size:14px; font-weight:400; line-height:1.3;}
.service-format-box .format-con2 .format-item .sub-txt li:before{content:''; position:absolute;left:0; top: 7px; vertical-align: middle; width:3px; height:3px; background:#ccc; border-radius: 3px; }
/********************* //2023.08.17 부가세신고 *********************/


/****** 2023.09.25 그리드 및 테이블 폰트 변경 *******/
.borderTable03 table,
.borderTable03 th,
.borderTable03 td, 
.borderTable03 select,
.borderTable03 input,
.ui-jqgrid table, 
.ui-jqgrid th, 
.ui-jqgrid td, 
.ui-jqgrid select, 
.ui-jqgrid input {font-family:  'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

.borderTable03 td, 
.ui-jqgrid td{font-weight:400;}


.grid_sub_btn {
	display: inline-block;margin: 0 auto;padding-bottom: 3px;padding-left: 5px;
}

/* 그리드영역 합계줄 색상
.ui-jqgrid tr.footrow{background-color: rgb(239, 236, 255) !important;}
.ui-jqgrid tr.footrow td {color: #222 !important; font-weight:500;background-color: rgb(239, 236, 255) !important;}*/



/***********************************
     공통 기본 폰트 변경
	 2023.06.26	 
	 기본 pretendard
***********************************/
/* 프리텐다드  */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), 
	url('../fonts/Pretendard-Black.woff2') format('woff2'), 
	url('../fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), 
	url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'), 
	url('../fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), 
	url('../fonts/Pretendard-Bold.woff2') format('woff2'), 
	url('../fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), 
	url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), 
	url('../fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), 
	url('../fonts/Pretendard-Medium.woff2') format('woff2'), 
	url('../fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), 
	url('../fonts/Pretendard-Regular.woff2') format('woff2'), 
	url('../fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), 
	url('../fonts/Pretendard-Light.woff2') format('woff2'), 
	url('../fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), 
	url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'), 
	url('../fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), 
	url('../fonts/Pretendard-Thin.woff2') format('woff2'), 
	url('../fonts/Pretendard-Thin.woff') format('woff');
}


/* font - 숫자폰트 이슈로 노토산스 추가*/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSans-Thin.woff2) format('woff2'),
       url(../fonts/NotoSans-Thin.woff) format('woff'),
       url(../fonts/NotoSans-Thin.eot) format('eot'),
       url(../fonts/NotoSans-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSans-Light.woff2) format('woff2'),
       url(../fonts/NotoSans-Light.woff) format('woff'),
       url(../fonts/NotoSans-Light.eot) format('eot'),
       url(../fonts/NotoSans-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSans-DemiLight.woff2) format('woff2'),
       url(../fonts/NotoSans-DemiLight.woff) format('woff'),
       url(../fonts/NotoSans-DemiLight.eot) format('eot'),
       url(../fonts/NotoSans-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSans-Regular.woff2) format('woff2'),
        url(../fonts/NotoSans-Regular.woff) format('woff'),
       	url(../fonts/NotoSans-Regular.eot) format('eot'),
        url(../fonts/NotoSans-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSans-Medium.woff2) format('woff2'),
        url(../fonts/NotoSans-Medium.woff) format('woff'),
        url(../fonts/NotoSans-Medium.eot) format('eot'),
        url(../fonts/NotoSans-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSans-Bold.woff2) format('woff2'),
        url(../fonts/NotoSans-Bold.woff) format('woff'),
        url(../fonts/NotoSans-Bold.eot) format('eot'),
        url(../fonts/NotoSans-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSans-Black.woff2) format('woff2'),
        url(../fonts/NotoSans-Black.woff) format('woff'),
        url(../fonts/NotoSans-Black.eot) format('eot'),
        url(../fonts/NotoSans-Black.otf) format('opentype');
 }

/* notosans 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
@charset "utf-8";

/*****************************************
     style.css	 
	 최종수정일 : 2025.05.23
******************************************/

/* Common */ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button {margin:0;padding:0; word-break:keep-all;}
html {
  scroll-behavior: smooth;
}
/*html,body {width:100%;height:100%; }*/
body {font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; font-size:12px; font-weight:500; line-height:1.5; color:#2f3a38; letter-spacing:-0.5px;}
dl,ul,ol,menu,li {list-style:none}
button {border:0 none; background:none; cursor:pointer; font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
button::-moz-focus-inner {padding:0;border:0; font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
input[type=button],input[type=submit],input[type=image],button{appearance:none;-webkit-appearance:none;}

select,input,img, button {vertical-align:middle;}
address,caption,em,i {font-style:normal}
a {color:#2f3a38;text-decoration:none}
a:focus,a:active,a:hover {color:#2f3a38;text-decoration:none}
table {border-collapse:collapse;border-spacing:0}
hr {display:none}
img{border:0;}

a:focus, button:focus, textarea:focus, input:focus, select:focus{outline:none;}

textarea,input,
select{-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
textarea:focus, 
input[type="file"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="text"]:focus,
select:focus{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);}

/* input */
/*select {padding:0 0 0 5px;}*/
/* select { height:30px \0IE8;} IE8 전용*/

select, textarea,
input[type="file"],
input[type="date"],
input[type="password"],
input[type="text"] {font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; padding:0 5px; height:32px; font-size:13px; border:1px solid #c7c7c7; color:#666; font-weight:500; border-radius:2px; box-sizing: border-box;}

select,
input[type="file"]{padding:0 0 !important;}

select:focus, textarea:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="text"]:focus {border:1px solid #555;}

textarea[readonly="readonly"],
button[readonly="readonly"],
select[readonly="readonly"],
input[readonly="readonly"],

textarea[disabled="disabled"],
button[disabled="disabled"],
select[disabled="disabled"],
input[disabled="disabled"] {background: #ebebeb; border-color:#c7c7c7; pointer-events: none;}

input::placeholder{/*color:#2f3a38;*/color: rgba(0,0,0,0.5);}
input::-ms-clear{ display: none; }

input[type="radio"],
input[type="checkbox"] {vertical-align: middle !important;}

*{ box-sizing:border-box;}

/*************************************************
   	  button css 정리 20211125  
	  button css 합침, 익스 핵 제거
**************************************************/
/* button 기본 정의*/
button{display:inline-block; text-align: center !important; font-weight:400;letter-spacing:-0.05em; border-radius:2px; line-height:1 ; box-sizing:border-box;}
button:focus,
button:active{}

/* 고스트버튼색 */
.ghostBtn,
.ghostBtn02,
.ghostBtn04,
.ghostBtn05{border:1px #7a777d solid; color:#55535c; background:#fff;}
.ghostBtn:hover,
.ghostBtn02:hover,
.ghostBtn04:hover,
.ghostBtn05:hover,
.small-btn-ghost:hover,
.small-btn:hover{background: #f9f9f9; border-color:#aaa;}

/* 기본버튼색 */
.ghostBtn00,
.basicBtn,
.basicBtn04,
.basicBtn05,
.basicBtn04_pop {border:1px solid #8329db; color:#8329db; background:#fff;}
.ghostBtn00:hover,
.basicBtn:hover,
.basicBtn04:hover,
.basicBtn05:hover ,
.basicBtn04_pop:hover,
.small-btn-basic:hover{background: #f9f3ff; border-color:#8b35e0;/* background:#efe3fa; border-color:#e3ccf8;*/}
/* 로그인화면쪽 버튼 이름은 .ghostBtn00이나 색상은 기본색상*/

/* 강조버튼색 */
.emphasisBtn,
.emphasisBtn01,
.emphasisBtn02,
.emphasisBtn03,
.emphasisBtn04,
.emphasisBtn05,
.emphasisBtn06 {background:#8329db; border:1px #8329db solid; color:#fff;}
.emphasisBtn:hover,
.emphasisBtn01:hover,
.emphasisBtn02:hover,
.emphasisBtn03:hover,
.emphasisBtn04:hover,
.emphasisBtn05:hover,
.emphasisBtn06:hover,
.small-btn-emphasis:hover {background: #8b35e0; border-color:#982ffa;}

/* 비활성화버튼색 */
.disabledBtn,
.disabledBtn02,
.disabledBtn04,
.disabledBtn05 {background:#9e9e9e; border:1px #9e9e9e solid; color:#fff;}

/* 경고버튼색 */
.warningBtn,
.warningBtn04,
.warningBtn05 {background:#f7596b; border:1px #ee4659 solid; color:#fff;}
.warningBtn:hover,
.warningBtn04:hover,
.warningBtn05:hover,
.small-btn-warning:hover {background: #f86e7d;}

/* 버튼 라인색 */
.btnline-lgray{border:1px solid #ccc; background:#fff;}

/* 버튼 size1 - height:40px*/
.ghostBtn,
.basicBtn,
.emphasisBtn,
.disabledBtn,
.warningBtn {min-width:60px; /*height:45px;*/ height:40px; padding:0 25px; font-size:15px;}

/* 버튼 size2 -  height:32px */
.ghostBtn05,
.basicBtn05, 
.emphasisBtn05,
.disabledBtn05,
.warningBtn05 {min-width:76px; height:32px; padding:0 15px; font-size:14px;}

/* 버튼 size3 - height:30px */
.ghostBtn04,
.emphasisBtn04,
.disabledBtn04,
.warningBtn04,
.basicBtn04,
.basicBtn04_pop {min-width:60px; height:30px; padding:0 15px; font-size:14px;}

/* 버튼 size small */
.xsmall-btn{min-width:25px !important; height:18px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #ccc; background:#fff;}
.small-btn{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #ccc; background:#fff;}
.small-btn img{margin-right:3px; margin-top:-2px;} /* 2023.02.14 수정*/
.small-btn-basic{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #8329db; background:#fff; color:#8329db;}
.small-btn-emphasis{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #8329db; background:#8329db; color:#fff;}
.small-btn-warning{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #f7596b; background:#f7596b; color:#fff;}
.small-btn-ghost{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px #aba9ac solid; color:#55535c; background:#fff;}
.small-btn-warning-line{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #f7596b; background:#fff; color:#f7596b;} /* 2023.03.23 추가*/
.small-btn-warning-line:hover{min-width:25px !important; height:23px !important; padding:0 8px !important; font-size:12px !important; border:1px solid #ed4b5d; background:#fff0f2; color:#de394c;} /* 2023.03.23 추가*/

/* 결재상태 버튼 */
.status-btn{ min-width:25px !important; height:23px !important; padding:0 10px !important; font-size:12px !important; border:1px solid #dbdee3; border-radius:25px;}
.status-btn.finish{border-color:#b7bcc3; background:#b7bcc3; color:#fff;}
.status-btn.ongoing{border-color:#b7bcc3; background:#fff; color:#8329db;}
.status-btn.add{border-color:#b178e8; background:#fff; color:#8329db;}
.status-btn.return{color:#f7596b;}

/* 버튼 underline */
.btn-uline{text-decoration: underline; cursor:pointer;}
.btn-uline:link{text-decoration: underline;}
.btn-uline:visited{text-decoration: underline;}
.btn-uline:hover{text-decoration: underline;}
.btn-uline:active{text-decoration: underline;}
.btn-uline:focus{text-decoration: underline;}

/* 라인 없는 버튼 */
button.noUnbtn {padding:0 10px; border:0; background:none; font-size: 14px;}

/* 라인 있는 버튼 */
button.yesUnbtn {padding:3px 10px; border:0; background:none; font-size: 16px; text-decoration: underline; color:#000;}
/* 대기/완료 */
span.complete,
span.waiting {min-width:60px; height:26px; display:inline-block; box-sizing:border-box; text-align:center; font-size:14px; color:#fff; }
span.complete{background:#509eac; border:1px #418795 solid;}
span.waiting {background:#9fa5a4; border:1px #939a98 solid;}

/* 정렬 */
.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}

/* width 값 추가 - input 영역에 주로 쓰임 */
.w60px{width:60px;}
.w115{width:115px;}
.w150{width:150px;}
.w180{width:180px;}
.w210{width:210px;}
.w240{width:240px;}

/* height 값 추가 */
.h25{height:25px !important;}
.min-h230{min-height:230px;}

/* scroll */
.scroll-y{overflow-y: auto;}

/* 공통 css */
.width100 {width:100%; height:50px;}
.width740 {width:740px !important; margin: 15px auto;}
.hiT40 {height: 40px;}
.mtTop0 {margin-top:0px !important;}
.mtTop3 {margin-top:3px;}
.mtTop5 {margin-top:5px !important;}
.mtTop10 {margin-top:10px !important;}
.mtTop15 {margin-top:15px !important;}
.mtTop20 {margin-top:20px !important;}
.mtTop21 {margin-top:21px !important;}

.mtTop10-pop {margin-top:10px;}
.mtTop21-pop {margin-top:21px;}

.mtTop30 {margin-top:30px !important;}
.mtTop36 {margin-top:36px !important;}
.mtTop45 {margin-top:45px !important;}
.mtTop60 {margin-top:60px !important;}
.mtTop80 {margin-top:80px !important;}

.mtBot5 {margin-bottom:5px !important;}
.mtBot15 {margin-bottom:15px !important;}
.mtBot35 {margin-bottom:35px;}
.mtLef5 {margin-left:5px;}
.mtLef7 {margin-left:7px;}
.mtLef15 {margin-left:15px;}
.mtRtf5 {margin-right:5px; margin-top:-2px;}
.mtRtf15 {margin-right:15px;}
.mt2020 {margin:20px 0;}
.mt50090 {margin:5px 0 0 90px!important ;}
.mt1014 {margin:10px 0 0 14px!important ;}
.pDg0 {padding:0 0 0 10px !important ;}
.pDg30 {padding-top: 30px;!important ;}
.pDr10 {padding-right:10px;}
.pr01 {position:relative;/* top:3px; */ left: 10px;}
.pr02 {position:relative; /*top:2px; */ left: 0;}
.pr03 {position:relative;/* top:3px; */}
.pr001 {position:relative; top:1px !important; }
.flR10 {margin-top:20px; float: right; clear:both;}
.flR20 {margin-top:10px; float: right; clear:both;}
.flL10 {margin-top:10px; float: left !important; clear:both;}
.flL101 {margin-top:10px; float: left !important;}
.borderNone {border: 0;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}
.font18 {font-size:18px !important;}
.verTop {vertical-align: top  !important;}
.verBot {vertical-align: bottom  !important;}

.mgauto-t35-b10{margin:35px auto 10px auto !important;}
.mgauto-t50-b10{margin:50px auto 10px auto !important;}

/*****************************************************
  2022.01.13
  공통 서브 layout (리뉴얼 메인에서는 안씀)
********************************************************/
.warp{width:100%; min-width:320px; position:relative;}  /*20220111 subwrap 상단 메뉴 및 푸터 반응형으로 소스 변경*/
/*.warp {width:100%;min-width:1400px; position:relative;} 210415 모바일웹 깨짐현상 수정 min-width:1400px */


/*****************************************************
  2022.01.13
  리뉴얼전 header / footer (admin에서 사용중)
********************************************************/
/* warpHeader */
.warpHeader {width:100%; height:120px; position:relative; background:#fff;}
.warpHeader .warpUtil {width:100%; height:37px; border-bottom:1px #dcdce1 solid;}
.warpHeader .warpUtil .utilTop {width:1300px; margin:0 auto;}
.warpHeader .warpUtil .utilTop::after {content:''; display:block; clear:both;}
.warpHeader .warpUtil .utilTop ul.right {display:inline-block; float:right; vertical-align:middle;}
.warpHeader .warpUtil .utilTop ul.right li{margin:0 9px; display:inline-block; line-height:37px; font-size: 14px;}
.warpHeader .warpUtil .utilTop ul.right li button.btn02 {width:70px; height:25px; margin: -4px 0 0 5px;  border:1px #8329db solid;/*line-height:25px;*/ font-size:13px; font-weight:500; color:#8329db;}

.warpHeader .warpUtil .utilTop ul.right li.first {margin-right:15px;}
.warpHeader .warpGnb {width:1300px; height:80px; margin:0 auto; position:relative; background:#fff;}
.warpHeader .warpGnb h1 {position:absolute; top:-12px; left:-18px; }
.warpHeader .warpGnb .nav {margin: 28px 0 0 175px;}
.warpHeader .warpGnb .nav ul.gnb {/*width:1300px;*/ height:80px;  margin:0 auto;  position:relative; background:#fff;} /* 210415 모바일웹 깨짐현상 수정 : gnb영역 잘못된 가로 사이즈 width 삭제 */
.warpHeader .warpGnb .nav ul.gnb::after {content: ''; display:block; clear:both;}

.warpHeader .warpGnb .nav ul.gnb li {width:140px; position:relative; display:block; float:left;  text-align:center; }
.warpHeader .warpGnb .nav ul.gnb li::after {content: ''; display:block; clear:both;}
.warpHeader .warpGnb .nav ul.gnb li a{padding-left: 0px; font-size:18px; color: #2f3a38;}
.warpHeader .warpGnb .nav ul.gnb li a:hover{color:#8329db; font-weight:700;}
.warpHeader .warpGnb .nav ul.gnb li a.active {position:relative; font-weight:bold; color:#8329db; z-index: 1;}
.warpHeader .warpGnb .nav ul.gnb li a.active::before{content:'';width:100%; height: 5px; position:absolute; bottom: -2px; background: #ffe9f2; z-index: -1;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub {height:250px; padding:0px; display:none;  position:absolute; top: 53px;background: #fff; z-index: 99;  box-shadow: 7px 7px 14px -5px #bad0d2;  border-top: 1px #e4e4e4 solid; border-left: 1px #e4e4e4 solid; box-sizing: border-box;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub:hover {background:#f9f9f9;}
.warpHeader .warpGnb .nav ul.gnb li ul.active {background:#ebf8f9;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li {width:140px;margin-top: 10px; display:block; text-align: center; font-weight:500; }
.warpHeader .warpGnb .nav ul.gnb li ul.sub li a {padding:0; position:relative; text-align:left; font-size:15px; font-weight:500; cursor: pointer; color: #2f3a38;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li a:hover{color:#8329db;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li ul.nev3Depth {margin-top:2px; display:block;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li ul.nev3Depth li {margin: 2px 5px; padding: 0; display:block;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li ul.nev3Depth li a{ position:relative; text-align:left; font-size:12px; font-weight: 400; cursor: pointer;}
.warpHeader .warpGnb .nav ul.gnb li ul.sub li ul.nev3Depth li::before {content:''; width:2px; height:2px; position:absolute; top:6px; left:-4px; background:#8329db;}

.warpHeader .warpGnb .nav ul.gnb li.pop {width:140px; position:relative; display:block; float:left;   }
.warpHeader .warpGnb .nav ul.gnb li.pop::after {content: ''; display:block; clear:both;}
.warpHeader .warpGnb .nav ul.gnb li.pop a{    padding-left: 10px; font-size:18px; color: #2f3a38;}
.warpHeader .warpGnb .nav ul.gnb li.pop a:hover{color:#8329db; font-weight:800;}
.warpHeader .warpGnb .nav ul.gnb li.pop a.active {position:relative; font-weight:bold; color:#8329db; z-index: 1;}
.warpHeader .warpGnb .nav ul.gnb li.pop a.active::before{content:'';width:100%; height: 5px; position:absolute; bottom: -2px; background: #e6f1f3; z-index: -1;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub {height:610px; display:none;  position:absolute; top: 53px;background: #fff; z-index: 99;  box-shadow: 7px 7px 14px -5px #bad0d2; }
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub:hover {background:#ebf8f9;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.active {background:#ebf8f9;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li {width:150px;margin-bottom: 10px;    padding: 0 0 0 11px;display:block; text-align: left; font-weight:500;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li a {padding:0; position:relative; text-align:left; font-size:15px; font-weight:500; cursor: pointer; color: #2f3a38;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li ul.nev3Depth {margin-top:3px; display:block;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li ul.nev3Depth li {margin: 3px 0; padding: 0; display:block;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li ul.nev3Depth li a{ position:relative; text-align:left; font-size:12px; font-weight:300; cursor: pointer;}
.warpHeader .warpGnb .nav ul.gnb li.pop ul.sub li ul.nev3Depth li::before {content:''; width:2px; height:2px; position:absolute; top:6px; left:-4px; background:#8329db;}

.warpHeader .warpGnb .nav:hover ul li ul.sub{width:150px;  position:absolute; display:block; float:left; background-color:#fff; }

.warpHeader .warpGnb button.menuBtn:hover .warpSubmenu {display:block;}
.warpHeader .warpGnb .warpSubmenu01 {width:100%;  height:538px; visibility:hidden; position: absolute; top:54px; left: 0; transition-duration: .5s; background:#fff; border-top: 1px #dcdce1 solid; box-sizing:border-box; box-shadow: 1px 1px 1px 1px #e7dfda; overflow:hidden; z-index: 3;}
.warpHeader .warpGnb .warpSubmenu01::after {content:''; display:block; clear: both;}
.warpHeader .warpGnb .warpSubmenu01 .navLnb {width: 1300px; margin: 0 auto; position:relative; left:192px; z-index: 99;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev2Depth {width:140px; margin-top: 15px; display: block; float:left;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev2Depth::after {content:''; display:block; clear:both;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev2Depth li {margin-bottom: 15px; display:block; float:none;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev2Depth li a {font-size:15px; font-weight:500; color:#4a4a51;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev2Depth li a:hover {color: #8329db;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev3Depth {margin-top:5px;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev3Depth li {margin-bottom:5px; padding-left:5px; position:relative;}
.warpHeader .warpGnb .warpSubmenu01 ul.nev3Depth li::before {content:''; width:2px; height:2px; position:absolute; top:9px; left:0; background:#a455ee;}

.warpHeader .warpGnb .warpSubmenu01 ul.nev3Depth li a {font-size:12px; color:#4a4a51;}

.warpHeader .warpGnb .warpSubmenu02 {width:100%;  height:538px; visibility:hidden; position: absolute; top:54px; left: 0; transition-duration: .5s; background:#fff; border-top: 1px #dcdce1 solid; box-sizing:border-box; box-shadow: 1px 1px 1px 1px #e7dfda; overflow:hidden; z-index: 3;}
.warpHeader .warpGnb .warpSubmenu02::after {content:''; display:block; clear: both;}
.warpHeader .warpGnb .warpSubmenu02 .navLnb {width: 1300px; margin: 0 auto; position:relative; left:197px; z-index: 99;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev2Depth {width:133px; margin-top: 15px; display: block; float:left;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev2Depth::after {content:''; display:block; clear:both;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev2Depth li {margin-bottom: 15px; display:block; float:none;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev2Depth li a {font-size:15px; font-weight:500; color:#4a4a51;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev2Depth li a:hover {color: #8329db;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev3Depth {margin-top:5px;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev3Depth li {margin-bottom:5px; padding-left:5px; position:relative;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev3Depth li::before {content:''; width:2px; height:2px; position:absolute; top:9px; left:0; background:#8329db;}
.warpHeader .warpGnb .warpSubmenu02 ul.nev3Depth li a {font-size:12px; color:#4a4a51;}

/* footer */
.warpFooter {width:100%;min-width:1400px; margin-top: 40px;} /* 210415 모바일웹 깨짐현상 수정 min-width:1400px */
.warpFooter .warpfootList {width:100%; height:60px; background:#5c6764; border-top:1px #4a514f solid; border-bottom: 1px #4a514f solid; box-sizing:border-box;}
.warpFooter .warpfootList .footList {width:1300px; height:60px; margin:0 auto;  }
.warpFooter .warpfootList .footList::after {content:''; display:block; clear:both;}
.warpFooter .warpfootList .footList span.fLeft {display:block; float:left; line-height: 56px;font-size:18px; font-weight: 400; color:#fff;}
.warpFooter .warpfootList .footList span.fRight {display:block; float:right; line-height: 56px;font-size:16px; font-weight: 400; color:#fff;}
.warpFooter .warpfootList .footList span.fRight a { text-decoration:none; color: #fff;}
.warpFooter .warpfootList .footList span.fRight i {margin:0 20px;}

.warpFooter .footInfo {width:1300px; margin:0 auto; position: relative;}
.warpFooter .footInfo .ileft{padding: 20px 0; position:absolute; left:0;}
.warpFooter .footInfo .ileft::after {content:''; display:block; clear:both;}
.warpFooter .footInfo .ileft span.logo {margin-right:15px; display:block; float:left;}
.warpFooter .footInfo .ileft span.addresstext {display:block; float:right;}
.warpFooter .footInfo .ileft span.addresstext  p {margin-bottom: 5px; font-size: 14px; font-weight: 400;}
.warpFooter .footInfo .ileft span.addresstext  p a {margin:0 10px; font-size:16px;}
.warpFooter .footInfo .ileft span.addresstext  p a em {font-style: italic;}
.warpFooter .footInfo .ileft span.addresstext  p a:first-child {margin:0 10px 0 0px;}
.warpFooter .footInfo .ileft span.addresstext  p.cp {margin-top: 30px; font-size: 13px;}
.warpFooter .footInfo .iright{padding: 10px 0; position:absolute; right:0;}
.warpFooter .footInfo .iright span.fLogo01 {display:block;}
.warpFooter .footInfo .iright span.fLogo01 i {display:block; text-align: right;}
.warpFooter .footInfo .iright span.fLogo01 em {display:block; text-align: right; font-size: 12px;}
.warpFooter .footInfo .iright span.fLogo02 {margin-top:10px; display:block;}
.warpFooter .footInfo .iright span.fLogo02 i {display:block; text-align: right;}
.warpFooter .footInfo .iright span.fLogo02 em {display:block; text-align: right; font-size: 12px;}


.more {
  position:absolute; top:0; right:0;
  width: 30px;
  height: 21px;
  background-image:url(/common/img/btn_menu.png);
}

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

.more:hover, .close:hover {
  cursor:pointer;
}

.close {
  position:absolute; top:0; right:0;
  background:url('/common/img/icon_close.png') 0 0 no-repeat;
  width: 25px;
  height: 24px;
}

/*****************************************************
  2022.01.13
  sub 컨텐츠 layout - 서브 공통사용
********************************************************/
.warpsubVisual,
.warpsubVisual01 {width:100%;/* border-top:1px #ddd solid;*/} /* 220311 컨텐츠 상단보더수정 -> header 쪽에 넣음 */

.warpsubSection  {width:1400px; margin:0 auto; position:relative;}
.warpsubSection::after {content:''; display:block; clear:both;}

/* 서브 우측 콘텐츠 영역 */
.warpsubSection .subContents {width:1150px; float:right; position:relative;}


/* warpContainer */
.warpContainer {width:100%; min-width:1400px; padding-bottom:140px; position:relative;}

.warpContainer .warpVisual {width:100%; height:795px; background: url(/common/img/img_visual_bg.png) no-repeat center;}
.warpContainer .warpVisual .visual {width:1300px; height:795px; margin:0 auto;}
.warpContainer .warpVisual .visual h2 {width:460px; margin:0 auto;  padding: 68px 0 20px 0; display:block;}
.warpContainer .warpVisual .visual .visualBox {display:block;}
.warpContainer .warpVisual .visual .visualBox ul li {width:398px; height:192px; margin: 19px 50px 19px 0; padding: 20px; position: relative; display:inline-block; border-top-left-radius: 30px; border-bottom-right-radius: 30px;  background:#fff; box-sizing: border-box;box-shadow: 2px -1px 8px 1px #1d9aa0; cursor: pointer; }

.btn6{
  border:1px solid transparent; 
   -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
}

.btn6::before {
  content: '';
  position: absolute;
  left: 0px;
  bottom:0px;
  z-index:-1;
  width: 0%;
  height:1px;
  background: #3ae3c3;
  box-shadow: inset 0px 0px 0px #3ae3c3;
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}

.btn6:hover::before {
  width:100%;
}

.btn6::after {
  content: '';
  position: absolute;
  right: 0px;
  top:0px;
  z-index:-1;
  width: 0%;
  height:1px;
  background: #3ae3c3;
  -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: all 0.4s cubic-bezier(.5, .24, 0, 1)
}
.btn6:hover::after {
  width:100%;
}
.btn6:hover{
  border:3px solid #3ae3c3;
}

.warpContainer .warpVisual .visual .visualBox ul li.last {margin: 19px 0 19px 0; }
.warpContainer .warpVisual .visual .visualBox ul li .titleBox {display:block;}
.warpContainer .warpVisual .visual .visualBox ul li .titleBox::after {content:''; display:block; clear:both;}
.warpContainer .warpVisual .visual .visualBox ul li .titleBox span.left {position:relative; float:left; font-size:24px; font-weight:bold; z-index: 1; color: #2f3a38;}
.warpContainer .warpVisual .visual .visualBox ul li .titleBox span.left::after {content:''; width:100%; height:11px; display:block; position:absolute; bottom:4px; left:0; background:#d8efea; z-index: -1;}
.warpContainer .warpVisual .visual .visualBox ul li .titleBox span.right {float:right; transition: all ease 1s;}
.warpContainer .warpVisual .visual .visualBox ul li .titleBox span.right:hover {transform: rotate( 220deg );}
.warpContainer .warpVisual .visual .visualBox ul li .textBox {display:block; position:absolute; bottom: 20px; font-size: 16px; font-weight: 400;}


/* warpSection01 */
.warpContainer .warpSection01 {width:100%; height:1200px; background:#f1f2f2;}
.warpContainer .warpSection01 .contentsBox01 {width:1300px; height:1280px; margin:0 auto;}
.warpContainer .warpSection01 .contentsBox01 h3 {padding: 60px 0 30px 0; text-align:center; font-size: 28px; font-weight: 400; }
.warpContainer .warpSection01 .contentsBox01 h3 em {font-weight:bold; color:#8329db;}
.warpContainer .warpSection01 .contentsBox01 .logoImgbox {width:1197px; height:989px; margin:0 auto;}
.none {display:none;}

/* warpSection02 */
.warpContainer .warpSection02 {width:100%; }
.warpContainer .warpSection02 .contentsBox02 {width:1300px; margin:70px auto;}
.warpContainer .warpSection02 .contentsBox02 h3 {width: 212px; margin: 25px auto; position:relative; display:block;  text-align:center; font-size:32px; font-weight:bold;}
.warpContainer .warpSection02 .contentsBox02 h3::before {content:''; width:32px; height:39px; position:absolute; top:-12px; left:8px; background: url(/common/img/icon_title.png) no-repeat left;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn {width:100%; height:55px; margin:20px auto;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul {width:100%; height:55px;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul::after {content:''; display:block; clear:both;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li {width:433px; height:55px; display:block; float:left; border:1px #dbdfdf solid; box-sizing:border-box; text-align:center; line-height:50px; cursor: pointer;}

.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li:hover {background:#8329db; color:#fff;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li.active {background:#8329db; color:#fff;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li.active a{color:#fff;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li:hover a {color:#fff;}
.warpContainer .warpSection02 .contentsBox02 .warpTabbtn ul li a {font-size:20px; font-weight: 400; }
.warpContainer .warpSection02 .contentsBox02 .borderList {width:100%; margin-top:10px; border-top:1px #5c6764 solid; box-sizing:border-box;   box-shadow: 1px 1px 6px 1px #f0f3f3;}
.warpContainer .warpSection02 .contentsBox02 .borderList table {width:100%;}
.warpContainer .warpSection02 .contentsBox02 .borderList table th {height:55px; border-bottom:1px #c8cece solid; box-sizing: border-box; text-align:left; font-size:18px; font-weight:bold;}
.warpContainer .warpSection02 .contentsBox02 .borderList table td {height:50px; border-bottom:1px #c8cece solid; box-sizing: border-box; text-align:left; font-size:16px; font-weight: 400;}
.warpContainer .warpSection02 .contentsBox02 .borderList table .center {text-align:center;}
.center {text-align:center !important ;}


/* 좌측 lnb 서브메뉴 */
.warpsubSection .leftMenu {width:210px; float:left; position:relative;/*top:-70px;*/ margin:0;}
.warpsubSection .leftMenu h2 {height:80px; /*background:#48a4eb;*/ text-align:center; line-height:80px; font-size:20px; font-weight:600; color:#fff; border-radius: 0 0 20px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a536f6+0,972ffb+100 */
background: #8329db; /* Old browsers */
background: -moz-linear-gradient(left,  #8329db 0%, #7918d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #8329db 0%,#7918d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #8329db 0%,#7918d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8329db', endColorstr='#7918d8',GradientType=1 ); /* IE6-9 */ }
.warpsubSection .leftMenu nav {/* border: 1px #dde6e4 solid; */}
.warpsubSection .leftMenu nav ul li.dep01 {padding: 8px 10px 8px 16px;/* margin-bottom: 5px; */border-bottom: 1px #eee solid;}
.warpsubSection .leftMenu nav ul li.dep01:last-child {border:none;}
.warpsubSection .leftMenu nav ul li.dep01 a {font-size:16px; font-weight:500;}
.warpsubSection .leftMenu nav ul li.dep01 a.active {position:relative;font-weight: 500;color:#8329db;z-index: 1;}
.warpsubSection .leftMenu nav ul li.dep01 a.active::before{content:'';width:100%; height: 5px; position:absolute; bottom: -2px; background: #ffe9f2; z-index: -1;}

.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb {margin: 5px 0 0px 15px;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li {margin-bottom:5px;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a {font-size:14px; position:relative;}
/*.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a:after{content:'';width:4px; height: 4px; border-radius:4px; position:absolute; left:-8px; top: 9px; background: #aaa; opacity: 0.5;}*/
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a.active,
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a:hover {font-weight:500; color:#8329db;}
/*.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a.active:after,
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a:hover:after{ background: #8329db; opacity: 1;}*/
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb li a.active::before{content:'';width:100%; height: 5px; position:absolute; bottom: 0; background: none;}

.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop {margin: 15px 0 0px 15px;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop li {margin-bottom:15px;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop li a {font-size:15px;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop li a.active,
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop li a:hover {font-weight:500; color:#8329db;}
.warpsubSection .leftMenu nav ul li.dep01 ul.subLnb-pop li a.active::before{content:'';width:100%; height: 5px; position:absolute; bottom: 0; background: none;}

.warpContainer .subContents .contentsBox03 {width:940px; margin:20px auto;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 {width:100%; height:44px; margin:0 auto;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul {width:100%; height:44px;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul::after {content:''; display:block; clear:both;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li {width:313px; height:44px; display:block; float:left; border:1px #dbdfdf solid; box-sizing:border-box; text-align:center; line-height:42px; cursor: pointer;}

.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li:hover {background:#a455ee; color:#fff;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li.active {background:#a455ee; color:#fff;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li.active a{color:#fff;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li:hover a {color:#fff;}
.warpContainer .subContents .contentsBox03 .warpTabbtn01 ul li a {font-size:17px; font-weight: 400; }
.warpContainer .subContents .contentsBox03 .boxPreview{padding:20px; border:1px #dbdfdf solid; box-sizing:border-box;}
.warpContainer .subContents .contentsBox03 .boxPreview::after {content:''; display:block; clear:both;}
.warpContainer .subContents .contentsBox03 .boxPreview .leftView {width:398px; height:260px; display:block; float:left; border:1px #dbdfdf solid; box-sizing:border-box;}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView {display:block; float:right;}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView::after {content: ''; display:block; clear:both;}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileInput {display:block; position:relative; cursor:pointer;  vertical-align:middle;  background:#fff; text-align:left;}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileInput label input {position:absolute; width:0; height:0; overflow:hidden;}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileInput .file_input_textbox {
    float:left;
     width:353px; height:30px; position:relative;border: 1px #bfccc9 solid; box-sizing: border-box; margin-top: 0px !important; 
}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileInput .file_input_div {
    position:relative;
    width:63px;
    height:auto;
    overflow:hidden;
}
.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileInput .file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

.warpContainer .subContents .contentsBox03 .boxPreview .rightView span.fileLeft {display:block; float: right;}


/* 전자세금계산서 수정작성 서브페이지
.warpsubVisual {width:100%; height:115px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2dc4a2+0,1fc9df+100 
background: #2dc4a2; /* Old browsers 
background: -moz-linear-gradient(-45deg,  #2dc4a2 0%, #1fc9df 100%); /* FF3.6-15 
background: -webkit-linear-gradient(-45deg,  #2dc4a2 0%,#1fc9df 100%); /* Chrome10-25,Safari5.1-6 
background: linear-gradient(135deg,  #2dc4a2 0%,#1fc9df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dc4a2', endColorstr='#1fc9df',GradientType=1 ); /* IE6-9 fallback on horizontal gradient 
}*/



/* 우측 콘텐츠 영역 */
.warpsubSection .subContents h3 {width: 100%; height:50px; margin: 25px auto; padding-bottom:10px; padding-left:22px; position:relative; display:block; border-bottom: 1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size:24px; font-weight:700;}
.warpsubSection .subContents h3::before {content:''; width:32px; height:39px; position:absolute; top:-12px; left:8px; background: url(../img/icon_sub_title.png) no-repeat left;}
.warpsubSection .subContents .conBox01 {margin:20px 0;}

.warpsubSection .subContents .conBox01 ul.listBox02 li {margin:10px 0; padding:20px; display:block; border:1px #dcdce1 solid; box-sizing:border-box;}
.warpsubSection .subContents .conBox01 ul.listBox02 li::after {content:''; display:block; clear:both;}
.warpsubSection .subContents .conBox01 ul.listBox02 li.active {border:1px #8329db solid;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxLeft {width:210px; margin-top: 10px; position:relative; display:block; float:left; font-size:18px; font-weight:bold;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.centerBar {width:65px; margin-top: 10px; position:relative; display:block; float:left; text-align: center; font-size:18px; font-weight:bold;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.centerBar::after {content:''; width:1px; height:60px; background:#f1f2f2; position:absolute; top: -13px; left: 0;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxLeft input.form-control02 {margin-right: 10px;}

.warpsubSection .subContents-pop {width:975px; float:right;}
.warpsubSection .subContents-pop h3 {width: 975px; height:50px; margin: 25px auto; padding-bottom:10px; padding-left:22px; position:relative; display:block; border-bottom: 1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size:24px; font-weight:500;}
.warpsubSection .subContents-pop h3::before {content:''; width:32px; height:39px; position:absolute; top:-12px; left:8px; background: url(/common/img/icon_sub_title.png) no-repeat left;}
.warpsubSection .subContents-pop .conBox01 {margin:20px 0;}

.warpsubSection .subContents-pop .conBox01 ul li {margin:10px 0; padding:20px; display:block; border:1px #dcdce1 solid; box-sizing:border-box;}
.warpsubSection .subContents-pop .conBox01 ul li::after {content:''; display:block; clear:both;}
.warpsubSection .subContents-pop .conBox01 ul li.active {border:1px #8329db solid;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxLeft {width:210px; margin-top: 10px; position:relative; display:block; float:left; font-size:18px; font-weight:bold;}
.warpsubSection .subContents-pop .conBox01 ul li span.centerBar {width:65px; margin-top: 10px; position:relative; display:block; float:left; text-align: center; font-size:18px; font-weight:bold;}
.warpsubSection .subContents-pop .conBox01 ul li span.centerBar::after {content:''; width:1px; height:60px; background:#f1f2f2; position:absolute; top: -13px; left: 0;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxLeft input.form-control02 {margin-right: 10px;}

.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxRight {position:relative;  display:block; float:left;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxRight::before {content:''; width:1px; height:60px; background:#f1f2f2; position:absolute; top:-6px;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxRight p.title {margin-bottom:5px; padding-left: 15px; font-size:15px; font-weight:400;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxRight p.sub {padding-left: 15px; font-size:14px; font-weight: 400; color:#727c7a;}
.warpsubSection .subContents .conBox01 ul.listBox02 li span.boxRight p.sub em {color: #ff0000;}
.warpsubSection .subContents .conBox01 ul.listBox02 li button.btn01 {margin-top: 5px; padding:5px 7px; display:block; float:right; border:1px #8329db solid; font-size:16px; font-weight:400; color:#8329db;}

.warpsubSection .subContents-pop .conBox01 ul li span.boxRight {position:relative;  display:block; float:left;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxRight::before {content:''; width:1px; height:60px; background:#f1f2f2; position:absolute; top:-6px;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxRight p.title {margin-bottom:5px; padding-left: 15px; font-size:15px; font-weight:400;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxRight p.sub {padding-left: 15px; font-size:14px; font-weight: 400; color:#727c7a;}
.warpsubSection .subContents-pop .conBox01 ul li span.boxRight p.sub em {color: #ff0000;}
.warpsubSection .subContents-pop .conBox01 ul li button.btn01 {margin-top: 5px; padding:5px 7px; display:block; float:right; border:1px #8329db solid; font-size:16px; font-weight:bold; color:#8329db;}

/* 로그인 페이지 */
.warpLoginpage {width:1280px; min-height:430px; margin: 77px auto; padding:20px 0 60px 0; background: #f6f8f8; border:1px #f1f1f1 solid; box-sizing:border-box;}
.warpLoginpage .loginBox{width:342px; height:auto; margin:67px auto;}
.warpLoginpage .loginBox .title {text-align:center; font-size:28px; font-weight:600;}
.warpLoginpage .loginBox .warpForm {position:relative;}
.warpLoginpage .loginBox .warpForm span.formBox { width: 340px; height: 45px; display:block; position:relative;}
.warpLoginpage .loginBox .warpForm span.formBox label.lbl {text-decoration: -999em; font-size: 0px; color: #fff;}
.warpLoginpage .loginBox .warpForm span.formBox input.form-control { width: 340px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.emphasisBtn01 {width:340px; height:50px; margin: 0 auto; display:block; font-size:18px; color:#fff;}
.warpLoginpage .loginBox .checkInfo {margin-top:15px;}
.warpLoginpage .loginBox .checkInfo::after {content:''; display:block; clear:both;}
.warpLoginpage .loginBox .checkInfo span.loginCheckbox {display:block; float:left;}
.warpLoginpage .loginBox .checkInfo span.loginCheckbox input.form-Ckcontrol {width:24px; height:24px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;}
.warpLoginpage .loginBox .checkInfo span.loginCheckbox label.sp {vertical-align: middle; font-size:14px;}
.warpLoginpage .loginBox .checkInfo .loginFindbox{display:block; float:right;}
.warpLoginpage .loginBox .formJoin {margin-top:25px;}
.warpLoginpage .loginBox .formJoin::after {content:''; display:block; clear:both;}
.warpLoginpage .loginBox .formJoin span.text{margin-top:6px; display:block; float:left; font-size:16px; font-weight:bold;color:#8329db;}
.warpLoginpage .loginBox .formJoin span.join{display:block; float:right;}
.ghostBtn00 {min-width:117px; height:35px; padding:0 15px; font-size:16px;}


/* 아이디/비밀번호찾기 */
.warpLoginpage .title {text-align:center; font-size:28px; font-weight:600;}
.warpTabpage {width:963px; margin:0 auto; padding-bottom:30px; background:#fff;}
.warpLoginpage .loginBox01{width:342px; height:auto; margin:0 auto; padding-bottom:15px; }
.warpLoginpage .loginBox01 .title {text-align:center; font-size:28px; font-weight:600;}
.warpLoginpage .loginBox01 .warpForm {position:relative;}
.warpLoginpage .loginBox01 .warpForm .titleBox {position:relative;}
.warpLoginpage .loginBox01 .warpForm .titleBox em {display:block; text-align:center; font-size:22px; font-weight:600;}
.warpLoginpage .loginBox01 .warpForm .titleBox b {display:block; text-align:center; font-size:14px; font-weight: 400;}
.warpLoginpage .loginBox01 .warpForm span.formBox { width: 340px; height: 45px; display:block; position:relative;}
.warpLoginpage .loginBox01 .warpForm span.formBox label.lbl {text-decoration: -999em; font-size: 0px; color: #fff;}
.warpLoginpage .loginBox01 .warpForm span.formBox input.form-control { width: 340px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.tabMenubox {width:100%; height:55px; margin-bottom:40px; position:relative;}
.tabMenubox ul::after {content:''; display:block; clear: both;}
.tabMenubox ul li {width:50%; height:55px; display:block; float:left; border-bottom:3px #edefef solid; box-sizing: border-box; text-align:center; line-height: 55px; font-size:20px; font-weight:400; cursor:pointer;}
.tabMenubox ul li:hover,
.tabMenubox ul li.active{border-bottom: 3px #8329db solid; color:#8329db;}
.tabMenubox ul li:hover a,
.tabMenubox ul li.active a{color:#8329db;}
.tabMenubox ul li.border-right{border-right: 1px  #edefef  solid;     box-sizing: border-box;}

.warpLoginpage .loginBox02{width:706px; height:auto; margin:0 auto; padding-bottom:15px; }
.warpLoginpage .loginBox02 .title {text-align:center; font-size:28px; font-weight:600;}
.warpLoginpage .loginBox02 .warpForm {position:relative;}
.warpLoginpage .loginBox02 .warpForm .titleBox {position:relative;}
.warpLoginpage .loginBox02 .warpForm .titleBox em {display:block; text-align:center; font-size:22px; font-weight:600;}
.warpLoginpage .loginBox02 .warpForm .titleBox b {display:block; text-align:center; font-size:14px; font-weight: 400;}
.warpLoginpage .loginBox02 .warpForm p.noBox {margin:40px 0; font-size:16px; text-align:center;}
.warpLoginpage .loginBox02 .warpForm p.noBox img {margin-bottom: 10px;}
.groupBtn {/*width:680px;*/ margin:0 auto; text-align: center;}
.groupBtn::after {content:''; display:block; clear:both;}
.groupBtn01 {/*width:695px;*/ margin:25px auto 40px auto; text-align: center;}
.groupBtn01::after {content:''; display:block; clear:both;}
.emphasisBtn02 {width:340px; height:50px; display:inline-block; font-size:18px; color:#fff;}
.ghostBtn02 {min-width:340px; height:50px;  display:inline-block; font-size:18px; color:#535c59;}

.borderTable {width:706px; margin:25px auto; border-top:2px #8329db solid;}
.borderTable table {width:100%;}
.borderTable table thead th {height: 35px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: center; font-size: 15px; font-weight: bold;}
.borderTable table tbody td {height:60px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: center; font-size: 15px; font-weight: 400;}
.borderTable table tbody th {height:60px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: center; font-size: 15px; font-weight: bold;}

.borderTable01 {width:706px; margin:25px auto; border-top:2px #8329db solid;}
.borderTable01 table {width:100%;}
.borderTable01 table tbody td {height:60px; padding-left: 20px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.borderTable01 table tbody td input.form-control { width: 270px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable01 table tbody td i { font-size:15px; color:#e42424;}
.borderTable01 table tbody th {height:60px; padding-left: 20px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
.borderTable01 table tbody th i {font-size:15px; color:#e42424;}
.borderTable01 table tbody th i.none {margin-left: 6px; display:inline-block;}
.ghostBtn01 {min-width:340px; height:50px; margin: 0 auto; display:block; border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:18px; color:#535c59;}
.ghostBtn01:hover {background: #ecefef;}

/* 비밀번호 변경 */
.warpLoginpage02 {width:840px; margin:0 auto; padding-bottom:30px; background:#fff;}
.warpLoginpage02 .loginBox01{width:342px; height:auto; margin:0 auto; padding-bottom:15px; }
.warpLoginpage02 .loginBox01 .title {text-align:center; font-size:28px; font-weight:600;}
.warpLoginpage02 .loginBox01 .warpForm {position:relative;}
.warpLoginpage02 .loginBox01 .warpForm .titleBox {position:relative;}
.warpLoginpage02 .loginBox01 .warpForm .titleBox em {display:block; text-align:center; font-size:22px; font-weight:600;}
.warpLoginpage02 .loginBox01 .warpForm .titleBox b {display:block; text-align:center; font-size:14px; font-weight: 400;}
.warpLoginpage02 .loginBox01 .warpForm span.formBox { width: 340px; height: auto; display:block; position:relative;}
.warpLoginpage02 .loginBox01 .warpForm span.formBox label.lbl01 {display:block; font-size: 16px;}
.warpLoginpage02 .loginBox01 .warpForm span.formBox input.form-control { width: 340px; height: 45px; padding: 0 10px; position:relative;}
.warpLoginpage02 .loginBox01 .warpForm span.formBox i.nopw {margin-top:6px; display:block; font-size:13px; color:#e42424;}


/* 회원가입 페이지 */
.warpLoginpage01 {width:100%; margin: 40px auto; }
.warpsubSection .warpLoginpage01 h3 {width:90px; margin: 25px auto; position:relative; display:block;  text-align:center; font-size:28px; font-weight:500;}
.warpsubSection .warpLoginpage01 h3::before {content:''; width:32px; height:39px; position:absolute; top:-12px; left:-12px; background: url(/common/img/icon_sub_title.png) no-repeat left;}
.warpLocation { width:1000px; /*width:100%; */height:90px; margin:0 auto; border-top:1px #dcdce1 solid; border-bottom:1px #dcdce1 solid;}
.warpLocation ul { width: 100%; margin: 20px auto; text-align:center;}
.warpLocation ul::after {content:''; display:block; clear:both;}
.warpLocation ul li.nbr {width:22%; display:block; float:left;}
.warpLocation ul li.icon {width:3%; margin-top: 10px; display:block; float:left;}
.warpLocation ul li span.number {width:48px; height:48px; display:inline-block; background:#939393; border-radius: 50%; vertical-align:middle; text-align:center; line-height:44px; font-size:22px; font-weight: 400; color:#fff;}
.warpLocation ul li span.text { margin-left: 10px; display:inline-block; font-size:18px; font-weight:400; vertical-align:middle; }
.warpLocation ul li.active span.number {background:#8329db; }
.warpLocation ul li.active span.text {color:#8329db;}


/* 211122 회원가입여부 확인 box 추가 및 수정*/
.boxConfirm01 {width:828px; min-height:237px; margin: 57px auto; padding:30px 0 60px 0; background: #f6f8f8; border:1px #f1f1f1 solid; box-sizing:border-box;}
.boxConfirm01 .mtitle{font-size: 32px;font-weight: 600;text-align: center;}
.boxConfirm01 .title {padding:40px 10px 0 150px; font-size:24px; font-weight:600;}
.boxConfirm01 .title p {padding:30px 0 0 0; text-align:center; font-size:22px; font-weight:400;}
.boxConfirm01 .title01 {padding:40px 0 0 0; font-size:24px; font-weight:600;}
.boxConfirm01 .title01 p {padding:30px 0 0 0; text-align:center; font-size:22px; font-weight:400;}
.boxConfirm01 p.subtext {text-align:center; font-size:16px; font-weight: 400;}
.boxConfirm01 .conform {padding:10px 0 0 150px;}
.boxConfirm01 .conform label.lbl {margin-right: 10px; font-size:16px; font-weight:500; width:90px !important; display:inline-block;} /* 211119  추가*/
.boxConfirm01 .conform input{ padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.boxConfirm01 .conform input.form-control01 { width:90px; height: 35px;}

.boxConfirm01 .conform input.form-control02 { width:70px; height: 35px;}
.boxConfirm01 .conform input.form-control03 { width:98px; height: 35px;}
.boxConfirm01 .conform input.form-control04 { width:274px; height: 35px;}  /* 211119  추가*/
.boxConfirm01 .emphasisBtn {min-width:60px; height:35px; padding:0 20px; font-size:14px;}
.boxConfirm01 span.infoBox {min-width:120px; max-width:500px; height:55px; margin:20px auto; display:block; background:#fff; border:1px #c2c3c3 solid; box-sizing:border-box; text-align:center; line-height: 55px; font-size:20px; font-weight: 400; color:#a536f6;}
.boxConfirm01 .disabledBtn{height:35px; font-size:14px;}

.warpJoinbox {/*width:100%;*/width:1000px; margin: 30px auto; }
.warpJoinbox .titleBox {position:relative;}
.warpJoinbox .titleBox dl dt {padding-left:25px; position:relative; font-size:18px; font-weight:500;}
.warpJoinbox .titleBox dl dt::before {content:''; width:10px; height:10px; position:absolute; top:6px; left:0; background:#fff; border-radius:50%; border: 4px #8329db solid; }
.warpJoinbox .titleBox dl dd {padding-left: 25px; font-size: 14px; font-weight: 400;}
.warpJoinbox .titleBox dl dd span {margin:20px 0; display:block; font-weight:500; }

/* 211119 모든 약관 동의 체크 하단으로 이동*/
.warpJoinbox .agree-footer {font-size: 16px; font-weight: 400;}
.warpJoinbox .agree-footer span {margin:20px 0; display:block; font-weight:500; }

/* 211119 약관박스 세로값 넓힘 추가 */
.height-l{height:250px !important; }

.warpJoinbox .subBox {width:100%; margin: 30px auto; position:relative;}
.warpJoinbox .subBox dl{display:block;}
.warpJoinbox .subBox dl dt {margin-bottom:10px;}
.warpJoinbox .subBox dl dt::after {content:''; display:block; clear:both;}
.warpJoinbox .subBox dl dt span.left {display:block; float:left; font-size:16px;}
.warpJoinbox .subBox dl dt span.left i.red {color:#e42424;}
.warpJoinbox .subBox dl dt span.right {display:block; float:right; font-size:16px;}
.warpJoinbox .subBox dl dd {width:100%; height:165px; overflow-x:hidden; border:1px #c8cece  solid; box-sizing:border-box;}

.warpJoinbox .subBox-pop {width:100%; margin: 30px auto; position:relative;}
.warpJoinbox .subBox-pop dl{display:block;}
.warpJoinbox .subBox-pop dl dt {margin-bottom:10px;}
.warpJoinbox .subBox-pop dl dt::after {content:''; display:block; clear:both;}
.warpJoinbox .subBox-pop dl dt span.left {display:block; float:left; font-size:16px;}
.warpJoinbox .subBox-pop dl dt span.left i.red {color:#e42424;}
.warpJoinbox .subBox-pop dl dt span.right {display:block; float:right; font-size:16px;}
.warpJoinbox .subBox-pop dl dd {width:100%; height:180px; overflow:hidden;}
.warpJoinbox .subBox-pop dl dd textarea {width:100%; height:90%; border:1px #c8cece  solid; box-sizing:border-box;}

.warpJoinbox .groupBtn {width:100%; margin:0 auto; text-align:center;}
.warpJoinbox .groupBtn::after {content:''; display:block; clear:both;}
.warpJoinbox .groupBtn .disabledBtn02 {min-width:60px; height:50px; padding:0 25px; margin-right:10px; /*float:left; */font-size:16px; color:#fff;}
.warpJoinbox .groupBtn .emphasisBtn03 {width:280px; height:50px; /* float:right;*/ font-size:18px; color:#fff;}

.warpJoinbox01 {width:98%; padding:0 10px; }
.warpJoinbox01 h2 {margin-top: 30px; text-align:center; font-size: 24px;}
.warpJoinbox01 .titleBox {position:relative;}
.warpJoinbox01 .titleBox dl dt {padding-left:25px; position:relative; font-size:24px; font-weight:500;}
.warpJoinbox01 .titleBox dl dt::before {content:''; width:12px; height:12px; position:absolute; top:7px; left:0; background:#fff; border-radius:50%; border: 5px #2dc4a2 solid; }
.warpJoinbox01 .titleBox dl dd {padding-left: 25px; font-size: 16px; font-weight: 400;}
.warpJoinbox01 .titleBox dl dd span {margin:20px 0; display:block; font-weight:500; }
.warpJoinbox01 dl dt span.left {display:block; float:left; font-size:16px;}
.warpJoinbox01 dl dt span.left i.red {color:#e42424;}
.warpJoinbox01 dl dt span.right {display:block; float:right; font-size:16px;}
.warpJoinbox01 dl dd {width:100%; height:180px; overflow:hidden;}
.warpJoinbox01 dl dd textarea {width:100%; height:90%; border:1px #c8cece  solid; box-sizing:border-box;}
.warpJoinbox01 p {margin-top: 20px; font-weight: bold; font-size: 16px;}
table.borderTable08 {width:100%; margin-top: 15px;}
table.borderTable08 th { padding:6px 0;  background:#e8f4f5;  border: 1px #bfccc9 solid;  box-sizing: border-box; text-align: center; font-size: 15px;}
table.borderTable08 th.border-leftnone {border-left: none;}
table.borderTable08 th.border-rightnone {border-right: none;}
table.borderTable08 td { padding:10px 0; border: 1px #bfccc9 solid;  box-sizing: border-box; text-align: center; font-size: 13px;}
table.borderTable08 td.left {padding-left: 10px; text-align: left !important;;}


.warpJoinbox01  strong.title {margin-top:30px; display:block; font-size:16px;}
.warpJoinbox01  ol.one {margin: 10px 0; font-size: 14px; font-weight: 500;}
.warpJoinbox01  ol.two {margin: 10px 0 0 15px; font-size: 13px; color: #737373;}
.warpJoinbox01  ol.two li {margin-top: 10px;}
.warpJoinbox01  ol.three {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.warpJoinbox01  ol.three li {margin-top: 3px;}
.warpJoinbox01  ol.four {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.warpJoinbox01  ol.four li {margin-top: 3px;}

.borderTable02 {width:100%; margin-top:20px; /* border-top:2px #a536f6 solid;*/ border-top:1px solid #333;}
.borderTable02 table {width:100%;}
.borderTable02 table tbody th {padding:10px 0 10px 10px; border-bottom: 1px #dcdce1 solid; text-align: left; font-size: 14px;/*font-weight:500;*/}
.borderTable02 table tbody td {padding:10px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; text-align:left; font-size: 13px; font-weight: 400; }
.borderTable02 table tbody th.leftborder {border-left: 1px #dcdce1 solid;box-sizing:border-box;}
.borderTable02 table tbody th i {color:#e42424;}
.borderTable02 table tbody th i.none {margin-left: 6px; display:inline-block;}
.borderTable02 table tbody td input,
.borderTable02 table tbody td select,
.borderTable02 table tbody td button{height:32px; font-size: 13px;/* padding: 0 10px position:relative; border: 1px #bfccc9 solid; */box-sizing: border-box;}
.borderTable02 table tbody td input.form-control { width: 470px;}
.borderTable02 table tbody td select.form-control { width: 470px;}
.borderTable02 table tbody td select.form-control01 { width: 105px;}
.borderTable02 table tbody td input.form-control-gly { /*width: 470px; */ width:93%; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box;}
.borderTable02 table tbody td input.form-control02 { width:69px; text-align: center;}
.borderTable02 table tbody td input.form-control03 { width:155px;}
.borderTable02 table tbody td input.form-control05 { width:336px;}
.borderTable02 table tbody td input.form-control04 {/* width:1005px;*/ width:96%;}
.borderTable02 table tbody td input.form-control06 { width: 490px;}
.borderTable02 table tbody td input.form-control07 { width:160px;}
.borderTable02 table tbody td input.form-control08 { width:220px;}
.borderTable02 table tbody td input.form-control09 { width:157px;}
.borderTable02 table tbody td select.form-control07 { width: 164px;}
.borderTable02 table tbody td input.form-control10 { width:103px;text-align: center;}
.borderTable02 table tbody td input.form-control11 { width:329px;}
.borderTable02 table tbody td input.form-control12 { width: 498px;}
.borderTable02 table tbody td input.form-control04-gly, 
.borderTable02 table tbody td input.form-control01-gly, 
.borderTable02 table tbody td input.form-control02-gly, 
.borderTable02 table tbody td input.form-control03-gly {/*padding: 0 10px;*/position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box;}
.borderTable02 table tbody td input.form-control04-gly {/* width:1110px;*/ width:97%;}
.borderTable02 table tbody td input.form-control01-gly { width: 103px;}
.borderTable02 table tbody td input.form-control02-gly { width: 220px;}
.borderTable02 table tbody td input.form-control03-gly { width: 385px;}
.borderTable02 table tbody td textarea {width:448px; height: 100px; padding: 10px; resize:none;/* 크기고정 */ }
.borderTable02 table tbody td button.ghostBtn {min-width:60px; height:32px; padding:0 25px;  border:1px #777d7c solid; z-index: 9;}
.borderTable02 table tbody td span.checkBox01 {margin-right: 20px;}
.borderTable02 table tbody td button.ghostBtn:hover {background: #ecefef;}
.borderTable02 table tbody td i {margin-left:10px; color:#e42424;}
.borderTable02 .infotxt{line-height:1.2;}
.borderTable02 table tbody td textarea.text-area-box{width:700px; height:150px;}

.borderTable02-pop {width:100%; margin-top:20px;/* border-top:2px #8329db solid;*/ border-top:1px solid #333;}
.borderTable02-pop table {width:100%;}
.borderTable02-pop table tbody td {height:60px; padding-left: 20px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.borderTable02-pop table tbody td input.form-control { width: 470px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td select.form-control { width: 470px; height: 45px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td select.form-control01 { width: 105px; height: 45px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control-gly { width: 470px; height: 45px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control02 { width:105px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control03 { width:155px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control05 { width:336px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control04 {/* width:1005px;*/ width:96%; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control06 { width: 490px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control07 { width:160px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control08 { width:330px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control09 { width:157px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td select.form-control07 { width: 164px; height: 45px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; vertical-align:middle;}
.borderTable02-pop table tbody td input.form-control10 { width:103px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; text-align: center; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control11 { width:329px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control12 { width: 498px; height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control04-gly { /* width:1110px;*/ width:97%; height: 45px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control01-gly { width: 103px; height: 45px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control02-gly { width: 330px; height: 45px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td input.form-control03-gly { width: 385px; height: 45px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.borderTable02-pop table tbody td textarea {width:448px; height: 100px; padding: 10px; resize:none;/* 크기고정 */ }
.borderTable02-pop table tbody td button.ghostBtn {min-width:60px; height:45px; padding:0 25px;  border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:16px; color:#535c59; z-index: 9;}
.borderTable02-pop table tbody td span.checkBox01 {margin-right: 20px;}
.borderTable02-pop table tbody td button.ghostBtn:hover {background: #ecefef;}
.borderTable02-pop table tbody td i {    margin-left: 10px; font-size:15px; color:#e42424;}
.borderTable02-pop table tbody th {height:60px; padding-left: 20px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: left; font-size: 15px; font-weight: bold;}
.borderTable02-pop table tbody th.leftborder {border-left:  1px #dcdce1 solid;box-sizing:border-box;}
.borderTable02-pop table tbody th i {font-size:15px; color:#e42424;}
.borderTable02-pop table tbody th i.none {margin-left: 6px; display:inline-block;}

/* 전자세금계산서 발행 */
.citationBox_none {/*width:800px;*/ height:200px; margin:0 auto; border-bottom: 3px #dcdce1 solid;}
.citationBox_none p { padding-top: 73px; text-align: center; font-size: 18px;font-weight: 500;}
.subTitle{padding-left:18px; position:relative; font-size:17px; font-weight:700;}
.subTitle::before {content:''; width:6px; height:6px; position:absolute; top:6px; left:0; background:none; border-radius:50%; border: 4px #8329db solid; }

.borderTable03 {width:100%; margin-top:10px;/* border-top:2px #8329db solid;*/ border-top:1px solid #333; position: relative;}
.borderTable03 table {width:100%;}
.borderTable03 table th{/*font-weight: 500;*/ /*background:#fafbfd;*/ background: #f3f3f3; font-size: 14px; } /* 2023.09.20 색상변경 */
.borderTable03 table td{font-weight: 400;font-size: 13px;color:#444;} /* 2023.01.30 색상변경 */
.borderTable03 table th,
.borderTable03 table td{padding: 8px 6px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; box-sizing:border-box; text-align:center; }
.borderTable03 table .left-none-border{border-left:0;}
.borderTable03 table .right {text-align: right;}
.borderTable03 table tbody i.red {font-size:14px; color:#e42424;}
p.fottext {font-size:14px; font-weight: 400;}

/* borderTable03 추가 : tr 합계*/
.borderTable03 table .sum td{background:#f7f7f7;font-weight:700; color:#222;}

/* borderTable03 추가 : 총 합계*/
.total-sum table td{font-weight:700; color:#222; height:50px;}

/* tr에 마우스 오버시 색상 */
.borderTable03 tr:hover{background:#f8fcff;}

/* table td,th 글자size 조정 */
.fsize-s table th {font-size:13px; letter-spacing:-0.5px; padding: 8px 4px;}
.fsize-s table td {font-size:12px; letter-spacing:-0.5px; padding: 8px 4px;}


/* 게시판 */
.borderTable09 {width:100%; margin-top:10px;/* border-top:2px #8329db solid;*/ border-top:1px solid #333;}
.borderTable09 table {width:100%;}
.borderTable09 table thead th{/*font-weight: 500;*/ font-size: 14px;}
.borderTable09 table tbody td{font-weight: 400; font-size: 13px; color:#666;}
.borderTable09 table thead th,
.borderTable09 table tbody td{padding: 8px 6px; border-bottom: 1px #dcdce1 solid;  box-sizing:border-box; text-align:center; }
.borderTable09 table thead th.left-none-border {border-left:0;}
.borderTable09 table tbody td .list {width:700px; height:24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.borderTable09 table tbody td .list01 {width:600px; height:24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.borderTable09 table tbody td.left-none-border {border-left:0;}
.borderTable09 table tbody td.right {text-align: right;}
.borderTable09 table tbody i.red {font-size:15px; color:#e42424;}
p.fottext {font-size:14px; font-weight: 400;}

/* 게시판 상세 뷰페이지 */
.noticeView {width:100%; padding: 20px; border:1px solid #dcdce1; box-sizing:border-box;}
.noticeView .noticeHeader {height:30px;  padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
.noticeView .noticeHeader::after {content:''; display:block; clear:both;}
.noticeView .noticeHeader span.title {width:700px; height:28px; display: block; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:18px;}
i.iconBox {margin-right: 10px; padding: 3px 7px; border: 1px #8329db solid; font-size: 12px; font-weight:bold; color: #8329db;}

.noticeView .noticeHeader span.date {display: block; float:right; font-size:14px;}

.noticeView .noticeHeader01 {height:30px;  padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
.noticeView .noticeHeader01::after {content:''; display:block; clear:both;}
.noticeView .noticeHeader01 input.form-control01 { width:90%; height: 28px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.noticeView .noticeHeader01 input.form-control02 { width:120px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.noticeView .noticeHeader01 span.title {width:805px; height:30px; display: block; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:18px;}
.noticeView .noticeHeader01 span.date {display: block; float:right; font-size:14px;}

.noticeView .noticeContet {height:680px; padding:10px; font-size:14px; text-align:left; }
.noticeView .noticeContet textarea {width:100%; height:100%; font-size: 14px; resize:none; resize: vertical;}
.board_prevNext li.list {padding:18px 30px; border-bottom: 1px solid #e1e1e1;}
.board_prevNext {border:1px solid #e1e1e1;}
.board_prevNext li.list:after {display: block; content: '';clear: both;}
.board_prevNext li.list:first-child .info {background-position: 49px 9px;}
.board_prevNext li.list .info {float: left; display: inline-block; width: 100px; font-size: 15px; color: #000; background: url("/common/img/bg_prevNext.png") no-repeat 50px -45px;}
.board_prevNext li.list a.title {margin:0; float: left; display: inline-block; width: 500px; font-size: 15px; color:#000;}
.board_prevNext li.list a:hover.title {text-decoration:underline;}
.board_prevNext li.list .date {float: right; font-size: 15px;color: #666;}
.ellipsis {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 결의서 다음양식 20200519 */
.content03 {overflow:hidden;}
.content03:after {clear: both; content: ""; display: block;}
.content03 h1 {text-align:center; font-size:22px; font-weight:bold;}
.content03 .date {text-align:center; font-size:14px; font-weight:bold;}
.content03 .hgroup {overflow:hidden; margin:30px 0;}
.hgroup2 {overflow:hidden; margin:20px 0 5px 0;}
.hgroup2 h1 {text-align:center; font-size:22px; font-weight:bold;}
.content03 h2 {font-size:14px; font-weight:bold; clear:both; padding:10px 0 3px 0;}


.content03 h3 {font-size:13px; padding:10px 0 10px 10px; float:left; clear:both;}
.content03 .tit {border-bottom:1px solid #CCC; padding-bottom:15px;}
.content03 .txt02 {position:relative; font-size:14px; padding:20px 30px 0 30px; line-height:20px}
.content03 .txt03 {position:relative; font-size:13px; padding:20px 30px 0 30px; line-height:20px}
.content03 .to {float:left; position:relative; font-size:20px; font-weight:bold;padding:5px 0 40px 80px; border-bottom:2px solid #000; width:100%;}
.content03 .to b.jisa_name {display:inline-block; margin-left:50px;}
.content03 .to em {font-size:12px; padding-left:25px; font-weight:normal;}
.warpChitbox {width:100%; clear:both; font-family: "돋움", dotum, sans-serif; color: #000; }
.warpChitbox .chitbox01 {border:1px #a8acb5  solid; box-sizing:border-box;}
.warpChitbox .chitbox01::after {content:''; display:block; clear:both;}
.warpChitbox .chitbox01 .leftBox {width:330px; padding:10px; float:left; }
.warpChitbox .chitbox01 .leftBox h1 {margin-bottom:10px; text-align:left; font-size:18px;}
.warpChitbox .chitbox01 .warpHistory {width:320px;  margin:0 auto; border:1px #a8acb5  solid; box-sizing:border-box;}
.warpChitbox .chitbox01 .warpHistory01 {width:320px; height:408px; margin:0 auto; border:1px #a8acb5  solid; box-sizing:border-box; text-align:center;}
.warpChitbox .chitbox01 .warpHistory span.title{width:330px; margin:15px auto; display:inline-block; text-align:center; font-size:16px; font-weight:bold;}
.warpChitbox .chitbox01 .warpHistory dl {padding:0px 10px 5px 10px;}
.warpChitbox .chitbox01 .warpHistory dl dt {font-size:13px; font-weight:bold;}
.warpChitbox .chitbox01 .warpHistory dl dd{font-size:12px;}
.warpChitbox .chitbox01 .warpHistory ul li::after {content:''; display:block; clear:both;}
.warpChitbox .chitbox01 .warpHistory ul li.borderLin {border-top:1px #a8acb5  solid;}
.warpChitbox .chitbox01 .warpHistory ul li.pd {margin:10px; padding:10px 0; display:block;}
.warpChitbox .chitbox01 .warpHistory ul li.pd span.sleftBox {display:block; float:left; font-size:13px; font-weight:bold; color: #000;}
.warpChitbox .chitbox01 .warpHistory ul li.pd span.srightBox {display:block; float:right; font-size:14px; font-weight:bold; color: #000;}
.warpChitbox .chitbox01 .warpHistory ul li.nd {margin:3px 10px;  display:block;}
.warpChitbox .chitbox01 .warpHistory ul li.nd span.sleftBox {display:block; float:left; font-size:13px;  color: #000;}
.warpChitbox .chitbox01 .warpHistory ul li.nd span.srightBox {display:block; float:right; text-align:right; font-size:13px; color: #000; }


.warpChitbox .warpHistory02 {border:1px #a8acb5  solid; box-sizing:border-box; color: #000; }
.warpChitbox .warpHistory02 span.title{margin:20px 0; display:block; text-align:center; font-size:16px; font-weight:bold;}
.warpChitbox .warpHistory02 dl {padding:0px 10px 5px 10px;}
.warpChitbox .warpHistory02 dl dt {font-size:14px; font-weight:bold;}
.warpChitbox .warpHistory02 dl dd{font-size:15px;}
.warpChitbox .warpHistory02 ul li::after {content:''; display:block; clear:both;}
.warpChitbox .warpHistory02 ul li.borderLin {border-top:1px #a8acb5  solid;}
.warpChitbox .warpHistory02 ul li.pd {margin:10px; padding:10px 0; display:block;}
.warpChitbox .warpHistory02 ul li.pd span.sleftBox {display:block; float:left; font-size:14px; font-weight:bold;}
.warpChitbox .warpHistory02 ul li.pd span.srightBox {display:block; float:right; font-size:16px; font-weight:bold;}
.warpChitbox .warpHistory02 ul li.nd {margin:10px;  display:block;}
.warpChitbox .warpHistory02 ul li.nd span.sleftBox {min-width:90px; display:block; float:left; font-size:14px; }
.warpChitbox .warpHistory02 ul li.nd span.srightBox {display:block; float:left; text-align:left; font-size:14px;  }


.warpChitbox .chitbox01 .rightBox  {width:330px; padding:10px; float:left; border-left: 1px #a8acb5  solid;}
.warpChitbox .chitbox01 .rightBox h1 {margin-bottom:10px; text-align:left; font-size:18px;}


.citationBox {width:100%; margin-top:10px; border-top:2px #8329db solid}
.citationBox table{width:100%;}
.citationBox table tbody th {padding: 8px; border-bottom: 1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size:15px; font-weight:700;}
.citationBox table tbody td {padding: 8px; border-bottom: 1px #dcdce1 solid;  box-sizing:border-box; text-align:left; font-size:14px; font-weight: 400;}
.citationBox table tbody td i.red {color:#e42424;}
.citationBox table tbody td span.bar {width:1px; height:40px; display:block; background:#dcdce1; }

.topBtnbox {margin: 0 0 15px 0;/* float:right;*/ text-align:right;}
.topBtnbox::after {content:''; display:block; clear:both;}

.borderTable04 {width:930px; height:auto; margin: 0 auto;border: 1px #b33132 solid; box-sizing:border-box; clear:both; font-size:14px;}
.borderTable04 table {width:100%;  table-layout: fixed; border: 1px #b33132 solid; ox-sizing:border-box;}
.borderTable04 table th {border:1px #e49596 solid;  font-weight: 400;font-size: 13px;}
.borderTable04 table th.font24 {padding: 5px 30px; text-align:center; font-size:24px; font-weight:500; color:#e42424;}
.borderTable04 table th.title  {padding: 5px 30px; text-align:left; color:#e42424;}
.borderTable04 table th.title01  {padding: 5px 30px; text-align:center; color:#e42424;}
.borderTable04 table th.title02  {padding: 6px 5px 3px 5px; text-align:center; color:#e42424; background: #fff1f1;}
.borderTable04 table th.title02_01  {padding: 6px 5px 3px 5px; text-align:center; background: #f37576; color: #fff; border: 1px #b33132 solid;}
.borderTable04 table th.title03  {padding: 6px 5px 3px 5px; text-align:center; border: 1px #a1a9ce solid;     background: #e8edfb;color:#3956e0 ;}
.borderTable04 table th.title03_01  {padding: 6px 5px 3px 5px; text-align:center; background: #619aef; border: 1px #2c6bc7 solid; color: #fff;}
.borderTable04 table th.title04  {height: 25px; padding: 3px 0 0 0; color:#e42424; background: #eaeaea;}
.borderTable04 table th.title05  {color:#e42424; background: #fff;}
.borderTable04 table th.border-left-none {border-left:0  !important ;}
.borderTable04 table th.border-right-none {border-right:0  !important ;}
.borderTable04 table th.border-bottom-none {border-bottom:0  !important ;}
.borderTable04 table th.border-bottom {border-bottom: 1px #b33132 solid  !important ;}
.borderTable04 table td.border-bottom {border-bottom: 1px #b33132 solid  !important ;}
.borderTable04 table th.border-top{border-top: 1px #b33132 solid  !important ;}
.borderTable04 table td.border-top {border-top: 1px #b33132 solid  !important ;}
.borderTable04 table th.border-top-none {border-top:0  !important ;}
.borderTable04 table td span.radioBox {/*margin-top:4px;*/ margin-left:20px; display:inline-block;font-size:13px;}
.borderTable04 table td span.radioBox:first-child {margin-left:0;}
.borderTable04 table td span.radioBox01 {display:block;}
.borderTable04 table td {position:relative; border:1px #e49596 solid; box-sizing:border-box;  text-align:center; vertical-align:middle; font-size:12px; word-break: normal;}
.borderTable04 table td.blu {border: 1px #a1a9ce solid; color:#3956e0 !important ;}
.borderTable04 table td.blu01 {border: 1px #a1a9ce solid; font-size:12px;}
.borderTable04 table td.blu-right {border-right:1px #2c6bc7  solid; }
.borderTable04 table td.border-left-none {border-left:0  !important ;}
.borderTable04 table td.border-right-none {border-right:0  !important ;}
.borderTable04 table td.border-bottom-none {border-bottom:0  !important ;}
.borderTable04 table td.border-top-none {border-top:0  !important ;}
.borderTable04 table td input.form-control-gly { width:100%; height:25px; padding: 0 3px; position:relative; background:#eff2f1; border:0; /*border: 1px #bfccc9 solid;*/ box-sizing: border-box; font-size: 12px;}
.borderTable04 table td input.form-control-gly01 { width:70%; height:23px; padding: 0 3px; position:relative; background:#eff2f1; border: 1px #cacecc  solid; box-sizing: border-box; font-size: 12px;}
.borderTable04 table td input.form-control { width:98%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;  box-sizing: border-box; font-size: 12px;}
.borderTable04 table td input.form-control01 { width:70%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 12px;}
.borderTable04 table td input.form-control02 { width:82%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 12px;}
.borderTable04 table td input.form-control03 { width:96%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 12px;}
.borderTable04 table th input.form-control { width:90%; height:25px; padding: 0 0; position:relative; background:#fff; border: 1px #cacecc solid;box-sizing: border-box; font-size: 12px;}
.borderTable04 .verTop{ vertical-align:middle !important;}
.borderTable04 table td input:focus{border:1px solid #555;}

.borderTable04_pop {width:930px; height:auto; margin: 0 auto;border: 1px #b33132 solid; box-sizing:border-box; clear:both; font-size:14px;}
.borderTable04_pop table {width:100%;  table-layout: fixed; border: 1px #b33132 solid; ox-sizing:border-box;}
.borderTable04_pop table th {border:1px #e49596 solid;  font-weight: 400;font-size: 13px;}
.borderTable04_pop table th.font24 {padding: 5px 30px; text-align:center; font-size:24px; font-weight:500; color:#e42424;}
.borderTable04_pop table th.title  {padding: 5px 30px; text-align:left; color:#e42424;}
.borderTable04_pop table th.title01  {padding: 5px 30px; text-align:center; color:#e42424;}
.borderTable04_pop table th.title02  {padding: 6px 5px 3px 5px; text-align:center; color:#e42424; background: #fff1f1;}
.borderTable04_pop table th.title02_01  {padding: 6px 5px 3px 5px; text-align:center; background: #f37576; color: #fff; border: 1px #b33132 solid;}
.borderTable04_pop table th.title03  {padding: 6px 5px 3px 5px; text-align:center; border: 1px #a1a9ce solid;     background: #e8edfb;color:#3956e0 ;}
.borderTable04_pop table th.title03_01  {padding: 6px 5px 3px 5px; text-align:center; background: #619aef; border: 1px #2c6bc7 solid; color: #fff;}
.borderTable04_pop table th.title04  {height: 25px; padding: 3px 0 0 0; color:#e42424; background: #eaeaea;}
.borderTable04_pop table th.title05  {color:#e42424; background: #fff;}
.borderTable04_pop table th.border-left-none {border-left:0  !important ;}
.borderTable04_pop table th.border-right-none {border-right:0  !important ;}
.borderTable04_pop table th.border-bottom-none {border-bottom:0  !important ;}
.borderTable04_pop table th.border-bottom {border-bottom: 1px #b33132 solid  !important ;}
.borderTable04_pop table td.border-bottom {border-bottom: 1px #b33132 solid  !important ;}
.borderTable04_pop table th.border-top{border-top: 1px #b33132 solid  !important ;}
.borderTable04_pop table td.border-top {border-top: 1px #b33132 solid  !important ;}
.borderTable04_pop table th.border-top-none {border-top:0  !important ;}
.borderTable04_pop table td span.radioBox {/*margin-top:4px;*/ margin-left:20px; display:inline-block;font-size:13px;}
.borderTable04_pop table td span.radioBox:first-child {margin-left:0;}
.borderTable04_pop table td span.radioBox01 {display:block;}
.borderTable04_pop table td {position:relative; border:1px #e49596 solid; box-sizing:border-box;  text-align:center; vertical-align:middle; font-size:12px;}
.borderTable04_pop table td.blu {border: 1px #a1a9ce solid; color:#3956e0 !important ;}
.borderTable04_pop table td.blu01 {border: 1px #a1a9ce solid; font-size:12px;}
.borderTable04_pop table td.blu-right {border-right:1px #2c6bc7  solid; }
.borderTable04_pop table td.border-left-none {border-left:0  !important ;}
.borderTable04_pop table td.border-right-none {border-right:0  !important ;}
.borderTable04_pop table td.border-bottom-none {border-bottom:0  !important ;}
.borderTable04_pop table td.border-top-none {border-top:0  !important ;}
.borderTable04_pop table td input.form-control-gly { width:100%; height:25px; padding: 0 3px; position:relative; background:#eff2f1; border:0; /*border: 1px #bfccc9 solid;*/ box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table td input.form-control-gly01 { width:70%; height:23px; padding: 0 3px; position:relative; background:#eff2f1; border: 1px #cacecc  solid; box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table td input.form-control { width:98%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;  box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table td input.form-control01 { width:70%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table td input.form-control02 { width:82%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table td input.form-control03 { width:96%; height:25px; padding: 0 3px; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 11px;}
.borderTable04_pop table th input.form-control { width:90%; height:25px; padding: 0 0; position:relative; background:#fff; border: 1px #fff solid;box-sizing: border-box; font-size: 11px;}

span.radioBox01 {display:block;}

p.warningBox {width: 930px; margin:20px auto; padding:13px 0; border: 1px #d66530 solid; box-sizing:border-box; background: #fbe6dd; text-align:center; font-size:17px; color: #9e0606;}

/* IE6,7 */
@media screen\9 {
 /* Enter your style code */
    p.warningBox {width: 930px; margin:20px auto; padding:13px 0 5px 0; border: 1px #d66530 solid; box-sizing:border-box; background: #fbe6dd; text-align:center; font-size:17px; color: #9e0606;}
}
 
/* IE8 */
@media \0screen {
 /* Enter your style code */
    p.warningBox {width: 930px; margin:20px auto; padding:13px 0 5px 0; border: 1px #d66530 solid; box-sizing:border-box; background: #fbe6dd; text-align:center; font-size:17px; color: #9e0606;}
  
}
 
/* IE6,7,8 */
@media \0screen\,screen\9 {
 /* Enter your style code */
    p.warningBox {width: 930px; margin:20px auto; padding:13px 0 5px 0; border: 1px #d66530 solid; box-sizing:border-box; background: #fbe6dd; text-align:center; font-size:17px; color: #9e0606;}
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
 /* Enter your style code */
    p.warningBox {width: 930px; margin:20px auto; padding:13px 0 5px 0; border: 1px #d66530 solid; box-sizing:border-box; background: #fbe6dd; text-align:center; font-size:17px; color: #9e0606;}
} 


span.positionCen {position:relative; right: 234px; text-align:center; }
span.positionCen01 {position:relative; right: 0; text-align:center; }
span.positionCen02 {display:block; font-size:12px; }
button.tableBtn {height:23px; padding:0 2px; background:#eeeeee; border:1px #949a99 solid; box-sizing:border-box; font-size:12px; color:#53625f;}
button.tableBtn:hover{background: #e6e3e3;}
button.tableBtn01 {height:23px; margin-right:3px; padding:0 8px; float: right; background:#fff; border:1px #949a99 solid; font-size:12px; color:#53625f; }
button.tableBtn01::after {content:''; display:block; clear:both;}
button.tableBtn01:hover{background: #eeeeee;}
button.tableBtn02 {position:absolute; right:0; }
button.tableBtn0202 {height:22px; padding:0 2px}
button.tableBtn0202 img {vertical-align:top;}
button.delete img {vertical-align:middle;}
button.tableBtn03 {height:22px; margin-left:13px; padding:0 2px; background:#fff; border:1px #949a99 solid; font-size:12px; color:#53625f; }
button.tableBtn03:hover{background: #eeeeee;}
button.tableBtn04 {width:80px; height:22px; margin:5px auto; padding:0 2px; display:block; background:#fff; border:1px #949a99 solid; font-size:12px; color:#53625f; }
button.tableBtn04::after {content:''; display:block; clear:both;}
button.tableBtn04:hover{background: #eeeeee;}
button.tableBtn05 {width:80px; height:22px; margin:5px auto; padding:0 2px; display:block; background:#fff; border: 1px #8329db solid; font-size:12px; color:#8329db; }
button.tableBtn05::after {content:''; display:block; clear:both;}
button.tableBtn05:hover{background: #e3fbfd;}
button.calenderBtn {position:relative; /*top:3px;*/}
button.calenderBtn01 {position:relative; /*top:7px;*/}
.textRight {text-align:right;}
.bottomBtnbox {/*width: 930px;*/ margin: 10px auto;}
.bottomBtnbox::after {content:''; display:block; clear:both;}
.bottomBtnbox span.leftBtn {display:block; float:left;}
.bottomBtnbox span.rightBtn {display:block; float:right;}
.bottomBtnbox span.rightBtn b {margin-right: 10px; font-size:14px; font-weight: 400; font-style:normal;}

.borderTable05 {/*width:930px;*/ height:auto; margin: 35px auto; overflow:hidden;}
.borderTable05 table {width:100%;}
.borderTable05 table th {padding: 10px 15px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable05 table td {padding: 10px 15px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable05 table td span.checkBox01 {margin-right: 20px;}
.borderTable05 table td span.checkBox01:last-child {margin:0;}
.borderTable05 table td span.checkBox01 a {text-decoration:underline;}
.borderTable05 table td input.form-control { width:20%; height:22px; padding: 0 10px;}
.borderTable05 table td input.form-control01 { width:100%; height:35px; padding: 0 10px;}
.borderTable05 table td input.form-control02 { width:100%; height:25px; padding: 0 10px;}
.borderTable05 table td select.form-control01 { width:100%; height:35px; padding: 0 10px;}
.borderTable05 table td textarea {width:97%; height: 100px; padding: 10px; resize:none;/* 크기고정 */ }
.borderTable05 table td.right {text-align: right;}
.borderTable05 table td input[type="file"]{ width:710px; height:25px;}
.borderTable05 table td.border-left-none {border-left:0  !important ;}
.borderTable05 table td.border-right-none {border-right:0  !important ;}
.positionRig {position:relative; /*top:5px; */right:0;  }
.positionRig01 {position:relative; /*top:3px; */ right:10px;  }
.borderTable05.tdtype-s table th{padding: 6px 15px; color:#000;}
.borderTable05.tdtype-s table td{padding: 5px 15px; font-size:13px;}

.borderTable05_01 {width:930px; height:auto; margin: 10px auto; overflow:hidden;}
.borderTable05_01 table {width:100%;}
.borderTable05_01 table th {padding: 10px 15px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable05_01 table td {padding: 10px 15px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable05_01 table td span.checkBox01 {margin-right: 20px;}
.borderTable05_01 table td span.checkBox01:last-child {margin:0;}
.borderTable05_01 table td span.checkBox01 a {text-decoration:underline;}
.borderTable05_01 table td input.form-control { width:20%; height:22px; padding: 0 10px;}
.borderTable05_01 table td input.form-control01 { width:100%; height:35px; padding: 0 10px;}
.borderTable05_01 table td select.form-control01 { width:100%; height:35px; padding: 0 10px;}

.borderTable05_02 {width:930px; height:auto; margin: 10px auto; overflow:hidden;}
.borderTable05_02 table {width:100%;}
.borderTable05_02 table th {padding: 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:center;font-size:13px; font-weight: 500;}
.borderTable05_02 table td {height:30px; padding: 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:12px; font-weight: 400;}
.borderTable05_02 table td span.checkBox01 {margin-right: 20px;}
.borderTable05_02 table td span.checkBox01:last-child {margin:0;}
.borderTable05_02 table td span.checkBox01 a {text-decoration:underline;}
.borderTable05_02 table td input.form-control { width:20%; height:22px; padding: 0 10px;  background:#fff; border: 1px #fff solid;  box-sizing: border-box; font-size: 14px;}
.borderTable05_02 table td input.form-control01 { width:100%; height:22px; padding: 0 10px;  background:#fff; border: 1px #fff solid;  box-sizing: border-box; font-size: 14px;}
.borderTable05_02 table td select.form-control01 { width:100%; height:22px; padding: 0 10px;  background:#fff; border: 1px #fff solid;  box-sizing: border-box; font-size: 14px;}

.borderTable05 table td input[type="file"]{ width:710px; height:25px; background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable05 table td input.form-Ckcontrol01[type="file"]{ width:94%; height:24px; background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable05_02 table td.border-left-none {border-left:0  !important ;}
.borderTable05_02 table td.border-right-none {border-right:0  !important ;}


.explanationBox {/*width:930px;*/ width:100%; height:auto; margin:35px auto; padding:20px; border:1px #dce0e2 solid; box-sizing:border-box;}
.explanationBox dl {}
.explanationBox dl dt {margin-bottom:5px; font-size:16px; font-weight:bold;}
.explanationBox dl dt i.icon02 {width:20px; height:20px; margin-right:4px; display:inline-block; background:#88888f; border-radius:50%; line-height:20px; vertical-align:middle; text-align:center; font-size:14px; color:#fff;}
.explanationBox dl dt i.icon02-pop {width:20px; height:20px; margin-right:4px; display:inline-block; background:#88888f; border-radius:50%; vertical-align:middle; text-align:center; font-size:14px; color:#fff;}

.explanationBox dl dd {margin-bottom:5px; font-size:14px; font-weight:500;}
.explanationBox dl dd span.red {color:#e42424;}

.explanationBox dl dd.pop {font-size:14px; font-weight:400;}
.explanationBox dl dd.pop span.red {color:#e42424;}

/* search form */
.warpSearchbox select,
.warpSearchbox button.ghostBtn05,
.warpSearchbox button.btn-date{font-size:13px !important;} /* inc.css 그리드영역 css 영향을 받아서 폰트사이즈 추가*/

input.calendar{display:inline-block;}
input.calendar + img { margin:-2px 10px 0 -24px !important; cursor:pointer;}
input.calendar::-ms-clear {display: none;}
select.ui-datepicker-year,
select.ui-datepicker-month{height:20px; font-size:12px} /* datepicker 년/월 선택박스 세로값 */

.warpText01 .warpSearchbox .bordernonetable .btn-date{height:32px;padding:0 10px;border:1px solid #bfccc9; color:#555; background:#fff;}
.warpText01 .warpSearchbox .bordernonetable .btn-date:hover,
.warpText01 .warpSearchbox .bordernonetable .ghostBtn05:hover{/*background: #f6fbff;*/border:1px solid #8329db; color:#8329db; background:#fff;}

.warpText01 {/*width:930px; */height:auto; margin:35px auto;}
.modal-content02 .warpText01 {margin:0 auto 10px auto;} /* popup 검색박스 마진값 */

.warpSearchbox {padding: 7px 16px; background: #f4f6f6; border: 1px #f0f1f1 solid; border-radius:2px;/*box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 2%);*/  box-sizing: border-box;}
.warpText01 .warpSearchbox .bordernonetable {width:100%; /*margin-top:5px;*/}
.warpText01 .warpSearchbox .bordernonetable table {width:100%; white-space:nowrap;}
.warpText01 .warpSearchbox .bordernonetable table tbody th { padding-left: 10px;text-align:left; font-size: 14px;}
.warpText01 .warpSearchbox .bordernonetable table tbody th i {font-size:14px; color:#e42424;}
.warpText01 .warpSearchbox .bordernonetable table tbody td {/*min-height:60px;*/ padding:3px 2px; text-align:left; font-size: 14px; font-weight: 400;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control { width:353px; padding: 0 10px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control0101 { width:210px; padding: 0 10px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control01 { width:437px;padding: 0 10px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control-gly { width:355px;padding: 0 10px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control02 { width:555px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control022 { width:555px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td input.form-control0232 { width:355px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td select.form-control { width:437px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td select.form-control01 { width:100%;}
.warpText01 .warpSearchbox .bordernonetable table tbody td select.form-control0011 { width:210px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td select.form-control0012 { width:180px;}
.warpText01 .warpSearchbox .bordernonetable table tbody td em{margin-left:-2px}

.warpText01 .gridBox {width:100%; margin:10px auto; padding:10px 15px;border:1px #f2f3f3 solid; box-sizing:border-box;}
.warpText01 .bottomBtnbox01 {width: 100%; margin: 0 auto;}
.warpText01 .bottomBtnbox01::after {content:''; display:block; clear:both;}
.warpText01 .bottomBtnbox01 span.leftbox {display:block; float:left  !important ; font-size:16px;} 
.warpText01 .bottomBtnbox01 span.leftbox i {position:relative; top:2px;}
.warpText01 .bottomBtnbox01  span.rightbox {font-size:16px; font-weight:400;}
.warpText01 .bottomBtnbox01  span.rightbox select.form-control01 { width:110px; height: 30px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}

.explanationBox01 {width:930px; height:120px; margin:0 auto; border:1px #dce0e2 solid; box-sizing:border-box; overflow:hidden;}
.explanationBox01::after {content:''; display:block; clear:both;}
.explanationBox01 .leftBox03 {width:95px; height:120px;  float:left; border-right:1px #dce0e2 solid; box-sizing:border-box;}
.explanationBox01 .rightBox03 {width:833px; height:120px; float:left; border:0; overflow-y:scroll;}
.explanationBox01 .rightBox03 ul.listBox {padding:5px;}
.explanationBox01 .rightBox03 ul.listBox li {margin: 0 0 3px 0; padding:0; border:0; font-size:13px;}

/* 20220608 수정*/
.explanationBox03 {/*width:930px;*/ width:100%; height:120px; margin:0 auto; border:1px #dce0e2 solid; box-sizing:border-box; overflow:hidden;}
.explanationBox03::after {content:''; display:block; clear:both;}
.explanationBox03 .leftBox03 {width:95px; height:120px;  float:left; border-right:1px #dce0e2 solid; box-sizing:border-box;}
.explanationBox03 .rightBox03 {/*width:722px;*/ width:1035px; height:120px; float:left; border:0; overflow-y:scroll;}
.explanationBox03 .rightBox03 ul.listBox {padding:5px;}
.explanationBox03 .rightBox03 ul.listBox li {margin: 0 0 3px 0; padding:0; border:0; font-size:13px;}
.explanationBox03 .rightBox04 {float:right;}
.explanationBox03 .rightBox04 button.emphasisBtn06 {min-width:45px; height:120px;padding:0 25px; font-size:16px; color:#fff;}


/* 이용안내 */
.coTitle {margin: 20px auto; text-align: center;}
.coTitle span.big  {display:block; font-size:24px; font-weight:bold;}
.coTitle span.small  {display:block; font-size:18px; font-weight:400;}
.guidanceBox {padding: 15px 10px; border:1px solid #e7e7ef; background:#f4f4f7; box-sizing: border-box;}
.guidanceBox ul.guidBoxlist {width: 750px; margin:10px auto;}
.guidanceBox ul.guidBoxlist::after {content: ''; display:block; clear: both;}
.guidanceBox ul.guidBoxlist li {margin:20px 180px 0 0;  display:block; float: left; text-align: center; }
.guidanceBox ul.guidBoxlist li.list {margin: 20px 0 0 0;}
.guidanceBox ul.guidBoxlist li i.iconImg {width:112px; height:112px; background:#fff; border-radius: 50%; display:inline-block; text-align: center;}
.guidanceBox ul.guidBoxlist li i.iconImg:hover {background: #f9f3ff;border: 2px #8b35e0 solid;box-sizing: border-box;}
.guidanceBox ul.guidBoxlist li i.iconImg img {margin-top: 28px; text-align: center; vertical-align: middle;}
.guidanceBox ul.guidBoxlist li span.iconTex {display:block; text-align: center; font-size: 16px; font-weight: 500;} 
p.right {text-align: right;}
.processBox {margin:30px 0; padding: 30px; border: 1px #f2f2f2 solid; box-sizing:border-box;}
.processBox ul.processList01 {width:100%; position: relative;}
.processBox ul.processList01::after {content: ''; display:block; clear:both;}
.processBox ul.processList01 li {width:180px; display:block; float: left; text-align: center;}
.processBox ul.processList01 li span.title {margin-bottom: 20px; display:block; font-size:20px; font-weight: 400;}
.processBox ul.processList01 li i {height: 60px; display:block;}
.processBox ul.processList01 li i img {vertical-align: middle;}
.processBox ul.processList01 li span.text {margin: 15px 0; display:block; line-height: 1.2; font-size:16px; font-weight: 400;}
.processBox ul.processList01 li span.locationNext {display:block; line-height: 225px;}
.processBox .buttBtn  {width: 150px; margin: 0 auto;}

.processBox ul.processList02 {width:100%; position: relative;}
.processBox ul.processList02::after {content: ''; display:block; clear:both;}
.processBox ul.processList02 li {width:202px; display:block; float: left; text-align: center;}
.processBox ul.processList02 li.arrow {width:30px; display:block; float: left; text-align: center;}
.processBox ul.processList02 li span.title {margin-bottom: 20px; display:block; font-size:20px; font-weight: 400;}
.processBox ul.processList02 li i {height: 60px; display:block;}
.processBox ul.processList02 li i img {vertical-align: middle;}
.processBox ul.processList02 li span.text {margin: 15px 0; display:block; line-height: 1.2; font-size:16px; font-weight: 400;}
.processBox ul.processList02 li span.locationNext {display:block; line-height: 180px;}
.processBox ul.processList02 li button.emphasisBtn {width: 150px; margin: 0 auto;}
.processBox ul.processList02 li button01 .emphasisBtn01 {width: 170px; margin: 0 auto; display:block; text-align: center; }
.processBox ul.processList02 li button.emphasisBtn {width:165px; height:30px; display:block; font-size:16px; color:#fff;}


.coTitle01  {padding: 15px 10px; border:1px solid #e7e7ef; background:#f4f4f7; box-sizing: border-box;}
.coTitle01::after {content:''; display:block; clear:both;}
.coTitle01 span.leftT {margin-left: 20px; display:block; float: left;}
.coTitle01 span.leftT i.iconImg {width:112px; height:112px; background:#fff; border-radius: 50%; display:inline-block; text-align: center;}
.coTitle01 span.leftT i.iconImg img {margin-top: 28px; text-align: center; vertical-align: middle;}
.coTitle01 span.rightT {margin: 10px 0 0 20px; display:block; float: left;}
.coTitle01 span.rightT strong {display:block; font-size: 24px; font-weight: bold;}
.coTitle01 span.rightT b {display:block; font-size:18px; font-weight: 400;}
.coTitle01 p {text-align: center; font-size: 17px; font-weight: 400;}
.coTitle01 ul li {margin: 0 0 15px 10px; display:block; font-size: 17px; font-weight: 400;}
.coTitle01 ul li.mT0 {margin: 0 0 0 10px;}
.coTitle01 ul li.mT234 {margin: 0 0 0 234px;}
.coTitle01 ul li.list {margin:0 0 0 10px;}
.coTitle01 ul li strong{font-weight: bold;}
.coTitle01 ul li i.number {width: 28px; height: 28px; display:inline-block; background: #ff0000; border-radius: 50%; text-align: center; vertical-align:middle; font-size:18px; color:#fff; }
.functionList {margin: 20px 0;}
.functionList ul li { margin-bottom: 10px; padding-left: 35px; display:block; position: relative; font-size: 16px; font-weight: 400;}
.functionList ul ::before {content: ''; width: 30px; height: 25px; position: absolute; left: 0; bottom: 2px; background: url(../img/img_checkbox.png) no-repeat; }
.guidImg {margin: 10px 0; text-align:center;}
.menuBox01 {margin-top: 30px; border: 1px #f2f3f3 solid; box-sizing: border-box;}
.menuBox01 .tabMenubox {margin: 0;}
.menuBox01 .meunList {padding: 20px; font-size: 16px; font-weight: 400;}
.menuBox01 .meunList p {margin-bottom: 10px;}
.menuBox01 .meunList .none {display: none;}

/* 수정문서 */
.warpLocation01 {width:100%; }
.warpLocation01 ul { width: 880px; margin: 39px auto; text-align:center;}
.warpLocation01 ul::after {content:''; display:block; clear:both;}
.warpLocation01 ul li.nbr {width:250px; display:block; float:left;}
.warpLocation01 ul li.icon {width:50px; margin-top: 10px; display:block; float:left;}
.warpLocation01 ul li span.number {width:58px; height:58px; display:inline-block; background:#5c6764; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px; font-size:30px; font-weight: 400; color:#fff;}
.warpLocation01 ul li span.text {    margin-left: 10px; display:inline-block; font-size:20px; font-weight:400;}
.warpLocation01 ul li.active span.number {width:58px; height:58px; display:inline-block; background:#8329db; border-radius: 50%; vertical-align:middle; text-align:center; line-height:58px;font-size:30px; font-weight: 400; color:#fff;}
.warpLocation01 ul li.active span.text {display:inline-block; font-size:20px; font-weight:400; color:#8329db;}

.explanationBox02 {margin: 30px 0; padding:10px 20px; border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px;}
.explanationBox02 p {margin-bottom:5px;}
.explanationBox02::after {content:''; display:block; clear:both;}
.explanationBox02 .leftBox04 {float:left; }
.explanationBox02 .rightBox04 { float:right; border:0;}
.leftBox05 {float:left; }

.borderTable06 {width:930px; height:auto; margin: 35px auto; overflow:hidden;}
.borderTable06 table {width:100%;  table-layout: fixed;}
.borderTable06 table th {width:300px; padding: 3px 8px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable06 table th.center {text-align:center;}
.borderTable06 table td.center {text-align:center;}
.borderTable06 table td {padding: 10px 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable06 table td.grh {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 400;}
.borderTable06 table td.grh01 {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable06 table td input.form-control { width:100%; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable06 table td textarea { width:100%; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical;}
.borderTable06 table th.border-left-none {border-left:0  !important ;}
.borderTable06 table td.border-left-none {border-left:0  !important ;}
.borderTable06 table td.border-right-none {border-right:0  !important ;}

.borderTable06_pop {width:930px; height:auto; margin: 35px auto; overflow:hidden;}
.borderTable06_pop table {width:100%;}
.borderTable06_pop table th {padding: 10px 15px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable06_pop table th.center {text-align:center;}
.borderTable06_pop table td.center {text-align:center;}
.borderTable06_pop table td {padding: 10px 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable06_pop table td.grh {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 400;}
.borderTable06_pop table td.grh01 {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable06_pop table td input.form-control { width:100%; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable06_pop table td textarea { width:100%; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical;}
.borderTable06_pop table th.border-left-none {border-left:0  !important ;}
.borderTable06_pop table td.border-left-none {border-left:0  !important ;}
.borderTable06_pop table td.border-right-none {border-right:0  !important ;}

.borderTable06_01 .scrollY{width:930px; overflow-x: scroll;}
.borderTable06_01 {width:930px; height:auto; margin: 35px auto; overflow:hidden;}
.borderTable06_01 table {width:100%; table-layout: fixed;}
.borderTable06_01 table th {width: 300px !important; padding: 3px 8px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500; word-break : nowrap !important ;}
.borderTable06_01 table th.center {text-align:center;}
.borderTable06_01 table td.center {text-align:center;}
.borderTable06_01 table td {padding: 10px 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable06_01 table td.grh {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 400;}
.borderTable06_01 table td.grh01 {padding: 10px 5px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable06_01 table td input.form-control { width:100%; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable06_01 table td textarea { width:100%; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical;}
.borderTable06_01 table td.border-left-none {border-left:0  !important ;}
.borderTable06_01 table td.border-right-none {border-right:0  !important ;}


p.textRit01 {width:955px; text-align:right; font-size:14px;}
p.textRit02 {width:930px;     margin: 11px auto;text-align:left; font-size:14px;}
p.textRit03 {width:930px;     margin: 0 auto;text-align:center; font-size:18px;}
p.textRit02 em {color:#e42424;}


.warpLocation02 {/* width: 930px;*/ margin: 0 auto; }

.borderTable0601 {width:100%; height:auto; margin: 35px auto; overflow:hidden;}
.borderTable0601 table {width:100%;}
.borderTable0601 table th {padding: 10px 15px;  background:#f5f5f5; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:14px; font-weight: 500;}
.borderTable0601 table td {padding: 10px 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable0601 table td a {margin-right:10px; display:inline-block; text-decoration:underline; color: #0037ff;}
.borderTable0601 table td span.data {margin-bottom: 5px; padding:10px; display:block; font-size:12px;}
.borderTable0601 table td span.text {padding:10px; display:block; font-size:16px;}
.borderTable0601 table td input.form-control { width:100%; height:35px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable0601 table td input.form-control01 { width:210px; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable0601 table td input.form-control02{ width:120px; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}

.borderTable0602 {width:100%; height:auto; margin: 35px auto; overflow:hidden;}
.borderTable0602 table {width:100%;}
.borderTable0602 table th {padding: 10px 15px;  background:#c8d2d0; border:1px #dce0e2 solid; box-sizing:border-box; text-align:left;font-size:18px; font-weight: 500; }
.borderTable0602 table td {padding: 10px 5px; position:relative;  border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px; font-weight: 400;}
.borderTable0602 table td a {margin-right:10px; display:inline-block; text-decoration:underline; color: #0037ff;}
.borderTable0602 table td span.data {margin-bottom: 5px; padding:10px; display:block; font-size:12px;}
.borderTable0602 table td span.text {padding:10px; display:block; font-size:16px;}
.borderTable0602 table td input.form-control { width:100%; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable0602 table td input.form-control01 { width:210px; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}
.borderTable0602 table td input.form-control02{ width:120px; height:35px; padding: 0 10px;  background:#fff; border: 1px #bfccc9 solid;  box-sizing: border-box; font-size: 14px;}




/* 모달팝업 */

/* modal popup title 영역 정리 */
.modal-content .warpHead01 {text-align:center;} /* 우측닫기버튼 없는 모달 팝업 타이틀 정렬*/
.warpHead01 {background:#fff;padding: 0 0 0 2px;text-align: left;font-size:20px;font-weight:600;color:#3f4046;margin: 0 20px;border-bottom: 1px solid #dddddd;}
.warpHead01::after {content:''; display:block; clear:both;}
.warpHead01 strong {padding:10px 5px; display:inline-block;line-height:1.8; font-weight:700;}
.warpHead01 .close01 {position:relative;top:10px;right: 5px;color: #aaa;float: right;font-weight: bold;cursor: pointer;}

/* modal popup borderTable03 글자사이즈 줄임 */
.modal .borderTable03 table thead th,
.modal01 .borderTable03 table thead th,
.modal02 .borderTable03 table thead th{font-size: 13px; }
.modal .borderTable03 table tbody td,
.modal01 .borderTable03 table tbody td,
.modal02 .borderTable03 table tbody td{font-size: 12px; }


/* The Modal (background) */
        .modal {
            display: block; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            margin: 8% auto; /* 15% from the top and centered */
            border-radius: 5px;
            border: 1px solid #888;
            width: 540px; /* Could be more or less, depending on screen size */                          
        }
.modal-content .warpText {padding:20px 20px 30px 20px;/* border-top:1px #bcc8db solid;*/ line-height:1.5; font-size:14px; /*font-weight:200;*/color:#3f4046;}
.modal-content .warpText .textBox01 em {display:block; text-align:center; font-size:14px; }
.modal-content .warpText .textBox01 .title {margin-bottom:5px; text-align:left; font-size:18px; font-weight:400; color:#8329db; text-decoration: underline;}
.modal-content .warpText .textBox01 .title p {width:100%; position:relative; z-index: 1;} 
/*.modal-content .warpText .textBox01 .title p::before {content: ''; width:100%; height:8px; position:absolute; bottom:0; background:#e5f6f5; z-index: -1;}*/
.modal-content .warpText .textBox01 .text p {margin:5px 0; font-size:15px;font-weight: 400;}
.modal-content .warpText .textBox01 .text p span.red {color:#e42424;}
.modal-content .warpText .textBox01 .text p.font18 { font-size:18px; font-weight:400;}
.popBtnbox {position:relative; margin-top:15px; text-align:center;} /* 2023.04.25 추가*/
.popBtnbox button.btn01 { 
    width: 85px;
    height: 30px;
    border: 1px #699b74 solid;
    background: #3ba554;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

/* 모달팝업 */
/* The Modal (background) */
        .modal01 {
            display: block; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content01 {
            background-color: #fefefe;
            margin: 14% auto; /* 15% from the top and centered */


            border-radius: 5px;
            border: 1px solid #888;
            width: 640px; /* Could be more or less, depending on screen size */                          
        }

.modal-content01 .warpText {padding:30px 32px 30px 32px;/* border-top:1px #bcc8db solid;*/ line-height:1.5; font-size:14px;/* font-weight:200;*/ color:#3f4046;}
.modal-content01 .warpText ul.modalBtnbox {}
.modal-content01 .warpText ul.modalBtnbox::after {content:''; display:block; clear:both;}
.modal-content01 .warpText ul.modalBtnbox li {width:269px; height:130px; margin-right:37px; display:block; float:left; border:1px #dcdce1 solid; border-radius:5px; box-sizing:border-box;     text-align: center; font-size:20px; font-weight:400; cursor: pointer;}
.modal-content01 .warpText ul.modalBtnbox li:hover {background: #f6f7f7;}
.modal-content01 .warpText ul.modalBtnbox li.last {margin:0;}
.modal-content01 .warpText ul.modalBtnbox li i {margin-top: 26px; display:block;}
.modal-content01 .warpText ul.modalBtnbox li span {display:block;}
.modal-content01 .warpText p {margin:30px 0; font-size:15px; font-weight: 400;}
.modal-content01 .warpText p.text0101 {margin:10px 0; font-size:18px; font-weight: 400;}
.modal-content01 .warpText .bordernonetable {width:100%; /*margin-top:5px;*/}
.modal-content01 .warpText .bordernonetable table {width:100%;}
.modal-content01 .warpText .bordernonetable table tbody th {text-align:left; font-size: 14px; font-weight: 700;}
.modal-content01 .warpText .bordernonetable table tbody th i {font-size:14px; color:#e42424;}
.modal-content01 .warpText .bordernonetable table tbody td {padding:3px 10px; text-align:left; font-size: 13px; font-weight: 400;}
.modal-content01 .warpText .bordernonetable table tbody td input.form-control { width:353px;/* height: 40px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01 .warpText .bordernonetable table tbody td input.form-control01 { width:437px;/* height: 40px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01 .warpText .bordernonetable table tbody td input.form-control02 { width:245px;/* height: 35px;position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01 .warpText .bordernonetable table tbody td select.form-control { width:437px;/* height: 40px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01 .warpText .bordernonetable table tbody td select.form-control01 { width:115px; /*height: 35px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01 .warpText .warpSearchbox {width:605px; margin:0 auto; padding:10px 15px; background:#f6f8f8; border:1px #f2f3f3 solid; box-sizing:border-box;}

.modal-content01 .warpText .bordernonetable table tbody td span.fileInput {position:relative; cursor:pointer; display:inline-block; vertical-align:middle;  background:#fff; text-align:left;}
.modal-content01 .warpText .bordernonetable table tbody td span.fileInput label input {position:absolute; width:0; height:0; overflow:hidden;}


.modal-content01 .warpText .bordernonetable table tbody td span.fileInput .file_input_textbox {
    float:left;
     width:353px; height:40px; position:relative;border: 1px #bfccc9 solid; box-sizing: border-box; margin-top: 0px !important; 
}
.modal-content01 .warpText .bordernonetable table tbody td span.fileInput .file_input_div {
    position:relative;
    width:82px;
    height:auto;
    overflow:hidden;
}

.modal-content01 .warpText .bordernonetable table tbody td span.fileInput .file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

.modal-content01_pop .warpText {padding:20px 20px 30px 20px; border-top:1px #bcc8db solid; line-height:1.5; font-size:14px; /*font-weight:200;*/ color:#3f4046;}
.modal-content01_pop .warpText ul.modalBtnbox {margin:15px 0;}
.modal-content01_pop .warpText ul.modalBtnbox::after {content:''; display:block; clear:both;}
.modal-content01_pop .warpText ul.modalBtnbox li {width:269px; height:130px; margin-right:37px; display:block; float:left; border:1px #dcdce1 solid; border-radius:5px; box-sizing:border-box;     text-align: center; font-size:20px; font-weight:400; cursor: pointer;}
.modal-content01_pop .warpText ul.modalBtnbox li.form-control {width:275px; height:130px; margin-right:30px; display:block; float:left; border:1px #dcdce1 solid; border-radius:5px; box-sizing:border-box;     text-align: center; font-size:20px; font-weight:400; cursor: pointer;}
.modal-content01_pop .warpText ul.modalBtnbox li:hover {background: #f6f7f7;}
.modal-content01_pop .warpText ul.modalBtnbox li.last {margin:0;}
.modal-content01_pop .warpText ul.modalBtnbox li i {margin-top: 26px; display:block;}
.modal-content01_pop .warpText ul.modalBtnbox li span {display:block;}
.modal-content01_pop .warpText p {margin:30px 0; font-size:15px; font-weight: 400;}
.modal-content01_pop .warpText p.text0101 {margin:10px 0; font-size:18px; font-weight: 400;}
.modal-content01_pop .warpText .bordernonetable {width:100%; /*margin-top:5px;*/}
.modal-content01_pop .warpText .bordernonetable table {width:100%;}
.modal-content01_pop .warpText .bordernonetable table tbody th {text-align:left; font-size: 14px; }
.modal-content01_pop .warpText .bordernonetable table tbody th i {font-size:14px; color:#e42424;}
.modal-content01_pop .warpText .bordernonetable table tbody td {/*min-height:60px;*/ padding:3px 10px; text-align:left; font-size: 13px; font-weight: 400;}
.modal-content01_pop .warpText .bordernonetable table tbody td input.form-control { width:353px; /*height: 40px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01_pop .warpText .bordernonetable table tbody td input.form-control01 { width:437px;/* height: 45px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01_pop .warpText .bordernonetable table tbody td input.form-control02 { width:245px; /*height: 35px;position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01_pop .warpText .bordernonetable table tbody td select.form-control { width:437px;/* height: 40px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01_pop .warpText .bordernonetable table tbody td select.form-control01 { width:115px; /*height: 35px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;*/}
.modal-content01_pop .warpText .warpSearchbox {width:605px; margin:0 auto; padding:10px 15px; background:#f6f8f8; border:1px #f2f3f3 solid; box-sizing:border-box;}

.modal-content01_pop .warpText .bordernonetable table tbody td span.fileInput {position:relative; cursor:pointer; display:inline-block; vertical-align:middle;  background:#fff; text-align:left;}
.modal-content01_pop .warpText .bordernonetable table tbody td span.fileInput label input {position:absolute; width:0; height:0; overflow:hidden;}


.modal-content01_pop .warpText .bordernonetable table tbody td span.fileInput .file_input_textbox {
    float:left;
     width:353px; height:45px; position:relative;border: 1px #bfccc9 solid; box-sizing: border-box; margin-top: 0px !important; 
}
.modal-content01_pop .warpText .bordernonetable table tbody td span.fileInput .file_input_div {
    position:relative;
    width:82px;
    height:auto;
    overflow:hidden;
}

.modal-content01_pop .warpText .bordernonetable table tbody td span.fileInput .file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

/* 모달팝업 */
/* The Modal (background) */
        .modal02 {
            display: block; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto;  /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content02 {
            background-color: #fefefe;
            margin: 5% auto; /* 15% from the top and centered */
            border-radius: 5px;
            border: 1px solid #888;
            width: 640px; /* Could be more or less, depending on screen size */    
			position:relative; /* 20220921 추가 */                      
        }

.modal-content02 .warpText {padding:20px 20px 30px 20px;/* border-top:1px #bcc8db solid; */line-height:1.5;font-size:14px;/* font-weight:200; */color:#3f4046;}
.modal-content02 .warpText ul.modalBtnbox {margin:15px 0;}
.modal-content02 .warpText ul.modalBtnbox::after {content:''; display:block; clear:both;}
.modal-content02 .warpText ul.modalBtnbox li {width:275px; height:130px; margin-right:30px; display:block; float:left; border:1px #dcdce1 solid; border-radius:5px; box-sizing:border-box;     text-align: center; font-size:20px; font-weight:400; cursor: pointer;}
.modal-content02 .warpText ul.modalBtnbox li:hover {background: #f6f7f7;}
.modal-content02 .warpText ul.modalBtnbox li.last {margin:0;}
.modal-content02 .warpText ul.modalBtnbox li i {margin-top: 26px; display:block;}
.modal-content02 .warpText ul.modalBtnbox li span {display:block;}
.modal-content02 .warpText p {margin:30px 0; font-size:15px; font-weight: 400;}
.modal-content02 .warpText p.text {margin:10px 0; text-align:right; font-size:15px; font-weight: 400;}
.modal-content02 .warpText p.text01 {margin:10px 0; text-align:left; font-size:18px; font-weight:400;}
.modal-content02 .warpText p.text0101 {margin:10px 0; text-align:left; font-size:22px; font-weight:400;}
.modal-content02 .warpText p.text03 {margin:5px 0; text-align:left; font-size:16px; font-weight:400;}
.modal-content02 .warpText .bordernonetable {width:100%; /*margin-top:5px;*/}
.modal-content02 .warpText .bordernonetable table {width:100%;}
.modal-content02 .warpText .bordernonetable table tbody th {text-align:left; font-size: 14px; }
.modal-content02 .warpText .bordernonetable table tbody th i {font-size:14px; color:#e42424;}
.modal-content02 .warpText .bordernonetable table tbody td {padding:3px 2px; text-align:left; font-size: 13px; font-weight: 400;}
.modal-content02 .warpText .bordernonetable table tbody td input.form-control { width:353px;/* height: 40px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .bordernonetable table tbody td input.form-control01 { width:437px;/* height: 40px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .bordernonetable table tbody td input.form-control-gly { width:355px;/* height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .bordernonetable table tbody td input.form-control02 { width:230px;/* height: 35px;position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .bordernonetable table tbody td select.form-control { width:437px;/* height: 40px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .bordernonetable table tbody td select.form-control01 { width:100%;/*height: 35px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box;*/}
.modal-content02 .warpText .warpSearchbox {/* width:605px; */margin:0 auto;padding:5px 15px;background:#f6f8f8;border:1px #f2f3f3 solid;box-sizing:border-box;}
.bottomBtnbox01 {width: 605px; margin: 10px auto;}
.bottomBtnbox01::after {content:''; display:block; clear:both;}
.bottomBtnbox01 span.leftbox {display:block; float:left;}
.bottomBtnbox01 span.leftbox i {position:relative; top:2px;}
.bottomBtnbox01 span.leftbox p {margin-bottom:6px; font-size:16px; font-weight: 400;}
.bottomBtnbox01 span.leftbox p b {margin-bottom:3px; display:inline-block; font-size:16px; font-weight: bold;} 
.bottomBtnbox01 span.leftbox strong {margin-left: 20px;font-weight: 400; font-style:normal;}
.bottomBtnbox01 span.leftbox select.form-control01 { width:160px; height: 35px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
 
.bottomBtnbox01 i.icon01 {position:relative; top: -1px;}
.bottomBtnbox01 span.rightbox {display:block; float:right;}
.gridBox {width:605px; margin:10px auto; padding:10px 15px;border:1px #f2f3f3 solid; box-sizing:border-box;}
.bottomBtnbox01 span.rightbox select.form-control01 {height:25px;}

.gridBox01 {/*width:930px;*/ width:100%; margin:10px auto;}
.gridBox01-pop {width:930px; margin:10px auto; border:1px #f2f3f3 solid; box-sizing:border-box;}

.modal-content02 .borderTable07 {width:100%; margin-top:6px; border-top:2px #8329db solid;}
.modal-content02 .borderTable07 table {width:100%;}
.modal-content02 .borderTable07 table tbody td {padding: 10px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.modal-content02 .borderTable07 table tbody td input.form-control { width: 172px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control-gly { width:355px; height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control02 { width:56px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control0202 { width:66px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control03 { width:45px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control04 { width:406px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control05 { width:82px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control06 { width:220px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control07 { width:183px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control08 { width:230px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control09 { width:382px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control10 { width:313px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td input.form-control11 { width:88px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td select.form-control02 { width:172px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px; vertical-align:middle;}
.modal-content02 .borderTable07 table tbody td select.form-control03 { width:66px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td select.form-control04 { width:382px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07 table tbody td select.form-control05 { width:139px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px; vertical-align:middle;}
.modal-content02 .borderTable07 table tbody td textarea { width:483px; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical; background: #fff;}
.modal-content02 .borderTable07 table tbody td textarea.form-control01  { width:382px; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical;}
.modal-content02 .borderTable07 table tbody td button.ghostBtn {min-width: 20px; height: 28px; padding: 0 7px; border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:16px; color:#535c59; z-index: 9;}
.modal-content02 .borderTable07 table tbody td button.ghostBtn:hover {background: #ecefef;}
.modal-content02 .borderTable07 table tbody td i {    margin-left:5px; font-size:13px; color:#e42424;}
.modal-content02 .borderTable07 table tbody th {padding: 5px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: left; font-size: 13px; font-weight: bold;}
.modal-content02 .borderTable07 table tbody th.leftborder {border-left:  1px #dcdce1 solid;box-sizing:border-box;}
.modal-content02 .borderTable07 table tbody th i {font-size:13px; color:#e42424;}
.modal-content02 .borderTable07 table tbody th.border-right{border-right: 1px #dcdce1 solid;}
.modal-content02 .borderTable07 table tbody td i {font-size:13px; color:#e42424;}
.modal-content02 .borderTable07 table tbody th.border-lefr {border-left: 1px #dcdce1 solid;box-sizing:border-box;}
.modal-content02 .borderTable07 table tbody td.border-lefr-none {border-left: 0;}
.modal-content02 .borderTable07 table tbody td span.text12 {display:block;  font-size:12px;}
.modal-content02 .borderTable07 table tbody th i.none {margin-left: 6px; display:inline-block;}

.modal-content02 .borderTable07-pop {width:100%; margin-top:6px; border-top:2px #8329db solid;}
.modal-content02 .borderTable07-pop table {width:100%;}
.modal-content02 .borderTable07-pop table tbody td {padding: 10px; border-bottom: 1px #dcdce1 solid; border-left:1px #dcdce1 solid; box-sizing:border-box; text-align:left; font-size: 15px; font-weight: 400;}
.modal-content02 .borderTable07-pop table tbody td input.form-control { width: 172px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control-gly { width:355px; height: 35px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control02 { width:56px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control0202 { width:66px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control03 { width:45px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control04 { width:382px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control05 { width:82px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control06 { width:220px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control07 { width:183px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control08 { width:230px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control09 { width:382px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control10 { width:313px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td input.form-control11 { width:88px; height: 30px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td select.form-control02 { width:172px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px; vertical-align:middle;}
.modal-content02 .borderTable07-pop table tbody td select.form-control03 { width:66px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
.modal-content02 .borderTable07-pop table tbody td select.form-control04 { width:382px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}
.modal-content02 .borderTable07-pop table tbody td select.form-control05 { width:139px; height: 30px;  position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px; vertical-align:middle;}
.modal-content02 .borderTable07-pop table tbody td textarea { width:483px; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical; background: #fff;}
.modal-content02 .borderTable07-pop table tbody td textarea.form-control01 { width:474px; height: 60px; padding: 0 10px; position:relative; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px; resize:none; resize: vertical;}
.modal-content02 .borderTable07-pop table tbody td button.ghostBtn {min-width: 20px; height: 28px; padding: 0 7px; border:1px #777d7c solid; box-sizing:border-box; text-align:center; font-size:16px; color:#535c59; z-index: 9;}
.modal-content02 .borderTable07-pop table tbody td button.ghostBtn:hover {background: #ecefef;}
.modal-content02 .borderTable07-pop table tbody td i {    margin-left:5px; font-size:13px; color:#e42424;}
.modal-content02 .borderTable07-pop table tbody th {padding: 5px; border-bottom: 1px #dcdce1 solid;box-sizing:border-box; text-align: left; font-size: 13px; font-weight: bold;}
.modal-content02 .borderTable07-pop table tbody th.leftborder {border-left:  1px #dcdce1 solid;box-sizing:border-box;}
.modal-content02 .borderTable07-pop table tbody th i {font-size:13px; color:#e42424;}
.modal-content02 .borderTable07-pop table tbody th.border-right{border-right: 1px #dcdce1 solid;}
.modal-content02 .borderTable07-pop table tbody td i {font-size:13px; color:#e42424;}
.modal-content02 .borderTable07-pop table tbody th.border-lefr {border-left: 1px #dcdce1 solid;box-sizing:border-box;}
.modal-content02 .borderTable07-pop table tbody td.border-lefr-none {border-left: 0;}
.modal-content02 .borderTable07-pop table tbody td span.text12 {display:block;  font-size:12px;}
.modal-content02 .borderTable07-pop table tbody th i.none {margin-left: 6px; display:inline-block;}

input.form-control-gly { width: 160px; height: 30px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 12px;}
input.form-control-gly-pop { width: 160px; height: 30px; padding: 0 10px; position:relative; background:#eff2f1; border: 1px #bfccc9 solid; box-sizing: border-box; font-size: 14px;}

.modal-content02 .titleBox01 {margin-top:15px; position:relative;}
.modal-content02 .titleBox01 dl::after {content:''; display:block; clear:both;}
.modal-content02 .titleBox01 dl dt {padding-left:18px; position:relative; float:left; font-size:17px; font-weight:500;}
.modal-content02 .titleBox01 dl dt::before {content:''; width:6px; height:6px; position:absolute; top:7px; left:0; background:#fff; border-radius:50%; border: 4px #8329db solid;}
.modal-content02 .titleBox01 dl dd {padding-left: 25px; float:right; font-size: 16px; font-weight: 400;}
.modal-content02 .titleBox01 dl dd span {margin:20px 0; display:block; font-weight:500; }

.textRit {text-align: right !important ;}
.textCenr {text-align:center !important ;}
.hit60 {height:60px; font-size:16px !important;}

.modal-content02 .warpText .giyBox{padding:10px; background:#f6f8f8; border: 1px #f3f3f3 solid; box-sizing: border-box; font-size: 16px; font-weight:400; }
.modal-content02 .warpText .giyBox em {color:#e42424;}

.modal-content02 .warpText .giyBox01{margin-top:15px; padding:10px; background:#f6f8f8; border: 1px #f3f3f3 solid; box-sizing: border-box; font-size: 14px; font-weight:400; }
.modal-content02 .warpText .giyBox01::after {content:''; display:block; clear:both;}
.modal-content02 .warpText .giyBox01 .leftBx {display:block; float:left;}
.modal-content02 .warpText .giyBox01 .rightBx {margin-top:5px; display:block; float:right;}



/* 모달팝업 */
/* The Modal (background) */
        .modal03 {
            display: block; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content03 {
            background-color: #fefefe;
            margin: 5% auto; /* 15% from the top and centered */
            border-radius: 5px;
            border: 1px solid #888;
            width: 640px; /* Could be more or less, depending on screen size */                          
        }
.modal-content03 .warpText p.text01 {margin:10px 0; text-align:center; font-size:22px; font-weight:400;}


/**************************************
		211119 css 추가 
**************************************/

/* 공통 */
.fc-red{color:#e42424 !important;}
.fc-blue{color:#8329db !important;} /*  블루에서 -> 보라로 변경 */
.fc-purple{color:#8329db !important;} /*  블루에서 -> 보라로 변경 */
.fc-lgray{color:#888 !important;}
.fc-lgray2{color:#666 !important;}
.fc-dgray{color:#000 !important;}
.fc-yellow{color:#fad549 !important;}
.f13{font-size:13px !important;}
.f11{font-size:11px !important;}

/* 회원가입완료 및 input 박스에 시간추가 */
.boxConfirm01 .title03 {padding:30px 0 0 0; font-weight:400; color:#222}
.boxConfirm01 .title03 p {padding:10px 0 0 0; text-align:center; font-size:24px; font-weight:600;}
.boxConfirm01 .title03 p.subtext {text-align:center; font-size:18px; font-weight: 400;}
.boxConfirm01 .conform{position:relative;}
.boxConfirm01 .conform .time{color:#e42424;position:absolute;left:498px;top:18px;z-index:99}

.guide-txt{ width:90%; margin:30px auto 20px auto;}
.guide-txt:after{content:""; display:block; clear:both;}
.guide-txt .left-cont,
.guide-txt .right-cont{float:left; width:46%; margin:0 2%;}
.guide-txt .title{position:relative; font-size:16px; font-weight:500; color:#111; margin:0; padding: 8px; text-align: center; border-radius: 6px 6px 0 0; box-sizing:border-box; }
.guide-txt .left-cont .title{background: #eedfff; }
.guide-txt .right-cont .title{background:#e9dfff; }
.guide-txt .title:before{content:'';position:absolute;display:inline-block;border-width:10px;border-style:solid; top:56px; left:45%;}
.guide-txt .left-cont .title:before{border-color:#c89bfc  transparent transparent transparent;}
.guide-txt .right-cont .title:before{border-color:#baa0fd  transparent transparent transparent;}
.guide-txt .title span{display:block;font-size:13px;font-weight: 400}
.guide-txt .left-cont ul,
.guide-txt .right-cont ul{background:#fefefe; min-height:270px; padding:10px 0;}
.guide-txt ul li{position:relative; font-size:14px; margin:15px 0 15px 64px; line-height:1.4; font-weight:400; box-sizing:border-box; }
.guide-txt ul li span{display:block;}
.guide-txt ul li span em{position:relative;width:19px;height:19px;display:inline-block;font-size:12px;font-weight:normal; font-weight:bold; line-height:17px;margin:-3px 5px 0 -24px;color:#3f524e;border-radius:50%;background:#d2d2d2;vertical-align:middle;text-align:center;box-sizing:border-box;}
.guide-txt ul li .basicBtn{font-size:14px;}
.guide-txt ul li .type01{height:25px;margin:5px 0 0 0; padding:0 10px 1px 10px;}
.guide-txt ul li .type02{height:45px;margin:5px 0 0 0; padding:0 10px;}
.guide-txt ul li .mtLef7{margin-left:7px !important}
.guide-txt .stitle{position:relative;font-size:15px; font-weight:bold; width:87%; margin:10px auto 0 auto;padding:0 0 5px 20px; border-bottom:1px solid #eee;}
.guide-txt .stitle:after{content: '';width: 6px;height: 6px; position: absolute; top: 6px; left: 5px; background: #fff; border-radius: 50%; border: 2px #8329db solid;}
.guide-txt .q-btn{position:relative;width:20px;height:20px;display:inline-block;font-size:13px;font-weight:normal;line-height:19px;margin:-2px 0 0 0;color:#fff;border-radius:50%;background:#f7596b;vertical-align:middle;text-align:center;box-sizing:border-box; cursor:pointer;}
.guide-txt ul li u{position:relative;text-decoration:none;}
.guide-txt .uline{display: inline-block;height: 18px; margin: 0; border-bottom: 3px solid #ffed89;font-weight: 500;}

/* 툴팁 */
.tooltip-box {display:none; position: absolute; right:-170px;top:-50px; width:238px;height:115px; z-index:999;text-align:left;padding:10px 15px;font-size:14px;word-break: keep-all; background: #ffffff;border: 1px solid #8329db;letter-spacing:-0.05em; line-height:1.2; border-radius:5px; box-shadow:1px 3px 6px 3px rgba(0,0,0,0.08);}
.tooltip-box:after, 
.tooltip-box:before {content: "";position: absolute; width: 0; height: 0; right: 100%; top: 50%; border: solid transparent; pointer-events: none;}
.tooltip-box:after {border-color: rgba(255, 255, 255, 0);border-right-color: #ffffff;border-width: 10px;margin-top: -10px;}
.tooltip-box:before {border-color: rgba(80, 158, 172, 0);border-right-color: #8329db;border-width: 11px;margin-top: -11px;}
.tooltip-box h5{position:relative; background:none; font-size:13px; font-weight:700; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #ddd;}
.tooltip-box span{font-size:13px; color:#555; font-weight: 400; padding:0; /*background: url(../img/ico_warning.png) 0 3px no-repeat;*/}
.tooltip-box .btn_close{display:block;position:absolute; width:20px;height:20px; top:-3px;right:0; line-height:20px; font-size:16px; /*background:#509eac;color:#fff; */text-align:center; vertical-align:middle; font-weight:bold; cursor:pointer; border-radius:50%;}

/* 회원가입쪽 input 박스 가로 수정 */
.boxConfirm01 .w130{width:130px !important; padding:0 20px !important;} /* 회원가입안내 버튼 사이즈 고정 */
/* 회원가입 입력 input 사이즈 작게 조절 */
.w68{width:68px !important;}
.w220{width:220px !important;} 

input.calenderInt {font-size: 11px !important; height:25px !important;} /* 211213 그리드영역 input 텍스트 사이즈 임시로 추가 */

/**************************************
		211209 css 추가 
**************************************/
.clear { zoom:1;clear:both;}
.clear:after { content:""; display:block; clear:both;}

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

.paging + .bottomBtnbox {margin-top: -45px;} /* 페이징 옆 버튼*/
.bottomBtnbox{zoom:1;}

/* 표시정보 */
.listline span{vertical-align:middle;}
.listline select{width:60px; height:25px; margin:0 0 0 5px;}
.fl .listline{margin-top:10px;} /* 좌측 리스트 갯수 + 우측버튼일경우 */


/* 정렬 */
.fl{float:left;}
.fr{float:right;}

/* width */
.w45per{width:45%;}
.w48per{width:48%;}
.w50per{width:50%;}
.w99per{width:99%;}

/******* 화면관리/기능관리 *********/
.manage-box{position:relative; padding:20px; background:#f9f9f9;}
.manage-box .left-conts,
.manage-box .right-conts{width:49.2%; min-height:500px; border:1px solid #d7d7d7; background:#fff; border-radius:5px;}
.manage-box .stitle{background:#a3b1c1;border:1px solid #a3b1c1; border-radius: 5px 5px 0 0; font-size:15px; text-align:center; padding:6px 0; color:#fff; font-weight:500; -webkit-box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.05); box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.05); z-index:2; }
.manage-box .inner{width:100%;margin:0 auto;}

/* left-conts 화면목록 */
.screen-list{width:90%;margin:20px auto;}
.screen-list li{font-size:14px; margin:2px 0;}
.screen-list li ul{margin:0 0 0 10px;}
.screen-list li ul li:last-child{margin-bottom:8px;}
.screen-list li ul li a{color:#666;}
.screen-list button{margin-left:3px !important;}

/* right-conts기능관리,화면 관리 입력폼 */
.manage-box table.tbtype01{border-top:none;}
.manage-box table.tbtype01{border-top:none;}
.manage-box table.tbtype01 input, 
.manage-box table.tbtype01 select{height:28px}

/* 신규공통 입력 폼 */
table.tbtype01{width:100%;border-top:1px solid #ddd;}
table.tbtype01 th,
table.tbtype01 td{border-bottom:1px solid #ddd;box-sizing:border-box;font-size:14px;text-align:left;}
table.tbtype01 th{padding:8px 8px 8px 30px; background:#f5f5f5;}
table.tbtype01 td{padding:8px 10px;}
table.tbtype01 p span.w80{width:80px; display:inline-block ;} /* 화면권한 */

/* 공통 검색박스 신규 */
.search-box{ position:relative; background:#f6f7f8;}

/* 하단 안내 텍스트*/
.explanationBox04 {margin: 30px 0;background:#fff; padding:10px 20px; border:1px #dce0e2 solid; box-sizing:border-box; font-size:14px;}
.explanationBox04 h4{font-size:16px; margin: 0 0 5px -5px;}
.explanationBox04 h4 i{color:#8329db; font-size:20px; vertical-align: middle; }
.explanationBox04 ul li{position: relative; padding:3px 8px; color: #333; line-height:1.4;}
.explanationBox04 ul li:before{content:''; position:absolute;left:0; top: 11px; vertical-align: middle; width:4px;height:4px; background:#666; border-radius: 3px; }

/* 수기등록 form 관련
.imgfile-form{border-bottom:1px solid #ddd;}
.imgfile-form .fl{width: 47%;}
.imgfile-form .fr{width: 51%; padding: 10px;}
.bdb-none{border-bottom:none !important;}

.imgpreview{ width:100%; min-height:300px;display: table; text-align:center; border:1px solid #ddd; background:#fefefe; box-sizing:border-box;}
.imgpreview span{display:table-cell; vertical-align:middle; }
.imgpreview img{max-width:564px;} */

/* top line */
.top-line{padding:10px 0; border-top:1px solid #ccc;}

/* input- file 첨부파일 선택 */
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.filebox label {
	display: inline-block;
	padding: 0 10px;
	border-radius: 2px;
	line-height:32px;
	height:32px;
	color: #535c59;
	font-size: 13px;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #777d7c;
	vertical-align:top;
	
} /* named upload */
.filebox .upload-name {
	width:75%;
	display: inline-block;
	padding: 0 10px; /* label의 패딩값과 일치 */
	line-height:1.4;
	height:32px;
	vertical-align:top;
	font-size: 13px;
	background-color: #f5f5f5;
	border:1px solid #bfccc9;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}


/* 결의서 상태*/
@-webkit-keyframes status-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes status-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.status-bar{width:286px; margin:0 auto 30px auto; padding:0 0 0 94px;background: url(../img/img_status.png) 0 0 no-repeat; }
.status-bar ul{position:relative;}
.status-bar ul:before{content:""; width:8px; height:100%; background:#f5f7f7;  position:absolute; left:-10px; top:0; border-radius: 5px; z-index:1}
.status-bar ul li{position:relative; margin:5px 0 0 -16px; z-index:2}

.status-bar .status-ico{ display:inline-block; margin:0 15px 0 0; border:6px solid #ebf0f2; background: #fff; width: 20px; height: 20px; border-radius: 50%; vertical-align:middle;}
.status-bar .on .status-ico{border:6px solid #be78ff; -webkit-animation: status-blink 0.9s infinite both; animation: status-blink 0.9s infinite both;}
.status-bar ul li.on:first-child .status-ico,
.status-bar ul li.on:last-child .status-ico{animation-play-state: paused;} /* 결재취소, 완료일때 애니메이션 멈추기 */

.status-bar span.msg {position:relative; width:150px; display:inline-block; text-align:center; padding:13px 15px; font-size:14px; color:#777; background: #ffffff; border: 1px solid #dcdcdc; border-radius:5px; vertical-align:middle;}
.status-bar .on span.msg{ color:#8329db; border:2px solid #8329db; box-shadow:1px 3px 6px 3px rgba(0,0,0,0.08);}
.status-bar .on span.msg:before { border-right-color: #8329db;}
.status-bar .on span.msg:after, 
.status-bar .on span.msg:before {content: "";position: absolute; width: 0; height: 0; right: 100%; top: 50%; border: solid transparent; pointer-events: none;}
.status-bar .on span.msg:after {border-color: rgba(255, 255, 255, 0);border-right-color: #ffffff;border-width: 5px;margin-top: -5px;}
.status-bar .on span.msg:before {border-color: rgba(164, 85, 238, 0);border-right-color:#8329db;border-width: 7px;margin-top: -7px;}.status-bar .on span.msg


/* 탭 스타일- 20220114 수정 */
.tab-wrap + .warpText01{margin-top:0 !important;} /* tab이 상단에 있을경우 아래 검색박스 마진값 조정  */
.tab-wrap{width:100%; margin:10px 0 0;}
.tab-wrap ul li{float:left;display:block;min-width:130px; text-align:center;font-size:14px; vertical-align:middle;}
.tab-wrap ul li a{display:block; width:100%;height:38px;padding:7px 20px;color:#888;border:1px solid #ccc; /*border-right:none;*/ word-break:keep-all;}
/*.tab-wrap ul li:first-child a{border-left:1px solid #ccc;}
.tab-wrap ul li:last-child a{border-right:1px solid #ccc;}*/
.tab-wrap ul li.on a{display:block;width:100%; color:#8329db; border:2px solid #8329db;/* border-right:none;*/ border-bottom:none; font-weight:500;}
/*.tab-wrap ul li:last-child.on a{border-right:2px solid #a536f6;}
.tab-wrap ul > li.on + li a {border-left: 2px solid #a536f6;}*/


/* radio-box */
.radio-box{display: inline-block; margin-right: 20px;}
.radio-box label{margin-left:2px; font-size:13px;}


/* 은행정보등록- step01 : 은행구분 선택*/
.radio-btn {margin:0 auto 20px auto; text-align:center; background:#f7f7f7;padding:35px 0; border-radius:10px;}
.radio-btn input[type="radio"] {display:none;}
.radio-btn label {
  display:inline-block;
  width:auto;
  height:40px;
  font-size:15px;
  padding:0 20px;
  border:2px solid #ddd;
  margin-right:20px;
  background:#fefefe;
  line-height:36px;
  border-radius:5px;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.radio-btn label i {
  margin:-3px 8px 0 0;
  font-size:24px;
  opacity: 0.1;
  vertical-align:middle;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.radio-btn [type="radio"]:checked + label {
	background: #fff;	
	border: 2px solid #8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
}
.radio-btn [type="radio"]:checked + label i { opacity: 1; color:#8329db;}

/* 20220524 수정 및 추가 은행정보등록- step02 : 은행선택 */
.bank-select02 {position: relative; padding: 0; list-style: none;}
.bank-select02:after{ content:''; display:block; clear: both;}
.bank-select02 li {float: left; padding: 3px 0;	margin:0 5px 0 0;}
/*.bank-select02 li:nth-child(1n) {margin-left:0}*/
.bank-select02 li:nth-child(5n) {margin-right:0}
.bank-select02 li label { /* 탭 헤더 */
    position: relative;
	display:inline-block;
	width:115px;
   /* background: #f7f7f7;*/
    background:#fff;
    padding: 8px 2px;
    /*border: 2px solid #f7f7f7;*/
	border:2px solid #eee;
	border-radius: 5px;
	text-align:center;
	font-size:13px;
	color:#000;
	white-space: nowrap;
	box-sizing:border-box;
	cursor:pointer;
}
.bank-select02 li [type="radio"] {display: none;}
.bank-select02 li [type="radio"]:checked ~ label {
    background: #fff;
	border: 2px solid #8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bank-select02 li label:hover{background: #f7f7f7; border-color:#e9e1f5;}
.bank-select02 li label p{height: 30px; vertical-align:middle; margin:0 !important; padding:0; display:block; } /* 20220524 수정*/
/*.bank-select02 li label img{width:30px;height:30px; display:inline-block; text-align:center;}*/
.bank-select02 li label img{width:auto; height:auto; max-width:100px;max-height:30px; display:inline-block; text-align:center; vertical-align:middle;} /* 20220524 수정*/
.bank-select02 li label span{margin-right:3px;} /* 20220524 추가*/

/* 은행정보등록 step3-2 : 로그인 */
.bank-login{ background:#f7f7f7;padding:30px 0; border-radius:10px;}
.bank-login ul{width:260px; margin:0 auto;}
.bank-login ul li{margin:5px 0;}
.bank-login ul li label{display:inline-block; vertical-align:middle; width:50px; font-size:13px; font-weight:500;}

.bank-img{text-align:center; width:110px;/* border:1px solid #f7f7f7; background:#fff;*/ padding:10px; margin:-5px auto 20px auto; border-radius:0 0 10px 10px;/* -webkit-box-shadow: 0px 3px 8px -3px rgba(0,0,0,0.10); box-shadow: 0px 3px 8px -3px rgba(0,0,0,0.10);*/box-sizing:border-box}
.bank-img p{margin:0 !important;padding:0}
.bank-img span{display:block; font-size:13px; color:#000;}
.bank-img img{max-width:35px;max-height:35px;}


/* 은행정보등록 -  인증서찾기 */
.bank-select03{padding:0 10px;}
.bank-select03 .filebox label {padding: 0 40px;}
.bank-select03 .filebox .upload-name {width:70%; padding: 0 10px; background:#fff;}


/**********************************
   인증정보관리 메뉴 추가
   2022.02.03
**********************************/
/* 탭 스타일 2 :: */
.tab-style2{margin-top:2px;height:50px;/* background-color: #f7f7f7;*/}
.tab-style2 ul{display:table; width:100%; height:100%; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-style2 ul:after{display:none}
.tab-style2 ul li{display:table-cell;vertical-align:middle;position:relative;/*width:25%;*/background-color: #f7f7f7;border:1px solid #ddd;border-bottom: 2px solid #8329db;border-left:0;}
.tab-style2 ul li:first-child{border-left:1px solid #ddd;}
.tab-style2 ul li a{display:table; height:48px; width:100%;}
.tab-style2 ul li a em{display:table-cell; vertical-align:middle; color:#666; font-size:15px; letter-spacing:-0.35px; font-weight: 500; text-align:center;}
.tab-style2 ul li.selected{z-index:1; border-bottom-color: #fff; border:2px solid #8329db; border-bottom:none;}
.tab-style2 ul li.selected a{background-color:#fff;}
.tab-style2 ul li.selected a em{ color:#111;}
.tab-style2 ul li.bgnone{background-color:#fff; border:1px solid #fff;border-bottom: 2px solid #8329db; border-left:0;}
.tab-style2 .no2 li{ width:50%;}
.tab-style2 .no3 li{ width:33.33%;}
.tab-style2 .no4 li{ width:25%;}
.tab-style2 .no5 li{ width:20%;}
.tab-style2 .no6 li{ width:16.6%;}
.tab-style2 .no7 li{ width:14.2%;}

/* 매출매입내역 로그인-새마을금고 */
.search-login-box{ background:#f9f9f9; padding:30px 0;/* border-radius:10px;*/}
.search-login-box-inner{float:left; width:33.33%;border-left:1px solid #eee;padding:20px 0;box-sizing:border-box;}
.search-login-box-inner .login-title{margin:0 0 15px 0; font-weight:600;font-size:16px; text-align:center; }
.search-login-box-inner:first-child{border-left:0;}
.search-login-box-inner ul{/*width:260px; */margin:0 auto;}
.search-login-box-inner ul li{margin:5px 0; text-align:center;}
.search-login-box-inner ul li input{width:216px;}
.search-login-box-inner ul li label{display:none;/*display:inline-block; vertical-align:middle; width:50px; font-size:13px; font-weight:500;*/}
.search-login-box.w50 .search-login-box-inner{width:50% !important;}

/* 인증정보 안내 텍스트 */
.tab-style2 + .guide-txt-box{margin:30px 0 30px 0; }
.guide-txt-box{position:relative; border:1px solid #ccc; margin-top:70px;}
.guide-txt-box .info-icon{background:#f0f2ff; vertical-align:middle; text-align:center;}
.guide-txt-box table{ width:100%; font-size:14px;}
.guide-txt-box table th{padding:12px 20px; text-align:left; vertical-align:top; border-top:1px solid #ddd; }
.guide-txt-box table td{padding:12px 16px; border-top:1px solid #ddd; border-left:1px solid #eee;}
.guide-txt-box table .bdtnone{border-top:0; }
.guide-txt-box table .bold{ font-weight:500;}
.guide-txt-box table .small-btn{margin-left:5px;}

/*새마을금고 전용 인증정보 20220228*/
.search-login-box > .guide-txt-box{width:90%; margin:30px auto; border-radius:10px;}
.borderTable03 .save{border:1px solid #8329db;}
.borderTable03 .del{border:1px solid #ccc !important;}
.borderTable03 .modify{border:1px solid #aaa !important; color:#333;}
.borderTable03 button[disabled="disabled"]{background: #f9f9f9; border-color:#eee; pointer-events: none; color:#aaa;}
.borderTable03 .bdline-bt-dot{border-bottom:1px dashed #eee !important;}
.bt-line-dark th,
.bt-line-dark td{border-bottom:1px solid #bbb !important;}
.bt-line-dark td{background:#fff;}
.lgray-box{margin:30px 0 0 0; padding:20px 30px 50px; background:#f9f9f9; }


/************************** 법인카드 프리미엄 신청-공통 ****************************/
.business-card-premium,
.business-card-premium-all{margin-top:50px;word-break:break-word; }
.business-card-premium ul,
.business-card-premium-all ul{box-sizing: border-box; line-height:1.2;}
.business-card-premium-all ul li{position:relative; width: calc(33.33% - 30px); height:260px; float: left; text-align: center; padding:0; margin:0 0 0 45px; border:1px solid #a677ed; background:#fff; vertical-align: middle; border-radius:10px 10px 0 0; box-sizing:border-box; -webkit-box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.03);box-shadow:2px 2px 4px 2px rgba(0,0,0,0.03);}
.business-card-premium ul li:first-child,
.business-card-premium-all ul li:first-child{margin-left:0;}
.business-card-premium-all ul li .title,
.business-card-premium ul li .title{border-radius:10px 10px 0 0; height:84px; padding:24px 0 0 20px;}
.business-card-premium-all ul li:nth-child(3) .title{padding:36px 0 0 20px;}
.business-card-premium-all ul li .title span,
.business-card-premium ul li .title span{font-size:16px; font-weight:700;}
.business-card-premium ul li .con,
.business-card-premium-all ul li .con{padding:25px 40px;}
.business-card-premium-all ul li .con p,
.business-card-premium ul li .con p{font-size:14px; text-align:left;margin-bottom:30px;}
/* 법인카드 프리미엄 신청-공통 화살표 */
.business-card-premium ul li:after,
.business-card-premium-all ul li:after{content:"\e93e";width:30px;height:40px;display:block; position:absolute; font-family : xeicon; right:-40px; top:44%; font-size:30px;}
.business-card-premium ul li:last-child:after,
.business-card-premium-all ul li:last-child:after{display:none;}

/* 법인카드 프리미엄 신청::기본 */
.business-card-premium-all ul li .ico01{ background:#f0f2ff url("../img/ico_business_card04.png") 70px 25px no-repeat;}
.business-card-premium-all ul li .ico02{ background:#f0f2ff url("../img/ico_business_card05.png") 70px 25px no-repeat;}
.business-card-premium-all ul li .ico03{ background:#f0f2ff url("../img/ico_business_card06.png") 70px 25px no-repeat;}
.business-card-premium-all .emphasisBtn04{height:32px; min-width:190px; line-height:25px !important;}

/* 법인카드 프리미엄 신청-새마을금고 전용 */
.business-card-premium ul li{position:relative; width: calc(33.33% - 30px); height:318px; float: left; text-align: center; padding:0; margin:0 0 0 45px; border:1px solid #ddd; background:#fff; vertical-align: middle; border-radius:10px 10px 0 0; box-sizing:border-box; -webkit-box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.03);box-shadow:2px 2px 4px 2px rgba(0,0,0,0.03);}
.business-card-premium ul li .ico01{ background:#f5f5f5 url("../img/ico_business_card01.png") 60px 25px no-repeat;}
.business-card-premium ul li .ico02{ background:#f5f5f5 url("../img/ico_business_card02.png") 60px 30px no-repeat;}
.business-card-premium ul li .ico03{ background:#f5f5f5 url("../img/ico_business_card03.png") 60px 25px no-repeat;}
.business-card-premium ul li .con .stitle{font-size:14px;}
.business-card-premium ul li .con .date{width:150px; height:36px; margin:10px auto; padding:7px 0; border-radius:20px; font-size:16px; font-weight:700; background:#ecefff; box-sizing: border-box;}
.business-card-premium .emphasisBtn04{height:32px; line-height:25px !important;}

/* 법인카드 프리미엄 신청-새마을금고 전용 파일업로드 */
.business-card-premium .filebox label {width:222px; margin-bottom:5px; color:#8329db; background-color: #fff; font-size:14px; line-height:28px; cursor: pointer; border: 1px solid #8329db;}
.business-card-premium .filebox .upload-name {width:222px; background-color: #fff; border: 1px solid #dddddd; font-size:12px;}
.business-card-premium .filebox p{padding-left:24px; font-size:12px !important; margin:5px 0 0 0;}

/* 법인카드 프리미엄 신청-기본 :: 비활성화 */
.business-card-premium-all .step-disabled {pointer-events:none; opacity:0.8;}
.business-card-premium-all li.step-disabled{border:1px solid #ddd;}
.business-card-premium-all .step-disabled .ico01{ background:#f5f5f5 url("../img/ico_business_card04_off.png") 70px 25px no-repeat;}
.business-card-premium-all .step-disabled .ico02{ background:#f5f5f5 url("../img/ico_business_card05_off.png") 70px 25px no-repeat;}
.business-card-premium-all .step-disabled .ico03{ background:#f5f5f5 url("../img/ico_business_card06_off.png") 70px 25px no-repeat;}
.business-card-premium-all .step-disabled button{border:1px solid #aaa; background:#aaa;}

/* 가이드 다운 버튼*/
.guide-down-btn .fl{padding:10px 0 0 0;}
.guide-down-btn .fl span{font-size:14px;}

/* 법인카드 프리미엄 신청 - 툴팁 */
.tooltip-box-bcard{display:none; width:238px;height:73px; position: absolute; letter-spacing:-1px; left: -2px; top:-80px; text-align:left; padding:10px 15px; font-size:13px;word-break: keep-all;border:1px solid #666;background:#fff; border-radius:5px; line-height:1.3; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.08);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.08); z-index:999; }
.tooltip-box-bcard:after{content: '';position: absolute;border-style: solid;border-width: 12px 8px 0 8px;border-color: #FFFFFF transparent;display: block;width: 0;z-index: 1;bottom: -10.5px;left: 37%;}
.tooltip-box-bcard:before{content: '';position: absolute;border-style: solid;border-width: 12px 8px 0 8px;border-color: #666 transparent;display: block;width: 0;z-index: 0;bottom: -12px;left: 37%;}
.tooltip-box-bcard ul li{font-weight:400;}
.tooltip-box-bcard span{font-size:13px; color:#555; font-weight:700; padding:0;}

/* 법인카드 프리미엄신청 - 리스트 테이블borderTable03 라인추가 및 인풋위치변경 */
.borderTable03 .bg-lgray,
.borderTable03 .bg-lgray:hover{background:#f7f7f7;}
.borderTable03 .bd-right-double{border-right:4px double #ddd;}
.borderTable03 input[type="checkbox"],
.borderTable03 input[type="radio"]{ margin-top:-3px;}
.button-ico i{margin-right:2px; margin-left:-2px;} /* 버튼 앞에 xe아이콘 있을경우 */

/* 법인카드 프리미엄신청 - table 상태 메세지/버튼 */
.status-complete,
.status-waiting,
.status-cancel,
.status-add,
.status-save,
.status-return,
.status-ongoing{display:inline-block; min-width:25px !important; height:23px !important; line-height:20px; padding:0 10px !important; font-size:12px !important; border-radius:25px;}
.status-complete{border-color:#b7bcc3; background:#eee; color:#555;  border:1px solid #eee;}
.status-waiting{border-color:#b7bcc3; background:#fff; color:#8329db;  border:1px solid #dcdcdc;}
.status-cancel{border-color:#b7bcc3; background:#fff; color:#aaa; border:1px solid #dcdcdc;}
.status-add{background:#fff; color:#8329db;  border:1px solid #b178e8;}
.status-save{background:#fff; color:#555;  border:1px solid #dcdcdc;}
.status-ongoing{background:#fff; color:#8329db;  border:1px solid #b7bcc3;}
.status-return{background:#fff; color:#e42424;  border:1px solid #dcdcdc;}

/* 매출매입내역조회 로그인 탭 있는경우 border-top라인 삭제 */
.tab-style2 + .citationBox {border-top:0px}

/* 20220302 새마을금고전용 웰컴페이지 추가 */
.warpsubSection .subContents h3 .titlebox-right-btn{position:absolute;right:0;bottom:10px;}
.warpsubSection .subContents h3 .titlebox-right-btn button{/* border-radius:20px;background:#f9f9f9; color:#000; border-color:#ddd; */padding:0 20px;}

/*20220304 새마을금고전용 웰컴 소개페이지 */
.inner-conts-1000{width:1000px; margin:0 auto;}
.kfcc-mtitle{font-size:28px; font-weight:600; color:#333; text-align:center; margin:0 0 10px 0;}
.kfcc-guide-txt{font-size:18px; font-weight:400; color:#555; text-align:center;}

.kfcc-guide-txt-box{margin:30px 0;}
.kfcc-guide-box { width:490px; height:185px; background:#f7f7f7; box-sizing: border-box;}
.kfcc-guide-box .conts-title{padding:10px 0; background:#d7d8ff; box-sizing: border-box;}
.kfcc-guide-box .conts-title .subTitle{font-weight:600;}
.kfcc-guide-box.fl .conts-title .subTitle{margin-left:190px;}
.kfcc-guide-box.fr .conts-title .subTitle{margin-left:150px;}
.kfcc-guide-box .conts-txt{font-size:14px; padding:20px; }
.kfcc-guide-box .conts-txt p{height:90px; padding:0 0 0 220px; box-sizing: border-box;}
.kfcc-guide-box .conts-txt p.icon01{ background:url("../img/kfcc_guide_icon01.png") 60px 10px no-repeat;}
.kfcc-guide-box .conts-txt p.icon02{ background:url("../img/kfcc_guide_icon02.png") 60px 10px no-repeat;}

.kfcc-guide-box01{position:relative;background:#e8f8fe; padding:40px; font-size:14px; line-height:1.3}
.kfcc-guide-box01 ul li{float:left; position:relative; width:245px ;height:96px; text-align: center;  color:#555; font-weight:500; margin:0px 9px 0 0; padding:28px 0 0 0; background:#fff; border:1px solid #aeb2d1; border-radius:50px; box-sizing:border-box;-webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.08);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.08);}
.kfcc-guide-box01 ul li.arrow{border:none; box-shadow:none; width:30px; background:none; font-size:30px; color:#464646;}
.kfcc-guide-box01 ul li.arrow-down{position:absolute;right:150px;top:110px; border:none; box-shadow:none; width:30px; background:none; font-size:30px; color:#464646;}
.kfcc-guide-box01 ul li.w138{width:138px; border:1px solid #7d2eeb; background:#efefff;color:#604abc;}
.kfcc-guide-box01 ul li.w325{width:323px;}
.kfcc-guide-box01 .step02-txt{text-align:left;margin:7px auto 0 auto;width:55%;}
.kfcc-guide-box01 .step02-txt p{line-height:1; margin:2px 0;}
.kfcc-guide-box01 .step02-txt p span{position:relative;width:20px;height:20px;display:inline-block;font-size:13px;font-weight:normal;line-height:19px;margin:0 5px 0 0;color:#fff;border-radius:50%;background:#604abc;vertical-align:middle;text-align:center;box-sizing:border-box;}
.kfcc-guide-box01 ul li:nth-child(1),
.kfcc-guide-box01 ul li:nth-child(2),
.kfcc-guide-box01 ul li:nth-child(3),
.kfcc-guide-box01 ul li:nth-child(4),
.kfcc-guide-box01 ul li:nth-child(5){margin-bottom:40px;}
.kfcc-guide-box01 .pd-top38{padding-top:38px;}
.kfcc-guide-box01 .pd-top20{padding-top:20px;}
.kfcc-guide-box01 .pd-top15{padding-top:15px;}

.kfcc-guide-box02{background:#f7f7f7; padding:40px; font-size:14px;}
.kfcc-guide-box02 ul li{float:left; position:relative;}
.kfcc-guide-box02 ul li:nth-child(1){margin:0 70px 0 8px;}
.kfcc-guide-box02 ul li:nth-child(2){margin-right:70px;}
.kfcc-guide-box02 ul li.arrow:after{content:"";position:absolute; top:140px; right:-60px ; width:54px; height: 16px; background:url("../img/kfcc_guide_icon05_arrow.png") 0 0 no-repeat;}
.kfcc-guide-box02 .circle-box{width:149px; height:149px; text-align: center; font-weight:500; margin:70px 0 0 0;padding:65px 0 0 0; background:#fff; border:1px solid #aeb2d1; border-radius:100px; box-sizing:border-box; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.05);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.05);}
.kfcc-guide-box02 .round-box{width:470px; padding:20px 12px 15px; background:#fff; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.05);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.05);}
.kfcc-guide-box02 .round-box ul{margin:7px 0 10px 40px;}
.kfcc-guide-box02 .round-box ul li{float:none; margin:0; padding:0; color:#666;}
.kfcc-guide-box02 .round-box .stitle{ height:35px; background:#d7d8ff; font-size:15px; color:#222; font-weight:600; border-radius:18px; box-sizing:border-box; }
.kfcc-guide-box02 .round-box .stitle span{width:35px; height:35px; color:#fff; padding:6px 0 0 5px; margin-right:5px; text-align:center; display:inline-block; background:#604abc; border-radius:18px 0 0 18px; box-sizing:border-box; }

.kfcc-guide-box03{border:1px solid #ddd;}
.kfcc-guide-box03 .fc-purple{color:#623192 !important; font-size:17px;}
.kfcc-guide-box03 .left-title{width:25%; background:#f0f2ff; padding:23px 0;text-align:center; font-size:18px; line-height:1.2;}
.kfcc-guide-box03 .right-conts{width:75%;}
.kfcc-guide-box03 .right-conts span{display:inline-block; font-size:14px; margin:12px 0 0 80px;}
.kfcc-guide-box03 .right-conts strong{margin:0 7px;}


/******************* 20220310 법인카드 premium 신청 최종 **********************/
.business-card-premium-default{margin:10px 0 0 0; word-break:break-word; }
.business-card-premium-default ul{box-sizing: border-box; line-height:1.2;}
.business-card-premium-default ul li{position:relative; width: calc(33.33% - 30px); /*height:260px;*/ float: left; text-align: center; padding:0; margin:0 0 0 45px; border:1px solid #a677ed; background:#fff; vertical-align: middle; border-radius:10px; box-sizing:border-box; -webkit-box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.03);box-shadow:2px 2px 4px 2px rgba(0,0,0,0.03);}
.business-card-premium-default ul li:first-child{margin-left:0;}
.business-card-premium-default ul li .title{border-radius:10px 10px 0 0; /*height:84px;*/ padding:24px 0 0 20px;}
.business-card-premium-default ul li:nth-child(3) .title{/*padding:36px 0 0 20px;*/}
.business-card-premium-default ul li .title span{font-size:16px; font-weight:700;}
.business-card-premium-default ul li .con{padding:12px 43px 15px 43px;}
.business-card-premium-default ul li .con p{font-size:14px; text-align:left;}
/* 법인카드 프리미엄 신청 최종-화살표 */
.business-card-premium-default ul li:after{content:"\e93e";width:30px;height:40px;display:block; position:absolute; font-family : xeicon; right:-40px; top:33%; font-size:30px;}
.business-card-premium-default ul li:last-child:after{display:none;}

.business-card-premium-default ul li .ico{ /*position:absolute;left:0; top:10px; */ display:inline-block; margin:-13px 10px 0 -50px; width:62px; height:62px; background:#f0f2ff; border-radius:30px; z-index:10;}
.business-card-premium-default ul li .ico img{margin:10px auto;}
.business-card-premium-default ul li:nth-child(1) .ico img,
.business-card-premium-default ul li:nth-child(3) .ico img{margin:15px auto;}


/* 20220314 퀵허브 소개페이지 내용 추가 */ 
.userguide-list-txt {margin:5px 0 0 0; padding:10px 35px; border:1px solid #ddd;}
.userguide-list-txt ul li{margin:16px 0; padding:0 0 0 60px; position:relative;}
.userguide-list-txt ul li span{font-weight:500;font-size:15px;}
.userguide-list-txt ul li p{font-weight:400; font-size:13px; color: #999;}
.userguide-list-txt ul .list-ico01:before,
.userguide-list-txt ul .list-ico02:before,
.userguide-list-txt ul .list-ico03:before{content:""; display:inline-block; position:absolute; top:-1px; left:0; width:44px; height:44px; border-radius:22px;}
.userguide-list-txt ul .list-ico01:before{background:#d7d8ff url("../img/userguide_list_ico01.png") center center no-repeat;}
.userguide-list-txt ul .list-ico02:before{background:#d7d8ff url("../img/userguide_list_ico02.png") center center no-repeat;}
.userguide-list-txt ul .list-ico03:before{background:#d7d8ff url("../img/userguide_list_ico03.png") center center no-repeat;}

/* 20220324 새마을금고 법인카드 신청방법 tooltip 추가*/
.tooltip-area {position:relative;display:inline-block;}
.tooltip-area i.xi-help{font-size:20px;}

/* tooltip 새마을금고 */
.tooltip-box02 {display:none; position: absolute; left:25px; top:-60px;width:600px; z-index:999; text-align:left; padding:15px 20px; font-size:14px; word-break: keep-all; background: #ffffff;border: 1px solid #666;letter-spacing:-0.05em; line-height:1.2; border-radius:5px; box-shadow:1px 3px 6px 3px rgba(0,0,0,0.08);}
.tooltip-box02:after, 
.tooltip-box02:before {content: "";position: absolute; width: 0; height: 0; right: 100%; top: 17%; border: solid transparent; pointer-events: none;}
.tooltip-box02:after {border-color: rgba(255, 255, 255, 0);border-right-color: #ffffff;border-width: 10px;margin-top: -10px;}
.tooltip-box02:before {border-color: rgba(102, 102, 102, 0);border-right-color: #666;border-width: 11px;margin-top: -11px;}
.tooltip-box02 h5{position:relative; background:none; font-size:14px; font-weight:600; margin:0 0 10px 0; padding:8px 0 5px 0; border-bottom:1px solid #ddd; color:#333;}
.tooltip-box02 span{font-size:13px; color:#555; font-weight: 400; padding:0; /*background: url(../img/ico_warning.png) 0 3px no-repeat;*/}
.tooltip-box02 .btn_close{display:block;position:absolute; width:20px;height:20px; top:0;right:0; line-height:20px; font-size:16px; /*background:#509eac;color:#fff; */text-align:center; vertical-align:middle; font-weight:bold; cursor:pointer; border-radius:50%;}

.tooltip-box02 .pdf-down{font-size:13px; margin:20px 0 0 0;}
.tooltip-box02 .pdf-down .bg-purple{display:inline-block; margin:0 5px 0 0; background:#8329db;font-size:13px; color:#fff; padding:5px 13px; border-radius:20px; box-sizing:border-box;}

.tooltip-box02 .borderTable03 table th{font-weight:500; color:#240666; font-size:13px;}
.tooltip-box02 .borderTable03 table td{text-align:left;}

.tooltip-box02 .info-txt{margin:15px 0;}
.tooltip-box02 .info-txt i.xi-info-o{ vertical-align:middle; margin-right:4px;}
.tooltip-box02 .info-txt p{margin-bottom:3px;}
.mtLef20{margin-left:20px;}
.tooltip-box02 .info-txt p.mtLef20 i{ vertical-align:middle; font-size:18px;}

/********** ****************
	202204 위탁사 CMS 추가 
****************************/
.btn-arrow{height:28px;padding:0 10px;border:1px solid #bfccc9; background:#fff;}
.btn-arrow:hover{/*background: #f6fbff;*/border:1px solid #8329db; background:#fff;}
.btn-arrow i{color:#444 !important;}
.btn-arrow:hover i{color:#8329db !important;}

/* 팝업-결재정보등록 0- 결재선 td */
.tbl-inner{padding:0 !important;}
.tbl-inner .borderTable03{margin-top:0; border-top:none;}
.tbl-inner .borderTable03 table th{padding:8px 0; background:#f5f5f6;}
.tbl-inner .borderTable03 table td{padding:3px 0;}
.tbl-inner .btn-arrow{padding-left:0;}

/* 수기등록 팝업창-width조정 */
.modal-content02.w860{width:860px !important;}
.modal-content02.w860 .imgpreview{ width:100%; min-height:265px;display: table; text-align:center; border:1px solid #ddd; background:#fefefe; box-sizing:border-box;}
.modal-content02.w860 .imgpreview .inner{display:table-cell; vertical-align:middle; text-align:center;}
.modal-content02.w860 .imgpreview img{max-width:371px; display:block; margin:0 auto;}
.modal-content02.w860 .filebox .upload-name {width:83%;}
.modal-content02.w860 .imgfile-form .fl{width: 51%;}
.modal-content02.w860 .imgfile-form .fr{width: 48%; padding: 10px;}
.imgfile-form{border-bottom:1px solid #ddd;}
.bdb-none{border-bottom:none !important;}

/* 팝업 - 결재선 선택 */
.approval-box{position:relative; padding:14px; background:#f9f9f9;}
.approval-box .left-conts,
.approval-box .right-conts{width:49.2%; min-height:230px;background:#fff;border-radius:5px; }

.approval-box .left-conts{ border:1px solid #ccc; }
.approval-box .right-conts{background:#fff; border:1px solid #ccc;}
.approval-box .stitle{background:#a3b1c1;border:1px solid #a3b1c1; border-radius: 5px 5px 0 0; font-size:13px; text-align:center; padding:6px 0; color:#fff; font-weight:500; -webkit-box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.05); box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.05); z-index:2; }
.approval-box .inner{width:100%;margin:0 auto;}
.approval-box .borderTable03{margin-top:0; border-top:none; }
.approval-box .borderTable03 table th:first-child{border-radius:5px 0 0 0;}
.approval-box .borderTable03 table th:last-child{border-radius:0 5px 0 0;}
.approval-box .borderTable03 table th,
.approval-box .borderTable03 table td{ padding: 6px 4px;}
.approval-box .left-conts .borderTable03 table th{/*background:#eff0f3;*/background:#a3b1c1; border-color:#cbd1d9; color:#fff;}
.approval-box .right-conts .borderTable03 table th{background:#eff0f3;}
.h70px{height:70px !important;}

/* 팝업 - 결재문서미리보기*/
.document-preview{position:relative; height:200px; border:1px solid #ddd; overflow:auto;}
.document-preview span.txt{padding:90px 0 0;text-align:center; display:block;}

/******************************
	팝업 - 지출결의서 미리보기
*******************************/
.wrap-popup{position:relative; margin:30px auto; width:750px;}
.wrapForm-box{width:100%; border:1px solid #111; margin:0 auto; font-size:12px;}
.wrapform{width:710px; height: 100%; position:relative; margin:0 auto; padding: 50px 0 36px; box-sizing:border-box;}
.wrapform .fl {float: left;}
.wrapform .fr {float: right;}
.wrapform .ls1 {letter-spacing: 0.7px;}
.wrapform .ls0 {letter-spacing: -0.2px;}

.wrapform .form-title{font-size:24px; margin:10px 0 30px 0; text-align:center;}

.wrapform .sum-info .fl{width:40%;}
.wrapform .sum-info .fr{width:60%;}
.wrapform .sum-info .sum-info-txt li{padding:3px;}
.wrapform .sum-info .sum-info-txt li:first-child{margin:0 0 3px 0; padding:5px; text-align:right; border-bottom: 1px solid #111;}

.wrapform .days-info{margin:18px 0;}
.wrapform .days-info table{width:100%;}
.wrapform .days-info .yymmdd-txt span{margin-left:12px;}
.wrapform .days-info .yymmdd-txt span em{margin-left:3px;}

.wrapform .approval-info{display:block; float:right; text-align:right; }
.wrapform .approval-info span{display:inline-block; margin-left:-3px; min-width:59px;}
.wrapform .approval-info span table{width:100%;}
.wrapform .approval-info span th,
.wrapform .approval-info span td{padding:2px 3px; text-align:center; vertical-align:middle; border:1px #111 solid; white-space:nowrap;}
.wrapform .approval-info span .sign{height:40px;}
.wrapform .approval-info span .day{font-size:11px; font-family: Arial, sans-serif;}
.wrapform .approval-info span.drafter{margin-right:8px;}

.wrapform .expense-tbl{width:100%; border-collapse:collapse;}
.wrapform .expense-tbl th,
.wrapform .expense-tbl tfoot th,
.wrapform .expense-tbl tfoot td{padding:3px ; background:#eee; border:1px #111 solid; color:#111; font-size:12px; font-weight: 500; text-align:center; box-sizing:border-box;}
.wrapform .expense-tbl td {height: 36px;padding: 3px; border:1px #111 solid; font-size:12px; text-align:center; box-sizing:border-box;}

@media print{
	/* print - 지출결의서 미리보기 공통 */
	.wrap-popup{position:relative; margin:30px auto 0; width:710px;} /* 미리보기 검정라인 박스 -- 출력시에는 사라짐 */
	.wrapForm-box{width:710px; border:none;}
	.wrapform{padding-top:30px;}
	.wrap-popup .subTitle,
	.wrap-popup .bottomBtnbox{display:none;}
}
/*******************************
	 20220512 지출결의서 type2 
 *******************************/
.wrapform.type2  .ml5{margin-left:5px;}
/* 서브타이틀*/
.wrapform.type2 .sub-title{font-size:13px; margin:10px 0 0; color:#000;}
.wrapform.type2 .sub-title h4{font-size:13px; font-weight: normal; letter-spacing: 1px;}

/* 지출결의서 list table */
.wrapform .expense-tbl2{width:100%; border-collapse:collapse;}
.wrapform .expense-tbl2 th,
.wrapform .expense-tbl2 tfoot th,
.wrapform .expense-tbl2 tfoot td{padding:3px; background:#eff5fe; letter-spacing: 0;  border:1px #111 solid; color:#111; font-size:12px; font-weight: 500; text-align:center; box-sizing:border-box;}
.wrapform .expense-tbl2 td {padding: 3px; border:1px #111 solid; letter-spacing: 0; font-size:12px; text-align:center; box-sizing:border-box;}
.wrapform .expense-tbl2.th-bg-none th,
.wrapform .expense-tbl2.th-bg-none td{background:none;} /* th 백그라운드 none */
.wrapform .expense-tbl2 thead th,
.wrapform .expense-tbl2 thead td{font-weight:bold; letter-spacing:1px;}
.wrapform .expense-tbl2 thead th{background:none;}
.wrapform .expense-tbl2 tbody th{border-bottom:3px double #111;}
.wrapform .expense-tbl2 tfoot th,
.wrapform .expense-tbl2 tfoot td{padding:5px;}
.wrapform .expense-tbl2 .bdb-normal{border-bottom:1px solid #111;}
.wrapform .expense-tbl2 .bdl-none{border-left:none;}
.wrapform .expense-tbl2 .bdr-none{border-right:none;}
.wrapform .expense-tbl2 .ar{padding-right:5px;}
.wrapform .expense-tbl2 .al{padding-left:5px;}
.wrapform .expense-tbl2 .bg{background:#eff5fe !important;}

/* 결재 박스 리스트*/
.wrapform .approval-info2{display:block; float:right; text-align:right; }
.wrapform .expense-tbl3{border:1px solid #000; display:inline-block;}
.wrapform .expense-tbl3 th,
.wrapform .expense-tbl3 td{text-align:center; white-space:nowrap; border:1px #111 solid; box-sizing:border-box;}
.wrapform .expense-tbl3 th{width:23px; vertical-align:middle; }
.wrapform .expense-tbl3 td{width:59px; vertical-align: top;}
.wrapform .expense-tbl3 .bd-right-double{border-right:3px double #111;}
.wrapform .sign-info{width:59px; box-sizing:border-box;}
.wrapform .sign-info span{width:100%; display:block; border-bottom:1px solid #111; font-weight:bold; letter-spacing: 2px; box-sizing:border-box;}
.wrapform .sign-info p:before{content:""; display:table; }
.wrapform .sign-info p{width:59px; height:53px; display:table-cell; text-align:center; vertical-align:middle; box-sizing:border-box;}

/* 지출결의서 하단 :: type2 */
.wrapform.type2 .footer-box{border:1px solid #111; border-top:none; padding: 10px 0 0 0;}
.wrapform.type2 .footer-box p{margin:0 0 8px 0;}
.wrapform.type2 .footer-box p:last-child{margin:0 0 0 5px;}
.wrapform.type2 .footer-box p.date span{margin-right:8px;}

/*******************************
	 20220512 지출결의서 type3 
 *******************************/
.wrapform.type3 .form-title{border:1px solid #111; padding: 12px 0; letter-spacing:3px; font-size:24px; margin:10px 0 10px 0; text-align:center;}

/* 지출결의서 table 수정 */
.wrapform.type3 .expense-tbl3{border:0;}

.wrapform.type3 .expense-tbl2{border:2px solid #111;}
.wrapform.type3 .bd1{border:1px solid #111;}
.wrapform.type3 .expense-tbl2 tbody th{border-bottom:1px solid #111; background:#f7f7f7;}
.wrapform.type3 .expense-tbl2 tbody th,
.wrapform.type3 .expense-tbl2 tbody td{letter-spacing:-0.5px;}
.wrapform.type3 .expense-tbl2 .bg{background: #ebf1fd !important;}
.wrapform.type3 .expense-tbl2 .bg-gray{background:#f7f7f7;}

/* 지출결의서 하단 :: type3 */
.wrapform.type3 .footer-box{border:1px solid #111; padding: 10px 0; margin-top:5px;}
.wrapform.type3 .footer-box p:first-child{margin:0 0 0 10px;}
.wrapform.type3 .corporate-name{font-size:16px; margin-top:15px}



/*******************************
	20220520 퀵허브 web 개선 1
 *******************************/

/* 서브 좌측메뉴 하단 영역 추가*/
.leftMenu{min-height:700px;padding-bottom:200px; box-sizing:border-box;} /* 20220603 추가 */
.left-bottom-area{/*position: relative; width:210px; margin-top:150px; */position: absolute; width:210px;  bottom:20px;} /* 20220603 수정-메뉴하단으로 고정*/
.left-bottom-area .left-bottom-menu{width:100%; position:relative; padding:10px 0; background:#fff; border:1px solid #ededed; border-radius:1px; box-sizing:border-box;}
.left-bottom-area .left-bottom-menu li{position:relative; display:block; margin:0 15px; border-top:1px solid #ededed; box-sizing:border-box;}
.left-bottom-area .left-bottom-menu li:first-child{border-top:none;}
.left-bottom-area .left-bottom-menu li a{display:block;width:100%;height:32px;padding:0 0 0 5px;font-size:13px;line-height:30px;color:#222;}
.left-bottom-area .left-bottom-menu li a:hover,
.left-bottom-area .left-bottom-menu li a:hover i,
.left-bottom-area .left-bottom-menu li.active a,
.left-bottom-area .left-bottom-menu li.active a i{color:#8329db;}
.left-bottom-area .left-bottom-menu li a i{position: absolute; right:0; top: 7px; font-size:18px; color:#d8d8d8;}


/* 공동인증서관리 상단 탭버튼*/
.sub-tab-wrapper{height:50px; background-color: #f7f7f7;  margin-bottom:30px;}
.tab-wrap-type2 ul{display:table; width:100%; height:100%; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-wrap-type2 ul:after{display:none}
.tab-wrap-type2 ul li{display:table-cell; vertical-align:middle; position:relative; width:25%; background-color: #eee; border:1px solid #ddd; /*border-top: 1px solid #8329db;*/ border-left:0;}
.tab-wrap-type2 ul li:first-child{border-left:1px solid #ddd;}
.tab-wrap-type2 ul li a{display:table; height:48px; width:100%;}
.tab-wrap-type2 ul li a em{display:table-cell; vertical-align:middle; color:#555555; font-size:16px; letter-spacing:-0.35px; font-weight: 500; text-align:center;}
.tab-wrap-type2 ul li.selected{z-index:1; border-color: #8329db;}
.tab-wrap-type2 ul li.selected a{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9e44f5+0,8329db+100 */
background-color:#8329db; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9e44f5 0%, #8329db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #9e44f5 0%,#8329db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #9e44f5 0%,#8329db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e44f5', endColorstr='#8329db',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.tab-wrap-type2 ul li.selected a em{color:#fff;}

/* 공동인증서관리 */
.certificate-msg{ margin-bottom:15px;}
.certificate-msg i{font-size:30px; color:#8329db; vertical-align:middle;}
.certificate-msg span{font-size:18px; font-weight:500; color:#333; vertical-align:middle;}

/* 인증서등록/삭제/변경 버튼 사이즈 조정 */
.btn-certificate .emphasisBtn02 {width:200px; height:40px; display:inline-block; font-size:14px; color:#fff;}
.btn-certificate .ghostBtn02 {min-width:200px; height:40px;  display:inline-block; font-size:14px; color:#535c59;}

/* 홈택스 부서사용자계정 및 인증서----왼쪽화면 탭버튼*/
.hometax-certificate-box{ border:1px solid #f2f2f4; box-sizing:border-box;}
.hometax-certificate-box .tabbtn{display:table;}
.hometax-certificate-box .tabbtn li{display:table-row; }
.hometax-certificate-box .tabbtn li div{display: table-cell; vertical-align:middle; width:118px; height:331px; text-align:center; border-left:5px solid #e4e3e7; background:#f2f1f3; }
.hometax-certificate-box .tabbtn li a{font-size:16px; color:#9d9d9d; display:block;}
.hometax-certificate-box .tabbtn li:first-child a{color:#444444;}
.hometax-certificate-box .tabbtn li a i{font-size:22px; color:#bcbcbd;}
.hometax-certificate-box .tabbtn li a p{font-weight:500;}
.hometax-certificate-box .tabbtn li.active div{border-left:5px solid #8329db !important; border-right:1px solid #fff; background:#fff;}
.hometax-certificate-box .tabbtn li.active a,
.hometax-certificate-box .tabbtn li.active a i{color:#8329db;}
.hometax-certificate-box .tabbtn li.active .check-icon{font-family : xeicon;}
.hometax-certificate-box .tabbtn li.active .check-icon:after{ content: "\e92b";}
.hometax-certificate-box .tabbtn .check-icon{font-family : xeicon;}
.hometax-certificate-box .tabbtn .check-icon:after{ content: "\e92c";}
.hometax-certificate-box .tabbtn li .txt-bg{display:inline-block; padding:0 5px; font-size:12px; background:#d8d8f9; color:#442265;}
.hometax-certificate-box .tabbtn li.active .txt-bg{ background:#f8d8ff; color:#6200c2;}

/* 홈택스 부서사용자계정 및 인증서----우측 화면 */
.hometax-certificate-box .right-conts{position: relative; width:1030px; padding:20px 35px 0; box-sizing: border-box;}
.sub-tab-wrapper + .citationBox,
.hometax-certificate-box .right-conts .citationBox,
.hometax-certificate-box .right-conts .citationBox_none {border-top: 1px #333 solid; height:auto;} /* 인증서 상단 보더라인  탭 있을때 홈택스 부서사용자계정 인증서 아래있을때 */
.hometax-certificate-box .right-conts .citationBox_none p{padding-top:100px; padding-bottom:100px;}
.w216{width:216px;}
.hometax-certificate-box .guide-txt-box{margin-top:25px;}

/* 홈택스 부서사용자계정 및 인증서 :: 안내메세지 */
.hometax-certificate-box .round-box{position:relative; display:table; width:100%; margin-bottom:24px; line-height:1.3; padding:20px 22px;background:#f2f2ff; border-radius:5px; box-sizing:border-box;}
.hometax-certificate-box .round-box span{ display: block; min-height:30px; font-weight:500; font-size:16px; background:url(../img/ico_hometax_msg.png) 0 0 no-repeat; padding:0 0 0 40px;}
.hometax-certificate-box .round-box span.pt3{padding-top:3px;}
.hometax-certificate-box .round-box span em{font-size:14px;}
.hometax-certificate-box .round-box button{position:absolute; right:20px; top:25px;}
.hometax-certificate-box .round-box button i{margin-right:4px; }

/**************************************************
	20220531 퀵허브 web 개선 2 카드/계좌등록
 *************************************************/
.w40{width:40px;}
/*.w50{width:50px;}*/
.w70{width:70px;} /* 20220630 추가 */
.w80{width:80px;}
.w110{width:110px;}
.w160{width:160px;}
.width23{width:23%;} /* 인풋사이즈 */
.width740px{width:740px;} /* 카드신규등록 모달 팝업창 사이즈만 다름 740px*/

/* 안내메세지 */
.notice-txt,
.notice-txt02{position:relative; margin:0;padding:14px 16px; line-height:1.3; background:#f6f6f6; border:1px solid #e9e9e9; border-radius:5px; box-sizing:border-box;}
.notice-txt p,
.notice-txt02 p{margin:1px 0!important;padding:0 0 0 11px; position: relative; font-size:14px !important;}
.notice-txt p:before,
.notice-txt02 p:before{content:"\e93f";position: absolute; top: 3px; left: 0; display: block;font-family : xeicon; font-size:5px; width:3px; height:3px; color:#afafaf; }

.notice-txt02{ background:#f6f6f6 url(../img/notice_msg_arrow_bg.png) center right no-repeat;}
.notice-txt02 .right-btn{position:absolute; right:16px; top:30px;}
.notice-txt02 .right-btn i{font-size:15px;margin:-3px 3px 0 0; vertical-align:middle;}

.notice-txt03{margin:0; padding:14px 18px;line-height:1.3; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.notice-txt03 p{margin:0 0 0 !important; padding:0;font-size:12px !important; color:#777; letter-spacing:-0.03em;}

.notice-txt04{margin:10px 0 0 0; padding:40px 0; border-top:1px solid #333; border-bottom:1px solid #ddd; text-align:center;}

.choice-msg-box{border-bottom:1px solid #333; padding:0 0 10px 0;}
.txt-search-msg{ display:inline-block; padding-top:5px;}
.txt-choice-msg{border-bottom:4px solid #fae676; display:inline-block;line-height:0.6; font-weight:500;}

.subtitle-uline{font-size:17px;font-weight:600; color:#222; border-bottom:1px solid #333; padding:0 0 5px 4px;margin-top:20px;}

/* 카드신규등록 (카드리스트조회)*/
.card-list-form table td {padding: 5px 3px;}
.card-list-form input[type="password"],
.card-list-form input[type="text"]{font-size:13px; padding:0 2px; border-color:#aaa;text-align:center;}
.card-list-form  input[disabled="disabled"] {border-color:#ddd;}
.card-list-form  input[type="text"]:focus {border:1px solid #555;}
.box-red{border:1px solid #e42424 !important;}

/* 카드사선택 list*/
.card-select {position: relative; padding:16px 0; list-style: none;}
.card-select:after{ content:''; display:block; clear: both;}
.card-select li {float: left; padding: 3px 0;	margin:0 5px 0 0;}
.card-select li:nth-child(5n) {margin-right:0}
.card-select li label { /* 탭 헤더 */
    position: relative;
	display:inline-block;
	width:115px;
   /* background: #f7f7f7;*/
    background:#fff;
    padding: 8px 2px;
    /*border: 2px solid #f7f7f7;*/
	border:2px solid #eee;
	border-radius: 5px;
	text-align:center;
	font-size:13px;
	color:#000;
	white-space: nowrap;
	box-sizing:border-box;
	cursor:pointer;
}
.card-select li [type="radio"] {display: none;}
.card-select li [type="radio"]:checked ~ label ,
.card-select li label:hover{
    background: #fff;
	border: 2px solid #8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.card-select li label:hover{background: #fefefe; border-color:#e9e1f5;}
.card-select li label p{height: 30px; vertical-align:middle; margin:0 !important; padding:0; display:block; } /* 20220524 수정*/
.card-select li label img{width:auto; height:auto; max-width:75px;max-height:30px; display:inline-block; text-align:center; vertical-align:middle;} /* 20220524 수정*/
.card-select li label span{margin-right:3px;} /* 20220524 추가*/

/* 로그인정보 radio-btn02 */
.radio-btn02 {margin:35px auto; text-align:center;}
.radio-btn02 input[type="radio"] {display:none;}
.radio-btn02 span:last-child label{margin-right:0;}
.radio-btn02 label {
  position:relative;
  display:inline-block;
  width:237px;
  height:160px;
  color:#222;
  font-weight:500;
  font-size:17px;
  padding:22px 20px 0 20px;
  border:1px solid #d7d7d7;
  margin-right:44px;
  background:#fefefe;
  line-height:36px;
  border-radius:10px;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.radio-btn02 [type="radio"]:hover + label,
.radio-btn02 [type="radio"]:checked + label{
	background: #fff;	
	border: 1px solid #8329db;
	color:#8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 8px rgba(133, 141, 162, .2);
}
.radio-btn02 [type="radio"]:checked:hover + label {
    background: #fff;	
	border: 1px solid #8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(133, 141, 162, .2);
}
.radio-btn02 .txt-bg{display:inline-block; margin:-3px 0 0 5px;vertical-align:middle; padding:0 5px; line-height:1.7; height:20px; font-size:12px;  background:#f8d8ff; color:#6200c2;}
.radio-btn02 .icon-bgbox{display:table;background:#f0f2ff; margin:3px auto; width:71px; height:71px; border-radius:50%; text-align:center; vertical-align:middle;}
.radio-btn02 .icon-bgbox em{vertical-align:middle;display:table-cell;}

/* 공동인증서 등록 radio-btn03 */
.radio-btn03 {margin:35px auto; text-align:center;}
.radio-btn03 input[type="radio"] {display:none;}
.radio-btn03 span:last-child label{width:180px; margin-right:0; color:#777;}
.radio-btn03 label {
  position:relative;
  display:inline-block;
  width:300px;
  height:160px;
  color:#222;
  font-weight:500;
  font-size:17px;
  padding:22px 20px 0 20px;
  border:1px solid #d7d7d7;
  margin-right:34px;
  background:#fefefe;
  line-height:36px;
  border-radius:10px;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.radio-btn03 [type="radio"]:hover + label,
.radio-btn03 [type="radio"]:checked + label {
    background: #fff;	
	border: 1px solid #8329db;
	color:#8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
}
.radio-btn03 span:last-child [type="radio"]:hover + label,
.radio-btn03 span:last-child [type="radio"]:checked + label{color:#aaa;}
.radio-btn03 .txt-bg{display:inline-block; margin:-3px 0 0 5px;vertical-align:middle; padding:0 5px; line-height:1.7; height:20px; font-size:12px;  background:#f8d8ff; color:#6200c2;}
.radio-btn03 .icon-bgbox{display:table;background:#f0f2ff; margin:3px auto; width:71px; height:71px; border-radius:50%; text-align:center; vertical-align:middle;}
.radio-btn03 .icon-bgbox em{vertical-align:middle;display:table-cell;}
.radio-btn03 span:last-child .icon-bgbox{background:#f7f7f7;}

/* 계좌신규등록 - 인증방식 선택*/
.bank-account-regist{margin:10px 0 20px;}
.bank-account-regist .stitle{font-size:17px; font-weight:600; color:#222;line-height:34px; margin-right:20px; padding-left:4px;}
.bank-account-regist .select-btn-box{background:#e4e4ec; border-radius:30px; max-width:246px; height:35px; box-sizing:border-box;}
.bank-account-regist .select-btn-box li{float:left; line-height:34px; width:110px; text-align:center; box-sizing:border-box;}
.bank-account-regist .select-btn-box li.active{width:133px;}
.bank-account-regist .select-btn-box li.active a:before{content:"\e929"; color:#fff; font-family : xeicon; margin:-5px 2px 0 -5px; font-size:20px; vertical-align:middle;}
.bank-account-regist .select-btn-box li.active a{background:#8329db; color:#fff;border-radius:30px; padding-left:0; }
.bank-account-regist .select-btn-box li a{display:inline-block; width:100%; height:35px; vertical-align:middle; padding-left:15px; }
.bank-account-regist .select-btn-box li:last-child a{padding-left:0; margin-left:-5px;}
.bank-account-regist .select-btn-box li.active:last-child a{margin-left:0;}

span#questionBtn {
	margin-left: 5px;
	padding: 2px 6px;
	background: #e42424 ;
	color: white;
	border-radius: 100%;
	font-size: 13px;
	cursor: pointer;
}
div#answerDiv {
	display: none;
	z-index: 99999999999999;
	border:1px solid #222; 
	text-align:center;
	position: absolute;
	top:35px; left: 65px; 
	width: 300px;  
	height: 109px;
	background: white;
	border-radius: 5px;
}
#answerDiv p {
	font-weight: bold;
	margin-bottom: 0px;  
	margin-top: 10px;
}
#answerDiv span {
	font-weight: lighter;
}

/**************************************************
	20220603 등록가이드
 *************************************************/
.inner-conts-980{width:980px; margin:0 auto;}
.regist-guidebox1{background:#f7f7f8;margin-bottom:30px;padding:16px 30px 18px; color:#000; font-weight:500; font-size:15px; border-radius:3px; box-sizing:border-box;}

/* 등록가이드 상단 탭버튼*/
.sub-tab-wrapper2{height:72px; background-color: #f1f1f5;}
.tab-wrap-type3 ul{display:table; width:100%; height:100%; border-top: 2px solid #8329db; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-wrap-type3 ul:after{display:none}
.tab-wrap-type3 ul li{display:table-cell; vertical-align:middle; position:relative; width:25%; background-color: #f1f1f5; border:1px solid #e2e2e9; border-top:0; border-left:0;}
.tab-wrap-type3 ul li:first-child{border-left:1px solid #e2e2e9;}
.tab-wrap-type3 ul li a{display:table; height:70px; width:100%;}
.tab-wrap-type3 ul li a em{display:table-cell; vertical-align:middle; color:#444; font-size:15px; letter-spacing:-0.35px; font-weight: 500; text-align:center;}
.tab-wrap-type3 ul li a em img{margin-right:6px; opacity:0.7;}
.tab-wrap-type3 ul li.selected{z-index:1; border-bottom-color: #fff;}
.tab-wrap-type3 ul li.selected a{background-color:#fff;}
.tab-wrap-type3 ul li.selected a em{color:#000; }
.tab-wrap-type3 ul li.selected a em img{opacity:1;}

.regist-guide{padding:0;}
.regist-guide .guide-inner{padding:0 16px;}
.regist-guide .subTitle{font-size:14px !important; }
.regist-guide .subTitle:before{top:5px; width:4px; height:4px; }
.regist-guide .subtitle2{font-size:14px; font-weight:400;}

.regist-guide .title-txt{margin:26px 0 0 0; padding:0 0 9px 4px; font-size:15px; color:#222; font-weight:500; border-bottom:1px solid #dce0e2; box-sizing:border-box;}
.regist-guide .guide-txt-rbox01{/*background:#efefff;*/ background:#f4f4f4 ; min-height:56px; padding:14px 20px; border-radius:10px; box-sizing:border-box;}
.regist-guide .guide-txt-rbox01 p,
.regist-guide .guide-txt-rbox03 p{position: relative; padding:3px 8px; color: #444; font-size:14px; font-weight:500; line-height:1.4;}
.regist-guide .guide-txt-rbox01 p:before,
.regist-guide .guide-txt-rbox03 p:before{content:''; position:absolute;left:0; top: 12px; vertical-align: middle; width:4px;height:4px; background:#888; border-radius: 3px; }
.regist-guide .guide-txt-rbox01 button,
.regist-guide .guide-txt-rbox03 button{height:26px !important; padding:0 10px 0 14px; font-size:13px;}
.regist-guide .guide-txt-rbox01 button i,
.regist-guide .guide-txt-rbox03 button i{margin:0 0 0 3px;}
.regist-guide .guide-txt-rbox03{background:#f7f7fd ; border:1px solid #dce0e2; padding:14px 20px; border-radius:2px; box-sizing:border-box;}
.regist-guide .pdtb{padding:16px 20px;}

.regist-guide .guide-txt-rbox02{ background:#fff ; padding:16px 20px; border-radius:10px; box-sizing:border-box;}
.guide-inner-txtbox li .right-conts{width:72%;}
.guide-inner-txtbox li{border-bottom:1px solid #eee; padding:20px 0;}
.guide-inner-txtbox li .no-title{display:table;width:250px; height:54px; padding:0 0 0 10px; background:#efefff; border-radius: 0 50px 50px 0 ;box-sizing:border-box;}
.guide-inner-txtbox li .no-title em{display:block; vertical-align:middle; padding:0; width:33px; height:33px; line-height:27px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; background:#604abc; border:3px solid #d7d8ff; border-radius:30px; box-sizing:border-box;}
.guide-inner-txtbox li .no-title span{display:table-cell; text-align:left; vertical-align:middle; font-size:14px; font-weight:500; color:#000;}
.guide-inner-txtbox li .no-title span:first-child{width:40px;}
.guide-inner-txtbox li .txt-type1:before{content:"";display:table;}
.guide-inner-txtbox li .txt-type1{display:table-cell; height:54px; vertical-align:middle; font-size:14px; margin:10px 0 0 0;}
.guide-inner-txtbox li .txt-type2{font-size:13px; margin: 8px 0; color:#777;}
.guide-inner-txtbox li .txt-type2 i{color:#9693aa; font-size:14px; margin:-2px 2px 0 0; vertical-align:middle;}
.guide-inner .txt-type3{font-size:13px; margin: 8px 0; color:#888;}

/**************************************************
	20220608 기타 페이지 
 *************************************************/

/* 서브공통 상단 가이드 텍스트 박스*/
.top-guidetxt-box{width:100%; border:1px solid #e7e7ef; background:#f4f4f7; margin:0 0 20px 0;padding:14px 20px; border-radius:3px; box-shadow:0px 1px 3px 3px rgba(0,0,0,0.01); box-sizing:border-box;}
.top-guidetxt-box:after{content:""; display:table; width:100%;}
.top-guidetxt-box span{display:table-cell; vertical-align:middle;}
.top-guidetxt-box span.icon em:before{display:table;}
.top-guidetxt-box span.icon em{display:table-cell; width:80px; height:80px; background:#fff; vertical-align:middle; text-align:center; border-radius:50%; box-sizing:border-box;}
.top-guidetxt-box span.icon{width:90px; text-align:center;}
.top-guidetxt-box span.icon-big em{width:100px; height:100px;}
.top-guidetxt-box span.icon-big{width:110px;}
.top-guidetxt-box span.guidetxt-list{/*width:65%;*/ width:720px; text-align:left;}
.top-guidetxt-box span.rightbtn-area{width:300px;text-align:right;}
.top-guidetxt-box span.rightbtn-area button,
.top-guidetxt-box span.rightbtn-area form{display:inline-block; line-height:1;}
.top-guidetxt-box span.rightbtn-area button i img{margin:-2px 3px 0 0;}
.top-guidetxt-box span.rightbtn-area .emphasisBtn04{min-width:110px;}
.top-guidetxt-box .top-guidetxt-inner{margin-left:10px;}
.top-guidetxt-box .top-guidetxt-inner li{position: relative; padding:2px 6px; color: #444; font-size:14px; font-weight:500; line-height:1.4;}
.top-guidetxt-box .top-guidetxt-inner li:before{content:''; position:absolute;left:0; top: 12px; vertical-align: middle; width:2px;height:2px; background:#888; border-radius: 3px; }
.top-guidetxt-box .top-guidetxt-inner .toptxt-type2{margin-bottom:8px;}
.top-guidetxt-box .top-guidetxt-inner .toptxt-type2 p{font-size:15px; font-weight:500;}
.top-guidetxt-box .top-guidetxt-inner .font18-bold{font-size:18px; font-weight:bold;}
.top-guidetxt-box .top-guidetxt-inner .font20-bold{font-size:20px; font-weight:bold;}
.top-guidetxt-box .top-guidetxt-inner .font-weight400{font-weight:400;}
.top-guidetxt-box .ico-none li{padding:2px 6px 2px 0;}
.top-guidetxt-box .ico-none li:before{content:''; display:none;}
/* 상단가이드박스 style2 보라색배경*/
.top-guidetxt-box.bg-purple{border:1px solid #e3e6fa; background:#f0f2ff; box-shadow: none;}
.top-guidetxt-box.bg-purple i{font-size:19px;color:#8329db; vertical-align:middle; margin:-2px 2px 0 -21px;}
.top-guidetxt-box .top-guidetxt-inner.mgleft20{margin-left:30px !important;}

/* 수정문서발행 페이지 수정 및 추가 */
.warpsubSection .subContents .conBox01 ul.listBox02 li{position:relative;}
.warpsubSection .subContents .conBox01 ul.listBox02 li.selected span.boxLeft{color:#8329db;}
.warpsubSection .subContents .conBox01 ul.listBox02 li.selected {border:1px #8329db solid;}
.warpsubSection .subContents .conBox01 ul.listBox02 li .select-btn{position:absolute; display:table; top:0; right:0; padding:0; margin:0; width:170px; height:100%;}
.warpsubSection .subContents .conBox01 ul.listBox02 li .select-btn:after{content:""; display:table-cell; }
.warpsubSection .subContents .conBox01 ul.listBox02 li .select-btn button{display:inline-block; background:#8329db; font-size:14px; color:#fff; width:100%; height:100%;}
.warpsubSection .subContents .conBox01 ul.listBox02 li .select-btn button i{margin-right:-4px; margin-left:3px;}

/* 서비스소개 페이지 이미지 박스추가*/
.ex-box{border:1px solid #eee; padding:30px;}

/***************************************************** 
	20220628
    위탁사 자금관리 소개페이지/ 타이틀 옆 설명 추가 
 ****************************************************/
 /* 타이틀 옆 설명 */
.titlebar-stxt:before{content:"│"; color:#eee; padding:0 6px 0 2px; font-size:20px; font-weight:200 !important;}
.titlebar-stxt{font-size:14px; color:#666; font-weight:400;}

/* 위탁사 소개 박스*/
.service-guide-box ul li{float:left; width:322px; margin:0 16px 0 0;}
.service-guide-box ul li:last-child{margin:0 0 0 0;}
.service-guide-box ul li .conts-title{padding:10px 0; background:#d7d8ff; text-align:center; font-size:18px; color:#333; font-weight:600; border-radius:20px 0 0 0;box-sizing: border-box;}
.service-guide-box ul li .conts-txt{min-height:206px; padding:20px 16px;font-size:14px; text-align:center;background:#f7f7f7; border-radius:0 0 20px 0; box-sizing: border-box;}
.service-guide-box ul li .conts-txt p{margin-bottom:16px;}

/*220808 메인팝업 위치*/
#mainPopupLoca {position: absolute; margin: 0; top: 140px; left: 140px; z-index:10001;}
@media all and ( max-width: 800px ){
	/* 2023.04.24 모바일에서 팝업창 숨김 */
	#mainPopupLoca{display:none;}
}


/* 20220819 위탁사용지출결의서 추가*/
.wrapform .expense-tbl4{width:100%; border-collapse:collapse;}
.wrapform .expense-tbl4 th,
.wrapform .expense-tbl4 tfoot :is(th,td) {padding:3px; letter-spacing: 0;  border:0; color:#111; font-size:12px; font-weight: 500; text-align: left; box-sizing:border-box;}
.wrapform .expense-tbl4 td {padding: 3px; border: 0; letter-spacing: 0; font-size:12px; text-align:left; box-sizing:border-box;}
.wrapform .expense-tbl4.font13 :is(th,td){font-size: 13px;}
.wrapform .expense-tbl4 .bdr-none{border-right:none;}

.wrapform .expense-tbl2 tr.bg-lskyblue :is(th,td) {background: #eff5fe;}
.wrapform .expense-tbl2 tr.bg-skyblue :is(th,td) {background: #e1e9f6;}
.wrapform .expense-tbl2 tr.bg-skyblue :is(th,td).bg-none {background: #fff;}
.wrapform .expense-tbl2 td.bg-lgray {background: #f0f3f6;}
.wrapform .expense-tbl2.font11 td {font-size: 11px;}
.wrapform .expense-tbl2 td.lh13 {line-height: 1.3;}

.f15{font-size:15px !important;}
.bolder {font-weight: bolder !important;}


/* 20220919 추가 */
/*  연동서비스 소개 */
.service-info-mtitle:after{content:""; position:absolute; left:0; top:0; background:#7a19d8; width:6px; height:100%; /*border-radius:3px 0 0 3px;*/}
.service-info-mtitle{position:relative; font-size:24px; font-weight:600; color:#000; background:#ebebfd; border:1px solid #dfd2f8; padding:7px 20px; border-radius:3px; box-sizing:border-box;}
.service-info-inner{padding:5px 29px;}
.service-info-inner .deco-ico{position: relative; margin:3px 0; padding:3px 8px 3px 12px; color: #444; font-size:15px; font-weight:400; line-height:1.4;}
.service-info-inner .deco-ico:before{content:''; position:absolute;left:0; top: 12px; vertical-align: middle; width:8px;height:4px; background:#9344e0; border-radius: 3px; }
.service-info-inner .deco-ico strong{font-size:16px; font-weight:600;}

/* 특징 */
.service-feature-list{padding:0 10px;}
.service-feature-list li{ position:relative; margin:0; padding:2px 0 3px 26px; font-size:15px;}
.service-feature-list li span{position:absolute; left:0; top:5px; width:19px;height:19px;display:inline-block;font-size:13px;font-weight:600;line-height:19px; color:#604abc;border-radius:50%;background:#d7d8ff;vertical-align:middle;text-align:center;box-sizing:border-box;}
.service-feature-list li strong{font-weight:500;}
.round-box-txt{margin:10px 0 15px 0;padding:0 10px;}
.round-box-txt .round-box-inner{padding:20px; border:1px solid #e5e5e5; border-radius:15px; box-sizing:border-box;}
.round-box-txt .round-box-inner .tt{font-size:14px;}
.round-box-txt .round-box-inner .subtxt{font-size:13px; margin-left:16px; line-height:1.6;}

/* 이용절차 */
.use-step-box{margin:5px 0 0 0;padding:0 10px}
.use-step-box ul{background:#fafafa; border:1px solid #eeeeee; padding:25px 20px; border-radius:3px;}
.use-step-box ul li{float:left; position:relative; width:33.33%;}
.use-step-box ul li.arrow:after{content:"";position:absolute; top:70px; right:-25px ; width:54px; height: 16px; background:url("../img/kfcc_guide_icon05_arrow.png") 0 0 no-repeat;}
.use-step-box .circle-box{width:149px; height:149px; text-align: center; font-weight:500; font-size:15px; margin:0 auto; padding:35px 0 0 0; background:#fff; border:1px solid #aeb2d1; border-radius:100px; box-sizing:border-box; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.05);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.05);}
.use-step-box .circle-box span{display:block;margin:0 0 10px 0;}
.use-step-box .circle-box img{margin-left:13px;}
.use-step-box .step-txt{margin:10px 0; font-weight:500; font-size:15px;}
.use-step-box .step-txt em{font-weight:400;}
.use-step-box .emphasisBtn05{min-width:165px;}

.kwic-service-info-con .subTitle{width:98%; margin:10px auto 0 auto; border-bottom:1px solid #eee; padding: 10px 28px;}
.kwic-service-info-con .subTitle:before {content:''; width:6px; height:6px; position:absolute; top:16px; left:10px; background:none; border-radius:50%; border: 4px #8329db solid; }

/***************** 서비스소개/퀵허브 장점 안씀****************/
/* 서비스 소개*/
.serice-intro-box{margin:10px 0;width: calc(50% - 10px); padding:10px; border:1px solid #e8e8e8; border-radius:3px; box-sizing:border-box;}
.serice-intro-box .tt{font-size:20px; font-weight:600; position:relative; padding:0 0 0 38px;}
.serice-intro-box .ico01:before{content:"";position:absolute; top:3px; left:8px; display:inline-block; width:26px; height:23px; background:url("../img/icon_service_intro01.png") no-repeat center/contain;}
.serice-intro-box .ico02:before{content:"";position:absolute; top:3px; left:8px; display:inline-block; width:26px; height:23px; background:url("../img/icon_service_intro02.png") no-repeat center/contain;}
.serice-intro-box .ico03:before{content:"";position:absolute; top:3px; left:8px; display:inline-block; width:26px; height:23px; background:url("../img/icon_service_intro03.png") no-repeat center/contain;}
.serice-intro-box .ico04:before{content:"";position:absolute; top:3px; left:8px; display:inline-block; width:26px; height:23px; background:url("../img/icon_service_intro04.png") no-repeat center/contain;}
.serice-intro-box .stxt{margin:5px 0;font-size:16px; position:relative; padding:0 8px;}
.serice-intro-box .stxt button{position:absolute; right:0; top:3px;}
.serice-intro-box .inner-box-txt{display:block; height:118px; margin:7px 0 0 0; padding:16px 18px;background:#f6f7ff; border-radius:4px; box-sizing:border-box;}
.serice-intro-box .inner-box-txt li{position:relative; margin:0; padding:3px 0 3px 25px; letter-spacing:-0.05em; font-size:15px; box-sizing:border-box;}
.serice-intro-box .inner-box-txt li span{position:absolute; left:0; top:6px; width:19px;height:19px;display:inline-block;font-size:12px;font-weight:normal;line-height:19px; color:#fff;border-radius:50%;background:#604abc;vertical-align:middle;text-align:center;box-sizing:border-box;}

/* 서비스 장점*/
.service-advantage_con ul li{display:table; border-bottom:1px solid #eee; padding:15px 0;}
.service-advantage_con ul li:last-child{border-bottom:none;}
.service-advantage_con ul li div{display:table-cell; text-align:center; vertical-align:middle;}

.service-advantage_con ul li .icon-box{width:110px; height:90px; vertical-align:middle;background:#f4f4fd; border-radius:5px; box-sizing:border-box;}
.service-advantage_con ul li .right-txt ul{padding:0 0 0 20px;}
.service-advantage_con ul li .right-txt ul li{display:block; border:none; text-align:left; padding:0 0 0 0;}
.service-advantage_con ul li .right-txt ul .title{ font-size:18px !important; font-weight:600;}
.service-advantage_con ul li .right-txt ul .sub-txt{padding-left:20px; font-size:15px;}

/* 장점 하단- 고객센터 전화번호 */
.customer-question{margin:60px 0 0 0;padding:24px; border:1px solid #eee; border-radius:10px; box-sizing:border-box;}
.customer-question .title{font-size:18px; font-weight:600; margin-bottom:10px}
.customer-question .phone{display:table;}
.customer-question .phone span{display: table-cell; text-align:center; vertical-align:middle;}
.customer-question .icon-box{width:90px;}
.customer-question .icon-box div{margin:5px 0 0 0;width:70px; height:70px; border-radius:35px; background:#f7f7f7;}
.customer-question .icon-box div img{margin-top:14px;}
.customer-question .tel ul li{margin:3px 0;font-size:15px; text-align:left;}
.customer-question .tel ul li strong{margin-right:10px;}
/***************** //서비스소개/퀵허브 장점 안씀****************/

/****** 20220927 서비스소개/퀵허브장점 ******/
.serice-intro-imgbox{width:700px; margin:40px auto 0 auto;}
.serice-intro-imgbox ul li{position:relative; margin-bottom:50px;}
.serice-intro-imgbox ul li button{position:absolute; display:inline-block; z-index:99; min-width: 25px; font-weight:600; border: 1px solid #8329db; background: #fff; color: #8329db; border-radius:50px;}
.serice-intro-imgbox ul li button:focus,
.serice-intro-imgbox ul li button:hover{background: #f9f3ff; border-color:#8b35e0;}
.serice-intro-imgbox ul li .btn-type-m{right:45px; top:135px; min-width:86px; height: 28px; font-size: 13px; padding: 0 16px;}
.serice-intro-imgbox ul li .btn-type-s{left:376px; top:250px; height: 24px; line-height:20px !important; font-size: 12px; padding: 0 12px;}
/* 서비스소개 하단 버튼 */
.btn-request-wrap{ text-align:center; }
.btn-request-wrap .emphasisBtn{ min-width:320px; height:50px; font-size:19px;}



/****************** 20221006 서비스별 신청 및 결제 페이지 *********************/

/* 이용현황 타이틀+searchbox 있을경우 마진값 조정 */
.subTitle + .warpText01{margin:10px auto 35px auto !important ;}

/* 결제상단 안내 메세지 */
.payment-msg{ margin-bottom:20px;}
.payment-msg i{font-size:30px; color:#8329db; vertical-align:middle;}
.payment-msg img{vertical-align:middle; margin-right:10px; }
.payment-msg span{font-size:18px; font-weight:500; color:#333; vertical-align:middle;}

/*th 배경추가 - 서비스이용현황 화면 */
.borderTable03.th-bg table th{background:#f4f5fd;}
.borderTable03.tbl-box1 table th{background:#f4f5fd; padding:12px 4px;}
.borderTable03.tbl-box1 table td {padding:12px 4px; letter-spacing:0;}
.borderTable03.tbl-box1 table th:last-child,
.borderTable03.tbl-box1 table td:last-child{border-right:1px solid #ddd;}
.borderTable03 .disabled{ background:#efefef !important; opacity:0.7; border-left:none !important; border-right:none !important;}
.borderTable03 .r-line-dark{ border-right:1px solid #ccc !important;}
.borderTable03 .bg001{background:#f4effe !important;}

/* 레이어팝업 - history - 사용안함 */
.history-area-scroll{width:100%; height:360px; padding:8px 0; border:1px solid #ddd; overflow-y: scroll; box-sizing:border-box;}
.history-area-scroll ul li{padding:3px 10px;}
.history-area-scroll ul li strong{margin-right:8px;}

/* 체크박스 */
.checkbox-item-box{display:inline-block; vertical-align:middle;}
.checkbox-item-box input[type="checkbox"]{display:none;}
.checkbox-item-box label{display:inline-block; position:relative; padding-left: 30px; font-size: 17px; color: #000; font-weight:500; letter-spacing:-0.25px;/* border:1px solid #000;*/}
.checkbox-item-box label:before{position: absolute; top:1px; left: 0; content: '\ea0e'; font-size:24px; color:inherit; vertical-align:middle; margin-top:-6px; font-family:xeicon; color: rgba(0,0,0,0.4);}
.checkbox-item-box input[type="checkbox"]:checked + label:before{content: '\e92d'; color:#a536f6;}
.checkbox-item-box input[type="checkbox"]:disabled + label{color:#aaa;}
.checkbox-item-box input[type="checkbox"]:disabled + label:before {content: '\ea0e'; color:#ddd;}

/* 이용신청 테이블 */
.apply-tbl-list{width:100%; line-height:1.3;}
.apply-tbl-header{width:100%; display:table; border:1px solid #d5d5d5; background:#f6f5f9; border-radius:5px; box-sizing:border-box;}
.apply-tbl-header .column{display:table-cell; height:47px; position:relative; font-size:15px; font-weight:500; vertical-align:middle; text-align:center;}
.apply-tbl-header .column:after{content:""; position:absolute; right:0; top:11px; background:#ccc; width:1px; height:24px; display:inline-block; font-weight:300; color:#ddd; }
.apply-tbl-header .column:last-child:after{display:none;}
.apply-tbl-header .column:nth-child(1){width:58%;}
.apply-tbl-header .column:nth-child(2){width:25%;}
.apply-tbl-header .column:nth-child(3){width:17%;}

.apply-tbl-con{margin-top:15px; width:100%; display:table; border:1px solid #d5d5d5; min-height:92px; border-radius:5px; box-sizing:border-box;}
.apply-tbl-con.selected{border-color:#c9a3fc ; background:#f9f6ff;}
.apply-tbl-con .column{display:table-cell; vertical-align:middle; text-align:center; font-size:14px; box-sizing:border-box;}
.apply-tbl-con .column em{font-weight:400; color:#666;}
.apply-tbl-con .column:nth-child(1){width:26%; text-align:left; padding-left:20px;}
.apply-tbl-con .column:nth-child(2){width:32%; text-align:left;}
.apply-tbl-con .column:nth-child(3){width:25%;}
.apply-tbl-con .column:nth-child(4){width:17%; font-size:16px;}
.apply-tbl-con .column:nth-child(4) strong{margin-right:3px;}
.apply-tbl-con .column span:before,
.apply-tbl-con02 .column span:before{contents:""; display:table;}
.apply-tbl-con .column span,
.apply-tbl-con02 .column span{display:table-cell; vertical-align:middle; position:relative;}
.apply-tbl-con .checkbox-item-box{padding-right:20px;}
.apply-tbl-con .checkbox-item-box label:before{top:3px;}
.apply-tbl-con .left-hline{padding-left:20px;border-left:1px solid #ddd;}
.apply-tbl-con .txt-small{font-size:13px; margin-top:5px;}
/* 결제진행 list*/
.apply-tbl-con02{ width:100%; display:table; border-bottom:1px solid #d5d5d5; padding:15px 0; border-radius:5px; box-sizing:border-box;}
.apply-tbl-con02 .column{display:table-cell; vertical-align:middle; text-align:center; font-size:14px; box-sizing:border-box;}
.apply-tbl-con02 .column strong{font-weight:500;}
.apply-tbl-con02 .column:nth-child(4) strong{margin-right:3px;}
.apply-tbl-con02 .column em{font-weight:400; color:#666;}
.apply-tbl-con02 .column:nth-child(1){width:22%; text-align:left; padding-left:20px;}
.apply-tbl-con02 .column:nth-child(2){width:36%; text-align:left;}
.apply-tbl-con02 .column:nth-child(3){width:25%;}
.apply-tbl-con02 .column:nth-child(4){width:17%; font-size:16px;}
.apply-tbl-con02 .stitle{font-size:17px; font-weight:500;}
.apply-tbl-con02:last-child{ border-bottom:none;}
.apply-tbl-con02 .stitle{padding-right:10px;}
.apply-tbl-con02 .left-hline{padding-left:15px;border-left:1px solid #ddd;}
/* 결제진행 footer*/
.apply-tbl-footer{ width:100%; display:table; border:1px solid #d5d5d5; background:#f9f9f9; padding:13px 50px; border-radius:5px; box-shadow:1px 1px 6px 1px rgba(0,0,0,0.03); box-sizing:border-box;}
.apply-tbl-footer .column{display:table-cell; vertical-align:middle; text-align:center; font-size:14px; box-sizing:border-box;}
.apply-tbl-footer .column:nth-child(1){width:83%; text-align:right; font-size:16px; font-weight:500;}
.apply-tbl-footer .column:nth-child(2){width:17%; text-align:right; font-size:18px;}
.apply-tbl-footer .column:nth-child(2) strong{margin-right:3px;}

/* 결제진행 :: 총 결제금액 */
.total-amount-box{margin:50px 0 0 0;width:100%; display:table; border:1px solid #c9a3fc; background:#f9f6ff; min-height:117px; padding:15px 35px; border-radius:5px;  box-shadow:1px 1px 6px 1px rgba(0,0,0,0.03); box-sizing:border-box;}
.total-amount-box .column{display:table-cell; position:relative; width:50%; vertical-align:middle; text-align:left; font-size:14px; box-sizing:border-box;}
.total-amount-box .column span:before{contents:""; display:table;}
.total-amount-box .column span{display:table-cell; vertical-align:middle; position:relative;}
.total-amount-box .column .amount-txt{text-align:right;}
.total-amount-box .column .amount-txt-line2{font-size:22px;}
.total-amount-box .column  strong{font-weight:500;}
.total-amount-box .column:after{content:""; position:absolute; right:0; top:50%; margin-top:-50px; background:#e6d4fe; width:1px; height:97px; display:inline-block; font-weight:300;}
.total-amount-box .column:last-child:after{display:none;}
.total-amount-box .column:nth-child(2){padding-left:50px;}
.total-amount-box .column .cell2{width:310px;}
.total-amount-box .column .select-box-area{padding-left:20px;}

/* width추가 */
.w130{width:130px;}
.w200{width:200px;}
.w241{width:241px;}

/* 공통 selectbox custom */
.selectbox-custom{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color:transparent;
	line-height:normal;
	vertical-align:middle;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin:0;
	padding:0;
}
.selectbox-custom::-ms-expand{ display: none; } /*ie에서 화살표 없애기 */
.selectbox-custom{height:36px;padding:0 43px 0 10px !important;border:1px solid #bcbcbc;font-size:14px; color:#333; background:#fff url('../img/icon_select_arrow.png') no-repeat right 15px top 15px;background-repeat:no-repeat;background-size:auto 7px;}
.selectbox-custom:hover, 
.selectbox-custom:focus {color:#222;}
.selectbox-custom:disabled {border-color:#cfcfcf;color:#bbb;background-color:#F1F1F1;cursor:default;}




/******************** 2023.01.17 경정청구 관련 css 추가*********************/
/*  약관 박스 */
.agreebox{overflow-x:hidden;overflow-y: auto ; margin:10px auto; padding:20px; width:100%; height:400px; line-height:1.6; border:1px solid #ddd; background:#fefefe; box-sizing:border-box;}
.agreebox h2 {margin-top: 5px; text-align:left; font-size: 20px;font-weight:600}
.agreebox p {margin-top: 20px; font-weight:400; font-size: 15px;}
.agreebox  strong.title {margin-top:20px; display:block; font-size:16px;}
.agreebox  ol.one {margin: 10px 0; font-size: 14px; font-weight: 500;}
.agreebox  ol.two {margin: 5px 0 0 15px; font-size: 14px; color: #737373;}
.agreebox  ol.two li {margin-top: 5px;}
.agreebox  ol.three {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.agreebox  ol.three li {margin-top: 3px;}
.agreebox  ol.four {margin: 0 0 0 15px; font-size: 13px; color: #737373;}
.agreebox  ol.four li {margin-top: 3px;}

/* 약관 하단 체크박스 */
.agree-checkbox-area{margin:10px 0 0;}
.agree-checkbox-area .checkbox-item-box{padding-right:30px;}

/********** 라디오박스 공통 스타일***********/
/*부가세 신고 라디오 박스 css 가져옴 */
.tax-custom-radiobox{display:inline-block; vertical-align:middle;}
.tax-custom-radiobox:last-child{margin-left:0;}
.tax-custom-radiobox input[type="radio"]{display:none;}
.tax-custom-radiobox label{display:inline-block; position:relative; padding-left:20px; color:#555; font-size:14px; letter-spacing:-0.75px; line-height:14px;}
.tax-custom-radiobox label::before{content:""; position:absolute; top:-1px; left:0px; width:12px; height:12px; border:2px solid #000; background-color:#fff; -webkit-border-radius:16px; border-radius:16px;}
.tax-custom-radiobox label::after{display:none; content:""; position:absolute; top:3px; left:4px; width:8px; height:8px; background:#8329db; -webkit-border-radius:8px; border-radius:8px;}
.tax-custom-radiobox input[type="radio"]:checked + label::before{border-color:#8329db}
.tax-custom-radiobox input[type="radio"]:checked + label::after{display:block;}
.tax-custom-radiobox input[type="radio"]:disabled + label{color: #b7b7b7;}
.tax-custom-radiobox input[type="radio"]:disabled + label::before{border-color: #b7b7b7;}
.tax-custom-radiobox input[type="radio"]:checked:disabled + label{color: #b7b7b7;}
.tax-custom-radiobox input[type="radio"]:checked:disabled + label::before{border-color: #b7b7b7;}
.tax-custom-radiobox input[type="radio"]:checked:disabled + label::after{background:#b7b7b7;}
/* radiobox label 간격 */
.tax-custom-radiobox .radio-item input[type="radio"] + label{margin-right:12px;}

/* 사업자 유형 선택*/
.business-choice{position:relative;margin-top:10px; padding:50px 20px; border:1px solid #eee; border-radius:10px;  background:#f9f9f9; box-sizing:border-box;}
.business-choice .title{ width:460px; margin:0 auto 20px; font-size:20px; font-weight:600; }
.business-choice .title i{color:#8329db; font-size:21px;}
.business-choice .tax-custom-radiobox{width:100%; text-align:center;}
.business-choice .radio-item{margin-bottom:20px; width:460px; display:inline-block;}
.business-choice .radio-item label{font-size:16px; font-weight:500}
.business-choice .radio-item input[type="radio"] + label{margin-right:40px;}

.busi-input-wrap{width:460px; margin:0 auto; display:block;}
.busi-input-wrap label{font-size:15px; font-weight:500; margin-right:20px;}

/* 접수번호 */
.regist-num{margin:10px 0; background:#f9f9f9; padding:20px;box-sizing: border-box;}
.regist-num span{display:inline-block; font-size:14px;}
.regist-num span.bold{color:000; font-weight:600;}
.regist-num span:first-child:after{content:"│"; font-weight:300; color:#ccc; padding:0 10px;}
.mb10px {margin-bottom:10px !important;}

/******************** //2023.01.17 경정청구 관련 css 추가 끝 *********************/


/* 2023.03.22 그리드 테이블 리스트 색상 수정 start */
.LContentsTable .ui-state-highlight, 
.LContentsTable .ui-widget-content .ui-state-highlight,
.LContentsTable .ui-widget-header .ui-state-highlight {border: 1px solid #dcdce1 !important; background: #efecff !important; }
.LContentsTable .ui-widget-content {/*border: 1px solid #dcdce1 !important;*/}
.LContentsTable .ui-jqgrid-view{border-top-color:#000 !important;}
.LContentsTable .ui-state-default{border-color:#dcdce1 !important; background: #f3f3f3 !important;}
/* //2023.03.22 그리드 테이블 리스트 색상 수정 end */

/* 2023.04.20 그리드 라인 추가 - 부가세 라인에 사용*/
.LContentsTable .ui-state-default.bd-dr,
.LContentsTable .bd-dr{border-right:3px double #666 !important;}
/* //2023.04.20 그리드 라인 추가*/


/******************** 2023.03.23 gs리테일 부서사용자 *********************/
.status-message{padding-left:16px;}
.status-message em{display:inline-block; margin-right:2px; font-size:13px; line-height:32px;}
.status-message em:after{content:'│'; color:rgba(143, 144, 149, 0.5); margin-left:4px;}
.status-message em:last-child:after{display:none;}
.status-message em strong{font-weight:500;}
.status-message em i,
.status-message em i{margin-right:2px;}
.status-message em.fc-red{color:#ee3e67}

/************* fixed table scroll **************/
.kwic-sticky-table-scroll-wrap{width:100%; position:relative; border:1px #eee solid; border-top:0; box-sizing:border-box;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll{width:100%; height:auto; position: relative; margin:0; border-top:1px solid #333; overflow-y: auto; overflow-x: auto; box-sizing:border-box;  z-index: 1;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type {width:100%; /*border-collapse: collapse; */ border-spacing: 0; border-collapse:separate; } /*  헤더 픽스시 보더 움직이는거 방지 border-collapse:separate;*/
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type thead th{padding:8px 4px;font-weight:600; background: #fbfafd;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type tbody th{font-weight:400; white-space: nowrap; background:#fff;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type th,
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type td{font-size: 14px; padding: 6px 4px;white-space: nowrap; border-bottom:1px solid #dcdce1; border-right:1px solid #dcdce1; color:#444; text-align: center;  vertical-align:middle; letter-spacing:0; box-sizing:border-box;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type tbody tr:hover,
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type tbody tr:focus{background:#f8fcff;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type th:last-child,
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type td:last-child{border-right:none;}
.kwic-sticky-table-scroll-wrap .sticky-table-scroll table.sticky-tbl-type thead{ position: -webkit-sticky; position: sticky; top: 0; z-index: 5;} /* header fixed */
.kwic-sticky-table-scroll-wrap .sticky-table-scroll .sticky-col {position: -webkit-sticky; position: sticky; z-index: 2;}
.sticky-table-scroll table.sticky-tbl-type .selected {background: #efecff;}
.sticky-table-scroll table.sticky-tbl-type .selected:hover,
.sticky-table-scroll table.sticky-tbl-type .selected:focus{background: #efecff !important;}

/* 폰트사이즈 small*/
.sticky-table-scroll table.sticky-tbl-type.font-s th,
.sticky-table-scroll table.sticky-tbl-type.font-s td{font-size:13px;}

/* fixed 테이블 내 보더 관련*/
.sticky-table-scroll .bd-left-none{border-left:none !important;}
.sticky-table-scroll .bd-right-none{border-right:none !important;}
.sticky-table-scroll .bd-bottom-none{border-bottom:none !important;}

/********** 체크박스 스타일 ***********/
/* checkbox */
.kwic-cm-checkbox {display:inline-block; vertical-align:top;}
.kwic-cm-checkbox input[type="checkbox"] {width:15px; height:15px;border:0; vertical-align:middle; margin-top:-3px; background:url('../img/ico_checkbox.png') no-repeat 0 0;background-size:47px auto;-webkit-appearance:none;-moz-appearance: none;-webkit-border-radius: 0;}
.kwic-cm-checkbox input[type="checkbox"]:hover,
.kwic-cm-checkbox input[type="checkbox"]:focus {background-position:-16px 0;}
.kwic-cm-checkbox input[type="checkbox"]:checked {background-position:0px -16px;}
.kwic-cm-checkbox input[type="checkbox"]:checked:focus {background-position:-16px -16px;}
.kwic-cm-checkbox input[type="checkbox"]:disabled  {background-position:-32px 0;}
.kwic-cm-checkbox input[type="checkbox"]:checked:disabled {background-position:-32px -16px;}
.kwic-cm-checkbox input[type="checkbox"]:disabled + label {color:#b3b3b3;}
/* checkbox label 간격 */
.kwic-cm-checkbox input[type="checkbox"] + label{margin-left:4px;}
.kwic-cm-checkbox label + input[type="checkbox"]{margin-left:4px;}
.kwic-cm-checkbox .checkbox-item input[type="checkbox"] + label{margin-right:8px;}


/**********2023.03.27 추가 multi select 관련 css :: sumoselect ***********/
.LContentsSearch .SumoSelect li{float:none !important;} /* 2023.06.26 추가 common.css 파일에서 영향받는 float:left 삭제 */
.SumoSelect p{margin:0}
.SumoSelect{width:155px;height:32px; font-size:12px;}
.SelectBox{padding:5px 8px}
.sumoStopScroll{overflow:hidden}
.SumoSelect .hidden{display:none}
.SumoSelect .search-txt{display:none;outline:0}
.SumoSelect .no-match{display:none;padding:6px}
.SumoSelect.open .search-txt{display:inline-block;position:absolute;top:0;left:0;width:100%;margin:0;padding:5px 8px;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:5px}
.SumoSelect.open>.search>label,.SumoSelect.open>.search>span{visibility:hidden}
.SelectClass,.SumoUnder{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.SelectClass{z-index:1}
.SumoSelect .select-all>label,.SumoSelect>.CaptionCont,.SumoSelect>.optWrapper>.options li.opt label{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}
.SumoSelect{display:inline-block;position:relative;outline:0}
.SumoSelect.open>.CaptionCont,.SumoSelect:focus>.CaptionCont,.SumoSelect:hover>.CaptionCont{box-shadow:0 0 2px #555;border-color:#555}
.SumoSelect>.CaptionCont{position:relative;border: 1px solid #bcbcbc;height: 32px;background-color:#fff;border-radius: 0px;display: flex;margin:0;}
.SumoSelect>.CaptionCont>span{display: flex;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default;align-items: center;font-family: auto;}
.SumoSelect>.CaptionCont>span.placeholder{color:#666;font-style:nomal}
.SumoSelect>.CaptionCont>label{position:absolute;top:0;right:0;bottom:0;width:30px}
.SumoSelect>.CaptionCont>label>i{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB+SURBVChTxZFBEcAgDARpLaAGBPLDA2gADYhAA2ig1yaTDrz4dLof7si+kmOMofY4+d3gazXn3Hvn8oBaSuEiKryUkvdebIQQQoxRbFaNMVprjMkmr9aKT2stOe+yxMMYkOecoymY9io28uKB9QRkIyzeDdSF1hqnmZ8Pq9QFh5F/VJhpHUAAAAAASUVORK5CYII=');background-position: right;width:16px;height:16px;display:block;position: absolute;top:0;left: 10px;right:0;bottom:0;margin:auto;background-repeat:no-repeat;opacity:.8}
.SumoSelect>.optWrapper{display:none;z-index:1000;top:30px;width:100%;position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ddd;box-shadow:2px 3px 3px rgba(0,0,0,.11);border-radius:3px;overflow:hidden}
.SumoSelect.open>.optWrapper{top:32px;display:block}
.SumoSelect.open>.optWrapper.up{top:auto;bottom:100%;margin-bottom:5px}
.SumoSelect>.optWrapper ul{list-style:none;display:block;padding:0;margin:0;overflow:auto}
.SumoSelect>.optWrapper>.options{border-radius:2px;position:relative;max-height:250px}
.SumoSelect>.optWrapper.okCancelInMulti>.options{border-radius:2px 2px 0 0}
.SumoSelect>.optWrapper.selall>.options{border-radius:0 0 2px 2px}
.SumoSelect>.optWrapper.selall.okCancelInMulti>.options{border-radius:0}
.SumoSelect>.optWrapper>.options li.group.disabled>label{opacity:.5}
.SumoSelect>.optWrapper>.options li ul li.opt{padding-left:22px}
.SumoSelect>.optWrapper.multiple>.options li ul li.opt{padding-left:50px}
.SumoSelect>.optWrapper.isFloating>.options{max-height:100%;box-shadow:0 0 100px #595959}
.SumoSelect>.optWrapper>.options li.opt{padding:6px 6px;position:relative;border-bottom:1px solid #f5f5f5}
.SumoSelect>.optWrapper>.options>li.opt:first-child{border-radius:2px 2px 0 0}
.SumoSelect>.optWrapper.selall>.options>li.opt:first-child{border-radius:0}
.SumoSelect>.optWrapper>.options>li.opt:last-child{border-radius:0 0 2px 2px;border-bottom:none}
.SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child{border-radius:0}
.SumoSelect>.optWrapper>.options li.opt:hover{background-color:#f3eeff;}
.SumoSelect .select-all.sel,.SumoSelect>.optWrapper>.options li.opt.sel{background-color:#a1c0e4}
.SumoSelect>.optWrapper>.options li label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;cursor:pointer;font-size: 12px;font-family: auto;}
.SumoSelect>.optWrapper>.options li span{display:none}
.SumoSelect>.optWrapper>.options li.group>label{cursor:default;padding:8px 6px;font-weight:700}
.SumoSelect>.optWrapper.isFloating{position:fixed;top:0;left:0;right:0;width:90%;bottom:0;margin:auto;max-height:90%}
.SumoSelect>.optWrapper>.options li.opt.disabled{background-color:inherit;pointer-events:none}
.SumoSelect>.optWrapper>.options li.opt.disabled *{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:.5}
.SumoSelect>.optWrapper.multiple>.options li.opt{padding-left:35px;cursor:pointer}
.SumoSelect .select-all>span,.SumoSelect>.optWrapper.multiple>.options li.opt span{position:absolute;display:block;width:27px;top:0;bottom:0;margin-left:-32px}
.SumoSelect .select-all>span i,.SumoSelect>.optWrapper.multiple>.options li.opt span i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid #aeaeae;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.15);background-color:#fff}
.SumoSelect>.optWrapper>.MultiControls{display:none;border-top:1px solid #ddd;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.13);border-radius:0 0 3px 3px}
.SumoSelect>.optWrapper.multiple.isFloating>.MultiControls{display:block;margin-top:5px;position:absolute;bottom:0;width:100%}
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls{display:block}
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{padding:6px}
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus{box-shadow:0 0 2px #a1c0e4;border-color:#a1c0e4;outline:0;background-color:#a1c0e4}
.SumoSelect>.optWrapper.multiple>.MultiControls>p{display:inline-block;cursor:pointer;padding:12px;width:50%;box-sizing:border-box;text-align:center}
.SumoSelect>.optWrapper.multiple>.MultiControls>p:hover{background-color:#f1f1f1}
.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk{border-right:1px solid #dbdbdb;border-radius:0 0 0 3px}
.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel{border-radius:0 0 3px 0}
.SumoSelect>.optWrapper.isFloating>.options li.opt{padding:12px 6px}
.SumoSelect>.optWrapper.multiple.isFloating>.options li.opt{padding-left:35px}
.SumoSelect>.optWrapper.multiple.isFloating{padding-bottom:43px}
.SumoSelect .select-all.partial>span i,.SumoSelect .select-all.selected>span i,.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:#a536f6;box-shadow:none;border-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat:no-repeat;background-position:center center}
.SumoSelect.disabled{opacity:.7;cursor:not-allowed}
.SumoSelect.disabled>.CaptionCont{border-color:#ccc;box-shadow:none}
.SumoSelect .select-all{border-radius:3px 3px 0 0;position:relative;border-bottom:1px solid #ddd;background-color:#fff;padding:8px 0 3px 35px;height:20px;cursor:pointer}
.SumoSelect .select-all>label,.SumoSelect .select-all>span i{cursor:pointer}
.SumoSelect .select-all.partial>span i{background-color:#ccc}
.SumoSelect>.optWrapper>.options li.optGroup{padding-left:5px;text-decoration:underline}
.reset-all{padding:5px 10px 5px 35px;border-bottom:1px solid #cdcdcd}
.SumoSelect[is-selected=false] .reset-all{opacity:.5;pointer-events:none}
.SumoSelect[is-selected=true] .reset-all{opacity:1;cursor:pointer;color:#7799d0}
.SumoSelect[is-selected=true] .reset-all *{cursor:pointer}
.SumoSelect[is-selected=true] .reset-all:hover{color:#000}

/********** //2023.03.27 추가 multi select 관련 css :: sumoselect ***********/



/* 2023.03.28 지출증빙 :: 오픈팝업 - 매출전표 인쇄 화면 수정 및 추가 */
.wrap-popup-print{width:640px; margin:10px auto; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;}
.wrap-popup-print .warpText{padding:0 20px 20px;}
.wrap-popup-print .warpHead01{border-bottom:none; text-align:center;}
@media print {
	/* 2023.03.28 추가 */
	#printArea .popBtnbox{display:none;} /* 인쇄시 버튼 영역 삭제 */
	.wrap-popup-print {border:none;}
}




/************ 2023.04.04 연동서비스 
  ::: 2023.08.17 수정 
*****************************************/
/* 01 api 서비스 */
.service-api-title01{position:relative; height:207px; padding:28px 0 0 28px; background: url(../img/service_api_titlebg01.png) 0 0 no-repeat; box-sizing:border-box;}
.service-api-title01 .mtitle{color:#671bd9; font-size:32px; font-weight:700;}
.service-api-title01 .stitle{margin-top:16px; font-size:19px; font-weight:500;}

.service-api-type{position:relative; padding:40px 130px; display:flex; flex-direction: row; align-items: flex-start; flex-wrap : wrap; border:1px solid #ddd; border-radius:10px; box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.06); box-sizing:border-box;}
.service-api-type .api-type-item{width:210px; text-align:center; margin:15px auto;}
.service-api-type .api-type-item .circle-icon{display:inline-block; width:107px; height:107px; text-align:center; line-height:107px; background:#eeedff; border-radius:60px;}
.service-api-type .api-type-item .txt{display:block; margin-top:5px; font-size:18px; font-weight:500;}

.service-api-txtbox:before{content:""; position:absolute; top:0; left:0; width:10px; height:118px; background: rgb(169,108,245); background: linear-gradient(180deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%);}
.service-api-txtbox{position:relative; display:flex; flex-direction: row; align-items: center; width:100%; height:118px; padding-left:40px; margin-top:60px; background:#f6f5ff; border:1px solid #aeb2d1; box-sizing:border-box;}
.service-api-txtbox .icon{width:42px; height:42px; line-height:42px; text-align:center; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%); border-radius:50px; box-sizing:border-box;}
.service-api-txtbox .title{margin:0 40px 0 20px; font-size:24px; font-weight:600; line-height:1.2;}
.service-api-txtbox .sub-txt{font-size:18px; font-weight:500; line-height:1.6;}

.service-deco-title {padding:10px 0 0 17px;}
.service-deco-title .deco-ico{position: relative; margin:3px 0; padding:3px 0 0 0; color: #444; font-size:28px; font-weight:700; color:#333; line-height:1.3;}
.service-deco-title .deco-ico:before{content:'';position:absolute;left:-17px; top: -3px;vertical-align: middle;width: 19px;height: 9px; border-radius: 9px; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%);}
.service-deco-title .deco-ico strong{font-size:16px; font-weight:600;}

.service-api-item{margin-top:65px;}
.service-api-item .fl{float:left; width:18%;}
.service-api-item .fr{float:right; width:81%;}
.service-api-item .inner-rbox{position:relative; width:100%; padding:30px 44px; border:1px solid #eeeeee; background:#fafafa; border-radius:10px; box-sizing:border-box; }
.service-api-item .inner-rbox .feature-list{}

.service-api-item .inner-rbox .feature-list{padding:10px 5px;}
.service-api-item .inner-rbox .feature-list li{position:relative;margin-bottom:15px;padding: 2px 0 3px 40px;font-size:17px;}
.service-api-item .inner-rbox .feature-list li:last-child{margin-bottom:0;}

.service-api-item .inner-rbox .feature-list li .title{font-size:19px; font-weight:600;}
.service-api-item .inner-rbox .feature-list li .title span{position:absolute; left:0; top:2px;width: 31px;height: 30px; display:inline-block; font-size:16px; font-weight:600; line-height: 30px; color:#fff; vertical-align:middle;text-align:center; font-family:roboto; border-radius: 7px 7px 0 7px; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%); box-sizing:border-box;}
.service-api-item .inner-rbox .feature-list li p{margin-top:3px;}

.service-api-item .inner-rbox .inner-text{font-size:17px; font-weight:500;}

.service-api-item .use-step-box{margin:0;padding:0 0 0 0 !important;}
.service-api-item .use-step-box ul{border-radius:10px;}

/* 02 설치형 서비스 */
.service-api-title02{position:relative; height:201px; padding:28px 0 0 28px; background: url(../img/service_api_titlebg02.png) 0 0 no-repeat; border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
.service-api-title02 .mtitle{color:#671bd9; font-size:32px; font-weight:700;}
.service-api-title02 .stitle{margin-top:16px; font-size:19px; font-weight:500;}

.service-cont2{position:relative; padding-left:10px;}
.service-cont2 .use-step-box{margin:0;padding:0 0 0 0 !important;}
.service-cont2 .use-step-box ul{border-radius:10px;}

.install-service{width:100%; padding:20px 36px; border:1px solid #dfdfee; border-radius:10px; box-sizing:border-box; }
.service-detail-con01{ height:205px; padding:0 0 30px 180px; border-bottom:1px solid #e9e9e9; background: url(../img/service_api_icon2_01.png) 13px 10px no-repeat; }
.service-detail-con01 .txt-con{font-size:17px;}
.service-detail-con01 .txt-con li:first-child{padding-top:5px}
.service-detail-con01 .txt-con li:last-child{margin-top:24px}
.service-detail-con01 .txt-con .title{width:98px; height:29px; margin:16px 0 10px 0;color:#fff;line-height:28px; font-size:16px !important; font-weight:500; text-align:center; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%); border-radius:30px; box-sizing:border-box;}
.service-detail-con01 .txt-con span{padding-left:4px; display:inline-block;}

/* 서비스 장점*/
.service-detail-con02 ul li{width:100%; display:table; border-bottom:1px solid #e9e9e9; padding:20px 4px;}
.service-detail-con02 ul li:last-child{border-bottom:none;}
.service-detail-con02 ul li div{display:table-cell; vertical-align:middle;}
.service-detail-con02 ul li .icon-box{width:143px; height:116px; text-align:center; vertical-align:middle;background:#edecfe; border-radius:10px 0 10px 0; box-sizing:border-box;}
.service-detail-con02 ul li .right-txt{padding:0 0 0 34px; font-size:17px; color:#333; text-align:left;}

/* 03 제휴서비스 - 2023.08.14 수정 및 추가 */
.service-api-title03{position:relative; height:201px; padding:28px 0 0 28px; background: url(../img/service_api_titlebg03.png) 0 0 no-repeat; box-sizing:border-box;}
.service-api-title03 .mtitle{color:#671bd9; font-size:32px; font-weight:700;}
.service-api-title03 .stitle{margin-top:16px; font-size:19px; font-weight:500;}

.service-api-txtbox02{position:relative; display:flex; flex-direction: row; align-items: center; width:100%; height:118px; padding-left:180px; margin:40px 0 30px 0; background:#ecebff url(../img/service_api_icon3_05.png) 10px bottom no-repeat; border:1px solid #aeb2d1; box-sizing:border-box;}
.service-api-txtbox02 .title{margin:0 16px 0 0; font-size:24px; font-weight:600; line-height:1.2;}
.service-api-txtbox02 .sub-txt{font-size:18px; font-weight:500; line-height:1.6;}
/* 2023.08.14 추가 */
.service-api-txtbox02 .sub-txt ul{padding:0 5px;}
.service-api-txtbox02 .sub-txt ul li{position: relative; margin:3px 0; padding:1px 8px; color: #333; font-size:14px; font-weight:500; line-height:1.2;}
.service-api-txtbox02 .sub-txt ul li:before{content:''; position:absolute;left:0; top: 8px; vertical-align: middle; width:3px; height:3px; background:#aaa; border-radius: 3px; }
.service-api-txtbox02 .right-btn{margin-left:auto; width:120px; height:100%; }
.service-api-txtbox02 .right-btn a{display:block; width:100%; line-height:110px; background:#8329db; font-size:14px; height:100%; text-align:center; color:#fff;}
.service-api-txtbox02 .right-btn a:hover{background: #8b35e0; border-color:#982ffa;}

/************ //2023.04.04 연동서비스 *************/

/***************************************************** 
   2023.04.07 연동서비스 제휴서비스 slick slide 추가    
*****************************************************/
.partner-img-slide {position:relative; width:100%; margin:30px 0 0 0; padding:20px 14px 40px; border:1px solid #dfdfee; border-radius:10px; box-sizing:border-box;}
.partner-img-slide img{max-width:100%;}

/* Arrows */
.partner-img-slide .slick-prev,
.partner-img-slide .slick-next{font-size: 0;line-height: 0; position: absolute; bottom:10px; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.partner-img-slide .slick-prev:hover,
.partner-img-slide .slick-prev:focus,
.partner-img-slide .slick-next:hover,
.partner-img-slide .slick-next:focus{ color: transparent; outline: none; background: transparent;}
.partner-img-slide .slick-prev:hover:before,
.partner-img-slide .slick-prev:focus:before,
.partner-img-slide .slick-next:hover:before,
.partner-img-slide .slick-next:focus:before{ opacity: 1;}

.partner-img-slide .slick-prev.slick-disabled:before,
.partner-img-slide .slick-next.slick-disabled:before{ opacity: .25;}

.partner-img-slide .slick-prev:before,
.partner-img-slide .slick-next:before{font-family:xeicon; font-size: 16px; line-height: 1; opacity: .75; color: #aaa; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.partner-img-slide .slick-prev{left: 33%; z-index:10;}/* 2023.08.18 수정 */
.partner-img-slide .slick-prev:before{content:"\e93b";}

.partner-img-slide .slick-next{right: 33%; z-index:10;}/* 2023.08.18 수정 */
.partner-img-slide .slick-next:before{ content:"\e93e";}

/*  Dots */
.partner-img-slide .slick-dotted.slick-slider{/*margin-bottom: 30px;*/}
.partner-img-slide .slick-dots{position: absolute; left:0; bottom: 20px; display: block; width: 100%; padding: 0; margin: 0;list-style: none; text-align: center;z-index:9;}
.partner-img-slide .slick-dots li{position: relative; display: inline-block; width: 20px; height: 20px;/* margin: 0 5px;*/ padding: 0; cursor: pointer;} /* 2023.08.18 수정*/
.partner-img-slide .slick-dots li button{font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px;cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.partner-img-slide .slick-dots li button:hover,
.partner-img-slide .slick-dots li button:focus{outline: none;}
.partner-img-slide .slick-dots li button:hover:before,
.partner-img-slide .slick-dots li button:focus:before{ opacity: 1;}
.partner-img-slide .slick-dots li button:before{ font-family:xeicon; content:"\eb0d"; font-size: 5px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.partner-img-slide .slick-dots li.slick-active button:before{ opacity: .75;color: black;}
/****  // 2023.04.07 연동서비스 제휴서비스 slick slide 추가 끝**********/


/**** 2023.04.11 관리자 이용서비스현황 툴팁 추가 *****/
.admin-tooltip-cont {display: none;	padding:14px; background: #fff; border:1px solid #666; 	border-radius:5px; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.08);box-shadow:1px 3x 5px 1px rgba(0,0,0,0.08); box-sizing:border-box;}
.admin-tooltip-cont .tbl-tooltip table{width:100%;}
.admin-tooltip-cont .tbl-tooltip table th{background: #efecff;}
.admin-tooltip-cont .tbl-tooltip table td{font-weight: 400; color:#444; }
.admin-tooltip-cont .tbl-tooltip table th,
.admin-tooltip-cont .tbl-tooltip table td{padding: 5px 8px; font-size: 13px; box-sizing:border-box; text-align:center;  border:1px #ddd solid;}
.admin-tooltip-cont .tbl-tooltip table th:first-child,
.admin-tooltip-cont .tbl-tooltip table td:first-child{border-left:none;}
.admin-tooltip-cont .tbl-tooltip table th:last-child,
.admin-tooltip-cont .tbl-tooltip table td:last-child{border-right:none;}

.admin-tooltip a{display:inline-block;}
.admin-tooltip i{font-size:22px; vertical-align:middle;}
/**** //2023.04.11 관리자 이용서비스현황 툴팁 추가 *****/


/***** 2023.04.24 서비스 이용만료 main-layerpopup *****/
.layerpop-service-wrap{padding:0; background:#fff; border:1px solid #b7a8dc; border-radius:10px; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1); box-sizing:border-box;}
.layerpop-service-wrap .layerpop-inner{position:relative; width:100%; height:100%; padding:0 24px 65px 24px;}
.layerpop-service-wrap .popup-header{position:relative; width:100%; padding:20px 0; text-align:center; }
.layerpop-service-wrap .popup-header .layer-close-btn{position:absolute; right:0; top:20px; text-align:center; }
.layerpop-service-wrap .popup-header .layer-close-btn i{display:block; font-size:24px; color:#3b3b3b; vertical-align:middle; cursor:pointer;}
.layerpop-service-wrap .popup-header .poptitle{position:relative; margin:0; font-size:24px; font-weight:600; vertical-align:middle;}

.layerpop-service-wrap .layerpop-conts{position:relative;width:100%; margin:0 auto; padding:30px 30px 40px 30px; background:#eef0ff url("../img/layerpopup_main_230424.png") 490px 140px no-repeat; font-size:15px; border-radius:10px;}
.layerpop-service-wrap .layerpop-conts .btn{text-align:center;}
.layerpop-service-wrap .layerpop-conts .btn button{position:absolute; left:50%; bottom:-18px; width:228px; height:45px; line-height:1; margin-left:-114px; font-size:16px; border-radius:10px;}
.layerpop-service-wrap .layerpop-conts .btn button i{margin-left:10px; margin-top:-3px; font-size:20px; vertical-align:middle; }
.layerpop-service-wrap .layerpop-conts .btn button span{padding-left:10px;}
.layerpop-service-wrap .layerpop-conts p{margin-top:10px;}
.layerpop-service-wrap .layerpop-conts p:first-child{margin-top:0;}
.layerpop-service-wrap .bold,
.layerpop-service-wrap .bold em{font-weight:bold;}

.layerpop-service-wrap .layer-popup-footer{ position: absolute; bottom:0; left:0; width:100%; height:40px; text-align:right; padding:6px 24px 0 0;font-size:13px; box-sizing:border-box;}
.layerpop-service-wrap .layer-popup-footer a.txtbtn{display:inline-block;cursor:pointer;margin:0 ; padding:0; text-decoration:none; color:#555;}
.layerpop-service-wrap .layer-popup-footer a.txtbtn:after{content:"│"; margin:0 10px; color:#aaa;}
.layerpop-service-wrap .layer-popup-footer a.txtbtn:last-child:after{display:none;}

@media all and ( max-width: 1399px ){
	/* 서비스 이용만료 main-layerpopup */
	.layerpop-service-wrap{left:0 !important; margin:0 0 0 0 !important;}
}
@media all and (max-width:1024px){
	/* 서비스 이용만료 main-layerpopup */
	.layerpop-service-wrap{width:600px !important;}
	.layerpop-service-wrap .layerpop-conts{font-size:14px; background-position:420px 140px;}
}
@media all and ( max-width: 800px ){
	/* 서비스 이용만료 main-layerpopup */
	.layerpop-service-wrap{display:none;}
}
/***** //2023.04.24 서비스 이용만료 main-layerpopup *****/


/***************** 2023.06.05 서명만들기 ******************/
/* 서명관리*/
.signature-stitle-box{font-size:16px; text-align:center; padding:14px 20px; color:#000; background:#f0f2ff; border-radius:5px; box-sizing:border-box;}
.signature-upload-cont{display:flex; align-items: center; justify-content:space-between; margin:24px 0 0 0; padding:0 39px;}

.signature-ftxt{position:relative; margin:24px 0 0 0; padding:14px 16px; line-height:1.3;  border-top:1px solid #d6d6d6; box-sizing:border-box;}
.signature-ftxt p{margin:1px 0!important;padding:0 0 0 11px; position: relative; font-size:14px !important;}
.signature-ftxt p:before{content:"\e93f";position: absolute; top: 3px; left: 0; display: block;font-family : xeicon; font-size:5px; width:3px; height:3px; color:#afafaf; }

/******** 업로드 이미지 인풋 스타일 ********/
/* 이미지 레이아웃 스타일 지정 */
.sign-imageprev-cont{padding:24px 44px 24px 44px; text-align:center; background:#f9f9f9; border:1px solid #ededed; border-radius:5px; box-sizing:border-box;}
.sign-imageprev-box {position: relative; width:160px; height:115px; margin : 0 auto;	padding : 10px; border : 1px solid #000; background : #fff; text-align:center; box-sizing:border-box;}
.sign-imageprev-box img{max-width:100%; max-height:100% ; margin: 0; padding : 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#preview-image{max-width:100% !important; max-height:100% !important;}

/* input 레이아웃 스타일 지정 */
.sign-input-cont {position: relative;}
.btn-sign-make,
.input-file-button {
  position:relative;
  display:table;
  vertical-align: middle;
  width:241px;
  height:73px;
  color:#222;
  font-weight:500;
  font-size:16px;
  padding:0 26px;
  border:1px solid #d7d7d7;
  border-radius:10px;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn-sign-make:hover,
.input-file-button:hover{
	background: #fff;	
	border: 1px solid #8329db;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 8px rgba(133, 141, 162, .2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 8px rgba(133, 141, 162, .2);
}
.btn-sign-make span,
.input-file-button:hover .input-txt{color:#8329db;}
.btn-sign-make img,
.input-file-button img{ vertical-align:middle; margin-right:12px;}
.btn-sign-make span,
.input-txt {display: table-cell;color: #333; vertical-align: middle;}	

/* 서명그리기 */
.canvas-drawing-wrap {position:relative; width:100%; padding:20px 0; background:#f7f7f7}
.canvas-drawing-box{position:relative; border:1px solid #333; background:#fff; width:200px; height:140px; margin:0 auto; border-radius:5px; overflow:hidden; box-sizing:border-box;}
.canvas-info-txt{margin:10px 0 0 0; text-align:center; font-size:13px; padding:0;}
/***************** //2023.06.05 서명만들기 end******************/

/****************2023.06.26 매출전표출력-인쇄화면 팝업*****************/
.wrap-print-receipt{width:21cm; min-height:29.7cm; padding:0.5cm; margin:0 auto; box-sizing:border-box; }

/* 프린트시 적용할 값 세팅*/
@media print{
	*{-webkit-print-color-adjust: exact; print-color-adjust: exact;}
	.print-inner{margin:0;}
	.no-print {display:none }
}

/* 인쇄닫기버튼 간격 */
.no-print button{margin:0 5px;}

.print-inner{box-sizing:border-box;}
.print-inner:after{content:""; clear:both; display:block;}

.receipt-item{float:left; display:inline-block; width: calc(50% - 20px); min-height:518px; margin:5px 10px; padding:4px 24px; border-radius:4px ; border:1px solid #aaa; box-sizing:border-box;} /* 2023.07.25 수정*/
.receipt-item .title{font-size:16px; font-weight:800;margin:3px 0 5px;text-align:center;}

.receipt-tbl1{width:100%;font-size:12px;border-top:2px solid #000;box-sizing:border-box; }
.receipt-tbl1 th{padding:3px 10px 3px 12px; text-align:left; font-weight:700; border-bottom:1px solid #eee; }
.receipt-tbl1 td{padding:3px 10px 3px 12px; text-align:right; font-weight:500; border-bottom:1px solid #eee; letter-spacing:0;}
.bdd-dark{border-bottom:1px dotted #000 !important;}

.receipt-tbl2{width:100%;font-size:12px; font-family:dotum, gulim, sans-serif; border-top:1px dotted #000; background:#f7f7f7;box-sizing:border-box; }
.receipt-tbl2 th{padding:4px 10px 4px 12px; text-align:left; font-weight:700; border-bottom:1px solid #eee; }
.receipt-tbl2 td{padding:4px 10px 4px 12px; font-size:14px; font-weight:bold; border-bottom:1px solid #eee; letter-spacing:0; }
/**************** //2023.06.26 매출전표출력-인쇄화면 팝업*****************/


/*********** 2023.07.05 그리드영역 td 폰트 두께 조절 ************/
/*.ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {font-weight:500;}*/



/********************* 2023.08.17 부가세신고 *********************/
/* 유의사항 */
.note-text .title{font-size:16px; padding:0 0 5px 5px; margin-bottom:8px; font-weight:bold; border-bottom:1px solid #aaa;}
.note-text ul{padding:0 5px;}
.note-text ul li{position: relative; padding:1px 9px; color: #999; font-size:14px; font-weight:500; line-height:1.4;}
.note-text ul li:before{content:''; position:absolute;left:0; top: 10px; vertical-align: middle; width:3px; height:3px; background:#ccc; border-radius: 3px; }

/* 순서도 */
.flow-chart-box{position:relative; margin-top:20px;}
.flow-chart-box:after{content:""; display:block; clear:both;}

.flow-chart-box .chart-left-con{position:absolute; left:0; top:16px; display:flex; align-items:center; z-index:21;}
.flow-chart-box .chart-right-con{z-index:1;}

.flow-chart-box .chart-left-con .chart-title-item1{position:relative; width:210px; text-align:center; padding: 16px 20px; border: 2px solid #6f8ca6; background: #dbeeff; border-radius: 10px; box-sizing: border-box;}
.flow-chart-box .chart-left-con .chart-title-item2{position:relative; width:210px; text-align:center; padding: 20px 20px; border: 2px solid #856cff; background: #856cff; color:#fff; border-radius: 10px; box-sizing: border-box;}
.flow-chart-box .chart-left-con .chart-title-item1 p,
.flow-chart-box .chart-left-con .chart-title-item2 p{font-size:18px; font-weight:bold;}
.flow-chart-box .chart-left-con .chart-title-item1 span,
.flow-chart-box .chart-left-con .chart-title-item2 span{font-size:14px;}

.flow-chart-box .chart-title-arrow {margin:20px 0 0 0; width:150px;font-size:16px; font-weight:bold; text-align:center;}
.flow-chart-box .chart-title-arrow span{display:block; margin-top:8px;}
.flow-chart-box .arrow-right{margin:auto; width:100px;height:45px; clip-path: polygon(0% 20%, 70% 20%, 70% 0%, 100% 50%, 70% 100%, 70% 80%, 0% 80%); background:#736e81;}

.flow-chart-box .chart-right-con{float:right; width:584px;padding:30px 20px 20px; border:2px solid #856cff;border-radius: 10px; box-sizing: border-box;}
.flow-chart-box .chart-right-con .text-item1{padding:0 0 30px 160px; border-bottom:1px solid #ddd;}
.flow-chart-box .chart-right-con .text-item1 li{margin:3px 0;font-size:15px; font-weight:600;}
.flow-chart-box .chart-right-con .text-item1 li i{color:#7a1ad8; margin-right:5px; font-weight:bold;}

.flow-chart-box .chart-right-con .text-item2 {display: flex; justify-content: space-between; margin-top:16px; }
.flow-chart-box .chart-right-con .text-item2 li{ display:block;width: calc(33.33% - 10px); margin:0 10px; font-size:16px; color:#111; text-align:center; padding: 16px 20px;  background: #ece6ff; border-radius: 10px; box-sizing: border-box;}
.flow-chart-box .chart-right-con .text-item2 li:first-child{margin-left:0;}
.flow-chart-box .chart-right-con .text-item2 li:last-child{margin-right:0;}


/****** 도입사례 박스 ******/
.service-api-title04{position:relative; height:201px; padding:28px 0 0 28px; background: url(../img/service_api_titlebg04.png) 0 0 no-repeat; border-bottom:1px solid #d9d9d9; box-sizing:border-box;}
.service-api-title04 .mtitle{color:#671bd9; font-size:32px; font-weight:700;}
.service-api-title04 .stitle{margin-top:16px; font-size:19px; font-weight:500;}

/* 도입사례 회사 로고 - 2024.05.31 수정 */
.referance-rbox{position: relative; width: 100%; margin:10px 0 0 0; padding: 30px 20px; border: 1px solid #eeeeee; background: #fafafa; border-radius: 10px; box-sizing: border-box;}
.referance-rbox .title{font-size:20px; text-align:center; font-weight:700; margin-bottom:20px;}
.referance-logo-list ul{position:relative;  width:100%; display:flex; align-items: center;/* flex-direction: row;  flex-wrap: wrap;*/} /* 도입사례로고 늘어나면 줄바꿈 고려 */
.referance-logo-list ul li{display:block; width: calc(14.2% - 10px); padding:15px 5px; margin:5px 6px; border:1px solid #ddd; background:#fff; border-radius:16px; box-sizing:border-box;}
.referance-logo-list ul li span{display:block; height:35px; text-align:center; vertical-align:middle; line-height:35px;}
.referance-logo-list ul li img{width: auto; height: auto; max-width: 100%; max-height: 29px; display: inline-block; text-align: center; vertical-align: middle; box-sizing:border-box;}

/* 특장점 */
.service-tax-intro03{position:relative; width: 100%; margin:10px 0 0 0; padding: 10px 20px; border: 1px solid #dfdfee; border-radius: 10px; box-sizing: border-box;}
.service-tax-intro03 ul li{display:flex; align-items: center; padding:10px 0; border-bottom:1px dotted #ccc; font-size:14px;}
.service-tax-intro03 ul li:last-child{border-bottom:0;}

.service-tax-intro03 ul li .title{position:relative; width:280px; padding:10px 10px; font-size:17px; font-weight:700; background:#f0f0f4; border-radius: 5px; box-sizing: border-box;}
.service-tax-intro03 ul li .title span{width: 31px;height: 30px; margin-right:10px; display:inline-block; font-size:16px; font-weight:600; line-height: 30px; color:#fff; vertical-align:middle;text-align:center; font-family:roboto; border-radius: 7px 7px 0 7px; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%); box-sizing:border-box;}
.service-tax-intro03 ul li .sub-text{margin-left:10px; font-weight:500;}

/* 서비스 구성 */
.service-format-box{position:relative; width: 100%; margin:10px 0 0 0; padding: 15px 12px; border: 1px solid #eeeeee; background:#fafafa; border-radius: 10px; box-sizing: border-box;}
.service-format-box .format-con1{display:flex; justify-content: space-between;}
.service-format-box .format-con1 .format-item{width: calc(20% - 3px); margin:0 3px; border:1px solid #d0d0d0; background:#fff; border-radius:10px; box-sizing:border-box; }
.service-format-box .format-con1 .format-item:first-child{margin-left:0;}
.service-format-box .format-con1 .format-item:last-child{margin-right:0;}
.service-format-box .format-con1 .format-item .title{padding:5px 0; font-size:18px; font-weight:bold; text-align:center; background:#d7d8ff; border-radius:10px 10px 0 0;}
.service-format-box .format-con1 .format-item .sub-txt{padding:6px 10px 9px;}
.service-format-box .format-con1 .format-item .sub-txt li{position: relative; margin:4px 0; padding:0 7px; color: #333; font-size:14px; font-weight:400; line-height:1.3;}
.service-format-box .format-con1 .format-item .sub-txt li:before{content:''; position:absolute;left:0; top: 7px; vertical-align: middle; width:3px; height:3px; background:#ccc; border-radius: 3px; }

.service-format-box  .arrow-down{margin:-5px auto 0; width:50px;height:60px; clip-path: polygon(0% 20%, 50% 20%, 50% 0, 100% 50%, 50% 100%, 50% 80%, 0% 80%); background:#736e81; transform: rotate( 90deg );}

.service-format-box .format-con2{margin-top:-2px; display:flex; justify-content: center;}
.service-format-box .format-con2 .format-item{width: 60%; margin:0; border:1px solid #d0d0d0; background:#fff; border-radius:10px; box-sizing:border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2); }
.service-format-box .format-con2 .format-item:first-child{margin-left:0;}
.service-format-box .format-con2 .format-item:last-child{margin-right:0;}
.service-format-box .format-con2 .format-item .title{padding:5px 0; font-size:18px; font-weight:bold; text-align:center; background:#ffd7e6; border-radius:10px 10px 0 0;}

.service-format-box .format-con2 .format-item .both-text{display:flex; justify-content: center;}
.service-format-box .format-con2 .format-item .sub-txt{width: calc(50% - 20px); padding:15px 10px 18px;}
.service-format-box .format-con2 .format-item .sub-txt li{position: relative; margin:3px 0; padding:0 7px; color: #333; font-size:14px; font-weight:400; line-height:1.3;}
.service-format-box .format-con2 .format-item .sub-txt li:before{content:''; position:absolute;left:0; top: 7px; vertical-align: middle; width:3px; height:3px; background:#ccc; border-radius: 3px; }
/********************* //2023.08.17 부가세신고 *********************/


/****** 2023.09.25 그리드 및 테이블 폰트 변경 *******/
.borderTable03 table,
.borderTable03 th,
.borderTable03 td, 
.borderTable03 select,
.borderTable03 input,
.ui-jqgrid table, 
.ui-jqgrid th, 
.ui-jqgrid td, 
.ui-jqgrid select, 
.ui-jqgrid input {font-family:  'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

.borderTable03 td, 
.ui-jqgrid td{font-weight:400;}


.grid_sub_btn {
	display: inline-block;margin: 0 auto;padding-bottom: 3px;padding-left: 5px;
}

/* 그리드영역 합계줄 색상
.ui-jqgrid tr.footrow{background-color: rgb(239, 236, 255) !important;}
.ui-jqgrid tr.footrow td {color: #222 !important; font-weight:500;background-color: rgb(239, 236, 255) !important;}*/


/* 2024.08.09 부서사용자 계정생성*/
.width800px{width:800px;} /* 부서사용자계정 모달팝업 사이즈800px*/

/* 부서사용자 계정 생성 팝업 */
.id-notice-txt{position:relative; display:flex; align-items:center; width:100%; margin-bottom:24px; line-height:1.2; padding:16px 22px;background:#f2f2ff; border-radius:5px; box-sizing:border-box;}
.id-notice-txt .left-icon{margin-right:16px;}
.id-notice-txt .doticon-info-txt{}
.id-notice-txt .doticon-info-txt li{padding:1px 6px; line-height:1.3;}

/* 부서사용자 페이지 사용 안내박스*/
.doticon-info-txt li{position: relative; padding:2px 6px; color: #444; font-size:14px; font-weight:500; line-height:1.4;}
.doticon-info-txt li:before{content:''; position:absolute;left:0; top: 12px; vertical-align: middle; width:2px;height:2px; background:#888; border-radius: 3px; }

/* 부서사용자 개인정보보호정책 */
.id-agree-box{position:relative; margin:8px 0 8px 0;padding:16px 22px; border:1px solid #ddd; background:#f7f7f7; border-radius:5px; box-sizing:border-box;}
.id-agree-box h3{ font-size:16px; }
.id-agree-box ul{margin-left:8px;}

.id-agree-check{display:block; text-align:right;}
.id-agree-check span{text-align:right;}


/******************************* ******************************
	2025.05.23 일반과세자 부가가치세 인쇄 미리보기 및 출력  
*************************************************************/
@media print{
  * {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
  }
  html, body {
    margin:0;
    padding:0;
    page-break-after: avoid;
    page-break-before: avoid
  }
  body, .print-page {margin-top:-1px} /*서브픽셀 해결1*/
  
  .print-page:first-child {
    page-break-before: auto;
    page-break-inside: avoid
  }
  .print-page {
    overflow:hidden;
    position:relative;
    width:210mm;
    height:297mm; /*서브픽셀 해결1 사용시*/
    height:calc(297mm - 1px); /*서브픽셀 해결2 - IE는 미지원*/
    page-break-before: always;
  }
  
}
.wrap-print-tax{width:710px;position:relative;margin:0 auto;padding:20px 0;}  /* 패딩값은 적당히 조절 */
.wrap-print-tax *{line-height:1; font-family: "맑은 고딕","dotum",sans-serif;}

.wrap-print-tax .pre {white-space:pre;}
.wrap-print-tax .ac{text-align:center;}
.wrap-print-tax .ar{text-align:right;}
.wrap-print-tax .vt{ vertical-align:top;}
.wrap-print-tax .lsp-m1{letter-spacing:-2px;}
.wrap-print-tax .pd-zero{padding:0 0 0 0 !important;}
.wrap-print-tax .pd-zero2{padding:5px 0 0 5px !important;}
.wrap-print-tax .mt3{margin-top:3px !important;}
.wrap-print-tax .mb3{margin-bottom:3px !important;}
.wrap-print-tax .font10{font-size:10px !important; }
.wrap-print-tax .font13{font-size:13px !important; }
.wrap-print-tax .lh-large{line-height:1.4 !important;}

.wrap-print-tax .print-title{position:relative; display:flex; align-items: center; margin:10px 0; padding-left:20px; font-size:22px; font-weight:bold; text-align:center;}
.wrap-print-tax .print-title div:last-child{ text-align:left; margin-left:20px;}
.wrap-print-tax .print-title div:last-child p{margin:4px 0;}
.wrap-print-tax .print-title div:last-child p span{white-space:pre;}

.wrap-print-tax .gray-bg {background-color: #d5d5d5;}

.wrap-print-tax .print-tbtype01 {border-top:1px solid #000;border-bottom:0 solid #000;width:100%;margin:0 0 0 0;}
.wrap-print-tax .print-tbtype01 td {padding:1px 1px;border-top:1px solid #000; font-size:13px; text-align:left; border-right:none;}

.wrap-print-tax .print-tbtype02 {border-top:1px solid #000;width:100%;margin:0 0 0 0}
.wrap-print-tax .print-tbtype02 thead th{font-size:12px;}
.wrap-print-tax .print-tbtype02 tbody th{font-size:12px; font-weight:normal;}
.wrap-print-tax .print-tbtype02 th{text-align:center; padding:2px 2px; border:1px solid #000; border-right:none;}
.wrap-print-tax .print-tbtype02 td{text-align:left; padding:2px 2px; font-size:11px; border:1px solid #000; border-right:none;}
.wrap-print-tax .print-tbtype02 th:first-child,
.wrap-print-tax .print-tbtype02 td:first-child{border-left:none;}

.wrap-print-tax .print-tbtype02.bd-top-bt-none{border-top:none !important;}
.wrap-print-tax .print-tbtype02.bd-top-bt-none td{border-top:none !important;border-bottom:none !important;}

.wrap-print-tax .print-tbtype02.attached-file-tbl td{border-bottom:none !important;}

.wrap-print-tax .bd-left{border-left:1px solid #000 !important;}
.wrap-print-tax .bd-right{border-right:1px solid #000 !important;}
.wrap-print-tax .bd-bottom{border-bottom:1px solid #000 !important;}

.wrap-print-tax .bd-left-none{border-left:none !important;}
.wrap-print-tax .bd-right-none{border-right:none !important;}
.wrap-print-tax .bd-top-none{border-top:none !important;}
.wrap-print-tax .bd-bottom-none{border-bottom:none !important;}

.wrap-print-tax .footer-txt1{font-size:11px;}
.wrap-print-tax .footer-txt2{padding:3px;}
.wrap-print-tax .footer-txt3{padding:3px;}
.wrap-print-tax .footer-date{display:flex; justify-content: flex-end; margin:3px 0 8px;}
.wrap-print-tax .footer-sign{display:flex; justify-content: flex-end; border-bottom:3px solid #666;}
.wrap-print-tax .footer-date span:nth-child(odd){width:13%; text-align:right; padding-right:4px;}
.wrap-print-tax .footer-sign span:nth-child(2){width:24%; text-align:right; padding-right:4px;}
.wrap-print-tax .footer-txt3 span:first-child{font-size:18px; padding-right:8px;}

.prin-page-box{position:relative; padding:10px; margin:0 auto 20px; text-align:center; /*background:#f7f7f7; border-bottom:1px solid #eeeeee;*/ background:#fff; border-bottom:1px solid #ddd; }
.prin-page-box .page-items{width:180px; margin:0 auto; padding:6px 0;  display:flex; border-radius:10px; /*background:#f1f1f1;*/ background:#f1f1f1; border:1px solid #eeeeee;justify-content: space-around; align-items: center;}
.prin-page-box .page-items input{width:36px; height:20px; padding:0 5px; text-align:center;}
.prin-page-box .right-btn{position:absolute; right:10px; top:14px;}

.prin-page-box .page-items .btn-arrow{padding:5px; background: none; border:none; border-radius:5px; }
.prin-page-box .page-items .btn-arrow:hover{background:#dddddd;}
.prin-page-box .page-items .btn-arrow:hover i{color:#8329db}

/*2page */
.wrap-print-tax .business-box{border-top:1px solid #000; padding-top:4px;}
.wrap-print-tax .business-number{position:relative; padding:2px 0; display:flex;justify-content: flex-start; align-items: center;}
.wrap-print-tax .business-number span,
.wrap-print-tax .business-number p{display:inline-block; padding:0 8px; font-size:11px;}
.wrap-print-tax .business-number .txt-box{width:23px;padding:5px 2px; border: 1px solid #000;text-align:center; margin-left:-1px;}
.wrap-print-tax .business-number em{display:inline-block;margin-right:2px;}



/***********************************
     공통 기본 폰트 변경
	 2023.06.26	 
	 기본 pretendard
***********************************/
/* 프리텐다드  */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), 
	url('../fonts/Pretendard-Black.woff2') format('woff2'), 
	url('../fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), 
	url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'), 
	url('../fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), 
	url('../fonts/Pretendard-Bold.woff2') format('woff2'), 
	url('../fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), 
	url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), 
	url('../fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), 
	url('../fonts/Pretendard-Medium.woff2') format('woff2'), 
	url('../fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), 
	url('../fonts/Pretendard-Regular.woff2') format('woff2'), 
	url('../fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), 
	url('../fonts/Pretendard-Light.woff2') format('woff2'), 
	url('../fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), 
	url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'), 
	url('../fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), 
	url('../fonts/Pretendard-Thin.woff2') format('woff2'), 
	url('../fonts/Pretendard-Thin.woff') format('woff');
}


/* font - 숫자폰트 이슈로 노토산스 추가*/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSans-Thin.woff2) format('woff2'),
       url(../fonts/NotoSans-Thin.woff) format('woff'),
       url(../fonts/NotoSans-Thin.eot) format('eot'),
       url(../fonts/NotoSans-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSans-Light.woff2) format('woff2'),
       url(../fonts/NotoSans-Light.woff) format('woff'),
       url(../fonts/NotoSans-Light.eot) format('eot'),
       url(../fonts/NotoSans-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSans-DemiLight.woff2) format('woff2'),
       url(../fonts/NotoSans-DemiLight.woff) format('woff'),
       url(../fonts/NotoSans-DemiLight.eot) format('eot'),
       url(../fonts/NotoSans-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSans-Regular.woff2) format('woff2'),
        url(../fonts/NotoSans-Regular.woff) format('woff'),
       	url(../fonts/NotoSans-Regular.eot) format('eot'),
        url(../fonts/NotoSans-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSans-Medium.woff2) format('woff2'),
        url(../fonts/NotoSans-Medium.woff) format('woff'),
        url(../fonts/NotoSans-Medium.eot) format('eot'),
        url(../fonts/NotoSans-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSans-Bold.woff2) format('woff2'),
        url(../fonts/NotoSans-Bold.woff) format('woff'),
        url(../fonts/NotoSans-Bold.eot) format('eot'),
        url(../fonts/NotoSans-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSans-Black.woff2) format('woff2'),
        url(../fonts/NotoSans-Black.woff) format('woff'),
        url(../fonts/NotoSans-Black.eot) format('eot'),
        url(../fonts/NotoSans-Black.otf) format('opentype');
 }

/* notosans 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/