.goal_list .list_txt li{border-top: solid 1px #dcddde;padding: 15px 0;position:relative;box-sizing: border-box;}
.goal_list .list_txt li.point span{color: #0554dd;font-weight:bold;}
.goal_list .list_txt li:before{position:absolute;width: 98px;height: 1px;background: #00367b;display:block;content:'';top: -1px;left: 0;}
.goal_list .list_txt li strong{display: block;color: #00367b;font-weight:bold;font-size:18px;position: relative;padding-left: 10px;box-sizing: border-box;font-weight: bold;}
.goal_list .list_txt li em{color:#d5e6f7;font-size:35px}
.goal_list .list_txt li span{display: block;padding-top: 10px;box-sizing: border-box;font-size: 16px;/*font-weight: bold;*/}
.goal_list .list_txt li:after{display:block; content:''; clear:both;}
@media all and (min-width:768px){
.goal_list .list_txt li{padding: 20px 0;}
.goal_list .list_txt li em{font-size: 40px;}
.goal_list .list_txt li:before{width: 15%;}
.goal_list .list_txt li strong{width: 15%;float: left;font-size: 18px;}
.goal_list .list_txt li span{width: 85%;float: left;padding: 0  0 0 40px;}
}

.off2_com h4{background: #2b76ba;color:#fff;padding:20px;text-align:center;font-size:18px;border-radius:6px}
.off2_com div{background:none;border:1px solid #dedede;border-radius:6px;margin:10px 0}
.off2_com h5{background: #568bbb;color:#fff;padding:10px 20px;margin-top:0;text-align:center;font-weight:400;border-radius:6px}
.off2_com h5 span{display:block;font-size:16px}
.off2_com h5 strong{font-size:20px}
.off2_com ul{margin:20px}

/*QnA*/
.edu_qna h5 {padding: 0 0 20px 25px; margin-top: 27px; font-family: var(--tit);  font-size: 24px;  font-weight: bold;  line-height: 1.5em;  color: var(--dkgray);
 background: url(/images/common/h5.png) no-repeat 1px 4px; border-bottom: 2px solid var(--point1);}

@media all and (min-width:768px){
.off2_com div{overflow:hidden}
.off2_com h5{float:left;width:30%;padding:40px 0;margin:0}
.off2_com ul{float:left;width:60%;margin:12px 0 0 0}
.off2_com li{margin:5px 0 5px 20px}
}


.off2_vision h4{background: #2b76ba;color:#fff;padding:15px 20px;margin:20px 0 0 0;text-align:center;font-size:18px;border-radius:10px 10px 0 0;word-break:keep-all}
.off2_vision h4:first-child{background: #d06224;}
.off2_vision p{border:1px solid #dedede;border-radius:0 0 10px 10px;word-break:keep-all;text-align:center;padding:20px;margin:0 0 80px 0;font-size:18px;position:relative}
.off2_vision p:after{content:"";display:block;width:100%;height:57px;background:url("/images/04_office/office02/off2_vision.png") no-repeat center 0;position:absolute;bottom:-70px;left:0}


.off2_vision>ul>li{border:1px solid #dedede;word-break:keep-all;text-align:center;padding:20px;margin:3px 0}
.off2_vision>ul>li strong{display:block;color:#022b89;font-size: 17px;line-height:1.25em;margin: 0 0 15px 0;}
.off2_vision li li{text-align:left; }
.off2_vision ul ul{ margin:0}

@media all and (min-width:768px){
.off2_vision .off_h4{float:left;box-sizing: border-box;width: 30%;height: 55px;margin: 10px 0;}
.off2_vision .off_h5{float:right;box-sizing: border-box;width: 69%;height: 55px;margin: 10px 0;padding: 15px 20px;background: #08858f;color: #fff;font-size: 18px;border-radius: 10px 10px 0 0;text-align: center;}

.off2_vision>ul{clear:both;}
.off2_vision>ul>li{overflow:hidden;margin: 0 0 10px;padding: 0;border: 0;}
.off2_vision>ul>li strong{float:left;box-sizing: border-box;width: 30%;min-height: 125px;margin: 0;padding: 50px 20px;border: 1px solid #dedede;border-radius: 10px;}
.off2_vision>ul>li:nth-of-type(2) strong{height: 234px;padding: 104px 20px;}
.off2_vision>ul>li:nth-of-type(4) strong{height: 179px;padding: 76px 20px;}
.off2_vision ul ul{float:right;box-sizing: border-box;width: 69%;min-height: 125px;padding: 20px;border: 1px solid #dedede;border-radius: 10px;}
}        

.off3_hw1 p{background:#022b89;color:#fff;padding:20px;text-align:center;font-size:16px;border-radius:6px}
.off3_hw1 div{background:none;border:1px solid #dedede;border-radius:6px;margin:10px 0}
.off3_hw1 h5{background:#08858f;color:#fff;padding:10px 20px;margin-top:0;text-align:center;font-size:16px;border-radius:6px}
.off3_hw1 ul{margin:20px}
@media all and (min-width:768px){
.off3_hw1 div{display:table;width:100%;height:110px;box-sizing:border-box}
.off3_hw1 h5,.off3_hw1 ul{display:table-cell;vertical-align:middle}
.off3_hw1 li{margin:5px 0 5px 20px}
}
.off3_hw2 h5{background:#022b89;color:#fff;padding:10px 20px;margin-bottom:10px;text-align:center;font-size:16px;border-radius:6px}
.off3_hw2 ul{margin:0}
.off3_hw2>ul>li{padding:20px;background:none;border:1px solid #dedede;border-radius:6px;color:#022b89;font-weight:600;font-size:18px}
.off3_hw2 li li{color:#464646;font-weight:400;font-size:14px}
@media all and (min-width:768px){
.off3_hw2>ul{overflow:hidden;margin-left:-1%}
.off3_hw2>ul>li{float:left;width:49%;margin:0 0 10px 1%;box-sizing:border-box}
}
.off3_hw3{padding:20px;margin:20px 0;border:1px solid #dedede;border-radius:6px}
.off3_hw3 ul{margin-bottom:0}
.off3_hw4{word-break:keep-all}
.off3_hw4 dt{font-size:20px}
.off3_hw4 h5{background:none;padding:25px 0 0 0;margin-top:25px;border-top:1px dotted #dedede;text-align:center}
.off3_hw4 h5 span{display:block;background:#1056ad;padding:2px 0;margin:0 auto;width:70px;text-align:center;color:#fff;font-size:14px;border-radius:30px}
.off3_hw4 ul{margin-bottom:0}
@media all and (min-width:768px){
.off3_hw4 h5{text-align:left}
.off3_hw4 h5 span{display:inline-block}
}   

.hdjh_img li{text-align:center;margin:0 0 20px 0}
.hdjh_img img{width:100%}
.hdjh_img p{margin:10px 0 0 0}

@media all and (min-width:768px){
.hdjh_img img{width:49%}
}  

.off8_trans ol>li:before{content:"";display:block;width:100%;height:57px;margin:10px 0;background:url("/images/04_office/office08/trans_step.png") no-repeat center 0}
.off8_trans ol>li:first-child:before{display:none}
.off8_trans ol>li strong{display:block;padding:15px;background:#1056ad;color:#fff;font-size:16px;text-align:center}
.off8_trans ol>li>div{border:1px solid #dedede;padding:20px;margin:5px 0 0 0}
.off8_trans ol>li>div>ul{margin-bottom:0} 

.off8_sitelink li{margin:0 0 5px 0}
.off8_sitelink li a{display:block;border:1px solid #dedede;padding:20px;text-align:center;line-height: 18px;}
.off8_sitelink li a:after{content:"";display:inline-block;width: 20px;height: 18px;margin-left:7px;vertical-align:middle;background: url("/images/01_potal/common/new_win.png") no-repeat right 2px;}
.off8_sitelink li a:hover,.off8_sitelink li a:focus{background:#ededed;border-color:#000}
@media all and (min-width:768px){
.off8_sitelink ul{overflow:hidden}
.off8_sitelink li{float:left;width:49%;margin:0 0 5px 1%}
} 

.off8_ko p{display:block;width: 200px;height:200px;word-break:keep-all;padding:60px 0 0 0;margin:0 auto;box-sizing:border-box;background:url("/images/04_office/office08/off8_ko.png") no-repeat center 0;background-size:200px;color:#fff;font-size:20px;text-align:center}
.off8_ko li{margin:5px 0 15px 0;text-align:center}
.off8_ko li strong{display:block;font-size:16px;width:200px;padding:5px 0;margin:0 auto 5px auto;border-radius:30px;color:#fff}
.off8_ko li.no1 strong{background:#e59c00}
.off8_ko li.no2 strong{background:#8bb022}
.off8_ko li.no3 strong{background:#11ab91}
.off8_ko li.no4 strong{background:#0f7c7f}
.off8_ko li.no5 strong{background:#246ea5}
@media all and (min-width:768px){
.off8_ko{position:relative;width:620px;height:440px;padding:80px 0 0 0;margin:0px auto}
.off8_ko p{width:300px;height:300px;background-size:auto;padding:110px 0 0 0;font-size:24px}
.off8_ko ul{display:table;border-left:1px solid #dedede}
.off8_ko li{width:150px;position:absolute}
.off8_ko li.no1{top:40px;left:70px}
.off8_ko li.no2{top:40px;right:70px}
.off8_ko li.no3{top:250px;right:0}
.off8_ko li.no4{top:410px;left:235px}
.off8_ko li.no5{top:250px;left:0}
.off8_ko li strong{width:auto}
}                          
.off8_onestop ol>li{border:1px solid #dedede;padding:30px;margin:0 0 5px 0}
.off8_onestop ol>li:before{content:"";display:block;width:120px;height:120px;background:url("/images/04_office/office08/off8_onestop.png");margin:0 auto}
.off8_onestop ol li.no2:before{background-position:-120px center}
.off8_onestop ol li.no3:before{background-position:-240px center}
.off8_onestop ol li.no4:before{background-position:-360px center}
.off8_onestop strong{display:block;margin:0 0 20px 0;font-size: 16px;text-align:center;}
.off8_onestop em{font-style:normal;display:block;/* width:20px; */padding:5px;margin: -10px auto 10px auto;/* border-radius:100%; */text-align:center;vertical-align:baseline;background:#8bb022;color:#fff;font-size:14px;}
.off8_onestop li.no2 em{background:#11ab91}
.off8_onestop li.no3 em{background:#0f7c7f}
.off8_onestop li.no4 em{background:#246ea5}
.off8_onestop ul{margin:0}
.off8_onestop ul li:last-child{margin:0}
@media all and (min-width:768px){
.off8_onestop ol>li{position:relative;padding:40px 40px 35px 230px;min-height: 125px;}
.off8_onestop ol>li:before{position:absolute;top: 30px;left:50px;}
.off8_onestop ol li.no1:before{}
.off8_onestop ol li.no2:before{}
.off8_onestop ol li.no3:before{top:75px}
.off8_onestop ol li.no4:before{top:60px}
.off8_onestop li.no3 em{top: 180px;}
.off8_onestop strong{text-align:left;font-size: 20px;}
.off8_onestop em{/* display:inline-block; *//* border-radius:0; */margin:0;position: absolute;top: 140px;left: 30px;width: 150px;font-size: 16px;}
}       

.bto_step{border:1px solid #ededed;padding:30px;margin:10px 0;border-radius:6px}
.bto_step h6{padding:0;margin:0 0 10px 0;background:0;font-size:30px;text-align:center;color:#333}
.bto_step ol{position:relative}
.bto_step li strong{display:block;padding:20px 0;width:100%;color:#fff;font-size:16px;text-align:center;border-radius:6px}
.bto_step li.no01 strong{background:#1056ad}
.bto_step li.no02 strong{background:#08858f}
.bto_step li.no03 strong{background:#3670ad}
.bto_step li .txt{display:block;padding:10px 0}
.bto_step li.no01 .txt,.bto_step li.no02 .txt{margin-right:50%;text-align:right}
.bto_step li.no03 .txt,.bto_step li.no04 .txt{position:absolute;bottom:63px;left:50%}
.bto_step li.no04 .txt{bottom:210px;}
.bto_step li.no01 .txt:after,.bto_step li.no02 .txt:after{content:"";display:inline-block;margin:5px;vertical-align:middle;width:11px;height:54px;background:url("/images/04_office/office13/bto_arr.png")}
.bto_step li.no03 .txt:before,.bto_step li.no04 .txt:before{content:"";display:inline-block;margin:5px;vertical-align:middle;width:11px;height:54px;background:url("/images/04_office/office13/bto_arr.png") -20px 0}
@media all and (min-width:768px){
.bto_step{padding:40px}
.bto_step ol{overflow:hidden;}
.bto_step li{float:left;width:23.27327327327327%}
.bto_step li.no02,.bto_step li.no03{padding-left:15.09009009009009%}
.bto_step li strong{display:inline-block;padding:40px 0;width:100%}
.bto_step li .txt{position:absolute;width:15.09009009009009%;text-align:center !important}
.bto_step li.no01 .txt{left:23.27327327327327%;bottom:45px}
.bto_step li.no02 .txt{left:61.63663663663664%;bottom:45px}
.bto_step li.no03 .txt{left:61.63663663663664%;bottom:5px}
.bto_step li.no04 .txt{left:23.27327327327327%;bottom:5px}
.bto_step li.no01 .txt,.bto_step li.no02 .txt{margin-right:0}
.bto_step li.no01 .txt:after,.bto_step li.no02 .txt:after{width:80px;height:11px;background-position:-40px 0;display:block;margin:0 auto}
.bto_step li.no03 .txt:before,.bto_step li.no04 .txt:before{width:80px;height:11px;background-position:-40px -20px;display:block;margin:0 auto}         
}

.list_txt .law strong{background: none;text-align: left;font-weight: normal;}

.info_box input[type="file"]{background: #fff;border-radius: 5px;width: 100%;}

.sbtn_up{display:inline-block;position: relative;margin:2px 5px 2px 0;padding:4px 44px 4px 12px;background: #fff;border: 1px solid #ddd;border-radius: 20px;overflow: hidden;}
.sbtn_up, .sbtn_up:visited{border: 1px solid #ddd;}
.sbtn_up:after{position: absolute;top: 0;bottom: 0;right: 0;width: 34px;margin-left: 10px;content: "";background: url("/images/common/btn_up.png") no-repeat center var(--bggray1);}
.sbtn_up:hover, .sbtn_up:focus{border: 1px solid #000;color: #000;}
.sbtn_up:hover:after, .sbtn_up:focus:after{background: url("/images/common/btn_up_w.png") no-repeat center var(--dkgray);}
.sbtn_up, .sbtn_up input{cursor: pointer;}      
@media all and (min-width:768px){
.info_box input[type="file"]{width: 45%;}
}          
td.task p{text-align: left;}
td.task p *{display: block;font-weight: normal;line-height: 1.5em;margin: 0 0 5px;}
td.task p strong{padding: 0 0 0 17px;background: url("/images/common/li01.png") no-repeat 0 5px;}
td.task p span{margin-left: 17px;padding: 0 0 0 12px;background: url("/images/common/li02.png") no-repeat 0 9px;}

/*공모전*/
.gongmoaply.agree_box{padding: 1px;}
.gongmoaply.agree_box form{padding: 20px;}
.gongmoaply.agree_box h4{border: none;padding: 0;}
.gongmoaply.agree_box .ag_txt{border: 1px solid #ddd;padding: 10px;background: var(--bgpoint);}
.gongmoaply.agree_box .txt_box{padding: 0 0 20px;background: none;border-bottom: 1px dashed var(--bgpoint);}
.gongmoaply.agree_box .txt_right{margin-top: 20px;}
.gongmoaply.agree_box label{line-height: 1;margin-right: 1em;}
@media all and (min-width:768px){
.gongmoaply.agree_box form{padding: 30px;}
}            


/* 감사관-자가진단 */
.choice_wrap{padding:20px; background:var(--bgpoint); border-radius:20px;}
.choice_wrap .choice_con{padding: 20px;background:#fff;border-radius:20px;}
.choice_wrap li{margin-bottom: 30px;padding: 0 0 30px;border-bottom:1px #ddd solid;}
.choice_wrap li:last-of-type{border:0;margin: 0;padding: 0;}
.choice_wrap li p{margin-bottom:10px;font-weight:500;color:#0f579a;}
.choice_wrap li input[type="radio"]{display:inline-block; width:16px;height: 16px;margin-right: 5px; vertical-align:middle}
.choice_wrap li label{display:inline-block;margin-right:5px;vertical-align: middle;}
.choice_result{position:fixed;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,0.5);z-index: 1;}
.choice_result div{position:fixed;top:0;bottom:0;left:20px;right:20px; max-width:400px; height: 190px;margin:auto;padding: 20px;border-radius: 20px;background:#fff;text-align: center;}
.choice_result h5{background:none; padding:0;}
.choice_result p{padding: 14px 20px;font-size: 18px;color:#333;background: #f8f8f8;border-radius: 15px;}
.choice_result p strong{color:#0f579a;}
.choice_result button{display:inline-block;margin: 20px 0;color: #666;}
.choice_btn{width:150px;margin: 20px auto;}
.choice_btn a{display:block;height: 45px;line-height: 45px;color:#fff;text-align:center;background: #0f579a;border-radius: 10px;}
@media all and (min-width:768px){
.choice_wrap .choice_con{padding: 40px;}
.choice_wrap li{padding: 0 20px 30px;}
.choice_wrap li:last-of-type{border:0;margin: 0;padding: 0 20px;}
}        
.decay_wrap .d_box{margin: 0 0 20px 0; padding: 20px;border:1px #e1e1e1 solid;border-radius:30px;word-break: keep-all;}
.decay_wrap .d_box .tit{margin:0 10px 20px;font-weight:600;color: #113b6d;line-height: 1.2em;}
@media all and (min-width:768px){
.decay_wrap .d_box .tit{font-size:20px;}
}
@media all and (min-width:1023px){
.decay_wrap{display:flex; gap:0 20px; }
.decay_wrap .d_box{flex-basis: 33.33%;margin: 0;padding: 40px 30px;}
.decay_wrap .d_box:nth-of-type(2) ul{margin-top: 10px;}
.decay_wrap .d_box:nth-of-type(2) ul li{font-weight: 600;font-size: 18px;}
.decay_wrap .d_box:nth-of-type(2) ul li p{font-weight: 400;font-size: 16px;}
}
 .vision h4{padding: 14px 10px;margin:0 0 20px;font-size:18px;text-align: center;color:#fff;border-radius:10px;}
.vision .v01 h4{background:#113b6d;}
.vision .v02 h4{background:#1e589e;}
.vision .v03 h4{background:#1d76c7;}
.vision .v04 h4{background:#348cdc;}
.vision h5{background:none;padding:0;margin: 0 0 20px;font-size:18px;}
.vision h5 em{display: inline-block;font-style:normal;width: 30px;height: 30px;border: 1px #348cdc solid;border-radius: 50%;text-align: center;padding: 2px 0 0 0;margin: 0 10px 0 0;
              box-sizing: border-box;font-size: 15px;color: #348cdc;}
.vision div p{margin-bottom:40px; text-align:center; font-size:24px; font-weight:600; color:#222; word-break:keep-all;}
.vision div p .blue{color:#1d76c7;}
.vision div p .red{color:#df2f2f;}
.vision div p .green{color:#14a224;}
.vision div p .org{color:#fc6800;}
.vision div ul{display:flex; flex-direction:column; gap:15px 0; margin-bottom:20px;}
.vision div ul li{padding: 10px;border:1px #e1e1e1 solid;border-radius:10px;text-align:center;word-break: keep-all;}
.vision .v04>div ul li{position: relative;text-align:left;padding-left: 43px;}
.vision .v04>div ul li em{position: absolute;top: 14px;left: 10px;display: inline-block;box-sizing: border-box;width: 20px;height: 20px;padding-top: 3px;font-style:normal;font-size: 13px;text-align: center;color: #fff;border-radius: 50px;background: #33363a;}
@media all and (min-width:768px){
.vision>div{display:flex;flex-wrap:wrap;gap: 0 20px;margin-bottom: 36px;} 
.vision h4{width: 60px;margin: 0;padding: 15px 9px;flex-shrink: 0;box-sizing: border-box;}
.vision .v03 h4{padding: 28px 11px;}
.vision div p{margin-bottom:0;}
.vision div ul{flex-direction:row;flex-wrap: wrap;gap: 10px 2%;width: calc(100% - 80px);margin: 0;}
.vision div ul li{width: 45%;}
.vision .v04 h4{padding:20px 11px;}
.vision .v04 h5{flex-shrink: 0;align-self: center;width: 300px;margin: 0;}
.vision .v04>div{width: calc(100% - 80px);}
.vision .v04>div div{display: flex;gap: 0 20px;padding: 20px;margin-bottom:20px;background: #f4faff;}
.vision .v04>div ul{width: 100%;}
.vision .v04>div ul li{width: 100%;background: #fff;border: 0;}
}
@media all and (min-width:1023px){
.vision h4{width: 140px;}
.vision div ul{width: calc(100% - 160px);}
.vision .v03 h4{padding: 40px 0;}
.vision .v04 h4{padding:40px 0;}
.vision .v04>div{width: calc(100% - 160px);}
}