@charset "utf-8";

/* 20220218 수정 */
body{
word-break:keep-all;
}

*{margin:0;padding:0;-webkit-appearance: none;}
html {background: #fff;}
html,body{
    max-width:100%;height:100%;overflow-x:hidden;
    -webkit-text-size-adjust: none; 
    -moz-text-size-adjust: none; 
    -ms-text-size-adjust: none;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{position:relative;display:inline-block;width:100vw;float: left;}
caption{width: 0;height: 0;font-size:0;overflow: hidden;}
img{max-width: 100%;}
div,ul,ol,li{display: inline-block;float:left;}
/* div:focus,
ul:focus,
ol:focus,
li:focus,
a:focus{outline:1px dashed #555;outline-offset:-2px;} */
ol,ul{list-style: none;}
dl, ol, ul{padding:0;margin:0;}
body,input,textarea,table{font-family:'SpoqaHanSansNeo'; font-size:0.96rem; font-weight: 400; line-height: 1.5}
table{border-spacing: 0;border-collapse: collapse;}
a{color:#000;text-decoration:none;word-break: break-all;box-sizing: border-box;}
a:hover,a:active,a:focus{text-decoration:none;}
a:focus,button:focus{outline: 1px solid #f00;}
address{font-style: normal}
p,li{line-height: 1.4;font-size: 0.96rem;}
p{display:inline-block;width: 100%;}
select{font-family:'SpoqaHanSansNeo';-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display:none}
button{font-family:'SpoqaHanSansNeo';cursor: pointer;}
*, ::after, ::before{box-sizing: inherit}
::after, ::before{display: inline-block;position: absolute;}
.fz18{font-size: 1.125rem;}
.blueO{display: inline-block;width: 0.875rem;height: 0.875rem;line-height:0.875rem;overflow:hidden;text-align:center;color:#fff;font-size:0.5rem;background: #3246b5;border-radius: 100%;}

.darker{display: block;position:fixed;width:100vw;height: 100vh;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 999;}

/***********!!!SKIP BOX!!!***********/
.skipBox{position:absolute;width:100%;top: 0;left: 0;z-index: 99999;}
.skipBox p{position:absolute;width: 100%;top: 0;left: 0;}
.skipBox a { display: block; position: absolute;width:100%; top: -1000px; text-align: center; color: #fff; background: #091152; }
.skipBox a:focus { position: static; }

/* Style s */

h3{width:100%;line-height:1;float:left;color:#000;font-size: 1.6rem;font-weight: 500;margin: 16px 0 24px;}
.subtt{display:inline-block;position:relative;width:100%;line-height:1;float:left;color:#3246b5;font-size: 1.2rem;font-weight: 400;margin:8px 0 8px;box-sizing: border-box;font-weight: bolder;}
/* .subtt::before{content:"";width:20px;height:4px;background:#3246b5;top: 0;left: 0;} */
.chkmark{display: inline-block;position: relative;width: 100%;line-height: 1;float: left;color:#000;font-size:1.2rem;font-weight:400;padding:0 0 0 26.4px;margin: 0 0 24px;}
.chkmark::before{content:"";width: 21px;height: 20px;background:url(/images/web/sub/chkmark.png) no-repeat center;top: 0;left: 0;}
.tb2title{display:inline-block;position: relative;width:300px;line-height:1;float:left;font-size:1.625rem;font-weight:500;padding:24px 0 0;margin:0 100px 0 0;box-sizing: border-box;}
.tb2title::before{content:"";width: 100%;height: 2px;background: #000;top:0;left: 0;}

.fw400{font-weight: 400;}
.c3246b5{color:#3246b5;}
.c40516b{color:#40516b;}

.grayBox{width: 100%;/*background:#f7f7f7;padding:30px 36px;*/margin:0 0 10px;box-sizing: border-box;}
.grayBox .dftList{margin: 0;}

.bigList{width: 100%;}
.bigList ul{width: 100%;}
/* 20220218 수정 */
.bigList > li{width: 100%;margin:0} 
.bigList > li li{width: 100%;}
.bigList > li .tbWrap{margin: 0 0 30px;}
.bigList > li .grayBox .tbWrap{margin: 10px 0 30px -32px;width: calc(100% + 32px);}

.dftList{width: 100%;margin: 0 0 10px;box-sizing: border-box;}
.dftList > li{position:relative;width: 100%;font-weight:500;padding:0 0 0 13px;margin: 2.4px 0 4px 0;box-sizing: border-box;}
.dftList > li:last-child{margin: 3px 0;}
.dftList > li:before{content:"";width: 5px;height: 5px;background:#454e82;border-radius:100%;top:8px;left: 0;}
.dftList > li > ul,
.dftList > li > ol{width: 100%;padding: 0;box-sizing: border-box;}
.dftList > li > ul > li,
.dftList > li > ol > li{position: relative;width: 100%;color:#555;padding: 0 0 0 10px;margin: 3px 0;box-sizing: border-box;}
.dftList > li > ul > li:last-child,
.dftList > li > ol > li:last-child{margin: 3px 0;}
.dftList > li > ul > li li,
.dftList > li > ol > li li{position: relative;width: 100%;color:#555;padding: 0 0 0 10px;margin: 0 0 5px;box-sizing: border-box;}
.dftList > li li.star2{padding: 0 0 0 18px;}
.dftList > li li.star3{padding: 0 0 0 28px;}
.dftList > li > ul > li li:last-child,
.dftList > li > ol > li li:last-child{margin: 0;}

.dftList > li > ul > li:before,
.dftList > li > ol > li:before{content:"";width: 5px;height: 1px;background:#555;top:12px;left: 0;}
.dftList > li > ul li.star:before,
.dftList > li > ol li.star:before{content:"*";width: 5px;height: 1px;color:#555;background:transparent;top:0;left: 0;}
.dftList > li > ul li.star2:before,
.dftList > li > ol li.star2:before{content:"**";width: 5px;height: 1px;color:#555;background:transparent;top:0;left: 0;}
.dftList > li > ul li.star3:before,
.dftList > li > ol li.star3:before{content:"***";width: 5px;height: 1px;color:#555;background:transparent;top:0;left: 0;}
.dftList > li > ul > li ul,
.dftList > li > ol > li ul{width: 100%;}

.dftList > li > .tbWrap{width:calc(100% + 20px);margin: 10px 0 20px -20px;}
.dftList > li span.pnt{display:inline-block;width:100%;color:#5993e9}


.subList{width: 100%;padding: 0 0 0 30px;}
.subList > li{width: 100%;margin: 0 0 30px;}
.subList > li > strong{display: inline-block;width: 100%;color:#3246b5;font-size: 1.25rem;margin: 0 0 20px;}
.subList > li > span{display: inline-block;width: 100%;color:#3246b5;font-size: 1.125rem;margin: 0 0 20px;}
.subList > li > p{display: inline-block;position:relative;width: 100%;box-sizing: border-box;padding:0 0 0 46px;}
.subList > li > p::before{content:"";width:5px;height: 5px;background: #000;border-radius: 100%;top:8px;left:32px;}

ol > li > strong.numstr{display: inline-block;width: 100%;color:#000;font-size: 1.875rem;font-weight: 500;margin: 0 0 20px;}
ol > li > strong.numstr b{display: block;width: 100%;color:#3246b5;font-size: 1.5rem;}

/* 20220218 수정 */
.tbWrap{position:relative;width: 100%;margin: 0 0 10px;background: #fff;}
.tbWrap h5{color:#40516b;font-size: 1.125rem;margin: 0 0 10px;}
.tbWrap .tbcnt{display:inline-block;position:absolute;color:#40516b;font-size: 1.125rem;top:0;right:0;}
.tbWrap table{width: 100%;}
.tbWrap table tr{}
.tbWrap table th,
.tbWrap table td{text-align:center;color:#000;padding: 10px;}
.tbWrap table td.txtal{text-align: left;}
.tbWrap table th{font-size: 0.96rem;font-weight: 500;}
.tbWrap table td{font-size: 0.96rem;}
.tbWrap table thead{border: 1px solid #152065;border-width: 2px 0 0;}
.tbWrap table thead th{background: #B5D7EB;border:1px solid #d4d8f2;border-width: 0 1px 0 0;}
.tbWrap table thead tr th:last-child{border-width:0;}
.tbWrap table tbody{}
.tbWrap table tbody th,
.tbWrap table tbody td{border:1px solid #d4d8f2;border-width: 0 1px 1px 0}
.tbWrap table tbody tr td:last-child{border-width: 0 0 1px 0}
.tbWrap table tbody tr td.bw0110{border-width: 0 1px 1px 0}
.tbWrap table tbody th{}
.tbWrap table tbody td{}
.tbWrap .bg3246b5{color:#fff;background: #3246b5;}
.tbWrap table .dftList{margin: 0;}

.tb2title+.tbWrap{width: calc(100% - 400px);margin: 0 0 82px;}
.tbWrap table.tbt2{}
.tbWrap table.tbt2 span{display:block;position:relative;width: 100%;height: 100%;font-weight:400;box-sizing: border-box;border-radius: 5px;}
.tbWrap table.tbt2 span b{display:inline-block;position:absolute;width:calc(100% - 10px);line-height:1.1;font-weight:400;transform: translate(-50%, -50%);top:50%;left:50%;}
.tbWrap table.tbt2 tr{}
.tbWrap table.tbt2 th,
.tbWrap table.tbt2 td{padding: 0 5px 9px 0;background:#fff;border:0;}

.tbWrap table.tbt2 thead tr:first-child th span{height: 57px;}
.tbWrap table.tbt2 th span{height: 45px;color:#fff;font-size: 1.25rem;padding: 12px 0;background: #152065;}
.tbWrap table.tbt2 td{}
.tbWrap table.tbt2 thead{border:0;}
.tbWrap table.tbt2 thead th{}
.tbWrap table.tbt2 thead tr th:last-child{}
.tbWrap table.tbt2 tbody th span,
.tbWrap table.tbt2 tbody td span{height:45px;color:#000;padding: 10px 0;}

.tbWrap table.tbt2 tbody tr td:last-child{}
.tbWrap table.tbt2 tbody th span{font-size: 1.125rem;background: #f6f7fd;}
.tbWrap table.tbt2 tbody td span{font-size: 1rem;background: #fff;border: 1px solid #ced1e5;}
/* .tbWrap table.tbt2 th > span>a,
.tbWrap table.tbt2 td > span>a{color:#152065} */

.tbWrap table.tbt3{border:1px solid #152065;border-width:2px 0 0;}
.tbWrap table.tbt3 tbody th{background: #f6f7fd;}
.tbWrap table.tbt3 tbody td{text-align: left;}

.tbWrap table.tbt4{border:1px solid #152065;border-width:2px 0 0;}
.tbWrap table.tbt4 tbody th{padding:16px 0;background: #f7f7f7;}
.tbWrap table.tbt4 tbody td{text-align: left;padding:16px 10px 16px 34px;}

/*정부업무평가실 테이블*/
.tbWrap table.tbt5{}
.tbWrap table.tbt5 thead th{background: #f7f7f7;}
.tbWrap table.tbt5 .teamhd td{color:#3246b5;}
.tbWrap table.tbt5 th,
.tbWrap table.tbt5 td{font-weight:500;}
.tbWrap table.tbt5 td{padding: 18px 12px;}
.tbWrap table.tbt5 td:last-child{padding: 18px 40px;}
.tbWrap table.tbt5 .dftList li{color:#666;font-weight: 400;}
.tbWrap table.tbt5 .teamhd .dftList li{color:#3246b5;}
.tbWrap table.tbt5 .dftList li::before{width: 3px;height: 3px;top:9px;}
.tbWrap table.tbt5 .dftList li strong{color:#000;font-weight: 500;}
.tbt5 .tbempty{height: 40px;}
.tbt5 .tbempty td{border:1px solid #4a4a4a;border-width: 0 0 2px 0 !important;}


.exclam{width: 100%;padding: 13px 0 13px 24px;box-sizing: border-box;}
.exclam.t2{background: #f3f3f3;}
.exclam span{position:relative;display:inline-block;float:left;font-weight:400;padding: 0 0 0 33px;margin: 0 28px 0 0;box-sizing: border-box;}
.exclam span::before{content:"";width: 20px;height: 20px;background: url(/images/web/sub/exclam.png) no-repeat center;top: 2px;left: 0;}
.linkBox{height:50px;overflow: hidden;margin: -16px 0 0;border-radius: 100px;}
.linkBox a{display: inline-block;position:relative;height: 50px;line-height: 50px;color:#454e82;padding: 0 66px 0 20px;background:#d4d8f2;}
.linkBox a::after{content:"";width: 22px;height: 22px;background: url(/images/web/sub/chain.png) no-repeat center;top :15px; right:22px;}

.tabmob{width: 100%;margin: 0 0 30px;}
.subTab{width: 100%;}
.subTab li{position:relative;height:60px;margin: 0 15px 0 0;background:#f6f7fd;border:1px solid #d4dbf2;box-sizing: border-box;transition:.3s all;}
.subTab li:last-child{margin: 0;}
.subTab.col3 li{width: calc((100% - 30px)/3);}
.subTab.col4 li{width: calc((100% - 45px)/4);}
.subTab.col5 li{width: calc((100% - 60px)/5);}
.subTab.col6 li{width: calc((100% - 75px)/6);}
.subTab.col7 li{width: calc((100% - 90px)/7);}
.subTab li:hover,
.subTab li.on{background: #152065;border:0}
.subTab li:after{content:"";border-top:11px solid transparent;border-left:11px solid transparent;border-bottom:11px solid transparent;border-right:11px solid transparent;z-index: 1;top: 0;right: 0;transition: .3s all;}
.subTab li:hover:after,
.subTab li.on:after{border-top:11px solid #fff;border-left:11px solid transparent;border-bottom:11px solid transparent;border-right:11px solid #fff;}
.subTab li a{display: block;width: 100%;height: 100%;line-height:58px;text-align:center;color:#152065;font-size: 1.125rem;font-weight: 400;transition:.3s all;}
.subTab li:hover a,
.subTab li.on a{color:#fff;font-weight: 500;}

.selecGroup{position: relative; width: 100%;height: 50px;left: 0;z-index: 10; margin-top: 20px; z-index: 3;} /* 2022-05-25 JoAnn 수정  */
.selecGin{position: absolute;left: 0;} /* 2022-05-25 JoAnn 수정  */
.selecGin2{position: absolute;right:0;top:-50px;}
.selecBox2{position:relative;width: 180px;min-height: 50px;float:left;overflow:hidden;margin: 0 20px 0 0;background: #f8fafc;border-radius: 25px;border: 1px solid #ced1e5;}
.selecBox2.wide{width: 308px;}
.selecBox2:last-child{margin: 0; /* bottom:20px; */}    /* 2022-05-25 JoAnn 수정  */
.selecBox2 .selcbtn{position:relative;width:100%;height: 3.125rem;text-align: left;color:#000;font-size: 1.125rem;padding: 0 1.875rem;background: transparent;border:0;box-sizing: border-box;}
.selecBox2 .selcbtn::after{content:"";width: 20px;height: 13px;background: url(/images/web/sub/grayarrw.png) no-repeat center;transform:translateY(-50%);right: 16px;top:50%;transition:.3s all;}
.selecBox2 .selcbtn.on::after{transform:translateY(-50%) rotate(180deg);}
.selecBox2 > .rightArrow{width: 80%; margin:5px;}
.selecBox2 > .rightArrow::after{left: 220px;}
.selecBox2 ol{display: none;width: 100%;padding:0 0 10px; overflow-y:auto; max-height:500px;}
.selecBox2 ol li{width: 100%;height: 38px;line-height: 38px;font-size: 1.125rem;padding:3px 30px 0 30px;box-sizing: border-box;transition:.3s all;}
.selecBox2 ol li:hover{background: #ced1e5;}
.selecBox2 ol li a{display: block;width: 100%;height: 100%;}

.downWrap.t2{width:100%;margin: 0 0 10px;}
.downWrap.t2:last-child{margin: 0 0 10px;}
.downWrap.t2 a{display:inline-block;position:relative;width:240px;height:50px;float: left;text-align: center;color: #fff;padding: 15px 24px;margin: 0 40px 10px 0;background: #3246b5;border-radius: 6px;box-sizing: border-box;}
.downWrap.t2 a:last-child{margin: 0;}
.downWrap.t2 a span{display:inline-block;position:relative;padding: 0 40px 0 0;}
.downWrap.t2 a span::after{content:"";width: 20px;height: 20px;background: url(/images/web/sub/download2.png) no-repeat center;top: 0;right: 0;}


.iframeBox{width: 100%;height: 1200px;padding:2rem 2.625rem;border: 1px dashed #bfbfbf;border-width:1px 0 0;box-sizing: border-box;}

.mb20{display:inline-block;margin: 0 0 10px;}
.mb30{display:inline-block;margin: 0 0 10px;}
.mb40{display:inline-block;margin: 0 0 40px;}
/* 20220218 수정 */
.mb50{display:inline-block;margin: 0 0 8px;}
.mb60{display:inline-block;margin: 0 0 60px;}
.mb80{display:inline-block;margin: 0 0 80px;}
.mb70{display:inline-block;margin: 0 0 70px;}
.mb95{display:inline-block;margin: 0 0 95px;}
.mb100{display:inline-block;margin: 0 0 100px;}

.dftList > li > span{font-size:0.88rem}
.bigList > li li > span{font-size:0.88rem}
.dftList > li > ol > li > span{font-size:0.88rem}
.dftList > li > ul > li > span{font-size:0.88rem}
.dftList > li > ul > span{font-size:0.88rem}

.bigList > .fvmg{margin:0 0 40px 0;}
.fvmg{margin:0 0 24px 0;}

.mtopbottom{margin:20px 0 20px 0;}

.bigList li .grayBox .dftList2 li{width:50%;}

.tbWrap .checkj tbody th{text-align:left;vertical-align:top;}
.tbWrap .checkj td.txtal{vertical-align:top;}

@media screen and (max-width:800px) {
.downWrap.t2 a:last-child{margin: 0 1rem 1rem;}
}

/* Style e */