@charset "utf-8";

html{-webkit-text-size-adjust:none; -ms-user-select:none; -khtml-user-select:none; -webkit-user-select:none;
  -webkit-touch-callout:none; user-select:none;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
url(../fonts/NotoSansKR-Thin.woff) format('woff'),
url(../fonts/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
url(../fonts/NotoSansKR-Light.woff) format('woff'),
url(../fonts/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
url(../fonts/NotoSansKR-Regular.woff) format('woff'),
url(../fonts/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
url(../fonts/NotoSansKR-Medium.woff) format('woff'),
url(../fonts/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
url(../fonts/NotoSansKR-Bold.woff) format('woff'),
url(../fonts/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
url(../fonts/NotoSansKR-Black.woff) format('woff'),
url(../fonts/NotoSansKR-Black.otf) format('opentype');}




body,a,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tr,th,td,
form,fieldset,label,legend,input,textarea,button,menu{margin:0px;padding:0px;-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button,code{color:#333333; letter-spacing:-0px;
font-weight: 500; font-family: 'Noto Sans KR'; text-align: left;}
body{width:100%; position:relative;word-wrap:break-word;word-break:break-all;
background:#f0f0f0;}

nav,menu,ul,li,ol{list-style:none;}
div{display:block;}
table{border-collapse:collapse; border-spacing:0;}
img,fieldset{border:none;}
em,address{font-style:normal;}
section,article,header,footer,nav,aside,hgroup{display:block;}
button{border:none; background:none;}
input:focus, button:focus, textarea:focus{outline:none;}
a{margin:0px; padding:0px; text-decoration:none; cursor:pointer;}
/*a:link{color:#fff;}
a:visited{color:#fff;}*/

/*fix*/
.clear_fix:after{content:""; display:block; clear:both;}
.ib_fix{/*font-size:0px; */line-height:0px;}
.str{font-weight: 700 !important;}
.txt-green{color:#84b140 !important;}
.txt-orange{color:#ff655a !important; font-weight: 500;}
.txt-orange-b{color:#ff655a !important; font-weight: 700;}
.txt-l-brown{color:#ac9867 !important;}
.mt08{margin-top:8px !important;}
.mt014{margin-top:14px !important;}
.mt017{margin-top:17px !important;}
.bg-white{background: #ffffff !important;}

/*Header*/
.header{position: fixed; width:100%; background: #fff; z-index:100;}
.header:after{content:""; display:block; clear:both;}
.header-row1{height:50px; text-align: center;}
.header.hd_down{box-shadow: 0px 4px 4px rgba(0,0,0, 0.1);}
.btn-back{position: absolute; width:50px; height:50px; top:0px; left:0px; cursor: pointer;
background: url(../kb_guide_image/nav-back.png) 13px center no-repeat; background-size: 10px 20px}
.btn-close{position: absolute; width:50px; height:50px; top:0px; right:0px; cursor: pointer;
background: url(../kb_guide_image/nav-close.png) 21px center no-repeat; background-size: 12px 12px}
.header-row1 span{display:block; height:50px; line-height:50px; text-align: center;
font-size:15px; font-weight:700; color:#444;}

.header-row2{height:42px; padding:0px 13px;}
.header-row2:after{content:""; display:block; clear:both;}
.hr-left{height: 42px; line-height: 42px; text-align: left; color:#444; float: left; font-size: 13px;}
.date-a{height: 42px; line-height: 42px; float: right;  font-size: 13px;
text-align: right; padding-right:24px; cursor:pointer;
background:url(../kb_guide_image/callender3.png) right 13px no-repeat; background-size: 17px 17px;}
.date-b{height: 42px; line-height: 42px; float: right;  font-size: 13px;
text-align: right; padding-right:14px; cursor:pointer;
background:url(../kb_guide_image/select_closed.png) right 20px no-repeat; background-size: 8px 4px;}


/*일, 주, 월 리포트*/
.contents-all{position: absolute; width:100%; top:92px; padding:13px 13px 60px; }
.part-wrap{background: #fff; border-radius: 5px; margin-top:11px;}
.part-wrap:first-child{margin-top:0px;}
.part-wrap .title-row{height:51px; padding:0px 17px; border-bottom:1px solid #d0d0d0;}
.part-wrap .title-row .title{font-size:16px; color:#444; font-weight:700; float: left; margin-top:12px;}
.title-icon{width:12px; height:12px; background:url(../kb_guide_image/list-12x12.png) no-repeat; background-size: 12px 12px;
float: left; margin-top:19px; margin-right:4px;}
.link-icon1{width:30px; height:50px; float: left;
background: url(../kb_guide_image/nav-back-s-r.png) 4px 19px no-repeat; background-size: 6px 12px}
.part-wrap .contents{padding:16px 17px 30px;}

.c-row1{height:22px; line-height:22px; text-align: left; font-size: 15px;
font-weight: 400; margin-top:19px;}
.c-row1:first-child{margin-top:0px;}
.c-row2{line-height:20px; text-align: left; font-size: 14px;
font-weight: 400; margin-top:9px;}
.c-row2:first-child{margin-top:0px;}
.c-row3{line-height:18px; text-align: left; font-size: 12px;
font-weight: 400; color:#999; margin-top:9px;}
.c-row3:first-child{margin-top:0px;}
.c-row4{line-height:20px; text-align: left; font-size: 14px;
font-weight: 700; }
.c-row2.plus{background: url(../kb_guide_image/plus6.png) left 7px no-repeat;
background-size: 9px 9px; padding-left:14px;}
.c-row2.arrow{background: url(../kb_guide_image/arrow.png) left 5px no-repeat;
background-size: 13px 13px; padding-left:17px;}
.c-row2.attention{background: url(../kb_guide_image/attention2.png) left 6px no-repeat;
background-size: 10px 10px; padding-left:15px;}
.c-row2.minus{background: url(../kb_guide_image/minus.png) left 10px no-repeat;
background-size: 9px 1px; padding-left:14px;}

.c-row2.face1{background: url(../kb_guide_image/face-1.png) left 1px no-repeat;
background-size: 20px 20px; padding-left:25px; height:23px;}
.c-row2.face2{background: url(../kb_guide_image/face-2.png) left 1px no-repeat;
background-size: 20px 20px; padding-left:25px; height:23px;}
.c-row2.face3{background: url(../kb_guide_image/face-3.png) left 1px no-repeat;
background-size: 20px 20px; padding-left:25px; height:23px;}
.c-row3.child{background: url(../kb_guide_image/child.png) left 4px no-repeat;
background-size: 10px 10px; padding-left:15px;}
.c-row3.point{background: url(../kb_guide_image/point.png) left 8px no-repeat;
background-size: 4px 4px; padding-left:10px; color:#555;}
.c-line{width:100%; height:1px; margin-top:14px; margin-bottom:14px;
background: #e2e2e2;}
.c-line2{width:100%; height:1px; margin-top:26px; margin-bottom:17px;
background: #e2e2e2;}


/*이슈알림*/
.contents-all2{position: relative; width:100%; padding:0px 0px 60px; }
.contents-all2 .part-wrap{width:100%; display: inline-block; border-radius: 0px;
  margin-top:8px; padding:0px 13px;}
.contents-all2 .part-wrap .title-row{padding:0px; border-bottom: none; height:50px;}
.contents-all2 .part-wrap .title-row .title{display: block; height:50px; line-height:49px; margin-top:0px;}
.contents-all2 .part-wrap .title-row .txt-total{font-size:13px; color:#444; font-weight:400;
float: right; height:50px; line-height:49px; }

.contents-all3{position: absolute; top:50px; width:100%; padding:0px 0px 60px; }
.contents-all3 .part-wrap{width:100%; display: inline-block; border-radius: 0px;
  margin-top:8px; padding:0px 13px;}
.contents-all3 .part-wrap .title-row{padding:0px; border-bottom: none; height:50px;}
.contents-all3 .part-wrap .title-row .title{display: block; height:50px; line-height:49px; margin-top:0px;}
.contents-all3 .part-wrap .title-row .txt-total{font-size:13px; color:#444; font-weight:400;
float: right; height:50px; line-height:49px; }

.i-contents{margin-top:16px; margin-left:4px; border-left:2px solid #aaaaaa; margin-bottom: 20px}
.issue{position: relative; width:100%; margin-top:16px;}
.issue:first-child{margin-top:0px;}
.issue:after{content:""; display:block; clear:both;}
.i-point{position: absolute; width:10px; height:10px; top:0px; left:-6px;  border-radius: 5px;
border:2px solid #aaaaaa; background:#fff1cf; }
.i-tri{position: absolute; width:10px; height:10px; background: url(../kb_guide_image/tri-text.png) no-repeat;
background-size: 10px 10px; top:5px; left:15px; color:#555;}
.i-text{width:calc(100% - 25px); float: right; background: #fff5dc; padding:8px 10px;}
.i-row1{line-height:22px; text-align: left; font-size: 14px; color:#444444;
font-weight: 700;}
.i-time{position: absolute; top:11px; right:10px; font-size: 11px; text-align: right;
color:#97855b; height:17px; line-height:17px;}
.i-row2{line-height:20px; text-align: left; font-size: 12px; color:#444444;
font-weight: 400; margin-top:3px;}
.i-row2.point{background: url(../kb_guide_image/point.png) left 9px no-repeat;
background-size: 4px 4px; padding-left:9px;}

.i-line{width:100%; height:1px; background-color: #d0d0d0;}


/*입출금 계좌 설정*/
.contents-all3{position: absolute; width:100%; left:0px; top:50px;
padding:0px;}
.co-part{width:100%; margin-top:8px;background: #fff; padding: 14px 14px 24px;}
.co-part.p-fix{padding: 20px 14px 40px;}
.co-part.cms-last{min-height:calc(100vh - 401px);}
.c-row1b{height:22px; line-height:22px; text-align: left; font-size: 15px;
font-weight: 700; margin-top:19px;}

.c-row2.point{background: url(../kb_guide_image/dot4.png) 2px 9px no-repeat;
background-size: 4px 4px; padding-left:15px;}

.c-row3.right-arrow{display:inline-block; background: url(../kb_guide_image/r-arrow.png) right 5px no-repeat;
line-height:23px; height:23px;
background-size: 7px 13px; padding-left:15px; color:#555; padding-right:12px;}

.t-row{line-height:25px; text-align: left; font-size: 16px; font-weight: 500; margin-top:19px;}
.t-row:first-child{margin-top:0px;}
.t-row.title1{background: url(../kb_guide_image/cc-001.png) left 0px no-repeat;
background-size: 25px 25px; padding-left:31px;}
.t-row.title2{background: url(../kb_guide_image/cc-002.png) left 0px no-repeat;
background-size: 25px 25px; padding-left:31px;}
.t-row.title3{background: url(../kb_guide_image/cc-003.png) left 0px no-repeat;
background-size: 25px 25px; padding-left:31px;}
.t-row.title4{background: url(../kb_guide_image/cc-004.png) left 0px no-repeat;
background-size: 25px 25px; padding-left:31px;}
.t-row.title5{background: url(../kb_guide_image/cc-005.png) left 0px no-repeat;
background-size: 25px 25px; padding-left:31px;}
.t-row.title6{background: url(../kb_guide_image/cc-006.png) left 0px no-repeat;
background-size: 25px 25px; padding-left:31px;}
.t-row.title7{background: url(../kb_guide_image/cc-007.png) left 0px no-repeat;
background-size: 25px 25px; padding-left:31px;}
.t-row.title8{background: url(../kb_guide_image/cc-008.png) left 0px no-repeat;
background-size: 25px 25px; padding-left:31px;}
.t-row.title9{background: url(../kb_guide_image/cc-009.png) left 0px no-repeat;
background-size: 25px 25px; padding-left:31px;}

.cms-img{width:100%; height:auto; background-color:#f0f0f0; margin:16px auto 30px;
text-align: center; padding:16px 0px; border-radius: 6px;}
.cms-img img {box-shadow:1px 1px 4px #aaaaaa;}
.c-img1 img{width:260px; height: auto; border-radius: 8px;}
.c-img1a img{width:224px; height: auto; border-radius: 8px;}
.c-img2 img{width:224px; height: auto; border-radius: 8px;}
.c-img3 img{width:224px; height: auto; border-radius: 8px;}
.c-img4 img{width:224px; height: auto; border-radius: 8px;}
.c-img5 img{width:224px; height: auto; border-radius: 8px;}
.c-img6 img{width:224px; height: auto; border-radius: 8px;}
.c-img7 img{width:224px; height: auto; border-radius: 8px;}
.c-img8 img{width:224px; height: auto; border-radius: 8px;}
.c-img9 img{width:224px; height: auto; border-radius: 8px;}


.erp-img{width:100%; height:auto; background-color:#f0f0f0; margin:16px auto 30px;
text-align: center; padding:16px 0px; border-radius: 6px;}
.erp-img img {box-shadow:1px 1px 4px #aaaaaa;}
.e-img1 img{width:224px; height: auto; border-radius: 8px;}
.e-img2 img{width:224px; height: auto; border-radius: 8px;}
.e-img3 img{width:224px; height: auto; border-radius: 8px;}
.e-img4 img{width:224px; height: auto; border-radius: 8px;}
.e-img5 img{width:224px; height: auto; border-radius: 8px;}
.e-img6 img{width:224px; height: auto; border-radius: 8px;}
.e-img7 img{width:224px; height: auto; border-radius: 8px;}
.e-img8 img{width:224px; height: auto; border-radius: 8px;}
.e-img9 img{width:224px; height: auto; border-radius: 8px;}

.btn-submit{width:100%; height:40px; line-height:40px; text-align:center;
font-size:14px; color:#444; font-weight: 700; background: #FFEF00;
margin-top:24px; margin-bottom:30px; cursor: pointer;}


@media screen and (max-width: 330px) {



}