@charset "utf-8";
@import url("../fontsAi.css");
@import url("../pretendard.css");
html, body{height: 100%;}
html {font-size:20px;}
*, *:before, *:after {-webkit-box-sizing:border-box;box-sizing:border-box;}
body {color: #404040;margin:0;padding:0;line-height:1.5;font-family:'Pretendard','맑은 고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif;font-size:0.8rem;font-weight:400;}
ul, ol, li, dl, dt, dd {margin:0;padding:0;list-style:none;}
p, h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
a {color:inherit;text-decoration:none;}
img {font-size:0;vertical-align:middle;border:0;}
table {width:100%;border-collapse:separate;border-spacing:0;}
caption, legend {position:absolute;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}
select, input, textarea, button {font-family:'Pretendard',sans serif;font-size:0.8rem;color:#333;}
select, input {vertical-align:middle;}
address, em, i {font-style:normal;}
button {border:0;background:none;cursor:pointer;}
hr {margin:0;border:none;padding:0;display:block;}
figure, figcaption {margin:0;padding:0;}
form, fieldset {display:block;width:100%;min-width:0;border:none;margin:0;padding:0;}
input[type="submit"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input:focus{outline:none;}
input::placeholder{color:#666;}
header, footer, article, section, aside, nav, main {display:block;}

/*Skip To Content*/
#skipNav{position:absolute;left:0;top:-1000px;width:100%;height:0px;z-index:1000;line-height:0px;font-size:0px}
#skipNav a{display:block;text-align:center;width:100%;line-height:0px;	font-size:0px}
#skipNav a:focus, #skipNav a:hover, #skipNav a:active{position:absolute;left:0px;top:1000px;padding:8px 0;display:block;height:30px;background:#20262c;font-size:12px;font-weight:bold;line-height:18px;color:#fff;}
.hidden, .IR, .sr-only {position:absolute;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}

/* common.css */
.only_mo {display:none}
.only_mo_nav {display: none;}
a:focus, button:focus, select:focus, input:focus {outline:1px solid #004dd2;box-sizing:border-box;}
:focus {outline:1px solid #004dd2;} 
:focus:not(:focus-visible) {outline:0;}
input[type="text"], input[type="date"]{height:35px;padding:0 10px;margin-right:2px;border:1px solid #ccc;border-radius:3px;}
.radio_align input{border: 1px solid red;}
.autoComList ul{border-radius: 20px;}
.autoComList ul li {padding:5px 20px;}
.autoComList ul li:first-child{padding-top: 15px;}
.autoComList ul li:last-child{padding-bottom: 15px;}
.autoComList ul li:hover {background-color:#cad6f2;cursor:pointer;border-radius: 20px;}
.autoComList ul li span.red {color:#cc0000;}


/* nav top */
#header {position:relative;z-index:999;}
#header:before {position:absolute;left:0;top:8rem;width:100%;height:0;background-color:rgba(0,0,0,0.7);content:"";z-index:-1;transition:all .2s .1s;-webkit-transition:all .2s .1s;}
#header.mainMenuOpen:before {height:1000%;}
.headerWrap {position:absolute;color:#333;height:80px;background-color:#fff;border-radius:0 0 15px 15px;margin: 0 40px;width:calc(100% - 80px);border: 1px solid #C0C3C8;border-top:none;}
.headerWrap .top {position:relative;height:inherit;margin:0 30px;}
.headerWrap .top:after {clear:both;display:block;content:"";}
.headerWrap .top h1 {position:absolute;top:21%;left: 0;}
.headerWrap .top .util {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size: 15px}
.headerWrap .top .util > a {width:28px;height:28px;padding:3px;border:1px solid #fff;color:#fff;font-size:13px;text-align:center;}        
.headerWrap .top .util img {margin-top:3px;margin-right:8px;vertical-align:middle;}
.headerWrap .top .util li {float:left;display:inline-block;margin-right: 19px;cursor:pointer;}
.headerWrap .top .util ul {display:flex;color: #333;align-items:center;}
.headerWrap .top .menu {position:absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);}
.headerWrap .top .menu ul{display:flex;}
.headerWrap .top .menu ul li{padding:0 30px;}
.headerWrap .top .menu ul a{color:#1d1d1d;font-size:18px;font-weight: 400;}
.headerWrap .top .menu ul a.active{color:#000;}
.headerWrap .top .util .font_size {display:flex;margin-left:7px}
.headerWrap .top .util .font_size button, .headerWrap .top .util .font_size span {color: #1d1d1d;display:block;width:30px;height:30px;margin-left:-1px;border:1px solid rgba(192,195,200,.9);font-size:14px;text-align:center}
.headerWrap .top .util .font_size span {padding-top:4px;cursor:pointer;}
.headerWrap .top .util .font_size button:hover,.headerWrap .top .util .font_size span:hover {text-decoration:none;border:1px solid #333;z-index:10;}
.plus_txt{background:url(../../images/ais/icon-txt-plus.png) center center no-repeat;border-radius: 0 3px 3px 0;}
.minus_txt{background:url(../../images/ais/icon-txt-minus.png) center center no-repeat;border-radius: 3px 0 0 3px;}
.gnb {position:relative;margin:0 auto;padding-right:3rem;width:100%;max-width:1280px;height:3rem;}
.gnb:before {position:absolute;top:0;left:-100%;width:300%;height:3rem;background:#f4f4f5;border-top:1px solid #dfe0e2;border-bottom:1px solid #dfe0e2;content:"";}
.gnb:after {clear:both;display:block;content:"";}

/* contents */
#contents:after {clear:both;display:block;width:100%;content:"";}

/* popup */
.popup_layer {position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);} 
.popup_box {position:relative;top:50%;left:50%;width:600px;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background-color:#fff;border-radius:20px;}
.popup_box.lg{width:95vw;height:95vh;}
.popup_box h1 {padding:35px 40px 0px;font-weight:500;color:#1d1d1d;font-size:23px;line-height:26px}
.popup_box .popupBox {padding:15px 30px 30px;}
.popup_box .popupBox form ul li {border-bottom:1px solid #e8e8e8;padding:10px 0;}
.popup_box .popupBox form ul li strong {display:inline-block;width:120px;padding-left:19px;font-weight:500;color:#333;font-size:16px;vertical-align:middle;}
.popup_box .popupBox form ul li select {height:35px;padding:0 10px;margin-right:2px;border:1px solid #ccc;border-radius:3px;}
.popup_box .popupBox form ul li select {appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(../../images/ais/ico_select.png);background-repeat:no-repeat;background-position:calc(100% - 10px) center;}
.popup_box .popupBox form ul li select::-ms-expand {display:none;}
/*.popup_box .popupBox form ul li input[type="text"] {width:195px}
.popup_box .popupBox form ul li select,.popup_box .popupBox form input[type="date"] {width:160px;}*/
.popup_box .popupBox input[type="radio"] {margin:0 8px;vertical-align:initial;-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);}
.popup_box .popup_close {display:flex;position:absolute;top:35px;right:25px;color:#fff;}
.popup_box .popup_btn {display:flex;justify-content:center;margin: 20px auto 0;}
.popup_box .popupBox .popup_btn li {width:125px;border-radius:8px;background-color:#243660;color:#fff;font-size:16px;padding:10px 0;}
.popup_box .popupBox .popup_btn li:last-child {margin-left:10px;border:1px solid #888;background-color:#fff;color:#4a4a4a}
.popup_box .popupBox .popup_btn a {display:block;text-align:center;vertical-align:middle;color:inherit;}
.popup_overlay {position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}
.popup_box .popupBox .tool-group{display:flex;align-items:center;margin-top:10px;}
.popup_box .popupBox .tool-group .btn-group{display:flex;}
.popup_box .popupBox .tool-group .btn-group button{border: 1px solid #C0C3C8;width:40px;height:40px;margin-left:-1px;}
.popup_box .popupBox .tool-group .btn-group button::before{content:"";display:block;width:24px;height:24px;background-position:center center;background-repeat:no-repeat;}
.popup_box .popupBox .tool-group .btn-group button.plus::before{background-image:url(../../images/ais/ic_baseline-plus.png);}
.popup_box .popupBox .tool-group .btn-group button.minus::before{background-image:url(../../images/ais/ic_baseline-minus.png);}
.popup_box .popupBox .tool-group .btn-group button.print::before{background-image:url(../../images/ais/icon-printer.png);}

/* calendar */
.calendar{margin-left:auto;}
.calendar input{border-radius: 0;height:40px;}
.calendar input[type="date"]{position:relative;width:160px;border-radius:0;}
.calendar.long input[type="date"]{width:220px;height:50px;}
.calendar input[type="date"]::-webkit-clear-button,
.calendar input[type="date"]::-webkit-inner-spin-button {display:none;} 
.calendar input[type="date"]::-webkit-calendar-picker-indicator {background:transparent;z-index:1;} 
.calendar input[type="date"]:after{position:absolute;top:51%;right:9px;content:'';width:20px;height:22px;background:#fff url(../../images/ais/ico_calender.png) center center no-repeat;transform:translateY(-50%);z-index:0;}
.calendar input[type="date"]::before {content:attr(data-placeholder);width:100%;}
.calendar input[type="date"]:focus::before, .calendar input[type="date"]:valid::before {display:none;}

/* online poll */
.onlinepoll-wrap{text-align:center;}
.onlinepoll-wrap p.text01{font-size:24px;color:#000;font-weight:400;margin-bottom:5px;letter-spacing: -1.2px;}
.onlinepoll-wrap p.text01::before{content:"";display:block;width:100%;height:115px;background:url(../../images/ais/popup-img.png) center top no-repeat;margin-bottom:10px;}
.onlinepoll-wrap p.text02{font-size:16px;color:#666;}
.onlinepoll-wrap .options{display:inline-flex;}
.onlinepoll-wrap .options li{padding:0 10px!important;border:none!important;display:flex;align-items:center;}
.onlinepoll-wrap .options{margin-top:30px;margin-bottom:15px;}
.onlinepoll-wrap .options label{font-size:16px;font-weight:500;color:#1d1d1d;}
.onlinepoll-wrap textarea{border: 1px solid #98AAB9;background: #F5F5F5;width:100%;padding:16px;}

/* float */
.clearfix {}
.clearfix:after {clear:both;display:block;width:100%;content:"";}

/* keyboard 
.btn-keyboardOpen img, .btn-textRemove img{vertical-align: top;}
.btn-textRemove {position:absolute;width:22px;height:24px;right:115px;top:7px;cursor:pointer;vertical-align: top;overflow:hidden;text-align:center;}
#keyboard-layout {font-family:doutm,"돋움체", "돋움";position:absolute;top:80px;right:0;z-index:9999;border:1px solid #5d5d5d;background-color:#fff;padding:15px;width:420px;height:188px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;}
#keyboard-layout h4 {padding-top:0;font-size:14px;color:#1c1c1c;font-weight:600;position:relative;line-height:1 }
#keyboard-layout h4:after {position:absolute;right:70px;top:1px;width:1px;height:12px;background-color:#898989;content:"";}
#keyboard-layout .language-tab > ul > li {float:left;text-align:center;}
#keyboard-layout .language-tab  > ul > li > a {display:block;color:#222222;font-size:11px;position:absolute;right:55px;top:17px;}
#keyboard-layout .language-tab  > ul > li:first-child > a {right:95px;}
#keyboard-layout .language-tab  > ul > li> a.active {font-weight:600;}
#keyboard-layout .language-tab  > ul > li > div {width:390px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:12px;top:40px;background:#fff;text-align: left; box-sizing: border-box;z-index:0;background-size:12px;}
#keyboard-layout .language-tab  > ul > li > div .keyboard_line {overflow:hidden;text-align:center;margin-bottom:4px;vertical-align:top;}
#keyboard-layout .language-tab  > ul > li > div .keyboard_line button {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;width:30px;height:30px;font-size:14px;line-height:30px; text-align:center;border:1px solid #e0e0e0;background-color:#f4f4f4;vertical-align:top;outline:none;cursor:pointer;margin-right:-4px}
#keyboard-layout .language-tab  > ul > li > div .keyboard_line button:focus {border:1px solid red;}
#keyboard-layout .language-tab  > ul > li > div .keyboard_line button.active, #keyboard-layout .language-tab  > ul > li > div .keyboard_line button:hover {border:1px solid #8db2e1;background-color:#daebff;}
#keyboard-layout .language-tab  > ul > li > div .keyboard_line button.spe {font-size:12px;}
#keyboard-layout .language-tab  > ul > li > div .keyboard_line button.shift {width:50px;}
#keyboard-layout .language-tab  > ul > li > div .keyboard_line button.bksp {width:40px;text-indent:-9999px;background-image:url(../../images/ais/bg_bksp.png);background-repeat:no-repeat;background-position:center center;}
#keyboard-layout .language-tab  > ul > li > div .keyboard_line button.space {width:88px;color:#222222;}
#keyboard-layout .language-tab  > ul > li > div .keyboard_line button.enter {width:50px;color:#fff;background-color:#2e6dd4;border:1px solid #0050bc;}
#keyboard-layout .language-tab  > ul > li > div .keyboard_line button.enter:focus {border:1px solid red;}
.btn-keyboardClose {position:absolute;right:15px;top:15px;cursor:pointer;}*/

/* pagination */
.pagination {overflow:hidden; position:relative; text-align:center; margin-top:40px;}
.pagination a {display:inline-block; vertical-align: middle; width:36px; height:36px; line-height:36px; margin:0 3px; font-size:15px; color:#666; border-radius:10px;}
.pagination a.first {text-indent:-9999px; background:url("../../images/ais/paging-first.png") no-repeat center;}
.pagination a.last {text-indent:-9999px; background:url("../../images/ais/paging-last.png") no-repeat center;}
.pagination a.prev {text-indent:-9999px; background:url("../../images/ais/paging-prev.png") no-repeat center;}
.pagination a.next {text-indent:-9999px; background:url("../../images/ais/paging-next.png") no-repeat center;}
.pagination a.on {color:#fff; background-color:#193e77;}

/* loader */
.wrap-loading {display:flex;align-items:center;justify-content:center;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgb(0 0 0 / 50%);z-index:9999;}
.wrap-loading svg {position: relative; width: 150px; height: 150px; animation: rotate 2s linear infinite;}
.wrap-loading svg circle {width: 100%; height: 100%; fill: none; stroke-width: 10; stroke: #00315b; stroke-linecap: round; transform: translate(5px, 5px); stroke-dasharray: 440; stroke-dashoffset: 440; animation: animate 4s linear infinite;}

.relatedLaw-wrap-loading {display:flex;align-items:center;justify-content:center;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgb(0 0 0 / 50%);z-index:9999;border-radius:20px;}
.relatedLaw-wrap-loading svg {position: relative; width: 150px; height: 150px; animation: rotate 2s linear infinite;}
.relatedLaw-wrap-loading svg circle {width: 100%; height: 100%; fill: none; stroke-width: 10; stroke: #00315b; stroke-linecap: round; transform: translate(5px, 5px); stroke-dasharray: 440; stroke-dashoffset: 440; animation: animate 4s linear infinite;}

.knowledgeGraph-wrap-loading {display:flex;align-items:center;justify-content:center;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgb(0 0 0 / 50%);z-index:9999;border-radius:20px;}
.knowledgeGraph-wrap-loading svg {position: relative; width: 150px; height: 150px; animation: rotate 2s linear infinite;}
.knowledgeGraph-wrap-loading svg circle {width: 100%; height: 100%; fill: none; stroke-width: 10; stroke: #00315b; stroke-linecap: round; transform: translate(5px, 5px); stroke-dasharray: 440; stroke-dashoffset: 440; animation: animate 4s linear infinite;}

@keyframes animate {
  0%, 100% {
    stroke-dashoffset: 440;
  }
  50% {
    stroke-dashoffset: 0;
  }
  50.1% {
    stroke-dashoffset: 880;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 20251209 */
.width-100 input,
.width-100 select{
	display:inline-block;
	width: calc(100% - 130px);
}
.popup_box .popupBox form span.select-twin select{
	display:inline-block;
	width: 29%;
	}
.popup_box .popupBox form span.select-twin input{
	width: 29%;
	}

.graph-contents{
	height: calc(100vh - 280px);
}
#chartWrapper,
#relatedLawChartWrapper{
	height: inherit;
}

#mainKnowledgeGraphChart,
#relatedLawChart{
	height: inherit;
}
	
/* media */
@media screen and (max-width: 1024px){
	.only_pc {display:none!important;}    
    .only_mo {display:block}  
	.only_pc_nav{display:none;}
	.only_mo_nav{display:block;}   
    #header{position: fixed;height: auto;z-index: 2;background-color: #fff;width: 100%;}
    .headerWrap {width: 100%;margin:0;height:70px;}
    .headerWrap .top {padding:32px;margin:0;}
    .headerWrap .top h1{left:10px;}
    .headerWrap .top h1 img {height:35px}
	.nav>#nav-check{display: none;}
	.nav>.nav-btn {display: inline-block;position: absolute;right: 10px;top: 13px;cursor: pointer;}
  	.nav>.nav-btn>label {display: inline-block;width: 50px;height: 50px;padding: 13px;}
 	 .nav>.nav-btn>label>span {display: block;width: 20px;height: 8px;border-top: 2px solid #1d1d1d;}
  	.nav>.nav-btn label:hover span {opacity:0.5;}
  	.nav>.nav-list {position: absolute;display: flex;flex-direction: column;width: 100%;background-color: #eaf3ff;height: 0;transition: all 0.3s ease-in;top: 70px;left: 0;overflow: hidden;z-index: 2;}
	.nav>.nav-list>li { margin: 0 12px;padding: 24px;border-bottom: 1px solid #bcc7d5;font-size: 20px;}
	.nav>.nav-list>li:last-child {border-bottom: none;}
	.nav>#nav-check:checked~.nav-list { height: calc(100vh - 70px);} 
	
	.popup_box.lg{width:100%;height: 100%;}
	.popup_box {width:100%;height:100%}
    .popup_box h1 {padding:22px 20px}
    .popup_box .popupBox {padding: 30px;}
    /*.popup_box .popupBox > div {border: 1px solid lime;}*/
    .popup_box .popupBox ul li strong {width:80px;padding-left:10px;}
    .popup_box .popupBox input[type="date"] {width:33%;font-size:13px;}
    
    .pagination a{width:30px;}
    
    #footer .container {padding:25px 20px;font-size:12px}
    #footer address .email {display:block}
}

@media screen and (max-width: 600px){
	.popup_box .popupBox form ul li strong{
	width: 110px;}
}