@charset "utf-8";

#container{letter-spacing: -0.025em; }
.container_head{height: 400px; position: relative; }

.hidetxt{display: block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow: hidden;}
/* 220822(s) */
.ch01{background: url(../images/sub/intro_bg.jpg) no-repeat 0 0;}
.ch02{background: url(../images/sub/intro_bg02.jpg) no-repeat 0 0;}
.ch03{background: url(../images/sub/intro_bg03.jpg) no-repeat 0 0;}
.ch04{background: url(../images/sub/intro_bg04.jpg) no-repeat 0 0;}
.ch05{background: url(../images/sub/intro_bg05.jpg) no-repeat 0 0;}
/* 220829(s) */
.ch06{background: url(../images/sub/intro_bg06.jpg) no-repeat 0 0;}
/* //220829(e) */
/* //220822(e) */
/* 220819(s) */
.container_head h2{width: 1200px; margin: 0 auto; font-size: 40px; font-weight: 700; padding-top: 200px; color:#fff;}
.container_navi{height: 60px; line-height: 60px; width: 1200px; margin: 0 auto;  background: rgba(0,0,0,0.4); font-size: 15px; color: #fff; display: flex; flex-wrap: wrap;
                position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
/* //220819(e) */
.container_navi .home{width: 60px; height: 60px; background: #fff; }
.container_navi .home a{display: block; width: 100%; height: 100%; text-indent: -9999px; padding-top: 20px; }
.container_navi .home a span{display: block; width: 18px; height: 18px; background: url(../images/sub/home.png) no-repeat 0 0; background-size: contain; margin: 0 auto;}
/* 220819(s) */
.container_navi > span{font-weight: 600; padding-left: 30px; position: relative; color:#ddd;}
/* //220819(e) */
.container_navi > span:after{content: ""; display: block; width: 3px; height: 3px; background: #fff; border-radius: 50%; position: absolute; right:-20px; top:50%; transform: translateY(-50%);}
/* 220819(s) */
.container_navi em{font-weight: 600; margin-left: 40px; color: #eee;}
/* //220819(e) */

/* container_in */
/* 220810(s) */
.container_bottom{width: 1200px; margin: 0 auto; display: flex;}
.container_in{width: 80%;}
.container_in > div{}
/* //220810(e) */

/* 220830_2(s) */
.lnb {width: 17%; min-height: 775px; background: #fff; overflow: hidden; margin-right: 3%;}
.lnb h3{display: none;}
.lnb_list.on {display: block;}
.lnb>ul {padding: 10px 0;}
/* 220902(s) */
.lnb>ul>li.on {background: #0075be; color: #fff;}
/* //220902(e) */
.lnb>ul>li {margin: 1px 0; transition: all 0.3s; border-radius: 8px;}
.lnb>ul>li.on>a, .lnb>ul>li>ul>li.on>a {font-weight: 600;}
.lnb>ul>li>a {display: block; padding: 20px 15px; font-size: 17px;}
/* //220830_2(e) */

/* 220822(s) */
.content{width: 100%; padding: 20px 0 60px 0; font-size: 16px; color:#333;}
/* //220822(e) */
/* 220819(s) */
/* 220902(s) */
.content h4{font-size: 22px; font-weight: 700; letter-spacing: -0.025em; padding: 30px 0 28px 35px; border-bottom: 1px solid #ddd; margin-bottom: 15px; line-height: 1.25; position: relative;}
.content h4::after{content:""; display: block; width: 26px; height: 26px; background: url(../images/sub/icon01.png) no-repeat 0 0; background-size: contain; position: absolute; left: 0; top: 50%;
                   transform: translateY(-50%);}
/* //220819(e) */

/* 전자문서의 법적효력 */
.explain{width: 100%; background: #f0f3f8; padding: 20px 22px; font-size: 17px; font-weight: 500; letter-spacing: -0.025em;}
/* 220902(s) */
.explain span{display: block; line-height: 1.5; width: 100%;}
/* //220902(e) */
.list{margin-top: 40px; border-bottom: 2px solid #ddd;}
/* 220818(s) */
.list .list_tit{width: 100%; padding-left:5px; letter-spacing: -0.025em;}
/* 220902(s) */
.list .list_tit h5{font-weight: 700; font-size: 19px; line-height: 1.25; padding-left: 40px; color: #022759; position: relative;}
.list .list_tit h5::after{content: ""; display: block; width: 170px; height: 28px; background: url(../images/sub/rule.png) no-repeat 0 0; background-size: contain; position: absolute; left: 0; top: -3px;}
/* //220902(e) */
/* .list ul{}
.list ul li{border-bottom: 1px solid #ddd; padding: 15px 0;}
.list ul li:last-child{border-bottom: none;}
.list ul li a{}
.list ul li a span{letter-spacing: -0.075em; font-weight: 600; color: #888;}
.list ul li a:hover{color:#24429C; font-weight: 600;}
.list ul li:hover a:after{left: 15px; background: #24429C;} 삭제*/
.list .list_law{padding: 20px 40px 40px 40px;}
.list .list_law dl{}
/* 2200902(s) */
.list .list_law dl dt{display: inline-block; font-size:15px; font-weight: 600; background:#022759; color: #fff; padding: 15px 15px 10px 15px; border-top-right-radius: 12px; border-top-left-radius: 12px;}
/* //2200902(e) */
.list .list_law dl dd{padding: 15px; font-size:15px; line-height: 1.5; border: 1px solid #ddd; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px;}
/* 220822(s) */
.list .list_law dl dd p{font-weight: 500; color:#000; margin-bottom: 5px; display: inline-block;}
/* //220822(e) */
.list .list_law dl dd span{}
.list .list_law dl dd span strong{font-weight: 700; color:#000; text-decoration: underline;}
.list .list_law dl dd span em{color:#000; text-decoration: underline;}
.list .list_law > p{margin-top: 20px; line-height: 1.55; font-weight: 400; color: #022759; background: #f0f3f8; padding: 10px 15px; letter-spacing: -0.045em;}
.list .list_law > p strong{padding: 0 3px; font-weight: 700; position: relative; z-index: 1;}
.list .list_law > ul{margin-top: 10px; background: #f0f3f8; padding: 10px 25px; letter-spacing: -0.025em;}
.list .list_law > ul > li{line-height: 1.75; padding-left: 10px; position: relative; font-weight: 500; display: flex; flex-wrap: wrap;}
.list .list_law > ul > li:after{content:""; display: block; width: 3px; height: 4px; background: rgba(36,66,156,0.8); position: absolute; left: 0; top: 11px; border-radius: 50%;}
.list .list_law > ul > li > ul{margin-top: 5px; width: 100%;}
.list .list_law > ul > li > ul > li{font-size: 15px; line-height: 1.35em;}
.list .list_law > ul > li > strong{font-weight: 700; margin-right: 10px; text-decoration: underline; width: 10%;}
.list .list_law > ul > li > span{font-size: 15px; width: 88%;}
/* //220818(e) */


/* 전자문서 산업분류체계 */
.hide{text-indent: -9999px; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow: hidden;}
.table_01{word-wrap: break-word; word-break: break-all; table-layout: fixed; border-top: 4px solid #ccc; width: 100%; text-align: center; color: #333; font-size: 15px;}
.table_01 > thead > tr > th {height: 45px; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e9eaec; background: #f0f3f8; padding: 5px 15px; vertical-align: middle; font-weight: 600;}
.table_01 > thead > tr > th:first-child{border-left: none;}
/* 220819(s) */
.table_01 > tbody > tr > th{border-bottom: 1px solid #fff; word-break: keep-all; font-weight: 600; vertical-align: middle; line-height: 1.5; padding: 5px 15px;}
.table_01 > tbody > tr > td {border-bottom: 1px solid #ccc; border-left: 1px solid #e9eaec; padding: 12px 15px; vertical-align: middle; line-height: 1.5; height: 35px; word-break: keep-all; text-align: left;}
/* //220819(e) */
.bg_01{background: #E0E9FA;}
.bg_02{background: #f0f3f8;}
/* 220905(s) */
.system_img{display: flex; margin: 50px auto; background: url(../images/sub/system.png) no-repeat 50% 0; background-size: contain; width: 100%; height: 1055px; background-size: contain; position: relative;}
.system_img > div{background: #F0F3F8; width: 26.5%; height: 660px; margin-right: 3%; position: relative;}
.system_img > div:last-child{margin-right: 0;}
.system_img > div > div{position: absolute;}
.system_img > div > div a{position: absolute; font-size: 15px; font-weight: 600; text-align: center; letter-spacing: -0.075em; line-height: 1; display: block;}
.system_img > div.sort_box01 > div a::after{content: ""; display: block; width: 18px; height: 18px; background: rgba(36,66,156,0.3); border-radius: 50%; position: absolute; left: 50%; top: -25px; transform: translateX(-50%);}
.system_img > div.sort_box02 > div a::after{content: ""; display: block; width: 18px; height: 18px; background: rgba(255,63,2,0.3); border-radius: 50%; position: absolute; left: 50%; top: -25px; transform: translateX(-50%);}
.system_img > div.sort_box03 > div a::after{content: ""; display: block; width: 18px; height: 18px; background: rgba(78,172,3,0.3); border-radius: 50%; position: absolute; left: 50%; top: -25px; transform: translateX(-50%);}
.system_img > div > div.sort_img{width: 100%; height: 253px; top: 695px; padding: 0 30px;}
.system_img > div > div.sort_img img{display: block; margin: 0 auto; }
.system_img > div > div.sort_img01{background: url(../images/sub/sort_img01.png) no-repeat 50% 50%; background-size: contain;}
.system_img > div > div.sort_img02{background: url(../images/sub/sort_img02.png) no-repeat 50% 50%; background-size: contain;}
.system_img > div > div.sort_img03{background: url(../images/sub/sort_img03.png) no-repeat 50% 50%; background-size: contain;}
.system_img > div.sort_box01 > div:nth-child(1) a{width: 62px; height: 30px; left: 45px; top: 45px;}
.system_img > div.sort_box01 > div:nth-child(2) a{width: 100px; height: 30px; left: 96px; top: 90px;}
.system_img > div.sort_box01 > div:nth-child(3) a{width: 86px; height: 30px; left: 160px; top: 133px;}
.system_img > div.sort_box01 > div:nth-child(4) a{width: 90px; height: 30px; left: 18px; top: 126px;}
.system_img > div.sort_box01 > div:nth-child(5) a{width: 30px; height: 15px; left: 120px; top: 166px;}
.system_img > div.sort_box01 > div:nth-child(6) a{width: 50px; height: 30px; left: 40px; top: 195px;}
.system_img > div.sort_box01 > div:nth-child(7) a{width: 46px; height: 15px; left: 105px; top: 230px;}
.system_img > div.sort_box01 > div:nth-child(8) a{width: 40px; height: 15px; left: 170px; top: 265px;}
.system_img > div.sort_box01 > div:nth-child(9) a{width: 53px; height: 15px; left: 140px; top: 410px;}
.system_img > div.sort_box01 > div:nth-child(10) a{width: 53px; height: 30px; left: 90px; top: 465px;}
.system_img > div.sort_box01 > div:nth-child(11) a{width: 93px; height: 30px; left: 146px; top: 550px;}

.system_img > div.sort_box02 > div:nth-child(1) a{width: 131px; height: 45px; left: 100px; top: 80px;}
.system_img > div.sort_box02 > div:nth-child(2) a{width: 124px; height: 45px; left: 28px; top: 160px;}
.system_img > div.sort_box02 > div:nth-child(3) a{width: 111px; height: 45px; left: 125px; top: 238px;}
.system_img > div.sort_box02 > div:nth-child(4) a{width: 83px; height: 30px; left: 23px; top: 303px;}
.system_img > div.sort_box02 > div:nth-child(5) a{width: 99px; height: 15px; left: 140px; top: 345px;}
.system_img > div.sort_box02 > div:nth-child(6) a{width: 62px; height: 15px; left: 75px; top: 376px;}
.system_img > div.sort_box02 > div:nth-child(7) a{width: 62px; height: 15px; left: 25px; top: 465px;}
.system_img > div.sort_box02 > div:nth-child(8) a{width: 105px; height: 30px; left: 123px; top: 460px;}
.system_img > div.sort_box02 > div:nth-child(9) a{width: 75px; height: 30px; left: 50px; top: 535px;}
.system_img > div.sort_box02 > div:nth-child(10) a{width: 78px; height: 30px; left: 158px; top: 585px;}
.system_img > div.sort_box02 > div:nth-child(11) a{width: 66px; height: 30px; left: 57px; top: 605px;}

.system_img > div.sort_box03 > div:nth-child(1) a{width: 75px; height: 30px; left: 40px; top: 50px;}
.system_img > div.sort_box03 > div:nth-child(2) a{width: 50px; height: 15px; left: 146px; top: 48px;}
.system_img > div.sort_box03 > div:nth-child(3) a{width: 79px; height: 15px; left: 130px; top: 195px;}
.system_img > div.sort_box03 > div:nth-child(4) a{width: 72px; height: 15px; left: 40px; top: 240px;}
.system_img > div.sort_box03 > div:nth-child(5) a{width: 138px; height: 45px; left: 80px; top: 315px;}
.system_img > div.sort_box03 > div:nth-child(6) a{width: 87px; height: 15px; left: 160px; top: 410px;}
.system_img > div.sort_box03 > div:nth-child(7) a{width: 75px; height: 30px; left: 88px; top: 434px;}
.system_img > div.sort_box03 > div:nth-child(8) a{width: 106px; height: 15px; left: 20px; top: 500px;}
.system_img > div.sort_box03 > div:nth-child(9) a{width: 66px; height: 15px; left: 145px; top: 575px;}

.system_img > div p{display: block;} 
.system_img > div span{text-align: left; position: relative; display: block; width: 480px; height: 300px; text-indent: -9999px; overflow: hidden; 
                       display: none; position: absolute; z-index: 20;}

 
.system_img .tooltip_text01{left:100px; top: 26px; background: url(../images/sub/system_tt01.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text02{left:160px; top: 80px; background: url(../images/sub/system_tt02.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text03{left:220px; top: 120px; background: url(../images/sub/system_tt03.jpg) no-repeat 50% 50%; background-size: cover;}
/* .system_img .tooltip_text04{left:80px; top: 110px; background: url(../images/sub/system_tt04.jpg) no-repeat 50% 50%; background-size: cover;} */
.system_img .tooltip_text05{left:150px; top: 150px; background: url(../images/sub/system_tt05.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text06{left:80px; top: 180px; background: url(../images/sub/system_tt06.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text07{left:145px; top: 210px; background: url(../images/sub/system_tt07.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text08{left:206px; top: 245px; background: url(../images/sub/system_tt08.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text09{left:185px; top: 390px; background: url(../images/sub/system_tt09.jpg) no-repeat 50% 50%; background-size: cover;}
/* .system_img .tooltip_text10{left:134px; top: 445px; background: url(../images/sub/system_tt10.jpg) no-repeat 50% 50%; background-size: cover;} */
.system_img .tooltip_text11{left:206px; top: 530px; background: url(../images/sub/system_tt11.jpg) no-repeat 50% 50%; background-size: cover;}

.system_img .tooltip_text12{left:183px; top: 70px; background: url(../images/sub/system_tt12.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text13{left:106px; top: 148px; background: url(../images/sub/system_tt13.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text14{left:199px; top: 230px; background: url(../images/sub/system_tt14.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text15{left:85px; top: 290px; background: url(../images/sub/system_tt15.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text16{left:208px; top: 328px; background: url(../images/sub/system_tt16.jpg) no-repeat 50% 50%; background-size: cover;}
/* .system_img .tooltip_text17{left:125px; top: 360px; background: url(../images/sub/system_tt17.jpg) no-repeat 50% 50%; background-size: cover;} */
/* .system_img .tooltip_text18{left:75px; top: 450px; background: url(../images/sub/system_tt18.jpg) no-repeat 50% 50%; background-size: cover;} */
.system_img .tooltip_text19{left:195px; top: 450px; background: url(../images/sub/system_tt19.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text20{left:106px; top: 520px; background: url(../images/sub/system_tt20.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text21{left:215px; top: 570px; background: url(../images/sub/system_tt21.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text22{left:106px; top: 590px; background: url(../images/sub/system_tt22.jpg) no-repeat 50% 50%; background-size: cover;}

.system_img .tooltip_text23{left:95px; top: 36px; background: url(../images/sub/system_tt23.jpg) no-repeat 50% 50%; background-size: cover;}
/* .system_img .tooltip_text24{left:190px; top: 36px; background: url(../images/sub/system_tt24.jpg) no-repeat 50% 50%; background-size: cover;} */
.system_img .tooltip_text25{left:-320px; top: 178px; background: url(../images/sub/system_tt25.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text26{left:95px; top: 226px; background: url(../images/sub/system_tt26.jpg) no-repeat 50% 50%; background-size: cover;}
/* .system_img .tooltip_text27{left:168px; top: 301px; background: url(../images/sub/system_tt27.jpg) no-repeat 50% 50%; background-size: cover;} */
.system_img .tooltip_text28{left:-55px; top: 440px; background: url(../images/sub/system_tt28.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text29{left:145px; top: 420px; background: url(../images/sub/system_tt29.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text30{left:96px; top: 485px; background: url(../images/sub/system_tt30.jpg) no-repeat 50% 50%; background-size: cover;}
.system_img .tooltip_text31{left:-320px; top: 560px; background: url(../images/sub/system_tt31.jpg) no-repeat 50% 50%; background-size: cover;}
/* //220905(e) */

.m_system_img{display: none;}

/* 220818(s) */
.ex{color: #4763E6;}
/* //220818(e) */
/* 220902(s) */
.bg_04{background: rgba(255,63,2,0.09); font-weight: 600;}
.bg_05{background: rgba(87,172,3,0.05);}
.system_sort{position: relative;}
.system_txt span{display: inline-block; color: #fff; padding: 10px; font-size: 16px; border-radius: 5px;}
.system_txt01{}
.system_txt01 span{background: #B8C2DF; position: absolute;}
.system_txt01 span:nth-child(1){left: 70px; top: 30px;}
/* //220902(e) */


/* 220819(s) */
/* 전자문서 소개 */
.intro03_00{margin-bottom: 30px;}
.intro03_00 > p{margin-top: 20px; font-weight: 400; font-size: 16px; line-height: 1.75; color: #000; letter-spacing: 0;}
/* 220902(s) */
.docu_intro{margin: 20px 0 40px 0; text-align: center; margin-bottom: 20px;}
.docu_intro > div{display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 60px; line-height: 1.25; text-align: center; padding: 12px 10px; position: relative; font-weight: 700; 
                  box-shadow: 0 10px 20px rgba(0,0,0,0.08), 0 4px 4px rgba(0,0,0,0.05);}
.docu_intro > div:nth-of-type(2) dl{width: 36%;}
.docu_intro > div:after{content: ""; display: block; width: 20PX; height: 20PX; border-radius: 50%; opacity: 0.6; background: #eee url(../images/sub/step_arrow.png) no-repeat 0 0;
                        position: absolute; left: 50%; top: 112%; transform: translateY(-50%); transform: rotate(90deg);}
/* //220902(e) */
.docu_intro > div:last-child::after{background: none;}
/* 220902(s) */
.docu_intro > div p{border-radius: 10px; height: 150px; padding-top: 95px; font-size: 16px; letter-spacing: -0.055em; width: 20%; color: #fff; margin-right: 10px; font-weight: 600;}
.docu_intro > div:nth-child(1) p{background: #022759 url(../images/sub/docu_intro_icon01.png) no-repeat 50% 35%;}
.docu_intro > div:nth-child(2) p{background: #022759 url(../images/sub/docu_intro_icon02.png) no-repeat 50% 35%;}
.docu_intro > div:nth-child(3) p{background: #022759 url(../images/sub/docu_intro_icon03.png) no-repeat 50% 35%;}
.docu_intro > div dl{text-align: left; padding: 30px 20px 10px 20px; width: 45%;}
/* //220902(e) */
.docu_intro > div dl dt{margin-bottom: 10px; font-size: 19px; color: #022759; font-weight: 600;}
.docu_intro > div dl dd{font-weight: 500; line-height: 1.5;}
.docu_intro > div div{padding: 20px 0 0 20px;}
.docu_intro > div div div{width: 100%; height: 96px; padding: 0;}
.docu_intro > div div div img{display: block; object-fit: contain; width: 100%; height: 100%;}
.docu_intro > div div span{display: block; font-weight: 600; color: #666; letter-spacing: -0.055em; margin-top: 8px; font-size: 15px;}

.intro03_00 .law{margin: 20px 0;}
.intro03_00 .law > p{margin-top: 10px; padding-left: 25px; color: #022759; font-weight: 500; margin-bottom: 15px;}
.intro03_00 .law a{display: block; color: #022759; font-weight: 500;}
.intro03_00 .law th{font-weight: 700;}
.intro03_00 .law a:hover{text-decoration: underline;}

/* cye_220907(s) */
.blit_law{line-height: 1.5; padding-left: 40px; margin-bottom: 20px; position: relative; font-weight: 500;}
.blit_law:after{content: ""; display: block; width: 5px; height: 5px; background: #24429C; position: absolute; left:0; top: 8px;}
/* cye_220907(e) */

/* 전자화작업장제도 */
.docu_place{ margin-top: 20px;}
.docu_place div{ height: auto; margin-bottom: 20px; padding: 30px 25px 50px 25px; border-bottom: 1px solid #ddd;}
.docu_place div:last-child{border-bottom: none;}
.docu_place div:nth-child(1){background: url(../images/sub/docu_place_icon01.png) no-repeat 25px 5px;}
.docu_place div:nth-child(2){background: url(../images/sub/docu_place_icon02.png) no-repeat 25px 5px;}
.docu_place div:nth-child(3){background: url(../images/sub/docu_place_icon03.png) no-repeat 25px 5px;}
.docu_place div:nth-child(4){margin-bottom: 0; background: url(../images/sub/docu_place_icon04.png) no-repeat 25px 5px;}
.docu_place div dl{display: flex; flex-wrap: wrap; padding-left: 95px;}
.docu_place div dl dt{width: 20%; margin-right: 4%; font-size: 18px; font-weight: 600; line-height: 1.25; letter-spacing: -0.075em; color: #022759;}
.docu_place div dl dd{width: 76%; font-weight: 400; line-height: 1.5; letter-spacing: -0.055em;}

.docu_regi{display: flex; flex-wrap: wrap; margin-top: 20px;}
.docu_regi dl{width: 32%; margin-right: 2%; height: auto; padding: 30px 25px; background:#f0f3f8; position: relative; border-radius: 20px;}
.docu_regi dl::after{content: ""; display: block; height: 35px; width: 30px; background: url(../images/sub/certify.png) no-repeat 0 0; background-size: contain; position: absolute; left: 18px; top: 34px;}
.docu_regi dl:last-child{margin-right: 0;}
.docu_regi dl dt{font-size: 18px; font-weight: 600; line-height: 1.25; letter-spacing: -0.075em; margin-bottom: 10px; padding-left: 35px; padding-top: 10px;}
.docu_regi dl dd{font-weight: 500; line-height: 1.5; letter-spacing: -0.055em;}
p.caution{font-size: 15px; color: #4763E6; letter-spacing: -0.025em; font-weight: 500; margin-top:13px; margin-bottom: 13px; line-height: 1.5;}


/* 공인전자문서중계자제도 */
/* 220902(s) */
.docu_place div.relay:nth-child(1){background: url(../images/sub/docu_place_icon01.png) no-repeat 25px 5px;}
.docu_place div.relay:nth-child(2){background: url(../images/sub/center_ch_icon01.png) no-repeat 25px 5px;}
.docu_place div.relay:nth-child(3){background: url(../images/sub/docu_place_icon03.png) no-repeat 25px 5px;}
.docu_place div.relay:nth-child(4){margin-bottom: 0; background: url(../images/sub/docu_place_icon02.png) no-repeat 25px 5px;}
/* //220902(e) */
.criteria{display: flex; flex-wrap: wrap; margin-top: 20px;}
/* 220822(s) */
.criteria div{width: 49%; margin-right: 2%; padding: 25px 20px; background: #f0f3f8; position: relative; border-radius: 20px;}
.criteria div::after{content: ""; display: block; height: 35px; width: 30px; background: url(../images/sub/certify.png) no-repeat 0 0; background-size: contain; position: absolute; left: 18px; top: 34px;}
/* //220822(e) */
.criteria div:last-child{margin-right: 0;}
.criteria div h5{font-size: 18px; font-weight: 600; line-height: 1.25; letter-spacing: -0.075em; margin-bottom: 10px; padding-left: 30px; padding-top: 10px;}
.criteria div ul{}
.criteria div ul li{font-weight: 500; line-height: 1.75; letter-spacing: -0.055em; position: relative; padding-left: 15px;}
.criteria div ul li:after{content: ""; display: block; width: 6px; height: 1px; background: #222; position: absolute; left: 0; top:12px;}


/* 공인전자문서센터 제도 */
.center_ch{margin-top: 20px;}
.center_ch div{width: 100%; height: auto; margin-bottom: 20px; padding: 30px 25px 50px 25px; border-bottom: 1px solid #ddd;}
.center_ch div:last-child{border-bottom: none;}
.center_ch div:nth-child(1){background: url(../images/sub/center_ch_icon01.png) no-repeat 25px 5px;}
.center_ch div:nth-child(2){background: url(../images/sub/center_ch_icon02.png) no-repeat 25px 5px;}
.center_ch div:nth-child(3){background: url(../images/sub/center_ch_icon03.png) no-repeat 25px 5px;}
.center_ch div:nth-child(4){background: url(../images/sub/center_ch_icon04.png) no-repeat 25px 5px;}
.center_ch div:nth-child(5){background: url(../images/sub/center_ch_icon05.png) no-repeat 25px 5px;}
.center_ch div:nth-child(6){background: url(../images/sub/center_ch_icon06.png) no-repeat 25px 5px; margin-bottom: 0;}
.center_ch div dl{display: flex; flex-wrap: wrap; padding-left: 100px;}
.center_ch div dl dt{width: 30%; margin-right: 4%; font-size: 18px; font-weight: 600; line-height: 1.5; letter-spacing: -0.075em; color: #022759;}
.center_ch div dl dd{width: 66%; font-weight: 400; line-height: 1.5; letter-spacing: -0.055em;}

.center_criteria{display: flex; flex-wrap: wrap; margin-top: 20px;}
.center_criteria div{width: 32%; margin-right: 2%; padding: 30px 25px; background:#f0f3f8; position: relative; border-radius: 20px;}
.center_criteria div::after{content: ""; display: block; height: 35px; width: 30px; background: url(../images/sub/certify.png) no-repeat 0 0; background-size: contain; position: absolute; left: 18px; top: 34px;}
.center_criteria div:last-child{margin-right: 0;}
.center_criteria div h5{font-size: 18px; font-weight: 600; line-height: 1.25; letter-spacing: -0.075em; margin-bottom: 10px; padding-left: 35px; padding-top: 10px; color: #022759;}
.center_criteria div ul{}
.center_criteria div ul li{font-weight: 400; line-height: 1.75; letter-spacing: -0.055em; position: relative; padding-left: 15px;}
.center_criteria div ul li:after{content: ""; display: block; width: 6px; height: 1px; background: #222; position: absolute; left: 0; top:12px;}


/* 220822(s) */
/* 모바일전자고지란 */
.mo_relay{width: 100%;}
.mo_relay span{text-indent: -9999px; overflow: hidden; display: block; height: 0;}
/* 230306(s) */
.mo_relay h5{font-size: 16px; font-weight: 500; margin-bottom: 20px; background: #022759; color: #fff; padding: 10px 12px; border-radius: 5px; display: inline-block;}
/* //230306(e) */
.here{font-weight: 700; text-decoration: underline;}

.mo_necessity{}
.mo_necessity_txt{margin: 30px auto; width: 100%; box-shadow: 0 10px 20px rgb(0 0 0 / 8%), 0 4px 4px rgb(0 0 0 / 5%); border-radius: 10px;}
/* 230306(s) */
.mo_necessity_txt p{padding: 23px; font-size: 21px; text-align: center; line-height: 1.5;}
/* //230306(e) */
.mo_necessity_txt p strong{font-weight: 600; color:#4763E6;}
.mo_necessity ul{display: flex; flex-wrap: wrap;}
.mo_necessity ul li{font-size: 17px; width: 23.5%; margin-right: 2%; padding: 85px 30px 32px 30px; text-align: center; line-height: 1.5; border-radius: 15px;}
.mo_necessity ul li:nth-child(1){background: #f0f3f8 url(../images/sub/mo_necessity_icon01.png) no-repeat 50% 30px;}
.mo_necessity ul li:nth-child(2){background: #f0f3f8 url(../images/sub/mo_necessity_icon02.png) no-repeat 50% 30px;}
.mo_necessity ul li:nth-child(3){background: #f0f3f8 url(../images/sub/mo_necessity_icon03.png) no-repeat 50% 30px;}
.mo_necessity ul li:nth-child(4){background: #f0f3f8 url(../images/sub/mo_necessity_icon04.png) no-repeat 50% 30px; margin-right: 0;}
.mo_necessity ul li strong{font-weight: 600;}
.mo_necessity ul li span{display: block; margin: 0 auto;}
.mo_necessity ul li:nth-child(1) span{width: 90px;}
.mo_necessity ul li:nth-child(2) span{width: 150px;}
.mo_necessity ul li:nth-child(3) span{width: 150px;}
.mo_necessity ul li:nth-child(4) span{width: 165px; letter-spacing: -0.075em;}

.mo_benefit{}
.mo_benefit > div{display: flex; flex-wrap: wrap;}
.mo_benefit > div:last-child{margin-bottom: 0;}
.mo_benefit > div > img{width: 50%; object-fit: cover; height: 455px; border-radius: 20px;}
.mo_benefit > div > div{padding: 60px 50px; width: 50%;}
.mo_benefit > div > div h6{font-size: 20px; font-weight: 600;}
.mo_benefit > div > div > ul{padding: 25px 20px 0 0;}
.mo_benefit > div > div > ul > li{line-height: 1.5; margin-bottom: 8px; position: relative; padding-left: 28px;}
.mo_benefit > div > div > ul > li:last-child{margin-bottom: 0;}
.mo_benefit > div > div > ul > li::before{content: ""; display: block; background: url(../images/sub/cert_arrow.png) no-repeat 0 0; width: 22px; height: 22px; position: absolute; left:0; top: 1px;}
.mo_benefit > div > div > ul > li > strong{color: #4763E6;}
.mo_benefit > div > div > ul > li > ul{margin: 10px 0;}
.mo_benefit > div > div > ul > li > ul > li{margin-bottom: 6px;}
.mo_benefit > div.mo_benefit02{flex-direction: row-reverse;}


/* 이용방법_카카오페이 */
/* 230306(s) */
.tab-control ul.menu-6 li{flex: auto;}
/* //230306(e) */
.t_tit{font-size: 30px; margin: 50px 0 20px 0; text-align: center; line-height: 1.25;}
.mo_use_01{margin-bottom: 30px;}
.mo_use_01 h4{}
.mo_use_01 ul{display: flex; flex-wrap: wrap;}
.mo_use_01 ul li{line-height: 1.5; width: 49%; margin-right: 2%; font-weight: 500; letter-spacing: -0.055em; position: relative; line-height: 1.75; border-radius: 12px;}
.cacao li:nth-child(1){padding: 60px 30px 30px 150px; background: #f0f3f8; position: relative;}
.cacao li:nth-child(1)::after{content: ""; display: block; width: 59px; height: 59px; background: url(../images/sub/thumb_talk.png) no-repeat 0 0; background-size: contain; position: absolute; left:50px; top: 50%;
                              transform: translateY(-50%);}
.cacao li:nth-child(2){padding: 50px 30px 30px 150px; background: #f0f3f8; position: relative;}
.cacao li:nth-child(2):last-child{margin-right: 0;}
.cacao li:nth-child(2)::after{content: ""; display: block; width: 59px; height: 59px; background: url(../images/sub/thumb_kakaosign.png) no-repeat 0 0; background-size: contain; position: absolute; left:50px; top: 50%;
                              transform: translateY(-50%);}
.mo_use_01 ul li span{display: inline-block; width: 22px; height: 22px; line-height: 22px; background: #022759; color: #fff; text-align: center; font-size: 14px; font-weight: 500; 
                      font-family: 'Gmarket Sans'; vertical-align: middle; border-radius: 50%; margin-right: 6px;}
.mo_use_01 ul li a{display: block; color: #4763E6; font-weight: 600; margin-top:8px; }
.mo_use_01 ul li a:hover{text-decoration: underline;}

.mo_use_02{}
.mo_use_02 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.mo_use_02 ul li{position: relative; width: 25%; margin-bottom: 20px;}
.mo_use_02 ul li img{display: block; height: 450px; object-fit: contain;}
.mo_use_02 ul li > span{font-weight: 500; width: auto; margin: 0 auto; display: block; padding: 5px 20px 0 20px; text-align: left;}
.mo_use_02 ul li > span > span{display: inline-block; width: 22px; height: 22px; line-height: 22px;  color: #fff; text-align: center; font-size: 13px; font-weight: 500; font-family: 'Gmarket Sans'; vertical-align: middle;  
                               border-radius: 50%; background: #666; margin: 0 auto 5px;}
.mo_use_02 ul li > span > em{width: 75%; font-size: 16px; letter-spacing: -0.055em; line-height: 1.55; margin-left: 10px;}
.mo_use_02 > div{padding: 0 20px;}
.caution span{color: #666;}

/* 이용방법_KT */
.announce{padding: 30px 30px 30px 50px; line-height: 1.75; position: relative; background: #f0f3f8; border-radius: 15px;}
.announce::after{content: ""; display: block; background: url(../images/sub/ann_icon.png) no-repeat 0 0; background-size: contain; position: absolute; left: 20px; top: 30px; width: 22px; height: 22px;}

/* 이용방법_네이버 */
.naver li:nth-child(1){background: #f0f3f8; padding: 50px 30px 30px 150px;}
.naver li:nth-child(1)::after{content: ""; display: block; width: 59px; height: 59px; background: url(../images/sub/icon_naver.png) no-repeat 0 0; background-size: contain; position: absolute; left:50px; top: 50%;
    transform: translateY(-50%);}
.naver li:nth-child(2){background: #f0f3f8; margin-right: 0; padding: 50px 30px 30px 50px;}

/* 이용방법_페이코 */
.payco li:nth-child(1){padding: 50px 30px 30px 150px; background: #f0f3f8; position: relative;}
.payco li:nth-child(1)::after{content: ""; display: block; width: 59px; height: 59px; background: url(../images/sub/thumb_payco.png) no-repeat 0 0; background-size: contain; position: absolute; left:50px; top: 50%;
                                transform: translateY(-50%);}
.payco li:nth-child(2){background: #f0f3f8; margin-right: 0; padding: 50px 30px 30px 50px;}


/* 이용방법_토스 */
.toss li:nth-child(1){padding: 50px 30px 30px 150px; background: #f0f3f8; position: relative;}
.toss li:nth-child(1)::after{content: ""; display: block; width: 59px; height: 59px; background: url(../images/sub/toss_app.png) no-repeat 0 0; background-size: contain; position: absolute; left:50px; top: 50%;
                                transform: translateY(-50%);}
.toss li:nth-child(2){background: #f0f3f8; margin-right: 0; padding: 50px 30px 30px 50px;}

/* 이용방법_포스트플러스 */
.postplus li:nth-child(1){padding: 50px 30px 30px 150px; background: #f0f3f8; position: relative;}
.postplus li:nth-child(1)::after{content: ""; display: block; width: 59px; height: 59px; background: url(../images/sub/pp_app.png) no-repeat 0 0; background-size: contain; position: absolute; left:50px; top: 50%;
                                transform: translateY(-50%);}
.postplus li:nth-child(2){background: #f0f3f8; margin-right: 0; padding: 50px 30px 30px 50px;}

/* 이용방법_카카오페이 설치방법 */
.btn{display: flex; padding: 30px 0; align-items: flex-end; flex-wrap: wrap;}
.btn a{display: block; text-align: center; margin-right: 20px; padding: 20px; border: 1px solid #aaa; transition: all ease-in-out 0.3s; line-height: 1.25; flex: auto;}
.btn a:last-child{margin-right: 0;}
.btn a:hover{background: #444; color: #fff; border: 1px solid #fff;}
.btn02{margin-top: 20px;}
.btn02 a{display: block; width: 97%; text-align: center; padding: 15px; border: 1px solid #aaa; transition: all ease-in-out 0.3s; margin: 0 auto;}
.btn02 a:hover{background: #777; color: #fff; border: 1px solid #fff;}

/* 이용방법_카카오페이 가입안내 */
.chat{font-size: 17px; background: url(../images/sub/chat.png) no-repeat 0 0; padding: 5px 0 30px 30px; font-weight: 500;}
.mo_use_02 h5{font-size: 20px; font-weight: 500; padding: 6px 6px 6px 35px; margin-bottom: 10px; background: #f0f3f8;}

/* 근거법령 */
.law_h5{font-weight: 600; font-size: 17px; margin-top: 40px; background: url(../images/sub/icon02.png) no-repeat 0 0; padding: 1px 1px 5px 25px; line-height: 1.5;}

/* 도입방법_카카오페이 */
.mo_intro{margin-bottom: 30px;}
.mo_intro p{width: 100%;}
.mo_intro p a{display: block; width: 100%; height: 100%; text-align: center; background: #fff; padding: 18px 10px; font-size: 18px; font-weight: 700; color: #333; border: 1px solid #aaa;
              transition: all ease-in-out 0.3s; letter-spacing: -0.025em;}
.mo_intro p a span{position: relative; padding-left: 30px; line-height: 1.25;}
.mo_intro p a span::before{content:""; display:block; background: url(../images/sub/filedown.png) no-repeat 32.5% 50%; width: 25px; height: 25px; position: absolute; left:0; 
                           top: -2px; }
/* .mo_intro p a:hover{background: #777; color: #fff; border: 1px solid #fff; font-weight: 500;} */

/* 230309(s) */
/* 신한pLay 전자문서 */
.shinhan{padding: 30px 50px; background: #f0f3f8; line-height: 1.75;}
.shinhan img{display: block; margin-bottom: 10px;}
.shinhanReady li:nth-child(1){padding: 45px 30px 30px 150px; background: #f0f3f8; position: relative;}
.shinhanReady li:nth-child(1)::after{content: ""; display: block; width: 59px; height: 59px; background: url(../images/sub/icon_shinhan.png) no-repeat 0 0; background-size: contain; position: absolute; left:50px; top: 50%;
                                transform: translateY(-50%);}
.shinhanReady li:nth-child(2){background: #f0f3f8; margin-right: 0; padding: 45px 30px 30px 50px;}

/* //230309(e) */

/* 220823(s) */
/* 이용현황 */
.datawrap{width: 100%; height: auto; background: url(../images/sub/data_background.png) no-repeat center; background-size: cover; border-radius: 20px;}
.datawrap .inner{width: 100%;margin: 0 auto; padding: 80px 0; vertical-align: middle; text-align: center;}
.datawrap .business li{display: inline-block; width: 15%; box-sizing: border-box;}
.datawrap .business li em{}
.datawrap .business li em img{display: block; width: 58px; margin: 0 auto;}
.datawrap .business li span{display: block; margin: 15px 0; font-size: 16px; color: #dbdbdb; border-right: 1px solid #666;}
.datawrap .business li:last-child span{border-right:none;}
.datawrap .business li p{color: #B4F6FF; font-size: 18px; }
.datawrap .business li p b{font-size: 30px; font-weight: 400; font-family: 'Gmarket Sans';}
.use table td{font-weight: 600; color: #222;}
.cwrap{margin-bottom: 40px;}
.srch_box{padding: 35px 20px; width: 100%; margin: 0 auto 30px; display: flex; flex-wrap: wrap; vertical-align: middle; text-align: left; border-radius: 20px; border: 1px solid #ddd;}
.srch_box ul{width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.srch_box li{display: flex; flex-wrap: wrap; width: 35%;}


.srch_box li.first{width: 20%;}
.srch_box li:last-child{padding-right: 0;}
.srch_box li span{display: block; text-align: left; color: #666; font-size: 16px; letter-spacing: -0.1em; height: 28px; line-height: 28px; margin-right: 3%;}
.srch_box input[type="text"], .srch_box select{ height: 28px; padding: 0 10px; border: 1px solid #ccc; vertical-align: middle; box-sizing: border-box; font-size: 15px; width: 70%;}
.srch_box .btn_srch_box{display: inline-block; height: 28px; padding: 0 20px;background-color: #666; font-size: 15px; text-align: center; color: #fff; line-height: 28px; vertical-align: middle;}

.sch_wrp{display: inline-block; height: 40px; line-height: 40px;}
.sch_wrp .total_cnt{display: inline-block; margin-right: 30px; vertical-align: middle;}
.sch_wrp .total_cnt p{font-size: 13px;}
.sch_wrp .total_cnt p b{font-weight: 700; font-size: 14px;}
.flr{float: right;}
.view_num{display: inline-block; width: 80px; height: 28px; padding: 0 10px; border: 1px solid #ccc; box-sizing: border-box; font-size: 14px; margin-top: 3px;}
.tbl_list table{border-top: 1px solid #000; width: 100%;}
/* 220824(s) */
.tbl_list table tr{border-bottom: 1px solid #ddd; height: 70px; line-height: 1.5;}
.tbl_list table th{color: #333; font-size: 16px; font-weight: 600; vertical-align: middle; background: #f0f3f8;}
.tbl_list table th.bg_color{color:#333;}
/* //220824(e) */
/* 220830_2(s) */
.tbl_list table td{text-align: center; color: #444; font-size: 15px; vertical-align: middle; padding: 0 5px; font-weight: 400;} 
/* //220830_2(e) */
.info{display: flex; margin-top: 15px;}
.info em{margin-right: 6px;}
.info p{padding-top: 2px; font-size: 0.8rem; vertical-align: middle; width: 90%; line-height: 1.25;}                      

.paging_wrap{display: table; margin: 40px auto 0 auto;}
.paging_wrap::after{content: ""; display: block; clear: both;}
.paging_wrap>div{margin: 0 auto;}
.paging_wrap li{float: left;}
/*.paging_wrap li.on a{background: #bbb; color: #fff;}*/
.paging_wrap li.on a{background: #6f6f6f; color: #fff;}
.paging_wrap li a{display: block; width: 35px; height: 35px; color: #444; line-height: 35px; text-align: center;}
.paging_wrap .nextBtn{background: url(../images/sub/arrow_next.png)no-repeat center; text-indent: -9999px; overflow: hidden;}
.paging_wrap .nextBtnla{background: url(../images/sub/arrow_last.png)no-repeat center; text-indent: -9999px; overflow: hidden;}

.sorting{text-align: center; padding: 0 10px;}
.sorting em{}
.sortbtn{padding: 5px 0 0 5px; vertical-align: middle; display: inline-block;}
.sortbtn a{display: inline-block; margin-right: 4px;}
.sortbtn a:last-child{margin-right: 0;}
.sortbtn a img{width: 22px; height: 22px;}

.relay_list{padding: 20px 0 0 20px;}
/* 220830_2(s) */
.relay_list ul{display: flex; flex-wrap: wrap; padding-top: 10px; padding-left: 16px;}
/* //220830_2(e) */
.relay_list ul li{width: 8.5%; margin-right: 4%; margin-bottom: 12px;}
.relay_list ul li img{display: block; object-fit: contain; width: 62px;}

/*221125(s)*/
/* 연도별 발송 건수 */
.perYear{width: 100%; height: auto; border-radius: 20px; background:url(../images/sub/perYear_background.png) no-repeat 0 0; background-size: cover;}
.perYear .inner{width: 100%;margin: 0 auto; padding: 72px 0; vertical-align: middle; text-align: center;}
.perYear .business li{display: inline-block; width: 15.5%; box-sizing: border-box; position: relative;  padding: 0 5px; margin-right:2px; margin-top: 10px; margin-bottom: 10px;}
.perYear .business li:last-child{margin-right: 0; border-right: none;}
.perYear .business li span{display: block; margin-bottom: 25px; font-size: 20px; color: #fff; font-weight: 500; font-family: 'Gmarket Sans'; background: rgba(0,0,0),0.8; padding: 5px 0 12px 0; position: 
                           relative; z-index: 0; border-bottom: 1px solid #898989;} 
.perYear .business li p{color: #B4F6FF; font-size: 16px; margin-bottom: 15px;}
.perYear .business li p:last-child{margin-bottom: 0;}
.perYear .business li p b{font-size: 18px; font-weight: 700; letter-spacing: -0.025em; color: #B4F6FF; font-family: 'Gmarket Sans';}
.perYear .business li.types00{width: 12%;}
.perYear .business li.types00 p b{font-family: 'AppleSDGothic'; font-size:17px; color: #fff;}

.perYear_wrap .srch_box{padding: 35px 20px; background-color: #f0f3f8; width: 100%; margin: 0 auto 30px; display: flex; flex-wrap: wrap; vertical-align: middle; text-align: left;}
.perYear_wrap .srch_box ul{width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.perYear_wrap .srch_box li{display: flex; flex-wrap: wrap; width: 50%;}
.perYear_wrap .srch_box li.first{width: 20%;}
.perYear_wrap .srch_box li:last-child{padding-right: 0;}
.perYear_wrap .srch_box li span{display: block; text-align: left; color: #666; font-size: 16px; letter-spacing: -0.1em; height: 28px; line-height: 28px; margin-right: 3%;}
.perYear_wrap .srch_box li select{width: 85%;}
.perYear_wrap .srch_box input[type="text"], .perYear_wrap .srch_box select{ height: 28px; padding: 0 10px; border: 1px solid #ccc; vertical-align: middle; box-sizing: border-box; font-size: 15px;}
.perYear_wrap .srch_box input[type="text"]{width: 97%;}
.perYear_wrap .srch_box .btn_srch_box{display: inline-block; height: 28px; padding: 0 20px;background-color: #666; font-size: 15px; text-align: center; color: #fff; line-height: 28px; vertical-align: middle;}

.perYear_wrap .tbl_list table tbody tr{height: 48px;}

.que{position: relative; padding: 17px 0; cursor: pointer;}
.que.on>span{font-weight: bold;color: #022759; }
    
.anw {display: none; overflow: hidden; background-color: #f4f4f2; padding: 20px 0;}    
.anw span{display: block; margin-bottom: 6px;}
.anw span::before{display: inline-block;content: '·';font-weight: bold;color: #666;margin: 0 5px;}
.anw span:last-child{margin-bottom: 0;}

/*//221125(e)*/


/* 서비스 생애주기 맵 */
.lifecycle{width: 100%; height: 808px; background: rgba(223,238,253,0.2); text-align: center; padding: 0 65px 52px 65px;}
.lifecycle_tit{display: flex; flex-wrap: wrap; margin: 0 auto; width: 339px;}
.lifecycle_tit span{width: 44px; height: 94px; display: block; margin-right: 15px; margin-top: 51px;}
.lifecycle_tit h5{display: inline-block; font-family: 'Gmarket Sans'; font-size: 25px; font-weight: 700; letter-spacing: -0.055em; border-bottom: 1px solid #333; 
                  height: 28px; margin-top: 111px;}

.lifecycle img{object-fit: contain;}
.lifecycle_map{margin: 65px auto; background: url(../images/sub/lifecycle_map_bg.png) no-repeat 0 0; width: 825px; height: 519px; background-size: contain; position: relative;}
.lifecycle_map > div{position: absolute;}
.lifecycle_map > div a{position: absolute; width: 136px; height: 136px; display: block;}
.lifecycle_map > div:nth-child(1) a{left: 55px; top: 5px;}
.lifecycle_map > div:nth-child(2) a{left: 265px; top: 0; width: 61px; height: 100px;}
.lifecycle_map > div:nth-child(3) a{left: 151px; top: 199px; width: 53px; height: 87px;}
.lifecycle_map > div:nth-child(4) a{left: 55px; top: 379px;}
.lifecycle_map > div:nth-child(5) a{left: 296px; top: 142px; width: 230px; height: 230px;}
.lifecycle_map > div:nth-child(6) a{left: 464px; top: 379px;}
.lifecycle_map > div:nth-child(7) a{left: 685px; top: 379px;}
.lifecycle_map > div:nth-child(8) a{left: 685px; top: 194px;}
.lifecycle_map > div:nth-child(9) a{left: 685px; top: 5px;}

/* 220825(s) */
.lifecycle_map > div span{padding: 20px 25px; border-radius: 20px; text-align: left; line-height: 20px; line-height: 1.4; background: #3E5AFF; 
                          color: #fff; font-size: 15px; font-weight: 300; position: relative;}
.lifecycle_map > div span::after{content: ""; display: block; width: 0px; height: 0px; border-bottom: 22px solid #3E5AFF; border-left: 15px solid transparent; 
                                 border-right: 15px solid transparent; position: absolute; transform: rotate(60deg);}
.lifecycle_map > div span.ttip_left::after{left: -8px; top: -5px; transform: rotate(60deg);}
.lifecycle_map > div span.ttip_right::after{right: -8px; top: -5px; transform: rotate(-60deg);}                                           

.lifecycle_map > div ul{padding: 20px 25px; border-radius: 20px; text-align: left; line-height: 20px; line-height: 1.4; background: #3E5AFF; 
                          color: #fff; font-size: 15px; font-weight: 300; position: relative;}
.lifecycle_map > div ul::after{content: ""; display: block; width: 0px; height: 0px; border-bottom: 22px solid #3E5AFF; border-left: 15px solid transparent; 
                                 border-right: 15px solid transparent; position: absolute; transform: rotate(60deg);}
.lifecycle_map > div ul.ttip_left::after{left: -8px; top: -5px; transform: rotate(60deg);}
.lifecycle_map > div ul.ttip_right::after{right: -8px; top: -5px; transform: rotate(-60deg);}                                           




/* //220825(e) */

.lifecycle_map .tooltip01{display: block;}  
.lifecycle_map .tooltip_text01{display: none; position: absolute; z-index: 20; left:146px; top: 125px; width: 295px;}

.lifecycle_map .tooltip02{display: block;}  
.lifecycle_map .tooltip_text02{display: none; position: absolute; z-index: 20; left:146px; top: 500px; width: 285px;}

.lifecycle_map .tooltip03{display: block;}  
/* 220825(s) */
.lifecycle_map .tooltip_text03{display: none; position: absolute; z-index: 20; left:320px; top: 500px; width: 196px;}
/* //220825(e) */

.lifecycle_map .tooltip04{display: block;}  
/* 220825(s) */
.lifecycle_map .tooltip_text04{display: none; position: absolute; z-index: 20; left:540px; top: 500px; width: 200px;}
/* //220825(e) */

.lifecycle_map .tooltip05{display: block;}  
/* 220825(s) */
.lifecycle_map .tooltip_text05{display: none; position: absolute; z-index: 20; left:504px; top: 320px; width: 240px;}
/* //220825(e) */

.lifecycle_map .tooltip06{display: block;}  
/* 220825(s) */
.lifecycle_map .tooltip_text06{display: none; position: absolute; z-index: 20; left:498px; top: 131px; width: 240px;}
 /* //220825(e) */

 .lifecycle_map .tooltip07{display: block;}  
/* 220825(s) */
.lifecycle_map .tooltip_text07{display: none; position: absolute; z-index: 20; left:450px; top: 355px; width: 390px;}
/* //220825(e) */

.lifecycle_map .tooltip08{display: block;}  
/* 220825(s) */
.lifecycle_map .tooltip_text08{display: none; position: absolute; z-index: 20; left:307px; top: 100px; width: 261px;}
/* //220825(e) */

.lifecycle_map .tooltip09{display: block;}  
.lifecycle_map .tooltip_text09{display: none; position: absolute; z-index: 20; left:178px; top: 289px; width: 184px;}

/* //220823(e) */


/* 220824(s) */
/* 시대별 주요 트랜드 */
.ready{text-align: center;}
.ready img{display: inline; padding: 40px 0;}

/* 서비스 모범 사례 */
.service_ex{}
/* 220905(s) */
.service_ex article{margin-bottom: 40px; padding: 0 35px 0 0; background: #f0f3f8; border-radius: 20px; display: flex; flex-wrap: wrap;}
.service_ex article:last-child{margin-bottom: 0;}
.service_ex article h5{font-size: 24px; font-weight: 700; position: relative; width: 14%; margin-right: 4%; background: #022759; color: #fff; padding: 35px 30px 0 35px; 
                        height: 100%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; line-height: 1.25; height: 191px;}
.service_ex article h5::after{content: ""; display: block; position: absolute; right:-37px; top: 0; 
                              width: 0px; height: 0px; border-bottom: 191px solid transparent; border-left: 37px solid #022759;}
.service_ex article div{width: 37%; text-align: center; padding-top: 46px; margin-left: 5%;}
.service_ex article div > img{display: inline-block; object-fit: contain;}
.service_ex article p{font-size: 17px; line-height: 1.5; width: 35%; padding-top: 35px; margin-left: 5%; letter-spacing: -0.055em; text-align: justify;}
/* //220829(e) */


/* 동향자료, 공지사항 */
.srch_box02 li{width: 50%;}
.srch_box02 li.srch_box02_third{width:  calc(100%/3);}
.srch_box02 li.margintop_40{margin-top: 40px;}

/*2024 02 21 */
.srch_box li.srch_box02_third input,select {width: 45%; height: 35px;}

.tbl_list table tbody tr{height: 60px;}
.tbl_list table td.left{text-align: left; position: relative; }
/* 220830_2(s) */
.tbl_list table td.left a{display: block; overflow:hidden; position:absolute; left:15px; top:50%; transform: translateY(-50%); width:85%; white-space:nowrap; text-overflow:ellipsis;}
/* //220830_2(e) */
.tbl_list table td.left a:hover{text-decoration: underline; color: #000;}
/* 220830_2(s) */
.attach_file{position: relative;}
.attach_file > span{display: inline-block; background: url(../images/sub/file.png)no-repeat 100% 50%;  width: 20px; height: 20px; text-indent: -9999px; position: absolute; 
                    top:50%; right: 0; transform: translateY(-50%);}
/* //220830_2(e) */


/* 220829(s) */
.tbl_list table td.left span{padding: 0 15px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tbl_list table td.whitespace{text-align: left;}
.tbl_list table td.whitespace span{white-space:normal; overflow: unset; text-overflow: unset;}
/* //220829(e) */
.tbl_list table td.line span{padding:5px 10px; display: block; overflow: hidden; white-space: normal; text-overflow: ellipsis; text-align: left;}

.paging_wrap .prevBtn{background: url(../images/sub/arrow_prev.png)no-repeat center; text-indent: -9999px; overflow: hidden;}
.paging_wrap .prevBtnla{background: url(../images/sub/arrow_first.png)no-repeat center; text-indent: -9999px; overflow: hidden;}

/* 법령정보 */
.download{}
.download a{display: block; margin: 0 auto; width: 70%; height: 100%; padding: 6px 0; color: #4763E6; font-weight: 600; font-size: 15px; transition: all ease-in-out 0.3s; background: #f0f3f8;}
.download a:hover{background: #4763E6; color: #fff; font-weight: 400;}
.bold{font-weight: 800; border-right: 1px solid #e5e5e5;}
.bg_03{background: #f9f9f9;}

/* FAQ */
.tab-control ul.menu-7 li{flex-grow: 1; width: 14.28%;}
/* .tab-control ul.menu-7 li a{height: 80px;} */

.sub_faq dl{border-top: 1px solid #ccc;}
.sub_faq .faq_list dt{vertical-align: middle; padding: 18px 12px 18px 52px; color: #111; cursor: pointer; font-size: 16px; line-height: 1.25; position: relative; margin: 0;
                      background: url(../images/sub/faq_q.png)no-repeat 10px 50%;}
.sub_faq dl dt button{display: flex; flex-wrap: wrap; width: 100%; text-align: left;}
.sub_faq dl dt button div.faqlist{width: 93%;}
.sub_faq dl dt button span.on{background: url(/images/sub/faq_icon.png)no-repeat right -95px;}
.sub_faq dl dt button span{background: url(../images/sub/faq_icon.png)no-repeat right -132px; display: block; text-indent: -9999px; width: 7%;}
.sub_faq dl dd{display: none; min-height: 30px; background: url(../images/sub/faq_a.png)no-repeat 10px 10px #f8f8f8; padding: 14px 30px 19px 60px; border-bottom: 1px solid #ddd; color: #555; line-height: 24px;}
.sub_faq dl dd p{line-height: 1.55em;}
.none{vertical-align: middle; padding: 18px 12px; color: #111; font-size: 16px; line-height: 23px; margin: 0; text-align: center;}

/* BI소개 */
.bi{margin-bottom: 60px;}
.bi h5{margin-bottom: 15px; font-weight: 600; font-size: 22px;}
.bi > div{text-align:center;}
.bi_img00{padding: 40px 20px; margin: 20px 0; text-align: center;}
.bi_img00 img{display: inline;}
.bi_img01{text-align: center;}
.bi_img01 img{display: inline; padding: 20px 0;}
.bi_img02{display: flex; flex-wrap: wrap; justify-content: space-between; width: 80%; margin: 0 auto;}
.bi_img02 img{}
.bi_img02 img:last-child{margin-right: 0;}
.bi_img03{display: flex; flex-wrap: wrap; padding: 30px 40px; width: 80%; margin: 10px auto; justify-content: space-between;}
.bi_img03 img{width: 25%; object-fit: contain;}
.bi_img03 img:last-child{margin-right: 0;}
.bi > p{margin-top: 15px; font-size: 16px; line-height: 1.5;}
.bi h6{font-size: 18px; padding-left: 20px; font-weight: 500; margin-top: 20px; width: 84%; margin: 35px auto 10px;}
.border{border: 1px solid #ddd;}
.bi .btn{width: 100%; padding: 10px 0; margin-top: 10px;}
.bi .btn a{padding: 20px 0; border-radius: 12px;}
.bi .btn a:hover{background: #fff; border: 1px solid #4763E6; color: #4763E6; font-weight: 600;}
/* //220824(e) */

/* 220829(s) */
/* 공지사항 상세, 보도자료 상세 */
.hdtxt{display: block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow: hidden;}
/* 220830(s) */
.board_tit th{padding: 0 20px;}
/* //220830(e) */
/* 220830_2(s) */
.board_detail{padding: 40px 20px!important; font-weight: 500; color: #000;}
/* //220830_2(s) */
.board_none{padding-left: 15px;}
.board_in table{width: 100%; table-layout: fixed;}
.board_in table tr{width: 100%;}
.board_in table td{font-size: 15px;}
.board_in table tbody tr{height: 53px;}
.board_np{margin-top: 25px;}
.board_np dl{border-bottom: 1px solid #ddd; display: flex; font-size: 15px; padding: 20px 0;}
.board_np dl:last-child{border-bottom: none;}
.board_np dl dt{width: 15%; text-align: center; font-weight: 600;}
.board_np dl dd{width: 85%; padding-left: 15px; color: #666;}
.board_np dl dd a{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board_np dl dd a:hover{text-decoration: underline; color: #000;}
.board_next dt{background: url(../images/sub/arrow_up.png) no-repeat 80% 50%;}
.board_prev dt{background: url(../images/sub/arrow_down.png) no-repeat 80% 50%;}
.url a{font-size: 14px; letter-spacing: -0.025em; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* 220830(s) */
.attach_file dl{display: flex; padding: 15px 0; font-size: 15px; line-height: 1.5;}
.attach_file dl dt{width: 15%; text-align: center; font-weight: 600; padding: 0 10px;}
.attach_file dl dd{width: 85%; padding: 0 15px;}
.attach_file dl dd a{color: #4763E6; font-size: 14px;}
.attach_file dl dd a:hover{text-decoration: underline;}
/* //220830(e) */
/* 220831(s) */
.board_list{width: 100%; margin-top: 20px; position: relative;}
.board_list a{display:block; width: 80px; padding: 13px; background: #666; text-align: center; font-size: 15px; font-weight: 500; color: #fff; position: absolute; right: 0; 
              top: 0; transition: all ease-in-out 0.3s;}
.board_list a:hover{background: #4763E6;}
/* 220831(e) */


/* 찾아오시는 길 */
.map_txt{padding: 20px 35px; background: #f0f3f8;}
.map_txt dl{display: flex; margin-bottom: 20px; flex-wrap: wrap;}
.map_txt dl:last-child{margin-bottom: 0;}
.map_txt dl dt{font-size: 18px; font-weight: 700; width: 10%;}
.map_txt dl dd{font-size: 17px; width: 90%;}
.map_img{text-align: center; width: 100%; margin: 30px 0 10px 0;}
.map_img img{display: block; object-fit: contain; margin: 0 auto; width: 730px; border: 1px solid #ddd;}
.map_btn{}
.map_btn a:nth-child(1):hover{background: #00c73c;} 
.map_btn a:nth-child(2):hover{background: #258fff;}

/* 개인정보처리방침 */
.personal{color: #000;}
.personal > p{line-height: 1.55; margin-bottom: 50px;}
.personal p span{display: block; margin-bottom: 20px;}
.personal p strong{font-weight: 600; margin-bottom: 20px; display: inline-block;}
.personal p span em{font-weight: 600; font-size: 18px; text-decoration: underline;}
.personal p em{font-weight: 600; font-size: 18px; text-decoration: underline;}
.personal > div{line-height: 1.55; margin-bottom: 50px;}
.personal div span{display: block; margin-bottom: 20px;}
.personal div strong{font-weight: 600; margin-bottom: 20px; display: inline-block;}
.personal div span em{font-weight: 600; font-size: 18px; text-decoration: underline;}
.personal div em{font-weight: 600; font-size: 18px; text-decoration: underline;}

.personal article{margin-bottom: 28px;}
.personal article h5{font-size: 17px; font-weight: 600; margin-bottom: 10px; position: relative; padding-left: 20px; line-height: 1.25;}
.personal article h5::after{content: ""; display: block; width: 12px; height: 12px; background: #4763E6; position: absolute; left: 0; top: 0;}
.personal article p{line-height: 1.5;}
.personal article ul{margin: 10px 0; padding-left: 15px;}
.personal article ul li{line-height: 1.55;}
.personal article ul li > em{margin-right: 5px; position: relative; padding-left: 15px; font-weight: 500;}
.personal article ul li > em::after{content: ""; display: block; width: 8px; height: 1px; background: #222; position: absolute; left: 0; top: 9px;}
.personal article ul li span{color: #222;}
.personal article ul li span em{font-weight: 600; font-size: 18px; text-decoration: underline;}
.personal article div{margin-top: 20px;}
.personal article div h6{font-size: 17px; font-weight: 600; text-decoration: underline; line-height: 1.25; margin-bottom:8px; color:#444;}
.personal .tbl_list table td{padding: 10px; border-right: 1px solid #e9e9e9;}
.personal .tbl_list table td:last-child{border-right: none;}
.stit{margin: 20px 0 5px 0; font-weight: 500; font-size: 19px;}
.personal_btn{display: inline-block; padding: 10px 15px; color: #4763E6; border: 1px solid #ddd; margin-top: 20px; letter-spacing: -0.055em; font-size: 15px; 
              font-weight: 500; line-height: 1.25;}
.personal_btn:hover{border: 1px solid #666;}
.underline{text-decoration: underline;}
.personal article select{height: 28px; padding: 0 10px; border: 1px solid #ccc; vertical-align: middle; box-sizing: border-box; font-size: 15px; width: 30%; margin-left: 20px;}
.perinfo_select{margin-top: 20px; display: flex; flex-wrap: wrap;}
/* //220829(e) */


/* 탭버튼 */
.tab-control ul {display: -webkit-box;display: -ms-flexbox; display: flex; margin: 20px 0; flex-wrap: wrap;}
/* 220819(s) */
.tab-control ul.menu-3 li{flex-grow: 1; width: 25%;}
.tab-control ul li a {display: block;  padding: 23px 1px; background: #f9f9f9; text-align: center; font-size: 16px; font-weight: 400; color: #737373; -webkit-transition: all .3s; 
                      transition: all .3s; border-bottom: 1px solid #ddd; line-height: 2.0; letter-spacing: -0.075em;}
/* 220822(s) */
.tab-control ul li a.active, .tab-control ul li a:focus {background: #fff; color: #4763E6; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; 
                                                         border-bottom: 1px solid #fff; font-weight: 600;}
/* //220822(e) */
/* //220819(e) */
.tab-control ul li a:hover{background: #fefefe;}
.tab-content .tab-content-inner {display: none;}
.tab-content .tab-content-inner.active, .tab-content .tab-content-inner.focus {display: block;}
.tab-content{width: 100%;}

/* 전자문서 제도의 의의 */
/* cye_220907(s) */
.blit{line-height: 1.5; padding-left: 30px; margin-bottom: 20px; position: relative; font-weight: 500;}
.blit:after{content: ""; display: block; width: 5px; height: 5px; background: #24429C; position: absolute; left:10px; top: 8px;}
/* cye_220907(e) */
.no_blit{line-height: 1.5;}

.docu_defini{margin: 40px 0; text-align: center;}

.step01{}
.step01 ul{display: flex; margin-bottom: 20px;}
.step01 ul li{width: 22%; margin-right: 4%; height: 150px; line-height: 1.25; text-align: center; padding: 90px 30px 0 30px; position: relative; font-weight: 700; border: 1px solid #eee; border-radius: 10px;}
.step01 ul li:nth-child(1){background: #f0f3f8 url(../images/sub/step01_icon01.png) no-repeat 50% 32%;}
.step01 ul li:nth-child(2){background: #f0f3f8 url(../images/sub/step01_icon02.png) no-repeat 50% 32%;}
.step01 ul li:nth-child(3){background: #f0f3f8 url(../images/sub/step01_icon03.png) no-repeat 50% 32%;}
.step01 ul li:nth-child(4){background: #f0f3f8 url(../images/sub/step01_icon04.png) no-repeat 50% 32%;}
.step01 ul li:last-child{margin-right: 0;}
.step01 ul li:after{content: ""; display: block; width: 20PX; height: 20PX; background: url(../images/sub/step_arrow.png) no-repeat 0 0; position: absolute; right: -14%; top: 50%; transform: translateY(-50%);}
.step01 ul li:last-child::after{background: none;}
.step01 > div{display: flex;}
.step01 dl{width: 48%; margin-right: 4%; text-align: center; padding: 15px 20px; border: 1px solid #ddd; position: relative;}
.step01 dl:last-child{margin-right: 0;}
.step01 dl::after{content: ""; display: block; width: 32PX; height: 32PX; background: url(../images/sub/step_arrow_down.png) no-repeat 0 0; position: absolute; left: 50%; bottom: -45px; transform: translateX(-50%);}
.step01 dl dt{margin-bottom: 8px; font-weight: 700;}
.step01 dl dd{display: block; width: 100%; font-size: 15px; line-height: 1.25;}

.step02{display: flex; margin-top: 60px;}
.step02 > div{width: 48%; margin-right: 4%;}
.step02 ul{display: flex; letter-spacing: -0.095em; color: #fff; font-size: 15px;}
.step02_01 ul li{width: 31.9%; margin-right: 2%; height: 120px; line-height: 1.1; text-align: center; padding: 65px 10px 0 10px; border-radius: 10px;}
.step02_01 ul li:last-child{margin-right: 0;}
.step02_01 ul li:nth-child(1){background: #022759 url(../images/sub/step02_icon01.png) no-repeat 50% 30%;}
.step02_01 ul li:nth-child(2){background: #022759 url(../images/sub/step02_icon02.png) no-repeat 50% 30%;}
.step02_01 ul li:nth-child(3){background: #022759 url(../images/sub/step02_icon03.png) no-repeat 50% 30%;}

.step02_02 ul li{width: 23.5%; margin-right: 2%; height: 120px; line-height: 1.1; text-align: center; padding: 65px 10px 0 10px; border-radius: 10px;}
.step02_02 ul li:last-child{margin-right: 0;}
.step02_02 ul li:nth-child(1){background: #022759 url(../images/sub/step02_icon04.png) no-repeat 50% 30%;}
.step02_02 ul li:nth-child(2){background: #022759 url(../images/sub/step02_icon05.png) no-repeat 50% 30%;}
.step02_02 ul li:nth-child(3){background: #022759 url(../images/sub/step02_icon06.png) no-repeat 50% 30%;}
.step02_02 ul li:nth-child(4){background: #022759 url(../images/sub/step02_icon07.png) no-repeat 50% 30%;}

.step02 dl{width: 100%; text-align: center; margin-bottom: 20px; padding: 15px 20px; border: 1px solid #ddd;}
.step02 dl dt{margin-bottom: 8px; font-weight: 700;}
.step02 dl dd{display: block; width: 100%; font-size: 15px; line-height: 1.25;}
/* 220819(s) */
.law{padding: 28px 25px; margin: 40px 0; background: #f7f7f7;}
/* 220902(s) */
.law h5{font-size: 18px; font-weight: 700; color:#022759; background: url(../images/sub/icon02.png) no-repeat 0 40%; padding-left: 26px; margin-bottom: 15px; line-height: 1.25;}
/* //220902(e) */
/* //220819(e) */
.law > ul{line-height: 1.5;}
.law > ul > li{margin-top: 20px; color: #000;}
.law > ul > li > ul{margin-top: 5px;}
.law > ul > li > ul > li{font-size: 15px;}

/* 전자화문서의 특징 */
.intro0302{display: flex; margin-top: 40px;}
.intro0302 > div{width: 30%; margin-right: 5%;}
.intro0302 > div:last-child{margin-right: 0;}
.intro0302 > div h5{font-size: 18px; text-align: center; font-weight: 700; padding: 20px; background: #B4F6FF; border-radius: 10px;}
.intro0302 > div ul{padding: 20px;}
.intro0302 > div ul li{line-height: 1.3; margin-bottom: 20px; font-weight: 500; text-align: justify;}
.intro0302 > div ul > li:nth-child(2){text-align: center;}
.intro0302 > div ul > li:nth-child(3){text-align: center;}
.intro0302 > div ul li a{color: #24429C; display: block; width: 100%; height: 100%; padding: 10px 0; background: #f9f9f9;}
.intro0302 > div ul li a:hover{background: #f0f3f8;}
.intro0302 > div ul li a span{display: block; padding-left: 13px;}

/* 전자화문서관리규정 등록 */
.blit span{display: block;}
.blit .refer{font-size: 15px; color: #24429C; padding-left: 18%;}
.blit span em{font-weight: 700; color: #0000ff; letter-spacing: -0.055em; text-decoration: underline;}
/* 220819(s) */
/* 220822(s) */
.intro0303{margin-bottom: 20px; padding: 30px;}
/* //220822(e) */
.intro0303 h5{font-size: 18px; font-weight: 600; color: #333;  padding: 8px 3px; margin-bottom: 16px; position: relative;}
.intro0303 h5::before{content: ""; display: block; width: 70px; height: 20px; background: #B4F6FF; position: absolute; left: 0; top: 12px; z-index: -1;}
/* //220819(e) */
.intro0303_step{margin-bottom: 40px;}
.intro0303_step ul{display: flex;}

/* 220822(s) */
.intro0303_step ul li{width: 16.4%; background: #f0f3f8; height: 120px; text-align: center; border-bottom-left-radius:30px; border-bottom-right-radius:30px; box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 4px 4px rgba(0,0,0,0.1);}
/* //220822(e) */

.intro0303_step ul li:last-child{margin-right: 0;}
.intro0303_step ul li span{display: block; height: 50px; line-height: 50px; background: #022759; border-top-left-radius:30px; border-top-right-radius:30px; border-bottom-left-radius:30px;
                           margin-bottom: 25px; font-weight: 500; color: #fff; font-size: 15px;}
.intro0303_step ul li p{font-weight: 700; color: #000; position: relative; ;letter-spacing: -0.075em; font-size: 15px;}
.intro0303_step ul li p::after{content: ""; display: block; width: 27%; height: 4px; background: #ccc; position: absolute; right: -27%; top: -10px;}
.intro0303_step ul li:last-child p::after{display: none;}

/* 220822(s) */
.intro0303_step ul li.inter{width: 4.5%; margin-top: 150px; height: auto; font-size: 15px; text-align: center; line-height: 1.2; border-radius: 0; background: none; font-weight: 600; 
                            letter-spacing: -0.075em; position: relative; box-shadow: none;}
/* //220822(e) */

.intro0303_step ul li.inter:after{content: ""; display: block; width: 1px; height: 70px; background: #aaa; position: absolute; left: 50%; top: -80px; z-index: -1;}
.intro0303_step ul li.inter:before{content: ""; display: block; width: 6px; height: 6px; background: #999; position: absolute; left: 50%; top: -12px; border-radius: 50%; transform: translateX(-50%);}
.red{color: #ff0000;}
/* 220818(s) */
.blue{color: #4763E6;}
/* //220818(e) */
.intro0303_need{}
.intro0303_need ul{padding-left: 20px;}
.intro0303_need ul li{line-height: 1.5; position: relative; padding-left: 18px; color: #000;}
.intro0303_need ul li::after{content: ""; display: block; width: 6px; height: 3px; background: #022759; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 10px;}

.law em{font-weight: 900; display: block;}

/* 공인전자문서중계자 제도의 특징 */
.info0401{margin: 40px 0; text-align: center;}
.info0401 > .info0401_in{width: 483px; height: 100%; margin: 60px auto; display: flex; flex-wrap: wrap;}
.info0401 > .info0401_in > div{height: 219px; width: 224px; border-radius: 50px; padding: 70px 50px; margin-right: 35px; margin-bottom: 30px;}
.info0401 > .info0401_in > div:nth-child(2n){margin-right: 0;}
.info0401 > .info0401_in > div:nth-child(1){background: rgba(180,246,255,0.5) url(../images/sub/info0401_icon01.png) no-repeat 50% 17%;}
.info0401 > .info0401_in > div:nth-child(2){background: rgba(180,246,255,0.5) url(../images/sub/info0401_icon02.png) no-repeat 50% 17%;}
.info0401 > .info0401_in > div:nth-child(3){background: rgba(180,246,255,0.5) url(../images/sub/info0401_icon03.png) no-repeat 50% 17%;}
.info0401 > .info0401_in > div:nth-child(4){background: rgba(180,246,255,0.5) url(../images/sub/info0401_icon04.png) no-repeat 50% 17%; padding: 65px 35px;}
.info0401 > .info0401_in > div h5{font-size: 18px; color: #022759; padding-bottom: 14px; position: relative; font-weight: 600;}
.info0401 > .info0401_in > div h5:after{content: ""; display: block; width: 50px; height: 1px; background: rgba(2,39,69,0.5); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.info0401 > .info0401_in > div p{padding-top: 16px; line-height: 1.5; color: #333; letter-spacing: -0.055em;}


/* 공인전자주소 기반 전자문서 유통 */
/* 220819(s) */
.info0402_img{margin: 30px 0 0 0; width: 100%; padding: 20px;}
/* //220819(e) */
.info0402_img img{width: 642px; margin: 0 auto;}


/* info0403_공인전자문서중계자 인증 */
/* 220819(s) */
.certify{margin: 30px 0; padding: 10px 25px;}
/* //220819(e) */
.certify h5{font-size: 18px; font-weight: 600; color: #333; padding: 8px 3px; width: 70px; margin-bottom: 16px; position: relative;}
/* 220819(s) */
.certify h5::before{content: ""; display: block; width: 70px; height: 20px; background: #B4F6FF; position: absolute; left: 0; top: 12px; z-index: -1; opacity: 0.6;}
/* //220819(e) */
.certify_in{display: flex; text-align: center; flex-wrap: wrap;}
.certify_in div{margin-right: 1%; width: 15.8%; border-radius: 50%; height: 150px; position: relative; box-shadow: 0 4px 8px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.1);}
.certify_in div:after{content: ""; display: block; width: 22px; height: 22px; background: url(../images/sub/cert_arrow.png) no-repeat 50% 55%; position: absolute; right: -7.5%; top: 50%; transform: translateY(-50%);}
.certify_in div:last-child:after{display: none;}
.certify_in div:nth-child(1){background: #f0f3f8 url(../images/sub/cert_icon01.png) no-repeat; background-position: 50% 55%;}
.certify_in div:nth-child(2){background: #f0f3f8 url(../images/sub/cert_icon02.png) no-repeat; background-position: 50% 55%;}
.certify_in div:nth-child(3){background: #f0f3f8 url(../images/sub/cert_icon03.png) no-repeat; background-position: 50% 55%;}
.certify_in div:nth-child(4){background: #f0f3f8 url(../images/sub/cert_icon04.png) no-repeat; background-position: 50% 55%;}
.certify_in div:nth-child(5){background: #f0f3f8 url(../images/sub/cert_icon05.png) no-repeat; background-position: 50% 55%;}
.certify_in div:nth-child(6){background: #f0f3f8 url(../images/sub/cert_icon06.png) no-repeat; background-position: 50% 55%;}
.certify_in div:last-child{margin-right: 0;}
/* 220819(s) */
.certify_in div p{font-weight:400; font-size: 15px; background: #fff; width: 100px; margin: 0 auto;  padding: 9px 0; color: #333; border-radius: 30px; border: 1px solid #333; font-weight: 600;}
.certify_in div span{font-weight: 500; color: #737373; padding-top: 130px; display: block; letter-spacing: -0.075em; font-size: 16px; margin-bottom: 20px;}
.require{padding-top: 30px;}
/* //220819(e) */
.require p{font-size: 18px; font-weight: 600; color: #022759; padding: 8px 3px; width: 70px; margin-bottom: 16px; position: relative; margin-top: 50px;}
/* 220819(s) */
.require p::before{content: ""; display: block; width: 70px; height: 20px; background: #B4F6FF; position: absolute; left: 0; top: 12px; z-index: -1; opacity: 0.6;}
/* //220819(e) */
.require ul{}
.require ul li{font-size: 16px; line-height: 1.5;}

.center_list{}
/* 220819(s) */
.center_list h5{font-size: 24px; font-weight: 500; letter-spacing:-0.025em;}
.sub_tit{font-size: 24px; font-weight: 500; letter-spacing:-0.025em;}
/* //220819(e) */
.center_list table tbody th img{display: block; object-fit: contain; height: 30px; width: 100%!important;}
.center_list table tbody td{text-align: center;}
.center_list table tbody td a{color: #24429C; font-size: 14px;}
.center_list table tbody td a:hover{text-decoration: underline;}

/* 공인전자문서센터란 */
.history{}
.history ul{line-height: 1.5;}
.history ul li{display: flex;}
.history ul li span{display: block; width: 20%; text-align: center; background: #022759; padding: 18px 0; font-weight: 900; color: #fff; border-bottom: 1px solid #666; font-family: 'Gmarket Sans';}
.history ul li p{width: 80%; padding: 18px 20px; border-bottom: 1px solid #ddd;}

/* 전자문서센터의 필요성 */
.intro0502 > div{margin-bottom: 30px;}
.intro0502 .blit{font-size: 18px; font-weight: 700; text-decoration: underline;}
.blit_bottom{line-height: 1.5; margin-left: 20px;}
.blit_bottom li{padding-left:20px; position: relative; margin-bottom: 5px;}
.blit_bottom li:after{content: ""; display: block; width: 10px; height: 1px; background: #666; position: absolute; left:0; top: 50%; transform: translateY(-50%);}
.blit_bottom li em{font-weight: 700;}

/* 문서보관방법에 따른 법적효력 비교 */
.dia{padding: 23px 25px; border: 1px solid #ddd; margin-bottom: 30px;}
.dia p{font-size: 17px; line-height: 1.5; margin-bottom: 10px; font-weight: 500; background: url(../images/sub/circle.png) no-repeat 0 0; padding-left: 27px;}
.dia p:last-child{margin-bottom: 0;}

/* 개인정보처리방침 */
.iconlist_area{width:100%; display:block;}
.iconlist_area h3{font-size: 20px; font-weight: 500; color: #1A5BB1; margin-bottom: 10px; line-height: 1.5;}
.iconlist_area ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; width: 100%;}
.iconlist_area ul li{display: block; width: 32%; text-align: center; margin-top: 20px;}
.iconlist_area ul li .circle{display: flex; justify-content: center; align-items: center; width: 60px; height: 85px; margin: 0 auto; margin-top: 20px; margin-bottom: 30px;
                             overflow: hidden; cursor: pointer;}
.iconlist_area ul li .circle img{max-width: 100%; max-height: 100%;}
.iconlist_area ul li p.box-1{display: block; width: 100%; padding: 15px 0; margin-bottom: 10px; font-size: 18px; font-weight: 600; background: #e9eff9; color: #1a5bb1; cursor: pointer;}
.iconlist_area ul li div.box-2{display: block; width: 100%; word-break: break-word; font-size: 13px; line-height: 1.6; text-align:left;}
.iconlist_area ul li div.box-2 dl{margin-bottom:15px;}
.iconlist_area ul li div.box-2 dl dt{font-weight:bold;}
.iconlist_area ul li div.box-2 dl dd{padding-left:8px;}

.tableContents{}
.tableContents h3{font-size: 20px; font-weight: 500; color: #1A5BB1; margin-bottom: 10px; line-height: 1.5;}
.na_chart{margin-bottom: 20px; width: 100%;}
.na_chart > li{width: 100%; padding: 0; position: relative;}
.na_chart > li .cont{min-height: 286px; margin-top: 0; border: 1px solid #ddd; padding: 20px 15px 5px 15px;}
.dot_list{margin: 10px 0 0 0; display: flex; flex-wrap:wrap;}
.dot_list > li:first-child{margin-top: 0;}
.dot_list > li{font-size: 16px; padding-left: 13px; width:50%;}
.dot_list > li span.num{display: inline-block; padding: 0px 8px; font-size: 16px; margin-right: 5px; margin-left:-15px;}

.personal article.tbContentslist h5{padding-left: 0; display:flex; flex-wrap:wrap; font-size:20px; color:#1A5BB1;}
.personal article.tbContentslist h5::after{display:none;}
.personal article.tbContentslist h5 span{display: block; width:36px; height:36px;}
.personal article.tbContentslist h5 span img{width:100%; height:100%;}
.personal article.tbContentslist h5 p{display: block; margin-top:5px; margin-left:8px;}



    @media (max-width: 1200px) {
        /* 22020812(s) */
        .container_bottom{width: 100%; display: block;}
        .container_in{width: 100%;}
        /* //22020812(e) */    
        .container_in > div{width: 100%;}
        .container_head{height: 300px;}
        .container_head h2{font-size: 30px; padding-top: 150px; padding-left: 20px;}
        .container_navi{width: 100%; height: auto; font-size: 0.85em;}  
        .container_in > div{display: block;}
        .content{width: 100%; padding: 20px 15px;}
        .lnb{display: none;}

        .content h4{font-size: 24px;}

        /* introduce01 전자문서의 법적효력 */
        .explain span{height: auto;}
        .list{padding: 0 10px;}
        .list ul li a {font-size: 17px; line-height: 1.35; letter-spacing: -0.055em;}
        
        .system_img {display: none;}
        .m_system_img{display: block; margin-top: 30px;}

        .list .list_law{padding: 20px 0px 40px 0px;}
        /* 230306(s) */
        .mo_relay h5{font-size: 0.95em; padding: 8px 8px;}
        /* //230306(e) */
    } 
    
    @media (max-width: 1024px) {
        .blit .refer{padding-left: 0;}
        /* 230306(s) */
        .content h4{font-size: 1.15em; background-size: 26px; padding: 20px 0 15px 32px;}
        /* //230306(e) */
        .center_list h5{font-size: 22px;}
        .t_tit{font-size: 23px;}

        .docu_intro{flex-wrap: wrap; justify-content: center;}
        .docu_intro > div{width: 100%; margin-right: 0; margin-bottom: 40px;}
        .docu_intro > div:after{left: 50%; top: 103%; transform: translateX(-50%); transform: rotate(90deg);}  
        .docu_intro > div p{width: 100%; height: 120px; padding-top: 79px; font-size: 1.05em;}
        .docu_intro > div div{padding: 20px; width: 100%;}
        .docu_intro > div dl{width: 100%;}

        .intro0303{padding: 30px 0;}
        .certify{padding: 10px 0;}     
        .table_01 > tbody > tr > td{padding: 12px 5px;}     
        
        .mo_necessity ul li{padding: 85px 10px 32px 10px;}
        .mo_necessity ul li:nth-child(1) span{width: auto;}
        .mo_necessity ul li:nth-child(2) span{width: auto;}
        .mo_necessity ul li:nth-child(3) span{width: auto;}
        .mo_necessity ul li:nth-child(4) span{width: auto;}

        .lifecycle{padding: 0;}

        .map_txt dl dt{width: 100%; font-size: 16px; margin-bottom: 10px;}
        .map_txt dl dd{width: 100%; line-height: 1.5; font-size: 15px;}

        /* 230306(s) */
        .mo_benefit > div > div {padding: 20px 0;}
        /* //230306(e) */
        
        .relay_list ul{padding: 10px;}
        .relay_list ul li{width: 20%; margin-bottom:5px;}

        .tbl_list table th{font-size: 0.8em;}
        .tbl_list table td{font-size: 0.8em; padding: 0;}
        .intro03_00 .tbl_list table th:first-child{width: 26%;}
        .intro03_00 .tbl_list table th:nth-child(2){width: 26%;}
		
		.hauto div{font-size: 0.8em;}
		.tbl_list table td{font-size: 0.8em;}
		.paging_wrap li a{font-size:0.8em;}
		.datawrap .business li p{font-size:0.9em;}
		
		.datawrap .business li em img{width:3.0em;}
		
        /* 230306(s) */
        .mo_benefit > div > img{width: 100%; height: 250px; object-fit: fill;}
        .mo_use_02 ul li > span > em{font-size: 1.0em;}
        /* //230306(e) */
        .mo_benefit > div > div{width: 100%;}
  
        .container_navi > span{padding-left: 20px;}
        .container_navi em{margin-left: 25px;}  
        .container_navi > span:after{right: -13px;}
        .container_head h2{font-size: 25px;}   
        .container_navi .home{width: 40px; height: 40px;}
        .container_navi .home a span{background: url(../images/sub/home.png) no-repeat 50% 50%; background-size: contain; transform: translateY(-50%);} 
        .container_navi{line-height: 40px;}    
        
        .fnb1 li a{font-size: 1.0em; letter-spacing: -0.05em;}
        .fnb1 .point a{font-size: 1.0em;}

        .docu_intro > div:nth-of-type(2) dl{width: 100%;}
        .docu_intro > div div span{margin-top: 0; font-size: 14px;}

        .center_ch div dl dt{width: 100%; margin-bottom: 10px; font-size: 1.1em;}
        .center_ch div dl dd{width: 100%; font-size: 1.0em;}
        .center_ch div:nth-child(1){background: url(../images/sub/center_ch_icon01.png) no-repeat 50% 15px;}
        .center_ch div:nth-child(2){background: url(../images/sub/center_ch_icon02.png) no-repeat 50% 15px;}
        .center_ch div:nth-child(3){background: url(../images/sub/center_ch_icon03.png) no-repeat 50% 15px;}
        .center_ch div:nth-child(4){background: url(../images/sub/center_ch_icon04.png) no-repeat 50% 15px;}
        .center_ch div:nth-child(5){background: url(../images/sub/center_ch_icon05.png) no-repeat 50% 15px;}
        .center_ch div:nth-child(6){background: url(../images/sub/center_ch_icon06.png) no-repeat 50% 15px;}

        .docu_place div dl dt{width: 100%; margin-bottom: 10px;}
        .docu_place div dl dd{width: 100%;}
        .docu_place div.relay:nth-child(1){background: url(../images/sub/docu_place_icon01.png) no-repeat 50% 15px;}
        .docu_place div.relay:nth-child(2){background: url(../images/sub/center_ch_icon01.png) no-repeat 50% 15px;}
        .docu_place div.relay:nth-child(3){background: url(../images/sub/docu_place_icon03.png) no-repeat 50% 15px;}
        .docu_place div.relay:nth-child(4){background: url(../images/sub/docu_place_icon02.png) no-repeat 50% 15px;}

        .docu_place div dl dt{width: 100%; margin-bottom: 10px;}
        .docu_place div dl dd{width: 100%;}
        .docu_place div:nth-child(1){background: url(../images/sub/docu_place_icon01.png) no-repeat 50% 15px;}
        .docu_place div:nth-child(2){background: url(../images/sub/docu_place_icon02.png) no-repeat 50% 15px;}
        .docu_place div:nth-child(3){background: url(../images/sub/docu_place_icon03.png) no-repeat 50% 15px;}
        .docu_place div:nth-child(4){background: url(../images/sub/docu_place_icon04.png) no-repeat 50% 15px;}

        .certify_in div{border-radius: 50px;}
        .certify_in div p{font-size: 14px; margin-top: -11px;}

        .mo_benefit > div > div > ul{padding: 25px 0 0 0;}

        .personal p em{font-size: 16px;}
        .personal p span em{font-size: 16px;}
        .personal article ul li span em{font-size: 16px;}
        
        .stit{font-size: 17px;}
        .personal article div h6{font-size: 16px;}
        
        .business li p b{font-size: 0.9rem;}
        
        /* 230309(s) */
        .srch_box .btn_srch_box{height: 35px; line-height: 35px; width: 100%; margin: 28px auto 0}
        .bi > p{font-size: 1.0em;}
        .sub_faq .faq_list dt{font-size: 1.0em;}
        .sub_faq .faq{padding: 0;}
        .mo_intro p a span{font-size: 1.0em;}
        .perYear .business li span{margin-bottom: 10px; padding: 5px 0 10px 0; font-size: 1.05em;}
        .perYear .business li.types00 p b{font-size: 1.2em;}

        .perYear .inner{padding: 30px 0;}
        .perYear .business li{width: 100%; padding: 0 20%;}
        .perYear .business li.types00{width: 100%;}
        .srch_box li span{text-align: center; margin: 10px auto;}
        .srch_box li:first-child span{margin-top: 0; margin: 0 auto;}
        .srch_box ul{width: 100%;}
        .srch_box{padding: 20px 10px;}
        .srch_box li.first{width: 100%;}
        .srch_box li{width: 100%;  margin-top: 0px;}
        .srch_box input[type="text"], .srch_box select{width: 100%; height: 35px;}
        
        .srch_box02 li.margintop_40{margin-top: 0px;}
        .srch_box02 li.srch_box02_third {width: 100%;}
        .srch_box02 li.srch_box02_third input[type="date"], select{width: 100%; height: 35px;}
        
        .datawrap .inner{padding: 40px 30px;}
        .datawrap .business li{width: 100%; border-bottom: 1px solid #666; margin-bottom: 15px; padding-bottom: 15px; width: 50%;}
        .datawrap .business li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
        .datawrap .business li p b{font-size: 1.2em;}
        .datawrap .business li span{font-size: 0.9em; border-right: none; margin:  5px 0;}
        .mo_necessity_txt p{padding: 20px 10px;}
        .mo_benefit > div > div > ul > li{font-size: 1.0em;}
        .service_ex article{border-radius: 10px; margin-bottom: 20px;}
        .service_ex article h5{font-size: 1.1em; padding: 15px; border-top-left-radius: 10px; border-bottom-left-radius: 0; border-top-right-radius: 10px; text-align: center;}
        .service_ex article div{padding: 35px 10px 0 10px;}
        .service_ex article p{padding: 25px 10px; font-size: 1.0em;}
        .lifecycle_map{margin: 35px auto 0;}
        .lifecycle_tit span{margin-right:10px; width: 30px; height: auto; margin-top: 71px;}
        .docu_regi dl{padding: 20px 10px; margin-bottom: 0;}
        .docu_regi dl:last-child{margin-bottom: 0;}
        .docu_regi dl dt{font-size: 1.0em;}
        .docu_regi dl dd{font-size: 0.95em;}
        .docu_regi dl::after{height: 30px; width: 25px; top: 28px;}
        .intro0303_need ul li{font-size: 1.0em;}
        .intro0303{margin-bottom: 0;}
        .intro0303_step{margin-bottom: 20px;}
        .intro0303_need ul{padding-left: 0;}
        .intro0303_step ul li span{font-size: 0.8em;}
        .intro0303_step ul li p{font-size: 0.85em;}
        .intro0303_step ul li.inter{font-size: 0.85em;}
        .require p{margin-top: 0;}
        .certify h5{font-size: 1.1em;}
        .docu_place div{padding: 20px 10px; margin-bottom: 0;}
        .docu_place div dl{padding-left: 0; padding-top: 80px; text-align: center;}        
        .center_ch div{padding: 20px 10px; margin-bottom: 0;}
        .center_ch div dl{padding-left: 0; padding-top: 80px; text-align: center;}
        .center_criteria div{padding: 20px 15px;}
        .center_criteria div h5{font-size: 1.2em; padding-left: 30px;}
        .center_criteria div::after{height: 30px; width: 25px; top: 28px;}
        .certify_in > div{width: 100%; margin-right: 0; margin-bottom: 70px; height: 80px;}
        .certify_in > div:last-child{margin-bottom: 0;}
        .certify_in div span{padding-top: 68px; font-size: 0.9em;}
        .certify_in div:nth-child(1), .certify_in div:nth-child(2), .certify_in div:nth-child(3), .certify_in div:nth-child(4), .certify_in div:nth-child(5), .certify_in div:nth-child(6)
            {background-size: 40px; background-position: 50% 75%;}
        .certify_in div:after {background: url(../images/sub/cert_arrow.png) no-repeat 50% 55%; left: 50%; top: 135%; transform: translateX(-50%) rotate(90deg);}
        .criteria div::after{height: 30px; width: 25px; top: 28px;}
        .law > ul > li{font-size: 1.0em;}
        .require ul li{font-size: 1.0em;}
        .criteria div{padding: 20px 15px;}
        .blit{padding-left: 20px; font-size: 1.0em;}
        .blit:after{left: 0;}
        .law h5{font-size: 1.2em;}
        .table_01{font-size: 0.95em;}
        .intro03_00 .law > p{font-size: 0.95em;}
        .intro03_00 > p{margin-top:10px;}
        .law{padding: 28px 10px;}
        .table_01 > tbody > tr > th{padding: 5px 10px;}
        .explain{font-size: 1.0em;}
        .list .list_tit h5{font-size: 1.2em;}
        .list .list_law dl dt{font-size: 1.0em;}
        .list .list_law dl dd{font-size: 0.95em;}
        .list .list_law > p{font-size: 1.0em;}
        .list .list_law > ul{padding: 10px 15px;}
        .list .list_law > ul > li > strong{font-size: 1.0em;}
        .list .list_law > ul > li > span{font-size: 0.95em; line-height: 1.5;}
        .list .list_law > ul > li{margin-bottom: 10px;}
        .list .list_law > ul > li:last-child{margin-bottom: 0;}
        .intro03_00 > p{font-size: 1.0em; line-height: 1.55;}
        .docu_intro > div dl dt{font-size: 1.15em;}
        

        .btn{padding:0 0 20px 0;}
        .btn a{width: 100%; margin-bottom: 10px; margin-right: 0; padding: 20px 10px;}
        .btn a:last-child{margin-bottom: 0;}
        .mo_use_01 ul li{text-align: center;}
        .announce::after{top: 40px;}
        .mo_use_02 ul li{width: 100%; flex: auto; margin: 0 auto 30px;}
        .mo_use_02 ul li > span{text-align: center; padding-left: 0;}
        .mo_use_02 ul li img{margin: 0 auto;}
        .content h4{margin-bottom: 15px;}
        .mo_use_01{margin-bottom: 25px;}
        .shinhan{padding: 30px 20px;}
        .shinhan img{width: 200px;}
        .shinhanReady li:nth-child(1){padding: 110px 20px 20px 20px;}
        .shinhanReady li:nth-child(1)::after{left: 50%; transform: translateX(-50%); top: 35px;}
        .shinhanReady li:nth-child(2){padding: 65px 20px 30px 20px;}
        .mo_use_01 ul li span{left: 50%; top: 20px; transform: translateX(-50%);}
        .naver li:nth-child(1){padding: 110px 20px 20px 20px;}
        .naver li:nth-child(1)::after{left: 50%; transform: translateX(-50%); top: 35px;}
        .naver li:nth-child(2){padding: 65px 20px 30px 20px;}
        .cacao li:nth-child(1){padding: 110px 20px 20px 20px;}
        .cacao li:nth-child(1)::after{left: 50%; transform: translateX(-50%); top: 35px;}
        .cacao li:nth-child(2){padding: 95px 20px 20px 20px;}
        .cacao li:nth-child(2)::after{left: 50%; transform: translateX(-50%); top: 35px;}
        .payco li:nth-child(1){padding: 110px 20px 20px 20px;}
        .payco li:nth-child(1)::after{left: 50%; transform: translateX(-50%); top: 35px;}
        .payco li:nth-child(2){padding: 65px 20px 30px 20px;}
        .toss li:nth-child(1){padding: 110px 20px 20px 20px;}
        .toss li:nth-child(1)::after{left: 50%; transform: translateX(-50%); top: 35px;}
        .toss li:nth-child(2){padding: 65px 20px 30px 20px;}
        .postplus li:nth-child(1){padding: 110px 20px 20px 20px;}
        .postplus li:nth-child(1)::after{left: 50%; transform: translateX(-50%); top: 35px;}
        .postplus li:nth-child(2){padding: 65px 20px 30px 20px;}
        /* //230309(e) */
    }

    @media (max-width: 965px) {
        .service_ex article h5{padding: 35px 25px 0 35px;}
    }

    /* 220822(s) */
    @media (max-width: 960px) {
        .mo_necessity_txt{width: 100%;}
        .mo_necessity_txt p{ margin-bottom: 10px; font-size: 19px; padding: 20px;}
        .mo_necessity_txt p:last-child{margin-bottom: 0; font-size: 1.1em;}          

        .sorting{text-align: center;}
        .tbl_list table tr{vertical-align: middle;}
        .sortbtn{display: inline; padding: 0;}
        .sorting{padding: 0;}
        .sorting em{display: block; width: 100%;}
    }
    /* //220822(e) */
    
    @media (max-width: 951px) {
        .service_ex article{padding: 0;}
        .service_ex article h5{width: 100%; height: auto; padding: 20px 25px; border-top-right-radius: 20px; margin-right: 0;}
        .service_ex article h5::after{display: none;}
        .service_ex article div{width: 100%; padding: 35px 25px 0 25px; margin-left: 0;}
        .service_ex article p{padding: 25px; width: 100%; margin-left: 0;}
        .service_ex article h5{font-size: 20px;}
    }

    @media (max-width: 940px) {
        .step02_01 ul li{font-size: 14px; height: 150px; padding: 73px 10px 0 10px; line-height: 1.5;}
        .step02_02 ul li{font-size: 14px; height: 150px; padding: 73px 10px 0 10px; line-height: 1.2;}
        /* 220823(s) */
        .lifecycle{height: auto;}
        .lifecycle_map{background: url(../images/sub/lifecycle_map_bg_mo.png) no-repeat 50% 0; width: 100%; background-size: contain;}
        .lifecycle_map > div{display: none;}
        /* //220823(e) */

        /* 220824(s) */
        .bi h6{width: 100%; font-size:16px;}
        .bi_img02{width: 100%; padding: 0;}
        .bi_img02 img{width: 49%;}
        .bi_img03{width: 100%; padding: 20px;}
        .bi_img03 img{width: 30%;}        
        .bi .btn a{width: 60%;}
        /* //220824(e) */
    }
    
    @media (max-width: 924px) {
        .docu_intro > div div{padding:20px 0 0 0px}
    }

    /* 221202(s) */
    @media (max-width: 894px) {
        .perYear .business li p b{font-size: 16px;}
        .perYear .business li p{font-size: 14px;}
    }
    /* //221202(e) */

    /* 220902(s) */
    @media (max-width: 880px) {
        .docu_intro > div dl{width: 78%; padding: 30px 10px 0 10px;}
        .docu_intro > div:nth-of-type(2) dl{width: 78%;}
        .docu_intro > div div{margin: 0 auto; padding: 0 0 20px 0;}
        .list .list_law > ul > li > strong{width: 100%;}
        .list .list_law > ul > li > span{width: 100%;}

        .board_in table td{font-size: 14px;}
    }
    /* //220902(e) */

    /* 220819(s) */   
    @media (max-width: 870px) {
        .docu_place div{width: 100%;}
        .docu_place div:nth-child(3){margin-bottom: 20px;}
        .docu_place div.relay:nth-child(3){margin-bottom: 20px;}
        .criteria div{width: 100%; margin-bottom: 10px;}
        .criteria div:last-child{margin-bottom: 0;}
        .info0402_img{padding: 0;}
        .center_ch div{width: 100%;}
        .center_ch div:nth-child(5){margin-bottom: 20px;}
        .center_criteria div{width: 100%; margin-bottom: 10px;}
        .center_criteria div:last-child{margin-bottom: 0;}

        .personal article select{width: 40%;}
    }
  
    @media (max-width: 840px) {
        .srch_box li span{width: 100%;}  

        .tab-control ul{flex-flow: column; }
        .tab-control ul.menu-3 li{width: 100%;}
        .tab-control ul.menu-6 li{width: 100%;}
        .tab-control ul.menu-7 li{width: 100%;}   
        .tab-control ul li a{padding: 10px 1px;}   
        .tab-control ul li:first-child a.active, .tab-control ul li:first-child a.afocus{border-top: 1px solid #ddd;}
        .tab-control ul li a.active, .tab-control ul li a:focus{border-bottom: 1px solid #ddd; border-top: none;}
        .srch_box li span{font-size: 1.0em;}
    }

    @media (max-width: 821px) {
        .board_in table colgroup col:nth-child(2){width: 15%!important; text-align: center!important;}
        .board_in table tr td:nth-child(2){ text-align: center!important;}
        .board_in table tr td:nth-child(4){ text-align: center!important;}
    } 

    @media (max-width: 820px) {
        .mo_use_01 ul li{width: 100%; margin-bottom: 20px;}
        .mo_use_01 ul li:last-child{margin-bottom: 0;}
    }
    
    @media (max-width: 811px) {
	    .iconlist_area ul li{width:100%;}
    	.dot_list > li{width:100%;}
	}

    /* 221202(s) */
    @media (max-width: 801px) {
        .perYear .business li.types00{width: 8.5%;}
    }
    /* //221202(e) */
    
    @media (max-width: 758px) {
        .board_next dt{background: none;}
        .board_prev dt{background: none;}
    }


    @media (max-width: 721px) {
        .srch_box ul{width: 100%;}
    }

    @media (max-width: 700px) {
        .mo_intro > ul > li{width: 100%;}
        .docu_regi dl{width: 100%; margin-bottom: 12px;}    
    }

    @media (max-width: 670px) {
        .step01 ul li:after{right: -17%;}

        .step02_01 ul li{height: 165px;}
        .step02_02 ul li{height: 165px;}
        .step02_02 ul li:nth-child(1) {background: #022759 url(../images/sub/step02_icon04.png) no-repeat 50% 23%;}
        .step02_02 ul li:nth-child(2) {background: #022759 url(../images/sub/step02_icon05.png) no-repeat 50% 23%;}
        .step02_02 ul li:nth-child(3) {background: #022759 url(../images/sub/step02_icon06.png) no-repeat 50% 23%;}
        .step02_02 ul li:nth-child(4) {background: #022759 url(../images/sub/step02_icon07.png) no-repeat 50% 23%;}
    }

    @media (max-width: 658px) {
        .personal article select{width: 100%; margin-left:0;}
        .personal p span{margin-bottom: 5px;}
    }

    @media (max-width: 650px) {
        .datawrap{height: auto;}
        .cwrap{margin-bottom: 30px;}
        .business li{width: 40%; margin-bottom: 25px;}
        .business li:nth-child(2n){border-right: none;}   
        .business li:nth-child(5), .business li:nth-child(6){margin-bottom: 0;} 
        .business li span{margin: 8px 0; font-size: 0.9rem;}
        .datawrap .inner{padding: 28px 0;} 
    }
  
    @media (max-width: 542px) {
        .board_in table colgroup col:nth-child(2){width: 18%!important;}
    }

    @media (max-width: 543px) {
        .step01 ul li:after{right: -19%;}

        .step01 ul li{padding: 90px 10px 0 10px;}

        .step02_01 ul li{height: 165px;}
        .step02_02 ul li{height: 175px;}
        .step02_01 ul li:nth-child(1) {background: #022759 url(../images/sub/step02_icon01.png) no-repeat 50% 23%;}
        .step02_01 ul li:nth-child(2) {background: #022759 url(../images/sub/step02_icon02.png) no-repeat 50% 23%;}
        .step02_01 ul li:nth-child(3) {background: #022759 url(../images/sub/step02_icon03.png) no-repeat 50% 23%;}

        .step02_02 ul li:nth-child(1) {background: #022759 url(../images/sub/step02_icon04.png) no-repeat 50% 23%;}
        .step02_02 ul li:nth-child(2) {background: #022759 url(../images/sub/step02_icon05.png) no-repeat 50% 23%;}
        .step02_02 ul li:nth-child(3) {background: #022759 url(../images/sub/step02_icon06.png) no-repeat 50% 23%;}
        .step02_02 ul li:nth-child(4) {background: #022759 url(../images/sub/step02_icon07.png) no-repeat 50% 23%;}       

     
        /* 230306(s) */
        .mo_necessity ul li{width: 49%; margin-bottom: 13px; padding: 80px 10px 30px 10px; font-size: 0.95em;}
        /* //230306(e) */
        .mo_necessity ul li:nth-child(2){margin-right: 0;}
    }

    @media (max-width: 532px) {
        .lifecycle{height: 590px;}
        .lifecycle_tit h5{font-size: 1.0em;}
    }

    @media (max-width: 520px) {
        .paging_wrap li a{width: 28px; height: 28px; line-height: 28px;}
    }

    @media (max-width: 500px) {
        .w30{width: 30%;}
        .download{width: 30%;}
        .tbl_list table td.left span{padding: 0; font-size: 14px;}
        .download a{font-size: 14px;}
        .attach_file dl dt{width: 30%;}
        .attach_file dl dd{width: 70%;}

        .board_in table colgroup col:nth-child(1){width: 50%!important;}
        .board_in table colgroup col:nth-child(2){width: 20%!important;}
        .board_in table colgroup col:nth-child(3){width: 15%!important;}
        .board_in table colgroup col:nth-child(4){width: 15%!important;}
    }
  

    @media (max-width: 484px) {     
        .srch_box li{margin-bottom: 10px;}
        .srch_box input[type="text"], .srch_box select{width: 100%;}   
        .usestatus li:last-child{width: 100%;} 
        .srch_box .btn_srch_box{margin: 10px auto 0;}
    }

    @media (max-width: 465px) {
        .sorting em{letter-spacing:-0.1em; margin-top: 10px;}
        .sortbtn{margin-top: 13px; display: block;}
        .sortbtn a{margin-left: 20%; transform: translateX(-50%); margin-bottom: 8px; margin-right: 0;}
        .relay_list{padding: 0;}
    }

    @media (max-width: 440px) {
        .docu_place div{height: auto;}
        .docu_place div dl dd{width: 100%;}        
        .certify_in div:after{right: -20%; z-index:10;}
    }

    @media (max-width: 420px) {
        .board_in table colgroup col:nth-child(1){width: 40%!important;}
        .board_in table colgroup col:nth-child(2){width: 25%!important;}
        .board_in table colgroup col:nth-child(3){width: 15%!important;}
        .board_in table colgroup col:nth-child(4){width: 20%!important;}
    }

    /* 221202(s) */
    @media (max-width: 389px) {
        .perYear .business li p b{font-size: 13px;}
    }
    /* //221202(e) */

    @media (max-width: 380px) {
        .table_01 > tbody > tr > th{padding: 5px;}
        .service_ex article div dl dt{font-size: 17px;}      
        .relay_list ul li{width: 25%;}
    }

    /* 221202(s) */
    @media (max-width: 365px) {
        .perYear .business li p{font-size: 13px;}
        .perYear .business li p b{font-size: 13px; letter-spacing: -0.025em;}
    }
    /* //221202(e) */

    @media (max-width: 361px) {
        .step01 ul li:after{right: -23%;}

        .step01 ul li{padding: 90px 5px 0 5px; letter-spacing: -0.075em;}

        .step02_01 ul li{height: auto; padding:73px 10px 50px 10px;}
        .step02_02 ul li{height: auto; padding:73px 10px 25px 10px;}
        .step02_01 ul li:nth-child(1) {background: #022759 url(../images/sub/step02_icon01.png) no-repeat 50% 15%;}
        .step02_01 ul li:nth-child(2) {background: #022759 url(../images/sub/step02_icon02.png) no-repeat 50% 15%;}
        .step02_01 ul li:nth-child(3) {background: #022759 url(../images/sub/step02_icon03.png) no-repeat 50% 15%;}

        .step02_02 ul li:nth-child(1) {background: #022759 url(../images/sub/step02_icon04.png) no-repeat 50% 12%;}
        .step02_02 ul li:nth-child(2) {background: #022759 url(../images/sub/step02_icon05.png) no-repeat 50% 12%;}
        .step02_02 ul li:nth-child(3) {background: #022759 url(../images/sub/step02_icon06.png) no-repeat 50% 12%;}
        .step02_02 ul li:nth-child(4) {background: #022759 url(../images/sub/step02_icon07.png) no-repeat 50% 12%;}
    }

    @media (max-width: 310px) {
        .board_in table colgroup col:nth-child(1){width: 20%!important;}
        .board_in table colgroup col:nth-child(2){width: 35%!important;}
        .board_in table colgroup col:nth-child(3){width: 25%!important;}
        .board_in table colgroup col:nth-child(4){width: 20%!important;}
    }