@charset "utf-8";

/*
@import url('./layout.css');
@import url('./common.css');
*//* 250718 YP */

/*공통컨텐츠*/
.sub-layout-in {position: relative;}
.sub-layout-in .location {padding:20px 0; border-bottom: 1px solid var(--border-color);}
.sub-layout-in .location ul {display:flex;}
.sub-layout-in .location ul li {display:inline-flex; position: relative; align-items:center;}
.sub-layout-in .location ul li:before { display:block; position: absolute; top:7px; left:6px; width:5px; height:5px; border-top:2px solid #a2a2a2; border-left:2px solid #a2a2a2; transform:rotate(135deg);}
.sub-layout-in .location ul li + li {padding-left:20px;}
.sub-layout-in .location ul li + li::before {content:'';}
.sub-layout-in .location ul li a:hover {text-decoration:underline;}
.sub-layout-in .location ul li span {font-size:17px; color:#555;}
.sub-layout-in .location ul li img {margin-right:4px;}

/* 250703 YP - 기존 영문 footer ▶ layout.css 로 이동 */

/*서브 메뉴*/
.sub #header .gnb { padding: 0 150px; }
.sub #header .head-util {display: flex;justify-content: flex-end;align-items: center;gap:10px;}
.sub #header .font-controls {position:relative; left:0;top:0;width:auto;height:40px;display:flex;align-items: center;gap:6px;color:#000;font-size:15px;}
.sub #header .font-controls > span {padding-right:5px;}
.sub #header .font-controls button{width:38px;height:38px;position:relative;display: inline-flex;justify-content: center;align-items: center;border:1px solid #0005;border-radius:18px;}
.sub #header .font-controls button:hover,
.sub #header .font-controls button:active {border:1px solid #000;background:transparent;}
.sub #header .font-controls button.increase:before {content:"";display:block;width:13px;height:2px; background:#000;}
.sub #header .font-controls button.increase:after {content:"";display:block;width:2px;height:13px;position:absolute;left:50%;transform:translateX(-50%); background:#000;}
.sub #header .font-controls button.decrease:before {content:"";display:block;width:13px;height:2px; background:#000;}
.sub #header .font-controls button.reset:before {content:"";display:block;width:13px;height:14px;background:url(../img/main/ic_reset.png) 50% 50% no-repeat;background-size:contain;}
.sub #header:hover .font-controls button.increase:before,
.sub #header:hover .font-controls button.increase:after,
.sub #header:hover .font-controls button.decrease:before,
.sub #header.move .font-controls button.increase:before,
.sub #header.move .font-controls button.increase:after,
.sub #header.move .font-controls button.decrease:before {background:#000;}
.sub #header:hover .font-controls button.reset:before,
.sub #header.move .font-controls button.reset:before {content:"";display:block;width:13px;height:14px;background:url(../img/main/ic_reset.png) 50% 50% no-repeat;background-size:contain;}
.sub #header  a.language {width:auto;height:30px;position:relative;display: inline-flex;justify-content: center;align-items: center;}
.sub #header  a.language span {display: block; transform-origin:left center;width:0; overflow:hidden; transition: width 0.6s ease; }
.sub #header  a.language:hover:before ,
.sub #header  a.language:focus:before ,
.sub #header  a.language:active:before {border-color:#000;}
.sub #header  a.language:hover span ,
.sub #header  a.language:focus span ,
.sub #header  a.language:active span {width:40px;}
.sub #header  a.language:before {content:"";display:block;width: 35px;height: 35px;background:url(../img/common/icon_language.svg) 50% 50% no-repeat;background-size:22px;filter: brightness(0) contrast(100) invert(0); }

/*서브 탭분류*/
.sub-layout-tab .tab-list {display:flex; margin:30px 0 0;border:none;}
.sub-layout-tab .tab-list > .tab-button {flex:1;}
.sub-layout-tab .tab-list > .tab-button .t-btn {position: relative; display:flex; padding:10px 20px; width:100%; height:60px; justify-content: center; align-items: center; border: 1px solid #e5e5e5;border-left-color:#fff;text-align: center; box-sizing: border-box;transition:var(--ani-1); }
.sub-layout-tab .tab-list > .tab-button:first-child .t-btn {border:1px solid #e5e5e5;}
.sub-layout-tab .tab-list > .tab-button.on:first-child .t-btn {border:1px solid var(--d-blue-color);}
.sub-layout-tab .tab-list > .tab-button .t-btn span {font-size:20px; font-weight:500; letter-spacing:-1px; display:inline-flex; gap:3px;}
.sub-layout-tab .tab-list > .tab-button.on .t-btn{background:var(--d-blue-color);border-color:var(--d-blue-color) !important;}
.sub-layout-tab .tab-list > .tab-button.on .t-btn span,
.sub-layout-tab .tab-list > .tab-button.on .t-btn:hover span,
.sub-layout-tab .tab-list > .tab-button.on .t-btn:active span ,
.sub-layout-tab .tab-list > .tab-button.on .t-btn:focus span {color:#fff!important; font-weight: bold;}
.sub-layout-tab .tab-list > .tab-button .t-btn::before,
.sub-layout-tab .tab-list > .tab-button.on .t-btn::before,
.sub-layout-tab .tab-list > .tab-button .t-btn:hover:before {display: none;}
.sub-layout-tab .tab-list > .tab-button:first-child,
.sub-layout-tab .tab-list > .tab-button:first-child .t-btn {border-radius:5px 0 0 5px;}
.sub-layout-tab .tab-list > .tab-button:last-child,
.sub-layout-tab .tab-list > .tab-button:last-child .t-btn {border-radius:0 5px 5px 0;}
.sub-layout-tab .tab-list > .tab-button .t-btn:hover,
.sub-layout-tab .tab-list > .tab-button .t-btn:focus,
.sub-layout-tab .tab-list > .tab-button .t-btn:active {border-color:var(--d-blue-color) !important;}
.sub-layout-tab .tab-list > .tab-button .t-btn:hover span,
.sub-layout-tab .tab-list > .tab-button .t-btn:focus span,
.sub-layout-tab .tab-list > .tab-button .t-btn:active span {color:var(--d-blue-color);}
.sub-layout-tab .tab-list > .tab-button.qna .t-btn span {color: #fd7402; font-weight:bold;}
.sub-layout-tab .tab-list > .tab-button.qna .t-btn span::after {position: relative; display:block; content:''; width:25px; height:24px; background:url('../img/sub/icon_qna_mini.png') no-repeat center;}
.sub-layout-tab .tab-content {display:block;}
.tab-wrapper {position:relative;overflow:hidden;margin:30px 0 0;flex:1;}
.tab-wrapper .tab-scroll {overflow-x:auto;white-space: nowrap;scroll-behavior:smooth;padding:0;}
.tab-wrapper .tab-list {margin:0;}
.tab-wrapper .scroll-btn {display: none;}
.tab-wrapper .tab-scroll::-webkit-scrollbar {display: none; }

/*통계DB*/
.top-cont-schBox {display:flex; justify-content: space-between; align-items: center; padding:30px 0; box-sizing: border-box;}
.top-cont-schBox .left-box .txt {margin-top:10px; font-size:14px; font-weight:500;}
.top-cont-schBox .right-box {display:flex; gap:5px;}
.table-db table {table-layout:fixed; clear:both; width:100%; margin:0; border:0; border-top:1px solid #000;}
.table-db table thead th {background-color:#f7f7f7; font-size:20px; padding:10px; text-align: center;}
.table-db table thead th + th {border-left:1px dashed #e5e5e5;}
.table-db table thead th .tit-flex {display:flex; justify-content: space-between; align-items: center;}
.table-db table thead th .tit-flex select {font-size:18px; height:40px;}
.table-db table thead th .tit-flex .inp-wrap {display:flex; gap:5px; justify-content: flex-end;}
.table-db table thead th .tit-flex strong {flex:1;}
.table-db table thead th .tit-flex span {flex:1;}
.table-db table tbody td {padding:15px; border-bottom: 1px solid #e5e5e5; font-size:16px; line-height:24px; }
.table-db table tbody td + td {border-left:1px dashed #e5e5e5;}
.table-db button[class*="list-"] {width:38px; transition: none; padding:5px 10px; position: relative; overflow: hidden;}
.table-db button[class*="list-"] span { position: absolute; display:block; left:35px; width:0px; font-size:16px; opacity:0; overflow: hidden;}
.table-db button[class*="list-"].on {width:104px; border-color: var(--d-blue-color); background-color: var(--d-blue-color); color:#fff; transition: var(--ani-1);}
.table-db button[class*="list-"].on span {width:56px; opacity:1; width:56px;}
.table-db .list-down::before {width:16px; height:13px; background-image:url('../img/sub/btn_list-down.png');}
.table-db .list-up::before {width:16px; height:13px; background-image:url('../img/sub/btn_list-up.png');}
.table-db button[class*="list-"].on.list-down::before,
.table-db button[class*="list-"].list-down:active:before {background-image:url('../img/sub/btn_list-down-w.png');}
.table-db button[class*="list-"].on.list-up:before,
.table-db button[class*="list-"].list-up:active:before {background-image:url('../img/sub/btn_list-up-w.png');}
.table-db .txt-btn-box {display: flex; justify-content: space-between; align-items: center;gap:5px;}
.table-db .txt-btn-box .txt-box {display:flex; flex-direction: column; gap:10px;width:calc(100% - 410px);}
.table-db .txt-btn-box .txt-box.tac {width:100%; text-align: center;}
.table-db .txt-btn-box .txt-box .txt {font-size:20px; color:#222; font-weight:bold;}
.table-db .txt-btn-box .txt-box .date {font-size:16px; color:#777; font-weight:500;}
.table-db .txt-btn-box .btn-box {display:inline-flex; align-items: center; gap:5px;}
.table-db .txt-btn-box .btn-box .btn-down.type-01 {width:auto;}
.table-db .txt-btn-box .btn-box .btn-down.type-02 {width:auto;}
.table-db .txt-box.on .txt {color: #fd7402;}
.table-db .ck-box-wrap {display: flex; gap:10px; flex-wrap: wrap; }
.table-db .ck-box-wrap .ck-box-down {flex:1;}
.table-db .ck-box-wrap .ck-box-down input[type="checkbox"] {/*visibility:hidden; */position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.table-db .ck-box-wrap .ck-box-down label {position:relative; display:flex; width:100%; height:40px; justify-content: space-between; align-items:center; cursor: pointer;}
.table-db .ck-box-wrap .ck-box-down label:before {transition: var(--ani-1); position: absolute; display:block; content:''; width:100%; height:40px; border:1px solid var(--black-color); font-weight:500; box-sizing: border-box;}
.table-db .ck-box-wrap .ck-box-down label .img {z-index:1; margin-right:10px; padding-left:10px; width:19px; height:17px; border-left:1px solid #c4c4c4;}
.table-db .ck-box-wrap .ck-box-down label span {z-index:1; display:inline-flex; margin-left:10px; padding-left:35px; height:40px; font-size:16px; align-items: center; background-repeat: no-repeat; background-position:center left; padding-right: 10px; }
.table-db .ck-box-wrap .ck-box-down.spss label span {background-image:url('../img/sub/icon_spss.png');}
.table-db .ck-box-wrap .ck-box-down.sav label span {background-image:url('../img/sub/icon_sav.png');}
.table-db .ck-box-wrap .ck-box-down.xl label span {background-image:url('../img/sub/icon_xl.png');}
.table-db .ck-box-wrap .ck-box-down input[type="checkbox"]:hover + label:before, .table-db .ck-box-wrap .ck-box-down input[type="checkbox"]:focus + label:before {box-shadow: 2px 2px 4px #00000038;}
.table-db .ck-box-wrap .ck-box-down.spss input[type="checkbox"]:checked + label:before {background-color:#a01a3a; color:#fff; border-color:#a01a3a;}
.table-db .ck-box-wrap .ck-box-down.spss input[type="checkbox"]:checked + label span {background-image:url('../img/sub/icon_spss_w.png'); color:#fff;}
.table-db .ck-box-wrap .ck-box-down.spss input[type="checkbox"]:checked + label .img {border-color:#b64f68;}
.table-db .ck-box-wrap .ck-box-down.spss input[type="checkbox"]:checked + label .img img {filter: invert(96%) sepia(99%) saturate(3%) hue-rotate(186deg) brightness(105%) contrast(100%);}

.table-db .ck-box-wrap .ck-box-down.sav input[type="checkbox"]:checked + label:before {background-color:#a01a3a; color:#fff; border-color:#a01a3a;}
.table-db .ck-box-wrap .ck-box-down.sav input[type="checkbox"]:checked + label span {background-image:url('../img/sub/icon_sav_w.png'); color:#fff;}
.table-db .ck-box-wrap .ck-box-down.sav input[type="checkbox"]:checked + label .img {border-color:#b64f68;}
.table-db .ck-box-wrap .ck-box-down.sav input[type="checkbox"]:checked + label .img img {filter: invert(96%) sepia(99%) saturate(3%) hue-rotate(186deg) brightness(105%) contrast(100%);}

.table-db .ck-box-wrap .ck-box-down.xl input[type="checkbox"]:checked + label:before {background-color:#16864c; color:#fff; border-color:#16864c;}
.table-db .ck-box-wrap .ck-box-down.xl input[type="checkbox"]:checked + label span {background-image:url('../img/sub/icon_xl_w.png'); color:#fff;}
.table-db .ck-box-wrap .ck-box-down.xl input[type="checkbox"]:checked + label .img {border-color:#4ca275;}
.table-db .ck-box-wrap .ck-box-down.xl input[type="checkbox"]:checked + label .img img {filter: invert(96%) sepia(99%) saturate(3%) hue-rotate(186deg) brightness(105%) contrast(100%);}
.table-db .ck-box-wrap .ck-box-down .disabled {opacity: .3;pointer-events: none;}
/*통계DB - 팝업*/
.popup-wrap .popup-box.type-02 .popup-tit { border:0; position: relative; padding-bottom:30px; margin-bottom:30px;}
.popup-wrap .popup-box.type-02 .popup-tit:after {position: absolute; display:block; content:''; bottom:0; left:-40px; width:calc(100% + 80px); height:1px; background-color:#ccc;}
.popup-wrap .popup-box.type-02 .popup-tit .tit {padding-left:0; background:none;}

/*요약분류 타이틀+카테고리*/
#top-category-wrap {display:flex; padding:30px 0 30px; gap:20px; flex-direction: row; align-items: center; justify-content: space-between;}
#top-category-wrap .h2-title {flex:0 0 240px;width:240px; text-align: center;}
#top-category-wrap .h2-title span {font-size:30px; font-weight: bold;}
#top-category-wrap .category-link {display:flex;width:100%;justify-content: space-between;flex-flow:row nowrap;gap:15px;}
#top-category-wrap .category-link.eng { justify-content: left; }
#top-category-wrap .category-link a {display: flex; flex-direction: column; text-align:center; align-items: center;}
#top-category-wrap .category-link a .img {display:flex; align-items: center; justify-content: center; width:70px; height:70px; border-radius:50%; background-color:var(--bg-color); font-size:22px; transition: var(--ani-1);}
#top-category-wrap .category-link a .img img {transition: var(--ani-1);}
#top-category-wrap .category-link .link-00 a .img img {width:28px;}
#top-category-wrap .category-link a:hover .img {background-color:var(--d-blue-color); color:#fff;}
#top-category-wrap .category-link a:hover .img img {filter: invert(96%) sepia(99%) saturate(3%) hue-rotate(186deg) brightness(105%) contrast(100%);}
#top-category-wrap .category-link a .txt {font-size: 17px; margin-top:10px;}
#top-category-wrap .category-link .on a .img {background-color:var(--d-blue-color); color:#fff;}
#top-category-wrap .category-link .on a .img img {filter: invert(96%) sepia(99%) saturate(3%) hue-rotate(186deg) brightness(105%) contrast(100%);}
#top-category-wrap .tab-wrapper .scroll-btn {border:none;}




/*분류검색 + 분류게시판 + 본 연구자료*/
.search-research-wrap {display: flex; justify-content: space-between; gap: 20px;}
.search-research-wrap .search-class.left {flex:0 0 240px;max-width:240px;}
.search-research-wrap .search-class.center {flex:1;}
.search-research-wrap .search-view.right {flex:0 0 230px;max-width:230px;min-width:230px;}
.search-research-wrap .search-view.right .view-box ul.list {width:calc(100% + 15px);height:auto;max-height:800px;overflow-y:auto;margin-right:-15px;}
.search-research-wrap .search-border {display: flex;flex:1;flex-flow: column;}
.search-class .search-class-box {width:240px; border:1px solid var(--border-color); box-sizing: border-box;}
.search-class .search-class-box li + li .class-box {border-top:1px solid var(--border-color);}
.search-class .search-class-box .class-box .tit-box {display:flex;padding:10px 15px; min-height:50px;justify-content: space-between; align-items: center; background-color: var(--bg-color-1); box-sizing: border-box;}
.search-class .search-class-box .class-box .tit-box .tit {font-size:17px; font-weight:500;}
.search-class .search-class-box .cnt-box {padding:15px; border-top:1px solid var(--border-color); box-sizing: border-box;}
.search-class .search-class-box .cnt-box ul {display:flex; flex-direction: column; gap:10px;}
.search-class .search-class-box .cnt-box ul label {font-size:16px;}
.search-class .search-class-box .class-box.date .cnt-box {height:181px; transition: var(--ani-1); overflow: hidden;}
.search-class .search-class-box .class-box.date .cnt-box ul {height:100%; overflow:auto;}
.search-class .search-class-box .class-box.date.close .cnt-box {height:415px;}

/*게시판 검색*/
.search-border {width:100%;}
.search-border-inp {display:flex; align-items: center; justify-content: space-between; gap:5px; margin-bottom:20px; padding:5px 10px; width:100%; background-color:#F7F7F7; box-sizing: border-box;flex-flow:row wrap;}
.search-border-inp .flex.g-5:first-child {flex:1;}
.search-border-inp .sel-inp-box input[type="text"] {width:150px;}
.option-box-wrap {position: relative;white-space:nowrap;}
.option-box-wrap.open::before {position:fixed; top:0; left:0; display:block; content:''; width:100%; height:100%; background:#0000005c; z-index:99;}
.option-box-wrap .btn.open + .option-box {visibility: visible; opacity:1;}
.option-box { z-index:99; transition: var(--ani-1); opacity:0; visibility: hidden; overflow: hidden; position: absolute; top:40px; left:0; padding:10px; width:220px; border: 1px solid var(--border-color); background-color:#fff; border-radius:0 20px 20px 20px; box-sizing: border-box; box-shadow:0 5px 10px #0000001f;}
.option-box .option-tit {position: relative;; padding:0 25px 10px 0; margin-bottom:10px; border-bottom:1px solid var(--border-color);}
.option-box .option-tit .tit {font-size:17px; font-weight:bold;}
.option-box .option-tit .btn-i-close {position: absolute; top:3px; right:0;}
.option-box .option-cnt .ck-box-wrap {margin-bottom:10px; display:flex; flex-wrap: wrap; gap:6px;}
.option-box .option-cnt .ck-box-wrap .ck-box {width:calc(50% - 3px); }
.option-box .option-cnt .btn.blue-btn {font-size:15px;}
.search-border-inp .sel-box {font-size:18px;height:40px;}
.search-inp-box {flex:1;}
.sel-inp-box {flex:1;}
.search-border-inp .sel-inp-box input[type="text"] {flex:1;}
/*본 연구자료*/
.search-view .view-box {width:100%;padding:15px; border:1px solid var(--border-color); box-sizing: border-box;}
.search-view .view-box + .view-box {margin-top:20px;}
.search-view .view-box .tit {margin-bottom:5px; border-bottom:2px solid var(--navi-color); padding-bottom:15px; font-size:17px; font-weight:bold;}
.search-view .view-box .list li {padding:10px 0; border-bottom: 1px dashed var(--border-color);}
.search-view .view-box .list li:last-child {padding-bottom:0; border-bottom:0;}
.search-view .view-box .list li .txt {word-break: auto-phrase; font-size:17px;}
.search-view .view-box .list .top {display:flex; gap:12px; }
.search-view .view-box .list .top span {position: relative; font-size:14px; color:var(--blue-color); font-weight:500;}
.search-view .view-box .list .top span:before {content: ''; display:block; position: absolute; top:4px; left:-6px; width:2px; height:9px; background-color:var(--blue-color);}
.search-view .view-box .list .top span:first-child::before {display:none;}
.search-view .view-box .list li a:hover {text-decoration: underline;}

/*분류게시판*/
.table-list .table-tr {display:flex; padding:20px 10px; border-bottom:1px solid var(--border-color); flex-direction: column; }
.table-list .table-tr:first-child {padding-top:0;}
.table-list .table-tr .table-th {margin-bottom:10px;}
.table-list .table-tr .table-th .th-tit {width:100%;}
.table-list .table-tr .table-th .th-tit .on strong{color:#fd7402;}
.table-list .table-tr .table-th strong + .radius-box {margin-left:10px;}
.table-list .table-tr .table-th .th-top {display:flex; gap:12px; margin-bottom:5px;}
.table-list .table-tr .table-th .th-top span {font-size:15px; position: relative; color:var(--blue-color); font-weight:500;}
.table-list .table-tr .table-th .th-top span:before {content: ''; display:block; position: absolute; top:4px; left:-7px; width:2px; height:9px; background-color:var(--blue-color);}
.table-list .table-tr .table-th .th-top span:first-child::before {display:none;}
.table-list .table-tr .table-th strong {font-size:20px; line-height:24px; font-weight:bold; transition: var(--ani-1);}
.table-list .table-tr .table-th strong:hover {color:#fd7402;}
.table-list .table-tr.on .table-th strong {color:#fd7402;}
.table-list .table-tr .table-th .radius-box {margin-top:1px;}
.table-list .table-tr .table-th .data-box {display:flex; margin-top:5px; gap:21px; align-items: center; word-break:auto-phrase;}
.table-list .table-tr .table-th .data-box span {font-size:17px; position: relative;}
.table-list .table-tr .table-th .data-box span:before {content: ''; display:block; position: absolute; top:4px; left:-11px; width:1px; height:12px; background-color:#C2C3C8;}
.table-list .table-tr .table-th .data-box span:first-child::before {display:none;}
.table-list .table-tr .table-td .btn-box {display: flex; gap:5px; justify-content: flex-end;flex-flow:row wrap;}
.table-list .table-tr.on .table-td .btn-box .btn-summary {background-color: var(--d-blue-color); color:#fff; border-color: var(--d-blue-color); }
.table-list .table-tr.on .table-td .btn-box .btn-summary:before {width:20px; height:17px; background-image:url('../img/sub/btn_summary_w.svg');}

/*요약보기 - 팝업*/
.popup-wrap {visibility: hidden; opacity:0; position: fixed; display:flex; justify-content: flex-end; top:0; right:0; height:100%; z-index: 999;}
.popup-wrap.on {visibility: visible; opacity:1;}
.popup-wrap .popup-box {padding:40px; width:800px; height:100%; background-color: #fff; box-shadow: -10px 0px 13px #00000038; box-sizing: border-box;}
.popup-wrap .popup-box .popup-tit {display:flex; justify-content: space-between; align-items: center; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #707070;}
.popup-wrap .popup-box .popup-tit .tit {display:inline-block; font-size:22px; line-height:30px; height:30px; padding-left:30px; box-sizing: border-box; background: url('../img/sub/btn_summary.svg') no-repeat top 6px left;}
.popup-wrap .popup-box .popup-tit .btn-i-B-close {transition: var(--ani-1);}
.popup-wrap .popup-box .popup-tit .btn-i-B-close:hover {transform:rotateZ(180deg);}
.popup-wrap .popup-box .popup-cnt {overflow-y:auto;height:calc(100% - 80px);display: flex;flex-flow: column;flex: 1;}
.popup-wrap .popup-box .popup-cnt .cnt-top {display:flex; gap:12px; margin-bottom:5px;}
.popup-wrap .popup-box .popup-cnt .cnt-top span {font-size:15px; position: relative; color:var(--blue-color); font-weight:500;}
.popup-wrap .popup-box .popup-cnt .cnt-top span:before {content: ''; display:block; position: absolute; top:4px; left:-7px; width:2px; height:9px; background-color:var(--blue-color);}
.popup-wrap .popup-box .popup-cnt .cnt-top span:first-child::before {display:none;}
.popup-wrap .popup-box .popup-cnt .cnt-tit p {font-size:26px; font-weight:bold; display: inline;}
.popup-wrap .popup-box .popup-cnt .cnt-tit p + .radius-box {margin-left:10px;}
.popup-wrap .popup-box .popup-cnt .cnt-tit .radius-box {margin-top:5px;}
.popup-wrap .popup-box .cnt-tabBox {margin-top:20px; padding:20px; background-color: #F3F6F9; border:1px solid #D9E0E6; box-sizing: border-box;display:flex;flex-flow:column;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap {display:flex; flex-direction: column; gap:20px;flex:1;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-list {display: flex; gap: 10px;margin:0;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-list .tab-button {flex:1; }
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-list .tab-button .t-btn {display: flex; width:100%; height: 45px; text-align: center; align-items: center; justify-content: center; border: 1px solid #B5B5B5; background-color: #fff; box-sizing: border-box; transition: var(--ani-1);}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-list .tab-button .t-btn span {display:inline-block; font-size:20px; font-weight:400; height:25px; line-height:25px;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-list .tab-button .t-btn:hover {box-shadow: 2px 2px 4px #00000038;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-list .tab-button.on .t-btn {background-color:#145597; border-color: #145597; box-shadow: 2px 2px 4px #00000038;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-list .tab-button.on .t-btn span {padding-left:20px; color:#fff; font-weight:500; background:url('../img/sub/btn_tab_button_on.png') no-repeat center left;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content {padding: 10px; width:100%; flex:1;background-color: #fff; font-size:15px; line-height:20px; box-sizing: border-box; overflow: hidden; overflow-y: auto;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content + .tab-content {flex:0;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content.view-box {max-height:700px;min-height:500px;display: none}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content.vod-box {height:auto;padding:0;display: none}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content.file-box {height:auto;padding:0;display: none;background:transparent;flex:none;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content.file-box > div {margin:0;padding:15px;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content.view-box.show,
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content.vod-box.show,
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content.file-box.show {display: block}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content.view-box * ,
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content.vod-box * {max-width:100%;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content .txt {font-size:15px; word-break: keep-all; line-height:25px;}
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content .txt img {max-width:100%;}
.popup-wrap .popup-box .cnt-pub {margin-top:20px; display:flex; gap: 10px; flex-direction: column;}
.popup-wrap .popup-box .cnt-pub .pub-tit {font-size: 26px; font-weight: bold;justify-content: start;}
.popup-wrap .popup-box .cnt-pub .pub-list {padding:20px; border:1px solid #D9E0E6; background-color: #F8F8F8; box-sizing: border-box;margin:0;flex-flow:column nowrap;flex:1;}
.popup-wrap .popup-box .cnt-pub .pub-list li {position: relative;padding-left:10px;border:none;display:flex;flex-flow:column nowrap;width:100%;min-width:100%;}
.popup-wrap .popup-box .cnt-pub .pub-list li::before {position: absolute; display:block; content: ''; top:7px; left:0; width:5px; height:5px; border-radius:20px; background-color:#a1a1a1;}

.popup-wrap .popup-box .cnt-pub .pub-list .link {display:flex;flex:1 1 100%;gap:10px; font-size:17px; line-height:20px; justify-content: space-between; align-items: flex-start;width:100%;}
.popup-wrap .popup-box .cnt-pub .pub-list .link .t-blue {color:var(--blue-color); white-space:nowrap;}
.popup-wrap .popup-box .cnt-pub .pub-list .link .t-txt {color:var(--black-color); word-break: keep-all; display: inline-block;}
.popup-wrap .popup-box .cnt-pub .pub-list .link:hover {text-decoration: underline;}
.popup-wrap .popup-box .cnt-pub .pub-list .txt-box {display:flex; gap:10px;flex:1;}
.popup-wrap .popup-box .cnt-pub .pub-list .data-box {display:flex; gap:21px; align-items: center; word-break:keep-all;max-width:232px;}
.popup-wrap .popup-box .cnt-pub .pub-list .data-box span {font-size:17px; text-align:right;position: relative;display:block;min-width:45px;}
.popup-wrap .popup-box .cnt-pub .pub-list .data-box span:before {content: ''; display:block; position: absolute; top:4px; left:-11px; width:1px; height:12px; background-color:#C2C3C8;}
.popup-wrap .popup-box .cnt-pub .pub-list .data-box span:first-child::before {display:none;}
.popup-wrap .popup-box .popup-cnt.scrollbar.p_r {padding-right:10px;}
/*팝업 스타일 - 2*/
.popup-bg-wrap {visibility: hidden; opacity:0; position: fixed; display:flex; justify-content: center; align-items:center; top:0; left:0; width:100%; height:100%; z-index: 999;}
.popup-bg-wrap.on {visibility: visible; opacity:1;}
.popup-bg-wrap:before {position:fixed; top:0; left:0; display:block; content:''; width:100%; height:100%; background:#00000042; z-index:99;}
.popup-bg-wrap.on:before{visibility: visible; opacity:1;}
.popup-bg-wrap .popup-box {background-color:#fff; z-index: 9999; box-shadow: 0 0 18px 4px #00000045;}
.popup-bg-wrap .popup-box.basic {width:1000px; height:800px; min-height:50vh;}
.popup-bg-wrap .popup-box.down {width:950px; max-height:580px;}
.popup-bg-wrap .popup-box .popup-tit {position:relative; display:flex; justify-content: space-between; align-items: center; width:100%; height:80px; padding:0 30px; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.popup-bg-wrap .popup-box .popup-tit .tit {font-size:22px; font-weight:500;}
.popup-bg-wrap .popup-box .popup-tit .btn-i-B-close {transition: var(--ani-1);}
.popup-bg-wrap .popup-box .popup-tit .btn-i-B-close:hover {transform: rotateZ(180deg);}
.popup-bg-wrap .popup-box .popup-cnt {padding:30px; height:calc(100% - 80px); box-sizing: border-box;}
.popup-bg-wrap .popup-box .popup-cnt.bottom-btn {height:calc(100% - 200px);}
.popup-bg-wrap .popup-box .popup-cnt.bottom-btn .scrollbar {height:100%; overflow: hidden; overflow-y: auto; }
.es-box-wrap +.es-box-wrap {margin-top:30px;}
.es-box-wrap .es-tit {display:flex; position: relative;}
.es-box-wrap .es-tit:before {position: absolute; display:block; content:''; bottom:-2px; left:0; width:100%; height:2px; background-color:var(--d-blue-color);}
.es-box-wrap .es-tit.opt:before,
.es-box-wrap .es-tit.opt .tit{ background-color:#434855; }
.es-box-wrap .es-tit .tit {display:inline-flex; padding:10px;min-width:60px; text-align: center; background-color: var(--d-blue-color); color:#fff; font-size:18px; align-items: center; justify-content: center;}
.es-box-wrap .es-tit .tit + .txt {padding-left:10px;}
.es-box-wrap .es-tit .txt {padding:10px; padding-left:0px; font-size:18px; text-align: left;}
.es-box-wrap .es-cnt {padding:20px; border:1px solid #e2e7eb; border-top:0; font-size:16px; color:#444; line-height:25px; word-break: auto-phrase; background-color:#f8f8f8; box-sizing: border-box;}
.es-box-wrap .es-cnt .cnt-category {margin-top:10px;}
.es-box-wrap .es-cnt .cnt-category .t-list .t-tit {padding:10px;padding-right:0; }
.es-box-wrap .es-cnt textarea {height:70px;}
/*신고서작성*/
.es-box-wrap  {margin-bottom:20px;}


/*팝업 확장*/
.popup-wrap.expanded .popup-box{width:1210px;position:relative;}
.popup-wrap .popup-controls {width:auto;height:auto;position:absolute;top:10px;left:-34px;padding:0;border:none;display:flex;flex-flow:column nowrap;align-items: center;gap:10px;}
.popup-wrap .popup-controls button { background:#e4e4e4;width:auto;min-width:34px;height:30px;display: flex;justify-content: center;align-items: center;}
.popup-wrap .popup-controls button span {display:none;}
.popup-wrap .popup-controls .btn-expand {height:30px;transition:all .2s;box-shadow:0 5px 3px #00000010;background:#e9eff8;box-sizing:border-box;}
.popup-wrap .popup-controls .btn-expand:hover,
.popup-wrap .popup-controls .btn-expand:active {background:#003dd4;}
.popup-wrap .popup-controls .btn-expand:hover:before,
.popup-wrap .popup-controls .btn-expand:active:before{filter: invert(1) brightness(2);}
.popup-wrap .popup-controls .btn-expand:before {content:'';display:block;background:url(../img/sub/btn_prev.png) 50% 50% no-repeat;width:20px;height:20px;}
.popup-wrap.expanded .btn-expand:before {transform:rotate(180deg);}
.popup-wrap .font-controls{position: relative;display:flex;flex-flow:column nowrap;width:100%;height:auto;background:#003dd4;align-items: center;padding:8px 0;box-shadow:0 5px 3px #00000010;gap:0;}
.popup-wrap .font-controls > span {font-size:12px;padding:0 0 5px;}
.popup-wrap .font-controls button {background:transparent;min-width:30px;border:none;opacity: .8;}
.popup-wrap .font-controls button:hover,.popup-wrap .font-controls button:active{opacity: 1;}


/*다운로드 박스*/
.down-list { display:flex; flex-direction:column; gap: 10px; padding:15px; width:100%; max-height:345px; border:1px solid #e2e7eb; background-color: #f8f8f8; box-sizing: border-box; overflow: hidden; overflow-y: auto;}
.down-list + .bottom-btn-wrap {margin-top:40px;}
.down-list-btn {position: relative;padding:10px 30px 10px 10px; width:100%; font-size:16px; background-color:#fff; border-radius:5px; box-shadow:0 0 5px #314d9133; box-sizing: border-box;}
.down-list-btn .t_blue {font-weight:bold; line-height:25px; color: var(--d-blue-color);}
.down-list-btn .t_tit {display:inline-block; line-height:25px;}
.down-list-btn .t_blue + .t_tit {margin-left:10px;max-width:380px;word-break: keep-all;}
.down-list-btn .t_date {position: relative; line-height:25px; color:#777;}
.down-list-btn .t_tit + .t_date:before {position: absolute; display:block; content:''; width:2px; height:15px; left:0; top:2px; background-color:#c1c1c1;}
.down-list-btn .t_tit + .t_date {margin-left:10px; padding-left:12px; }
.down-list-btn .btn-i-close {position: absolute; top:50%; right:10px; transform: translateY(-50%);}

/*카테고리 표*/
.cnt-category {margin-top:20px; border-top:1px solid var(--border-color);}
.cnt-category > ul {display: flex; flex-wrap: wrap; width:100%;}
.cnt-category > ul > li {border-bottom:1px solid var(--border-color);}
.cnt-category > ul > li.w-100 {width: 100%;}
.cnt-category > ul > li.w-50 {width: 50%;}
.cnt-category .t-list {display:flex; width:100%; font-size:17px;}
.cnt-category .t-list .t-tit {display: flex; align-items: center; width:110px; padding:10px 0; font-weight: bold; font-size:16px; box-sizing: border-box;}
.cnt-category .t-list .t-txt {width:calc(100% - 110px); padding:10px; line-height:20px; color:#222; font-size:15px; box-sizing: border-box;display:flex;flex-flow:row wrap;flex:1;gap:5px;justify-content: start;}
.cnt-category .t-list .t-txt input[type=text],
.cnt-category .t-list .t-txt input[type=password],
.t-txt input[type="email"] {flex:1;}
.t-txt input[type="email"] { padding: 2px 10px;
    height: 34px;
    background: #fff;
    border: 1px solid #bbb;
    color: #000;
    font-size: 15px;
    line-height: 32px;
    box-sizing: border-box;
    width: 150px; }
.cnt-category .t-list .t-txt textarea {flex:1;}
.cnt-category .t-list .t-txt .txt,
.cnt-category .t-list .t-txt p,
.cnt-category .t-list .t-txt span{display: inline-flex;align-items: center;}
.cnt-category.type-02 {border-top:2px solid #99c5f5;}
.cnt-category.type-02 .t-list .t-tit {color: var(--navi-color);}
.cnt-category.type-02 > ul > li {border-color:#d6e8fb; background-color:#fff;}
.cnt-tit.type-02 {position: relative; font-size:18px; font-weight:500; padding-left:25px;}
.cnt-tit.type-02::before {position: absolute; display:block; content: ''; top:3px; left:0px; width:17px; height:17px; background:url('../img/sub/icon_mini_b_glasses.png') no-repeat left top;}
.cnt-category .radius-box {margin-left:0;}
.cnt-category.type-03 {border-top:2px solid var(--blue-color);}
.cnt-category.type-03 + .cnt-category.type-03 {margin: 0;}
.cnt-category.type-03 .t-list {flex-direction: column;}
.cnt-category.type-03 .t-list .t-tit, .cnt-category.type-03 .t-list .t-txt {width:100%; border-bottom:1px solid #cce1f9;}
.cnt-category.type-03 .t-list .t-tit {background-color: #f2f7fc; color:var(--navi-color);}
.cnt-category.type-03 .t-list .t-txt {background-color:#fff;}


/*간행물*/
.content-header {display: flex;flex-flow:column wrap;padding: 20px 0 10px;}
.content-header .h2-title {flex:1 1 100%;text-align: left;font-size:30px;}
.content-header .top-cont-schBox {flex:1 1 100%;display:flex;justify-content: space-between;align-items: center;padding:10px 0;flex-flow:row nowrap;}
.content-header .top-cont-schBox .left-box {display:inline-flex;justify-content:flex-start;gap:10px;align-items: center;}
.content-header .top-cont-schBox .right-box {display:inline-flex;justify-content:flex-end;gap:5px;align-items: center;}
.total_count {font-size:17px;font-weight:500;margin-right:5px;white-space: nowrap;}
.total_count strong,
.total_count strong + span {color:#003dd4;}
.top-cont-schBox .btn.icon.right {width:40px;padding:5px;justify-content: center;}
.top-cont-schBox .btn.icon.right:hover,
.top-cont-schBox .btn.icon.right.on {width:auto!important;padding:5px 10px;transition: var(--ani-1);}
.top-cont-schBox .btn.icon.right span {display:none;transition:all .2s;}
.top-cont-schBox .btn.icon.right:hover span,
.top-cont-schBox .btn.icon.right.on span,
.top-cont-schBox .btn.icon.right:active span {display: block;white-space: nowrap;}
.pub-list {display:flex;align-items:stretch; flex-flow:row nowrap;width:100%;height:calc(100vh - 340px);font-size:16px;border:1px solid #ddd;border-top: 2px solid #3a99ff;word-break:keep-all;margin-bottom:50px;}
.pub-list > li {width:auto;flex:1;height:100%;box-sizing: border-box;border-right:1px solid #ddd;border-bottom:none;}
.pub-list > li:first-child{max-width: 200px;flex:0 0 200px}
.pub-list > li:nth-child(2) {max-width: 130px;flex:0 0 130px;}
.pub-list > li:nth-child(3) {max-width:450px;flex:0 0 550px;}
.pub-list > li:last-child {flex:1;border-right:none;}
.pub-list > li > div {width:100%;height:100%;}
.pub-list .pub-show {width:auto;flex:1;}
.pub-tit {display:flex;justify-content:center;align-items:center;min-height:56px;border-bottom:1px solid #ddd;background:#eef4fa;font-size:17px;font-weight:600;}
.pub-tit + .auto-scroll{height:calc(100% - 57px);}
.combo-box {width:100%;height:100%;background: #fff; cursor: pointer; }
.combo-box .options {list-style: none;padding: 0;overflow-y:auto;width:100%;height:calc(100% - 57px);}
.combo-box .options li {position:relative;display:flex;justify-content:space-between;padding:0 15px;align-items:center;height:56px;background: #f9f9f9;border-bottom:1px solid #ddd;cursor: pointer;box-sizing:border-box;}
.pub-cate.combo-box .options li:hover ,
.pub-cate.combo-box .options li:active,
.pub-cate.combo-box .options li.selected {border:2px solid #fd7402;}
.pub-year.combo-box .options li:after {transition:all .2s;}
.pub-year.combo-box .options li.selected:after,
.pub-year.combo-box .options li:hover:after,
.pub-year.combo-box .options li:active:after{content:"";display:block;width:20px;height:20px;background:url(../img/sub/icon_check.png) 50% 50%;}
.combo-box .options li:last-child {border-bottom:none;}
.pub-info summary {display:flex;justify-content:space-between; min-height: 56px;padding:0;gap:10px;align-items:center;height:56px;background: #f9f9f9;border-bottom:1px solid #ddd;cursor: pointer;box-sizing: border-box;}
.pub-info summary > p {display: flex;align-items: center;width:calc(100% - 100px);max-height:54px;line-height:1.3;padding:11px 10px; white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: keep-all;cursor: pointer;box-sizing: border-box;}
.pub-info summary .btn.icon.right{width:auto;padding:0 10px;min-height:30px;font-size:15px;margin-right:10px;}
.pub-info details .content {background:#eef4fa;padding:15px;border-bottom:1px solid #ddd;min-height:56px;box-sizing:border-box;}
.pub-info details .content .dot-list li:before {content:"";display:block;top:10px;width:4px;height:4px;background:#8bafd6;border-radius:50%;}
.link-blue-bg{font-size:15px;font-weight:500;padding:4px;display:inline-block;transition:all .3s}
.link-blue-bg.on,
.link-blue-bg:hover {background:#003dd4;color:#fff; }
.pdf-show-wrap {width:100%;height:100%;display:flex;flex-flow:column nowrap;align-items: stretch;}
.pdf-show-wrap .pub-tit {display:flex;justify-content: space-between;align-items:center;flex-flow:row wrap;background:#fff;padding:0 20px;min-height:56px;max-width:620px;}
.pdf-show-wrap h5 {font-size:20px;font-weight:600;display:block;width:calc(100% - 130px);height:auto;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.pdf-show-wrap h5 span {display:inline-block;color:#3a99ff;font-size:14px;padding:5px 10px 5px 0;}
.pdf-show-wrap .btn.icon.right {min-height:32px;font-size:14px;padding:0 10px;}
.pub-viewer-wrap {max-width:100%;height:calc(100% - 57px);padding:32px 0 15px 15px;background:#383838 url(../img/sub/img-bar-sample.png) 0 0 no-repeat;background-size:100%;box-sizing: border-box;}
.pub-viewer{width:100%;height:100%;overflow:auto;flex:1;}
.pub-viewer img {width:100%;}

.btn.icon.sm_btn{width:auto;padding:0 10px;min-height:30px;font-size:15px;margin-right:10px;}

/*간행물정보팝업*/
.popup-wrap .popup-box.type-02 .popup-tit .tit.icon.summary {display: inline-block;font-size: 22px;line-height: 30px; height: 30px;padding-left: 30px;box-sizing: border-box; background: url(../img/sub/btn_summary.svg) no-repeat top 6px left;}
.popup-wrap .pub-tit {display:flex;align-items:start;background:#fff;border:none;margin-bottom:-20px;}
.popup-wrap .pub-tit h5 {font-size:20px;font-weight:600;flex:1;display:flex;flex-flow:column nowrap;align-items:start;gap:5px;margin-bottom:5px;}
.popup-wrap .pub-tit h5 span {color:#3a99ff;font-size:14px;}
.txt-box.bg-blue {background:#f3f6f9;border:1px solid #d8dfe5;padding:25px;box-sizing: border-box;margin:20px 0;}
.txt-box.bg-blue .pre-box {background:#fff;width:100%;height:290px;padding:20px;overflow:auto;box-sizing: border-box;font-family: 'Pretendard', sans-serif; font-weight:400; letter-spacing:-0.5px; font-size:17px;line-height:1.6;}
.txt-box.bg-blue .pre-box p {margin-bottom:5px;}
.txt-box.bg-gray {background:#f8f8f8;border:1px solid #d8dfe5;padding:25px;box-sizing: border-box;margin:20px 0;}
.txt-box.bg-gray .dot-list>li {color:#4b4b4b;font-size:17px;}
.popup-wrap .dot-list li {display: flex;flex:1;gap:10px;justify-content: space-between;align-items: start;flex-flow:row wrap;font-size:17px;}
.popup-wrap .dot-list li .btn.icon {padding:0 10px;font-size:16px;min-height:34px;white-space:nowrap;}
.popup-wrap .dot-list li span {display: flex;flex:1;word-break: keep-all;word-wrap:normal;}
.popup-wrap h5.t-tit {font-size:21px; margin:10px 0;}
.popup-wrap .t-tit + .txt-box.bg-gray {margin-top:5px;}
.popup-cnt.pub{padding-right:0;}
.popup-cnt.pub .cnt-category.type-02 .t-list .t-tit {color: var(--tit-color);}


/*간행물정보-웹진*/
.pub-list.webzine {display:flex;width:100%;min-height:470px;height:auto;justify-content:start;align-items:stretch;flex-flow:row wrap;font-size:16px;word-break:keep-all;border:1px solid #ddd;}
.pub-list.webzine > li {display:flex;justify-content:center;align-items:center;flex:1 1 25%;max-width:25%;box-sizing: border-box;height:auto;}
.pub-list.webzine > li:last-child {border-right:1px solid #ddd;}
.pub-list.webzine .wz-wrap {background:#f7f7f7;display:flex;flex-flow:column nowrap;align-items: center;gap:10px;width:100%;height:100%;padding-bottom:1px;box-sizing: border-box;}
.pub-list.webzine .wz-wrap .wz-img {position:relative;width:142px;min-height:192px;margin:25px; box-shadow: -10px 15px 15px #00000020;background:#c8d6e1; object-fit: cover;}
.pub-list.webzine .wz-wrap .wz-img:before {display:block;content:"No image"; font-size:35px;font-weight:600;color:#fff;padding:20px;}
.pub-list.webzine .wz-wrap .wz-img img {width:100%; height: 100%;position:absolute;top:0;left:0; object-fit:cover;z-index: 2;}
.pub-list.webzine .wz-wrap .wz-info {width:100%;flex:1 1 100%;padding:25px;box-sizing:border-box;display: flex;flex-flow:column nowrap;gap:20px;background:#fff;}
.pub-list.webzine .pub-tit {display: flex;flex-flow: column nowrap;align-items: start;gap:20px;background:none;flex:1 1 100%;border:none;gap:10px;}
.pub-list.webzine .pub-tit h5 {font-size:20px;font-weight:600;flex:1;width:100%;max-height:70px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;word-break: keep-all;}
.pub-list.webzine .pub-tit h5 span {color:#3a99ff;font-size:14px;display:block;line-height: 1.4;}
.pub-list.webzine .pub-data {display: flex;flex-flow: row wrap;justify-content: start;align-items: center;}
.pub-list.webzine .pub-data li {position:relative;display: inline-block;padding:0 10px;font-size:18px;min-height:20px;}
.pub-list.webzine .pub-data li:before {content:'';display:block;width:1px; height:14px;background:#333;position:absolute;top:5px;left:0;}
.pub-list.webzine .pub-data li:first-child {padding-left:0;}
.pub-list.webzine .pub-data li:first-child:before {display: none;}
.pub-list.webzine .pub-btn-group {display: flex;flex-flow: row wrap;justify-content: start;align-items: center;gap:10px;}
.pub-list.webzine .btn.icon.right {width:40px;padding:5px;justify-content: center;}
.pub-list.webzine .btn.icon.right:hover,
.pub-list.webzine .btn.icon.right.on {width:auto!important;padding:5px 10px;}
.pub-list.webzine .btn.icon.right span {display:none;transition:all .2s;}
.pub-list.webzine .btn.icon.right:hover span,
.pub-list.webzine .btn.icon.right.on span,
.pub-list.webzine .btn.icon.right:active span {display: block;white-space: nowrap;}

/*게시판-공지사항*/
.board-list {width:100%;height:auto;border-top:1px solid #0d0600;}
.board-list li {border-bottom:1px solid #e5e5e5; transition: var(--ani-1);display:flex;justify-content: space-between;align-items: center;flex-flow:row nowrap;padding:0 15px 0 20px;}
.board-list li.notice {background:#fff8f2;}
.board-list li a {width:100%;min-height:80px;font-size:20px;font-weight:500;display:flex;justify-content: space-between;align-items: center;flex-flow:row wrap;padding:20px 0;box-sizing: border-box;gap:15px;}
.board-list li .t-cate {position:relative;width:62px;height:30px;border-radius:5px;background:#003dd4;color:#fff;font-size:16px;line-height:30px;text-align:center;}
.board-list li .t-cate.bid {background:#d05e00;}
.board-list li .t-cate.end {background:#a1a1a1;}
.board-list li .t-tit {flex:1 1 auto;max-width:calc(100% - 250px);overflow: hidden;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: keep-all;}
.board-list li .t-date {flex:0 0 100px; font-size:16px;color:#888;}
.board-list li.notice a {position:relative; display: flex;justify-content: start;align-items: center;}
.board-list li.notice a:before {content:"";display: block;width:38px;height:38px;background:#fd7402 url(../img/common/icon_mic.png) center center no-repeat;border-radius:50%; }

.board-list li.on,
.board-list li:hover,.board-list li:focus,.board-list li:active {border:1px solid #333;color:var(--d-blue-color);box-shadow:3px 4px 5px #0004;margin-bottom:5px}
.popup-wrap .popup-box .popup-cnt .not-tit {position:relative;padding:0 0 0 32px;display: flex;justify-content: space-between;flex-flow:row;align-items: start;}
.popup-wrap .popup-box .popup-cnt .not-tit:before {content:"";display:block;width:20px;height:20px;background:url(../img/common/icon_details.png) center center no-repeat;position:absolute;left:0;top:8px;}
.popup-wrap .popup-box .popup-cnt .not-tit p{font-size:20px;font-weight:600;position:relative;padding-top:6px;}
.popup-wrap .txt-box .scrollbar {width:100%; overflow:auto;min-height:500px;max-height:700px;}
.popup-wrap .txt-box .scrollbar.qna {min-height:200px;max-height:350px;}
.popup-wrap .txt-box .scrollbar .txt img {max-width:100%; height: auto !important;}
.board-list li .right-box {display:flex;flex-flow:column;justify-content: end;gap:10px; padding:15px 0;}
.board-list li .right-box .t-date {flex:1 1 auto;text-align:right;}
.board-list li .btn-box {display:flex;gap:5px;}

/*게시판-연구원동정*/
.research-wrap {width:100%;height:auto;position:relative;}
.research-wrap .top-header {position:absolute;top:0;right:0;width:calc(100% - 40% - 20px);height:280px;display:flex;flex-flow:column;gap:20px;align-items:start;justify-content: center;}
.research-wrap .board-list {width:calc(100% + 48px);margin-right:-48px; height:auto;border:none;display:flex;justify-content:start;flex-flow:row wrap;align-items:baseline;gap:48px;padding-top:294px;}
.research-wrap .top-header h2 {font-size:40px; transition: 0.3s;}
.research-wrap .top-header p {font-size:18px;}
.research-wrap .board-list * {box-sizing: border-box;}
.research-wrap .board-list li {border:none;flex:1 1 calc(20% - 48px);max-width:calc(20% - 48px);padding:0;height:auto;background:#dfe0ef;border-radius: 7px;}
.research-wrap .board-list li a {position:relative;width:100%;height:100%;min-height:100%;height:247px;transition: var(--ani-1);font-size:20px;font-weight:500;display:flex;justify-content: space-between;align-items: center;flex-flow:row nowrap;padding:0;box-sizing: border-box;gap:15px;border-radius:7px;cursor:pointer;background:#c8d6e1;}
.research-wrap .board-list li a.on,
.research-wrap .board-list li a:hover,
.research-wrap .board-list li a:focus,
.research-wrap .board-list li a:active {background:#0005;box-shadow:3px 4px 4px #0001;cursor: pointer;z-index:20;}
.research-wrap .board-list li a.on:after,
.research-wrap .board-list li a:focus:after,
.research-wrap .board-list li a:active:after,
.research-wrap .board-list li a:hover:after {background:linear-gradient(180deg, #0005 0, #0008 100% );}
.research-wrap .board-list li a:after {content:"";display:block;width:100%;height:100%;background:linear-gradient(180deg, transparent 50%,#0008 100% );position:absolute;left:0;bottom:0;border-radius:7px;z-index: 1;}
.research-wrap .board-list li a img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;border-radius:7px;z-index: 0;}
.research-wrap .board-list li .txt-box {position:absolute;bottom:0;left:0;width:100%;height:auto;display:flex;flex-flow:column;justify-content: center;padding:30px;gap:20px;z-index:2;}
.research-wrap .board-list li .txt-box .t-tit {display:block;width:100%;max-width:100%;overflow:hidden;font-size:18px;line-height:1.2;font-weight:600;text-shadow:2px 4px 5px #0008;color:#fff;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: keep-all;}
.research-wrap .board-list li .txt-box .t-bottom {flex-flow:row wrap;gap:10px;justify-content: start;}
.research-wrap .board-list li .txt-box .t-bottom span {font-size:16px;color:#fff;text-shadow:2px 4px 5px #0008;flex:0 0 auto;}
.research-wrap .board-list li .txt-box .t-bottom .t-date {position: relative;padding-left:30px;}
.research-wrap .board-list li .txt-box .t-bottom .t-date:before {content:"";display:block;width:1px;height:13px;background:#fff;box-shadow:2px 4px 5px #0008;position:absolute;top:50%;left:10px;transform:translateY(-50%);}
.research-wrap .board-list li .txt-box .t-bottom .btn-more {flex:1 1 100%;display: none;justify-content: center;}
.research-wrap .board-list li .txt-box .t-bottom .btn-more span {width:100%;max-width:230px;height:50px;text-shadow:2px 4px 5px #0008;border:1px solid #fff;border-radius:30px;display:flex;justify-content: center;align-items:center;gap:15px;}
.research-wrap .board-list li .txt-box .t-bottom .btn-more span:after {content:"";display: block;width:56px;height:15px;background:url(../img/common/icon_details2.png) no-repeat 50% 50%;}
.research-wrap .board-list li.first {flex:1 1 calc(40% - 48px);max-width:calc(40% - 48px);margin-top:-294px;}
.research-wrap .board-list li.first a{height:547px;}
.research-wrap .board-list li.first .txt-box{justify-content: center;align-items: center;}
.research-wrap .board-list li.first .txt-box .t-tit {font-size:26px;text-align:center;}
.research-wrap .board-list li.first .txt-box .t-bottom {display:flex;align-items: center;justify-content: center;}
.research-wrap .board-list li.first .txt-box .t-bottom .btn-more {display:flex;margin-top:15px;}

/* 묻고답하기 */
.board-list.qna li .badge{position:relative;min-width:62px;height:30px;border-radius:5px;background:#003dd4;color:#fff;font-size:16px;line-height:30px;text-align:center;}
.board-list.qna li .badge.done {background:#c8c8c8;width:68px;}
.board-list.qna li .t-tit {flex:1 1 auto;max-width:calc(100% - 250px);overflow: hidden;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: keep-all;}
.board-list.qna li .t-date {flex:0 0 auto; font-size:16px;color:#888;}
.board-list.qna li  a {position:relative; display: flex;justify-content: start;align-items: center;padding-left:40px;}
.board-list.qna li.notice  a{ padding-left:2px; }
.board-list.qna li.lock a:before {content:"";display: block;width:24px;height:24px;background: url(../img/sub/ic_lock.png) center center no-repeat;background-size:cover;border-radius:0;position:absolute;top:50%;left:0;transform: translateY(-50%); }
.board-list.qna li .right-box {display: flex;flex-flow:row wrap;gap:30px;align-items: center;justify-content:flex-end;}
.board-list.qna li .right-box span {display: block;position: relative;}
.board-list.qna li .right-box span:last-child:before {content:"";width:1px;height:17px;background:#ddd;position:absolute;top:50%;left:0;margin-left:-15px;transform: translateY(-50%);}
.popup-wrap .bottom-btn-wrap  {margin:40px 0;}
.popup-wrap .bottom-btn-wrap .btn.big  { min-width:100px;height:50px;}
.popup-wrap .bottom-btn-wrap .btn.big span {font-size:17px;}
.popup-bg-wrap .popup-box .popup-cnt p {font-size:17px;}
.popup-bg-wrap .popup-box .popup-cnt .pw-chk-wrap {position:relative;display: flex;flex-flow:column;width:400px;gap:10px;align-items: center;padding:20px 0 40px;}
.popup-bg-wrap .popup-box .popup-cnt .pw-chk-wrap:before {content:"";display: block;width:80px;height:80px;margin-bottom:20px;background:url(../img/sub/icon_lock.png) no-repeat 50% 50%;background-size:cover;}
.popup-bg-wrap .popup-box .pw-chk-wrap h3 {font-size:24px;font-weight:800;}
.popup-bg-wrap .popup-box .pw-chk-wrap p {font-size:17px;color:#666;}
.popup-bg-wrap .popup-box .pw-chk-wrap .pw-box {display: flex;flex-flow:row nowrap;flex:1;width:100%;align-items: center;margin-top:20px;}
.popup-bg-wrap .popup-box .pw-chk-wrap .pw-box input[type=password] {height:60px;flex:1;border-radius:5px 0 0 5px;font-size:20px;border-right:none;min-width:300px}
.popup-bg-wrap .popup-box .pw-chk-wrap .pw-box input[type=password]::placeholder {color:#6665;}
.popup-bg-wrap .popup-box .pw-chk-wrap .pw-box .btn.chk {min-width:100px;height:60px;background:#003dd4;border-radius:0 5px 5px 0;color:#fff;text-align: center;}


/*연구원동정상세*/
.research-wrap .board-details {flex-flow:column;padding:30px 0;margin-top:10px;}
.research-wrap .board-details li {flex:1 1 100%;display: flex;flex-flow:column;gap:30px;line-height:1.8}
.research-wrap .board-details li .txt-box {display:flex;justify-content: space-between;align-items: center;}
.research-wrap .board-details li .t-right {display:flex;justify-content:end;align-items: center;font-size:18px;color:#555;}
.research-wrap .board-details li .t-right .t-date {position: relative;padding-left:30px;}
.research-wrap .board-details li .t-right .t-date:before {content:"";display:block;width:1px;height:13px;background:#888;position:absolute;top:50%;left:15px;transform:translateY(-50%);}

.research-wrap .board-details .t-tit {font-size:30px;display: flex;flex:1;font-weight:500;line-height: 1.2;}
.research-wrap .board-details .t-cont {font-size:18px;color:#121212;}
.research-gallery {width:100%;min-width:335px;height:auto;position:relative;}

.thum-wrapper {position: relative;display: flex;align-items: center;width: 100%;}
.thum-viewport {overflow: hidden;width: calc(100% - 10px);}
.thum-list {display: flex;flex-flow:row nowrap;width:100%;height:245px;gap:20px;transition: transform 0.3s ease-in-out;gap: 20px;}
.thum-list li {flex:0 0 calc(20% - 20px);padding-bottom:5px;position:relative;}
.thum-wrapper .btn {min-width:50px;min-height:50px;position:relative;cursor: pointer;z-index: 10;user-select: none;border:none;padding:0;background:transparent;}
.thum-wrapper .btn:hover {box-shadow: 0 0 0;}
.thum-wrapper .btn:before {content:"";display: block;width:22px;height:22px;border:2px solid #333;border-top:none;border-right:none;transform: rotate(45deg);position:absolute;top:calc(50% - 11px);left:calc(50% - 11px);}
.thum-wrapper .btn:hover:before {border-color:var(--d-blue-color);}
.thum-wrapper .thum-prev {width:50px;}
.thum-wrapper .thum-next {margin-left:-20px;}
.thum-wrapper .thum-next:before {transform:rotate(230deg);}

.thum-list li img {width:100%;height:100%;object-fit: cover;border-radius:7px;}
.thum-list:after {content: "";display: table;clear: both;}
.thum-list .thum {cursor: pointer;}
.thum-list .veil { display: block;width:100%;height:calc(100% - 5px);background:#0006;position:absolute;top:0;left:0;border-radius:7px;transition: background-color 0.3s;pointer-events: none;}
.thum-list .thum:hover,
.thum-list .thum.on {box-shadow:3px 3px 4px #0003;border-radius:7px;}
.thum-list .thum.on + .veil ,
.thum-list .thum:hover + .veil { background-color: transparent;}
.img-container .mySlides {display: none;}
.research-gallery .img-container {text-align: center;padding:20px 50px;}
.research-gallery .img-container .mySlides img {border-radius: 7px;width:100%;height:auto;object-fit: cover;border-radius: 7px;}

/*연구원소개*/
.intro-wrap {position:relative;padding:50px 0;}
.intro-wrap .tit-box {display:flex;flex-flow: column;gap:15px;padding:10px 0 50px;}
.intro-wrap .tit-box span {font-size:30px;}
.intro-wrap .tit-box .t-emp {font-size:45px;font-weight:600;line-height:1.2;}
.intro-wrap .cont-box {position:relative;display:flex;flex:1;justify-content: space-between;flex-flow:row nowrap;align-items: end;}
.intro-wrap .cont-box:before {content:"";display:block;position:absolute;width:100vw;height:100%;top:0;left:50%;background:#f2f4f8;transform:translate(-50%);z-index:-1;}
.intro-wrap .cont-box:after {content:"Korea Institute of Public Administration";display:block;color:#fff;font-size:100px;letter-spacing:6px;position:absolute;width:100vw;height:50px;bottom:40px;left:0;z-index:-1;}

.intro-wrap p {font-size:20px;line-height:1.4;color:#222;word-break: keep-all;}
.intro-wrap .t-cont {flex:1;display:flex;justify-content: start;flex-flow:column nowrap;gap:40px;margin:40px 0;}
.intro-wrap .pic-box {margin-top:-100px;}
.intro-wrap .pic-box img {width:100%;}
.intro-wrap .cont-list {display:flex;justify-content: start;flex-flow:column nowrap;gap:30px;margin:40px 0;}
.intro-wrap .cont-list li {font-size:20px;color:#222;line-height:1.4;}
.intro-wrap .cont-list li strong {color:var(--d-blue-color);}
.intro-wrap .t-brand {margin:50px 0;font-size:26px;display:flex;justify-content: start;align-items: center;flex-flow:row;}
.intro-wrap .t-brand span {font-size:26px;font-weight:600;display:inline-block;margin-left:10px;}

.history-container {border-top:2px solid #338beb;border-bottom:1px solid #d6e8fb;display: flex;justify-content: space-between;flex-flow:row wrap;}
.history-container > div {display:flex;justify-content: start;flex-flow:row wrap;flex:1;padding:15px 0;}
.history-container > div.full {flex:1 1 100%;align-items: center;border-bottom:1px solid #d6e8fb;}
.history-container h5 {color:#1860ae;font-size:17px;width:135px;flex:0 0 135px;padding-left:30px;box-sizing: border-box;}
.history-container .dot-list li{font-size:17px;color:#222;}
.history-container .dot-list li:before {background:#acc6e2;}
.history-container ul {display: flex;flex:1;flex-flow: column nowrap; gap:6px;}
.history-container ul li {font-size:15px;padding-right:15px;word-break: keep-all;}

/*역대원장*/
.timeline {position: relative;margin:70px 0;display:flex;flex-flow: column;align-items:center;}
.timeline details {width:100%;height:auto;min-width:380px; box-sizing: border-box;display:flex;flex:1;flex-flow:column;justify-content:space-between; transition:all .3s ease;position:relative;}
.timeline details:before {content:"";width:1px;height:100%;overflow:hidden;background:#ddd;position:absolute;top:0;left:50%;z-index: -1;}
.timeline details summary {width:auto;min-width:50%;box-sizing: border-box;cursor: pointer;font-weight: bold;display: flex; flex-flow:column; align-items: start;padding-top:60px;}

.timeline details:nth-child(odd) { align-items: end;}
.timeline details:nth-child(even) { align-items: start; }

.timeline details .term {position: absolute;top:0;font-size:30px;font-weight:600;color: #222;}
.timeline details .term:before {content:"";display:block;background:url(../img/sub/icon_term.png) no-repeat 50% 50%;width:22px;height:22px;position:absolute;top:7px;}
.timeline details:nth-child(odd) .term {padding-left:50px;left:50%; }
.timeline details:nth-child(even) .term { padding-right:50px;text-align:right;right:50%;}
.timeline details:nth-child(odd) .term:before {left:-10px; }
.timeline details:nth-child(even) .term:before { right:-12px;}
.timeline details img {width:130px;height: 130px;object-fit: cover;border-radius:50%;box-shadow:3px 4px 7px #0003;box-sizing: border-box;transition:all .3s ease;}
.timeline details img:before {content:"";width:50%;height:1px;background:transparent;position:absolute;right:0;bottom:0;}
.timeline details .info {position:relative;width:auto;overflow: hidden;padding:0 0 30px 50px;display:flex;justify-content: start;align-items: center; gap:30px;}
.timeline details:nth-child(even) .info {justify-content: end;flex-direction: row-reverse;padding:0 10px 30px 0;}
.timeline details .name {font-size:24px;font-weight: bold;color:#222;display: inline-flex;justify-content: start;flex-flow: row;align-items: center;white-space: nowrap;}
.timeline details .name span {font-size:18px;font-weight:400;padding-left:10px;}
.timeline details:nth-child(even) .name {justify-content: end;}
.timeline details .period {display:inline-block;flex:1;color: #003dd4; line-height:1;font-size: 18px;font-weight:400;white-space: normal;}

.timeline summary .txt-box {display: flex;flex:1;flex-flow:column;gap:10px;padding:20px;}
.timeline details:nth-child(even) summary {flex-direction:row-reverse;padding-right:40px;}
.timeline details ul { padding: 0;}
.timeline details .history-container {min-width:990px;height: 0;height:auto; overflow: hidden;margin:0 0 30px 450px; transition:all .3s ease;background:#fff;}
.timeline details:nth-child(even) .history-container {margin:0 450px 30px 0;}
.timeline .history-container h5 {font-size:16px;width:100px;flex:0 0 100px;padding-left:10px;}
.timeline .history-container ul {gap:10px;flex:1;}
.timeline details[open] {width:100%;}
.timeline details[open] summary {width:450px;box-sizing: border-box;}
.timeline details[open] .term {color: #844c03;}
.timeline details[open] .term:before {background:url(../img/sub/icon_term_o.png) no-repeat 50% 50%;}
.timeline details[open] img {border:6px solid #FB7D11;}
/*조직도*/
.org-wrap {position:relative;margin:40px 0;display:flex;flex-flow: column wrap;flex:1;}
.org-wrap .info-box {width:100%;height:auto;font-size:18px;display: flex;flex-flow: column;gap:10px;}
.org-wrap .info-box p {padding:0;}
.org-wrap .info-box p strong {font-size:22px;}
.org-wrap > ul {display:flex;flex-flow: column wrap;flex:1 1 100%;margin-top:50px;}
.org-wrap > ul li {display:flex; flex:1;justify-content: center;align-items: center;padding:20px 0;position:relative;}
.org-wrap > ul > li:before {content:"";display:block;width:1px;background:#ddd;height:100%;position:absolute;top:0;left:50%;z-index: -1;}
.org-wrap > ul li div {width:100%;height:auto;text-align: center; border-radius:10px;padding:20px;font-size:18px;background:#fff;display: flex;align-items: center;justify-content: center;font-size:20px;font-weight: 600;box-sizing: border-box;}
.org-wrap > ul li.org-1st .org-box { width:300px;background: #003dd4;color:#fff;margin-top:-20px;box-shadow:3px 3px 4px #0003; }
.org-wrap > ul li.org-1st .asst-box {width:200px;padding:20px;background:#efefef;color:#333;position:absolute;top:0;left:calc(50% + 250px);font-size:16px;}
.org-wrap > ul li.org-1st .asst-box:before {content:"";display: block;width:100px;height:1px;background:#ddd;z-index: -1;position:absolute;top:50%;left:0;margin-left:-100px;}
.org-wrap > ul ul  {display:flex;flex-flow:row wrap;flex:1 1 100%;height:auto;gap:20px;}
.org-wrap > ul ul li {flex:1 1 12%;flex-flow:column;justify-content: start;}
.org-wrap > ul li.org-2nd {padding-bottom:40px;}
.org-wrap > ul li.org-2nd .org-box  {width:300px;background:#3a99ff;color:#fff;}
.org-wrap > ul li.org-3rd {flex:1;padding:0;border-top:1px solid #333}
.org-wrap > ul ul ul {display:flex;flex:0 0 auto; flex-flow:column nowrap;width:100%;align-items: start;justify-content: start;gap:0;}
.org-wrap > ul ul ul li {flex:1 1 100%;width:100%;padding:0;}
.org-wrap > ul li.org-3rd:before,
.org-wrap > ul li.org-3rd li:before {display: none;}
.org-wrap > ul li.org-3rd  div {border:1px solid #ddd;color:#333;border-radius:10px;max-width: 300px;box-shadow:0 0 0;position:relative;font-size:17px;color:#444;margin-top:20px;font-size:16px;}
.org-wrap > ul li.org-3rd .org-box {background:#7095f2;color:#fff;}
.org-wrap > ul li.org-3rd .double .org-box {max-width:400px;}
.org-wrap > ul li.org-3rd .double li {padding:0;}
.org-wrap > ul ul ul.row {flex-flow:row nowrap;justify-content: start;align-items: start;gap:20px;}
.org-wrap > ul ul ul.row li {min-width:180px;}
.org-wrap > ul li.org-3rd .asst-box {background:#d9e0f2;color:#333;}
.org-wrap > ul li.org-3rd .non-org-box {background:#9f8a94;color:#fff;}
.org-wrap > ul li.org-3rd .abs-org-box{background:#d3a2b6;color:#fff;}
.org-wrap > ul ul ul ul {gap:0;}
.org-wrap a:focus div,.org-wrap a:active div,.org-wrap.on div {box-shadow:3px 4px 4px #0004;border-radius:10px;border:2px solid #003dd4;box-sizing: border-box;}
/*직원소개팝업*/
.orgPopup-wrap {display:flex;justify-content:flex-start;flex-flow: row wrap; gap:20px;}
.orgPopup-wrap > details {position:relative;display:flex;flex:0 0 calc(33.33% - 20px);border-radius:20px;border:1px solid #efefef;}
.orgPopup-wrap > details summary {display: flex;flex:1 1 100%;width:100%;flex-flow:column;justify-content: center;align-items: start;cursor:pointer;}
.orgPopup-wrap > details summary .photo {width:120px;height:120px;margin:20px auto 0;object-fit: cover;border-radius: 50%;;}
.orgPopup-wrap .org-info {display:flex;flex:1;width:100%;flex-flow:column;align-items: start;padding:20px;box-sizing: border-box;}
.orgPopup-wrap .org-info div {display: inline-flex;flex:1;width:100%;justify-content: center;align-items: center;font-size:16px;padding-top:10px;box-sizing: border-box;}
.orgPopup-wrap .org-info .org-card-name {font-size:20px;}
.orgPopup-wrap .org-info .org-card-tel,
.orgPopup-wrap .org-info .org-card-email {display:flex;justify-content: start;align-items: center;flex-flow:row nowrap;gap:10px;}
.orgPopup-wrap .org-info .org-card-tel:before,
.orgPopup-wrap .org-info .org-card-email:before {content:"";display: block;width:16px;height:16px;background:url(../img/org/icon_phone.png) no-repeat 50% 50%;background-size:contain;}
.orgPopup-wrap .org-info .org-card-email:before {background-image:url(../img/org/icon_email.png);}
.orgPopup-wrap .org-details {position:absolute;top:200px;left:0;width:520px;height:auto;background:#fff; border-top:2px solid #338beb;border-bottom:1px solid #d6e8fb;display: flex; flex-direction: column;}
.orgPopup-wrap .org-details:has(.cnt_tit){ padding-top:20px; }
.orgPopup-wrap .org-details .cnt_tit + .cnt-category{ margin-top:10px; }
#orgPopupBody .orgPopup-wrap .org-info-wrap:nth-child(3n-1) .org-details{ margin-left:-170px; }
#orgPopupBody .orgPopup-wrap .org-info-wrap:nth-child(3n) .org-details{ margin-left:-300px; }
.orgPopup-wrap .org-details div {flex:1;display:flex;justify-content: start;align-items: start;}
.orgPopup-wrap .org-details h5 {color:#1860ae;font-size:17px;width:135px;flex:0 0 135px;padding-left:30px;box-sizing: border-box;}
.orgPopup-wrap .org-details .dot-list li{font-size:17px;color:#222;}
.orgPopup-wrap .org-details .dot-list li:before {background:#acc6e2;}
.orgPopup-wrap .org-details ul {display: flex;flex:1;flex-flow: column nowrap; gap:6px;}
.orgPopup-wrap .org-details ul li {font-size:15px;padding-right:15px;word-break: keep-all;}

/* 250716 YP = 기존 국문 미디어쿼리 > mobile.css 로 이동 */

/*eng ver

.eng  #top-category-wrap .category-link {flex-flow:row wrap;column-gap: 20px;}
.eng  #top-category-wrap .category-link li {flex:0 0 calc(16.666% - 20px);}
.eng  #top-category-wrap .category-link li .txt {white-space: normal;word-break: keep-all;}
.eng .pdf-show-wrap h5 {width:calc(100% - 180px);}
.eng .pub-info summary > p {width:calc(100% - 190px);}
*//* 250716 YP = 기존 영문 서브 css, sub_eng.css로 이동으로 임시 주석처리, 삭제예정 */

/* 아래로 KSB 추가 작업 스타일 */

/* 서브 컨텐츠 텍스트 관련 클래스 */
.cnt_tit{ margin-top:40px; }
.cnt_txt{ margin:20px 0; }
.cnt_tit:has(.tit_h4){ margin-top:50px; padding-bottom:10px; border-bottom:1px solid rgb(0 61 212 / 16%); position:relative; padding-left:10px; }
.cnt_tit:has(.tit_h5){ margin-top:20px; }
.tit_h3{ font-size:24px; font-weight:800; position:relative; padding-left:28px; }
.tit_h3:before{ content:" "; display:block; position: absolute; left:0; top:6px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 4px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(#fff, #fff),
    linear-gradient(to right, #338BEB 0%, #003DD4 100%);
    background-origin: border-box;
    background-clip: content-box, border-box; }
.tit_h4{ font-size:20px; font-weight:600; position:relative; display:inline-block; }
.tit_h5{ font-size:16px; font-weight:500; padding:10px 20px; border-radius:10px 10px 0 0; background:#003DD4; color:#fff; display:inline-block;  }
.big_p{ font-size:18px; }
.nor_p{ font-size:16px; }
.cnt_txt .dot-list{ font-size:16px; }
.bd_top{ padding-top:40px; margin-top:40px; border-top:1px solid #ddd; }
.big_p + .nor_p{ display:block; margin-top:10px; }
.point_p{ color:#003DD4; }
.bold_p{ font-weight:600; }
.tab-list + .tab-content .dsst_cnt_wrap{ margin-top:30px; }

.cnt_tit:has(.tit_h5) + .prcs_ul{ border-radius:0px 10px 10px 10px; height: calc(100% - 60px);
    box-sizing: border-box; }
.prcs_ul + .cnt_tit{ margin-top:40px !important; }
.cnt_tit:has(.tit_h4) + .prcs_ul{ margin-top:20px; }
.cnt_tit:has(.tit_h3) + .prcs_ul{ margin-top:30px; }
.bg_box{ position:relative; padding:20px; margin:30px 0; background:#fff; border:1px solid #003dd4; background: #f2f4f8; }
.bg_box .cnt_tit:has(.tit_h4){ margin-top:0; margin-bottom:20px; }
.flex_box.bg_box{ position:relative; padding:40px 0; margin:30px 0; border:0; }
.flex_box.bg_box:before {
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    background: #f2f4f8;
    transform: translate(-50%);
    z-index: -1;
}
.flex_box{ display:flex; gap:40px; }
.flex_box .flex_item{ flex-grow:1; flex-basis: 0; }
.flex_box .flex_item .tit_h4,
.flex_box .flex_item .big_p{ width:100%; }
.wh_box{ border-radius:10px; background:#fff; padding:30px; display:flex; align-items: center; justify-content: center; flex-grow:1; flex-wrap:wrap; position:relative; box-shadow: 12px 12px 10px rgb(72 84 97 / 5%);  }

.sel_wrap{ display:flex; gap:20px; }
.sel_wrap .sel_box{ flex-grow: 1; }
.sel_wrap .sel_box .item_tit{ margin-bottom:10px; }
.sel_wrap .sel_box .item_tit .srch_tit{ font-size:18px; }
.sel_wrap .sel_box .item_cnt .sel_fl{ display:flex; gap:5px; align-items: center; }
.sel_wrap .sel_box .item_cnt .sel_fl > *{ flex-basis: 0; flex-grow:1; }
.sel_wrap .sel_box select{ height:40px; font-size:17px; width:100%; }
.sel_wrap .sel-inp-box input[type="text"]{ font-size:17px; }
.sel_wrap .sel-inp-box select{ width:auto; }
.sel_wrap .sel-inp-box > *{ flex-grow:1; }

.sel_wrap.trb_db .sel_box:nth-child(1){width:20%;}
.sel_wrap.trb_db .sel_box:nth-child(2),
.sel_wrap.trb_db .sel_box:nth-child(3),
.sel_wrap.trb_db .sel_box:nth-child(4),
.sel_wrap.trb_db .sel_box:nth-child(5){width:10%;}
.sel_wrap.trb_db .sel_box:nth-child(6){width:40%;}

.scroll_box{ overflow-x: auto; width: 100%; }
.scroll_box::-webkit-scrollbar-thumb {
  background: #003DD47a;
  border-radius: 10px;
  border: 4px solid #f2f2f6;
}
.scroll_box::-webkit-scrollbar-track {
  background-color: #f2f2f6;
}
.scroll_box::-webkit-scrollbar {
  width: 18px;
}

.point_txt{ position:relative; padding-left:15px; color:#003DD4; font-size:16px; }
.point_txt:before{ content:"※"; display:block; position:absolute; left:0; top:0px; }
.sel_fl + .point_txt{ margin-top:10px; }

.basic_table{  }

a.wh_box:is(:hover,:focus),
button.wh_box:is(:hover,:focus){ border: 3px solid #003dd4; box-shadow: 12px 12px 10px rgb(72 84 97 / 15%); padding:28px; padding-left: 198px; }
a.wh_box:active,
button.wh_box:active{ border: 3px solid #002685; }
a.wh_box:is(:hover,:focus) .arr_c,
button.wh_box:is(:hover,:focus) .arr_c{ right:28px; }
a.wh_box:is(:hover,:focus) .arr_c:before,
button.wh_box:is(:hover,:focus) .arr_c:before{   }
a.wh_box:is(:hover,:focus) *,
button.wh_box:is(:hover,:focus) *{ color:#003dd4; }
.wh_box.bn_epeople:is(:hover,:focus):before,
.wh_box.bn_clean:is(:hover,:focus):before{left:28px;}

.wh_box .tit_h4 { font-size:24px;  font-weight:800; }
.wh_box .tit_h4 + .big_p{ margin-top:20px; }
.wh_box .arr_c{ top:50%; right:30px; width:50px; height:50px; background: #003dd4; position:absolute; border-radius:50%; transform: translateY(-50%); }
.wh_box .arr_c:before{ content:" "; display:block; position:absolute; width:12px; height:12px; border-top:3px solid #fff; border-right: 3px solid #fff; transition:0.7s cubic-bezier(0.075, 0.82, 0.165, 1) all;border-radius:3px; transform:rotate(45deg); top:17px; right:20px;}

.wh_box.bn_epeople,
.wh_box.bn_clean{ padding-left:200px; position:relative; border:1px solid rgb(0 61 212 / 40%); }
.wh_box.bn_epeople:before,
.wh_box.bn_clean:before{ content:" "; display:block; position:absolute; left:30px; top:50%; transform:translateY(-50%); width:150px; height:80px; border-radius:10px; }
.wh_box.bn_epeople:before{ background:url('../img/sub/logo_epeople.png') center no-repeat #fff; background-size:90%; }
.wh_box.bn_clean:before{ background:url('../img/sub/logo_clean.png') center no-repeat #fff; background-size:90%; }
.blind{
    overflow: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    clip: rect(0px, 0px, 0px, 0px); }
.t_a_c{ text-align: center; }
.t_a_l{ text-align:left; }
.t_a_r{ text-align:right; }

.txt_btn_box{ position:relative; }
.txt_btn_box:has(.glasses){ padding-right:140px; }
.nor_span{ font-size:18px; font-weight:500; }
.txt_btn_box > a{ font-size:18px; font-weight:500; }
.txt_btn_box.on > a{color:#fd7402}
.txt_btn_box .btn{ position:absolute; right:0; top:50%; transform:translateY(-50%); }

.prcs_ul{ display:flex; gap:40px; background:#f2f4f8; border-radius:10px; padding:40px;  }
.prcs_ul .prcs_item{ padding:20px; min-height:100px; flex-grow: 1; flex-basis: 0;  display:flex; justify-content: center; align-items: center; border-radius:20px; background:#fff; position:relative; border:1px solid rgb(0 61 212 / 35%); }
.prcs_ul .prcs_item:last-child{ background:#d9e2f9; border:2px solid rgb(0 61 212 / 60%); }
.prcs_ul .prcs_item:before{ content: " "; display:block; position:absolute; width:10px; height:10px; transform:rotate(45deg) translateY(-50%); border-right:2px solid #222; border-top:2px solid #222; right:-19px; top:50%; }
.prcs_ul .prcs_item:last-child:before{ display:none; }
.prcs_ul .prcs_item > .txt{ text-align:center; word-break: keep-all; font-size:17px; position: relative; z-index: 2; }
.prcs_ul .prcs_item > .num{ position:absolute; display:flex; align-items: center; justify-content: center; color:#fff; width:40px; height:40px; background:#003dd4; border-radius:18px; left:20px; top:-10px; }
.prcs_ul .prcs_item:last-child .txt{ font-weight:600; font-size:18px; }

.prcs_item .icon_tit{ position:absolute; top:-10px; left:20px; background:#fff; padding:10px 20px; padding-left:50px; border-radius:40px; border:1px solid #003dd4; }
.prcs_item .icon_tit .icon{ width:40px; height:100%; border-radius:40px; background:#003dd4; position:absolute; left:-2px; top:0; }
.prcs_item .icon_tit .icon > img{ position:absolute; width:40px; height:40px; left:50%; top:50%; transform: translate(-50%, -50%); }
.prcs_item .icon_tit .tit{ font-size:18px; font-weight:600; }

.prcs_ul.icon_box{ flex-wrap:wrap; }
.prcs_ul.icon_box .prcs_item{ width: calc((100% - 80px) / 3); box-sizing: border-box; flex-basis: auto; flex-grow: 0; padding:30px; padding-top:50px; justify-content: left; }
.prcs_ul.icon_box .prcs_item:before{ display:none; }
.prcs_ul.icon_box .prcs_item:last-child{ background:#fff; border:1px solid rgb(0 61 212 / 60%); }

.prcs_ul.prcs_h_50 .prcs_item{ min-height:50px; }

.flex_item:nth-child(2n-1) .tit_h5{ background:#dd7200; }
.flex_item:nth-child(2n-1) .prcs_ul{ border:1px solid #dd7200c7; background:#f8f5f2; }
.flex_item:nth-child(2n-1)  .prcs_ul .prcs_item:last-child{ border:1px solid #dd7200c7; background:#ffe2c6; }
.flex_item:nth-child(2n-1) .prcs_ul .prcs_item .num{ background:#dd7200; }
.tit_h5.real_name,
.tit_h5.ano_name,
.tit_h5.surv_01,
.tit_h5.surv_02{ padding-left:50px; position:relative; }
.tit_h5.real_name:before,
.tit_h5.ano_name:before,
.tit_h5.surv_01:before,
.tit_h5.surv_02:before{ content:" "; display:block; position:absolute; width:24px; height:24px; background:url(../img/sub/ano_name.png); left:20px; top:8px;  }
.tit_h5.real_name:before{background:url(../img/sub/real_name.png);}
.tit_h5.surv_01:before{background:url(../img/sub/survey_icon_01.png);}
.tit_h5.surv_02:before{background:url(../img/sub/survey_icon_02.png);}
.flex_item .prcs_ul{ border:1px solid rgb(0 61 212 / 35%); flex-wrap:wrap; }
.flex_item .prcs_ul .prcs_item{ border:0; width: calc(50% - 20px); box-sizing: border-box; flex-basis: auto; }
.flex_item .prcs_ul .prcs_item:last-child{ border: 1px solid rgba(35, 66, 143, 0.6); }
.flex_item .prcs_ul .prcs_item:nth-child(2n):before{ display:none; }

.bg_box + .top-cont-schBox{ padding-top:0; }

.popup-wrap h5.t-tit.sm_tit{ font-size:18px; margin-top:20px; }
.popup-wrap .table-db.db_basic table thead th{ font-size:17px; }
.popup-wrap .table-db table tbody td{ padding:10px; }

#cnflDtlPopup .cnt-category{ margin-top:0; }
#cnflDtlPopup .popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content {
    max-height: 450px;
    min-height: 300px;
    display: none;
}
.content-header { padding:30px 0 10px; }
.content-header + .sub-layout-tab > .tab-list,
.content-header + .sub-layout-tab > .tab-wrapper{ margin-top:20px; }
.content-header + .sub-layout-tab .top-cont-schBox{ padding-top:20px; }

.curStt_ex{ position:relative; padding-top:30px; }
.curStt_ex img{ width:1920px; left:50%; transform:translateX(-50%); position:relative; }

.table-db table tbody th {padding:15px; border-bottom: 1px solid #e5e5e5;}
.table-db table tbody th + td {border-left:1px dashed #e5e5e5;}

.circ_box{ display:flex; align-items: center; gap:50px; margin-bottom:50px; position:relative; }
.circ_box:after{ content:" "; display:block; position:absolute; z-index:1; height:100%; aspect-ratio: 1 / 1; background:linear-gradient(to right, rgba(0, 61, 212, 0) 0%, rgb(0, 61, 212, 0.1) 80%); border-radius:100%; right:10%; }
.circ_box > li{ position:relative; z-index:2; }
.circ_box.box_5 > li{ width:calc((100% - 120px ) / 5); }
.circ_box .circ{ width:100%; border-radius:100%; aspect-ratio: 1 / 1;  border:1px solid #003DD4; display:flex; justify-content: center; align-items: center; font-size:20px; font-weight:600; text-align:center; flex-direction: column; gap:10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }
.circ_2{ position:relative; display:flex; flex-direction: column; }
.circ_2 .circ:nth-child(2){ margin-top:-60px; }

.circ_arr{ position:relative; display:flex; flex-direction: column; gap:40px; }
.circ_arr .arr{text-align:center; font-size:16px; position:relative;}
.circ_arr .arr:before{ content:" "; display:block; position:absolute; width:100%; height:1px; background:linear-gradient(to right, rgba(0, 61, 212, 0) 0%, rgb(0, 61, 212) 80%); bottom:0; left:50%; transform: translateX(-50%);}
.circ_arr .arr:after{ content:" "; display:block; position:absolute; width:10px; height:10px; border-top:1px solid #003DD4; border-right:1px solid #003DD4; transform:rotate(45deg); margin-top:-6px; }
.circ_arr .arr:nth-child(2):before{ top:0; }
.circ_arr .arr:nth-child(2):after{ top:0; }

.circ_arr .arr.right:after{ right:0;  }
.circ_arr .arr.left:after{ left:0; transform:rotate(225deg); }
.circ_arr .arr p{ padding:10px 0; }

.circ_box .last .circ{ background:#003DD4; color:#fff; }
.circ_box .last .circ strong{ font-size:24px; }

.dsst_db_time .icon{ width:80px; height:80px; border-radius:100px; background:url('../img/sub/data_icon.png') no-repeat center #f2f4f8; background-size:60%;}
.dsst_db_time.timeline details summary{ width:450px; }
.dsst_db_time.timeline details[open] .term{ color:#222; }
.dsst_db_time.timeline details[open] .term:before {
    background: url(../img/sub/icon_term.png) no-repeat 50% 50%;
}
.dsst_db_time.timeline details summary{ cursor:default; }

.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content .txt img{ height: auto !important; }

.history_section { position: relative; }
.history_layout { display: flex; margin: 0 auto; min-height: 300vh; }
.history_left { position: sticky; top: 100px; width: 300px; height: auto; align-self: flex-start; padding-top:30px; }
.year_btn{ font-size:45px; font-weight:800;  }
.year-swiper { width: 100%; height: 300px; }
.year-swiper .swiper-wrapper { display: flex; flex-direction: column; }
.year-swiper .swiper-slide { display: flex; align-items: center; justify-content: center; height: 60px; font-size: 1.5rem; opacity: 0.3; transition: all 0.5s ease; }
.history_right { flex: 1; padding-left: 50px; }
.history_right section { min-height: 50vh; border-bottom: 1px solid #ddd; padding-top: 30px; font-size: 1.5rem; display:flex; align-items: center; /*opacity: 0; transform: translateY(20px); transition: all 0.5s ease; scroll-margin-top: 0;*/ }
/*.history_right section.visible { opacity: 1; transform: translateY(0); }*/
.history_dot > li{ display:flex;}
.history_dot > li .date{ width:60px; color:#003DD4; flex-shrink: 0; }
.history_dot > li .date,
.history_dot > li .nor_p{ font-size:16px; font-weight:500; }
.year-swiper .swiper-slide.active{ font-weight: bold; font-size: 1.8rem; opacity: 1; }
.history_time{ width:100%; margin:20px 0; }
.history_time .icon{ width: 170px; height: 125px; border-radius: 10px; background: #f2f4f8; overflow:hidden; }
.history_time .icon img{ width:100%; box-shadow: none; border-radius: 0; height:auto; }
.timeline.history_time summary .txt-box{ padding:0; }
.timeline.history_time details[open] img{ border:0; }


/*조직도 수정*/
.org-wrap > ul li button{ width: 100%; height: auto; text-align: center; border-radius: 10px; padding: 20px; font-size: 18px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 600; box-sizing: border-box; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); transition: box-shadow 0.3s ease, transform 0.3s ease; }
.org-wrap > ul li.org-1st button.org-box{ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }
.org-wrap > ul li button:is(:hover,:focus,:focus-visible){ box-shadow: 0 12px 24px rgba(0, 0, 0, 0.10) !important; transform: translateY(-4px); }
.org-wrap > ul li button:active,
.org-wrap > ul li button.on{ transform: scale(0.98) translateY(0); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2) !important; }
.org-wrap > ul li.org-3rd button {border:1px solid #ddd;color:#333;border-radius:10px;max-width: 300px;position:relative;font-size:17px;color:#444;margin-top:20px;font-size:16px; }
.org-wrap > ul li.org-2nd .org-box { width: 300px; background: #fff; color: #222; border: 1px solid #003dd4; }
.org-wrap > ul li.org-3rd .asst-box,
.org-wrap > ul li.org-1st .asst-box{ background: #f2f4f8; border:0; color: #333;border: 1px solid #003dd447;}
.org-wrap > ul li.org-3rd .org-box { background: #63749d; color: #fff; }
.org-wrap > ul li.org-3rd .non-org-box { background: #dd7200; color: #fff; border:0; }
.org-wrap > ul li.org-3rd .abs-org-box { background: #e4ded8; color: #222; border:0; }
.orgPopup-wrap .org-info .org-card-name{ font-weight:600; }
.orgPopup-wrap .org-info .org-card-job{ color:#003dd4; }
.org-details{ border-radius:10px; background:#fff; padding:20px; padding-top:0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); border:1px solid #003dd4 !important; z-index:3; box-sizing:border-box; }
.orgPopup-wrap{ padding:20px; }
.orgPopup-wrap > details{ border:0; }

.org-info-wrap > summary{ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); transition: box-shadow 0.3s ease, transform 0.3s ease; border-radius: 20px; border: 1px solid #efefef; }
.org-info-wrap > summary:is(:hover,:focus,:focus-visible),
.orgPopup-wrap details[open] summary{
    border:1px solid #003dd4;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.10); transform: translateY(-4px);
}
.orgPopup-wrap .org-info .org-card-email{     flex: 1;
    width: auto;
    font-size: 16px;
    padding-top: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-flow: row nowrap;
    gap: 10px;
}
.orgPopup-wrap .org-info .org-card-email span{
    border-radius:5px; border:1px solid #ddd; padding:5px 10px;
}
.orgPopup-wrap .org-info .org-card-email:is(:hover,:focus,:focus-visible) span{
    border:1px solid #003dd4; background:#003dd4; color:#fff;
}
.popup-wrap .org-popup-body .cnt_tit:first-child{ margin-top:0; }
.popup-wrap .cnt_txt{ padding:0 20px; line-height:26px; }
.popup-wrap .tit_h3{ font-size:20px; font-weight:600; padding-left:24px; }
.popup-wrap .tit_h3:before{ top: 4px; width: 7px; height: 7px; }

.orgPopup-wrap .cnt-category .t-list .t-tit{ font-size:15px; padding:10px; background:#f2f4f8; }
.orgPopup-wrap .cnt-category ul{ gap:0; }
.orgPopup-wrap .cnt-category li{ padding-right:0 !important; }
.orgPopup-wrap .cnt-category .dot-list span{ font-size:15px; }
.org-details .cnt-category{ max-height:300px; overflow-y: auto; }
.orgPopup-wrap summary .flex_cont { display:flex; justify-content: space-between; }
.orgPopup-wrap summary .org-info .org-card-tel p{ font-size:15px;  }
.orgPopup-wrap summary .flex_cont .org-card-tel,
.orgPopup-wrap summary .flex_cont .org-card-email{ padding-top:0; flex:0 0 auto; width:auto;  }
.orgPopup-wrap summary .flex_cont .org-card-email{ position:absolute; right:20px; }
.orgPopup-wrap summary .flex_cont .org-card-email span{ font-size:15px; }
#empDtlContainer .popup-bg-wrap .popup-box.down{ width:600px; height:auto; }
#empDtlContainer .popup-bg-wrap .popup-box.down .bottom-btn-wrap{ margin:0; margin-top:20px; }
#empDtlContainer .popup-bg-wrap .popup-box.down .bottom-btn-wrap.center .btn.big{ height:50px; }

/* 직원소개 */

.emp_list .orgPopup-wrap{ box-sizing:border-box; width:100%; padding:0; }
.emp_list .orgPopup-wrap > details{ flex: 0 0 calc( ( 100% - ( 20px * 4 ) ) / 5 ); }

.emp_init_tab .init_tab{ display:flex; gap:10px; margin-top:-10px; margin-bottom:20px; }
.emp_init_tab .init_tab > li{ flex-grow:1; display:flex; }
.emp_init_tab .init_tab > li .tab_btn{ height:34px; display:flex; justify-content: center; align-items: center; border:1px solid #ddd; width:100%; font-size:16px; transition: box-shadow 0.3s ease;  }
.emp_init_tab .init_tab > li.on .tab_btn,
.emp_init_tab .init_tab > li .tab_btn:active{ background: #003dd4; color:#fff; font-weight:600; }
.emp_init_tab .init_tab > li .tab_btn:is(:hover,:focus,:focus-visible){ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10); border:1px solid #003dd4 !important; }


/* 윈도우 팝업 */

.win_pop_wrap .win_pop_tit{ display:flex; justify-content: space-between; align-items: center; padding:20px; width:100%; box-sizing:border-box; background:#003dd4; }
.win_pop_wrap .win_pop_tit .tit{ font-size:20px; color:#fff; }
.win_pop_wrap .win_pop_tit .btn-i-B-close{background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.win_pop_wrap .win_popup_cnt{ padding:20px; }
.win_pop_wrap .bg_box{ margin:20px 0; }
.win_pop_wrap .win_popup_cnt .big_p{ font-size:18px; }
.win_pop_wrap .bottom-btn-wrap{ margin:20px 0; }
.win_pop_wrap .email_chk{ padding-top:30px; margin-top:30px; border-top:1px solid #ddd; }

.emain_txt_inp{ display:flex; flex-direction: column; gap:10px; align-items: center; }
.emain_txt_inp .flex_box{ gap:10px; align-items: stretch; width:300px; }
.emain_txt_inp .em_txt{ width:calc( 100% - 110px); display:flex; align-items: center;justify-content: center; }
.emain_txt_inp .em_txt i{ font-size:24px; font-weight:800; text-align: center;user-select: none; }
.emain_txt_inp .flex_box > * > *{ width:100%;}
.emain_txt_inp .em_btn{ width:100px; }
.emain_txt_inp .em_btn button{ height:100%; }
.emain_txt_inp .em_btn button.reload{ height:34px; padding: 0; text-align: center; min-height:0; }
.emain_txt_inp .em_btn .point_btn{ background:#003DD4; color:#fff; }
.emain_txt_inp .em_btn .point_btn:is(:hover,:focus,:focus-visible){ background:#002b98; }
.emain_txt_inp .em_btn .point_btn:active{ background:#000; }

.prcs_ul.btn_box.i_2{ margin:40px 0; background:transparent; padding:0; }

.prcs_ul.btn_box.i_2 .prcs_item{ width:calc( (100% - 40px) / 2 ); gap:30px; padding:60px; background:#000; position:relative; overflow:hidden; }
.prcs_ul.btn_box.i_2 .prcs_item:nth-child(1):before,
.prcs_ul.btn_box.i_2 .prcs_item:nth-child(2):before{    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    z-index: 1;
    transition: all .3s ease; transform:rotate(0); border:0;
    right:0;
}
.prcs_ul.btn_box.i_2 .prcs_item > *{ position:relative; z-index: 2; }
.prcs_ul.btn_box.i_2 .prcs_item:nth-child(1):before{background: url(../img/sub/bg_propos.png) no-repeat 50% 50%;opacity: .8; background-size:cover; }
.prcs_ul.btn_box.i_2 .prcs_item:nth-child(2):before{background: url(../img/sub/bg_improve.png) no-repeat 50% 50%;opacity: .8; background-size:cover; }
.prcs_ul.btn_box.i_2 .prcs_item:is(:hover,:focus,:focus-visible):before{ transform:scale(1.3); opacity:0.5; filter: blur(2px); }
.btn_box .prcs_item{ flex-direction: column; align-items: center; }
.btn_box .icon_tit{ position:relative; border:0; background:transparent; top:auto; left:auto; padding:0; border-radius:0; border:0; display:flex; flex-direction: column; align-items: center; gap:0px; color:#fff; }
.btn_box .icon_tit .tit{ font-size:30px;  }
.btn_box .icon_cnt .nor_p{ font-size:18px; color:#fff; line-height:26px; }
.btn_box .icon_tit .icon{ position:relative; width:100px ; height:100px; border-radius:50%; background:transparent; }
.btn_box .icon_tit .icon > img{ width:auto; height:auto; }

.btn_box .prcs_item .icon_cnt{ width:80%; }
.btn_box .prcs_item .icon_cnt .nor_p{ text-align:center; word-break: keep-all; }

.go.w {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 210px;
    height: 40px;
    line-height: .9;
    box-sizing: border-box;
    padding: 15px 30px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 25px;
    font-size: 22px;
    font-family: 'GmarketSansMedium';
    font-weight: 400;
    z-index: 10;
}

.go.w span {
    font-size: 16px;
    font-family: 'GmarketSansMedium';
}

.go.w:after {
    content: "";
    display: block;
    width: 50px;
    height: 22px;
    background: url(../img/main/ic_go.png) no-repeat center right;
    background-size: cover;
    filter: brightness(0) contrast(100) invert(1);
    position:absolute; right:20px; top:50%; transform:translateY(-50%);
}

.go.w:hover,.swiper-slide .go.w:focus,.swiper-slide .go.w:active {
    background: #0009;
}

/* 갈등교육 */
.block_div + .block_div{ margin-top:20px; }
.block_div > .big_p{ margin-bottom:10px; }
.dot-list + .big_p{ margin-top:10px; }
.cnt_tit + .table-db{ margin-top:20px; }
.no_thead th{ background:#f7f7f7; }
.big_p{ line-height:26px; }
.nor_p{ line-height:22px; }
th .dot-list{ gap:4px; }
th .dot-list .nor_p{ font-weight:500; }
.t_a_c .dot-list{ align-items: center;}
.dot-list > li.big_p:before,
.dot-list > li:has(.big_p):before{ top:10px; }

.bd_l_d{ border-left:1px dashed #e5e5e5; }
.cnt_tit + .scroll_box{ margin-top:20px; }

/* 틀어지는 부분 수정용 */
.sel-inp-box select:not(:has(+ input)) {
    border-right:2px solid var(--d-blue-color);
}
.t_a_c .txt_btn_box{ display:flex; justify-content: center; align-items: center; }
.t_a_c .txt_btn_box .btn { position:relative; top: auto; right: auto; transform: translate(0); min-width:100px; justify-content: center; align-items: center; }
.t_a_c .txt_btn_box .btn.icon:after{ display:none; }
.wrap.pupop{ height: calc(100% - 80px); min-height: 0; overflow-y: auto; }

.popup-cnt #map{ border:1px solid #ddd; }
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content + .tab-content{ flex:1; }
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content.file-box{ flex:0; flex-basis:auto; }
.popup-wrap .popup-box .cnt-tabBox .tab-boxWrap .tab-content{ min-height:0; max-height:700px; overflow:auto; }

#loaddingSpinner{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgb(0,0,0,0.3); z-index:122; }
#loaddingSpinner img{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
}


/*통계 DB 신청 */
#statDbDtlPopup .popup-bg-wrap .popup-box .popup-cnt.bottom-btn{ height:calc(100% - 90px); }
#statDbDtlPopup .popup-bg-wrap .popup-box .bottom-btn-wrap{ margin:30px 0; }
.bg_box.db_tit{ font-size:20px; font-weight:600; text-align:center; }
.bg_box.db_tit span{ color:#003dd4; }
#tbContent .txt-btn-box .txt{ font-size:18px; font-weight:600; }
#tbContent .down-list{ padding:5px; background:0; border:0; max-height:165px; overflow:hidden; transition: max-height 0.4s ease; }
#tbContent td:has(.down-list){ background:#fafafa; }
#tbContent tr:first-child td,
#tbContent tr:first-child th{ border-top:1px solid #e5e5e5;}
#tbContent .down-list-btn .t_blue + .t_tit{ max-width:490px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.more_btn{ padding-left:30px; margin:5px; font-size:15px; min-height:30px; position:relative; }
.more_btn:before,
.more_btn:after{ content:" "; display:block; position:absolute; width:12px; height:2px; background:#222; left:10px; top:50%; transform: translateY(-50%); }
.more_btn:after{transform: rotate(90deg); top:13px; }
.more_btn.active:after{ display:none;}
.more_btn:active:before,
.more_btn:active:after{ background:#fff; }


/* 250716 YP = 기존 수빈님 작성 국문 미디어쿼리 > mobile.css 로 이동 */



/* 뉴스레터 */
.pbrl-list {display:flex;align-items:stretch; flex-flow:row nowrap;width:100%;height:calc(100vh - 340px);font-size:16px;border:1px solid #ddd;border-top: 2px solid #3a99ff;word-break:keep-all;margin-bottom:50px;}
.pbrl-list > li {width:auto;flex:1;height:100%;box-sizing: border-box;border-right:1px solid #ddd;border-bottom:none;}
.pbrl-list > li:first-child{max-width:550px;flex:0 0 550px;}
.pbrl-list > li:nth-child(2) {flex:1;border-right:none;}
.pbrl-list > li > div {width:100%;height:100%;}
.pbrl-list .pub-info summary{ height:auto; padding:15px; }
.pbrl-list .pub-info summary > p{ max-height: none; width:100%; padding:0; }
.pbrl-list .content li{ padding-right:160px; position:relative; }
.pbrl-list .content li p{ width:100%; word-break: break-all; padding:2px 0; }
.pbrl-list .content li .btn{ position:absolute; right:15px; top:-3px; min-height:30px; padding:5px 10px; }
.pbrl-list .content li .btn span{ font-size:15px; }
.pbrl-list .pub-show {width:auto;flex:1;}
.pbrl-list .pdf-show-wrap .pub-tit {display:flex;justify-content: space-between;align-items:center;flex-flow:row wrap;background:#fff;padding:0 20px;min-height:56.8px;max-width:100%; padding:13px 20px; box-sizing:border-box;}
.pbrl-list .pdf-show-wrap h5{ width:100%; white-space: initial; text-overflow: unset; overflow: auto; }

.pbrl-list summary:hover ,
.pbrl-list summary:active,
.pbrl-list summary.selected {border:2px solid #fd7402; padding:13px; }
.pbrl-list summary:after {transition:all .2s;}

.pbrl-list .pub-viewer .txt > a{ width:100%; display:block;  }
.pbrl-list .pub-viewer img{ max-width:100% !important; height:auto !important; display:block; margin:0 auto; }


/* 카드뉴스 */
.cardnews-wrap.research-wrap .board-list li .txt-box{ opacity:0; transform:translateY(50px); transition: all 0.5s ease; }
.cardnews-wrap.research-wrap .board-list li a:is(:hover,:focus,:focus-visible) .txt-box{ opacity:1; transform:translateY(0); }
.cardnews-wrap.research-wrap .board-list li a:after{ transition: all 0.5s ease; background:linear-gradient(180deg, transparent 50%,rgba(0, 0, 0, 0.352) 100% ); }
.cardnews-wrap.research-wrap .board-list li a:is(:hover,:focus,:focus-visible):after{ background:  rgba(0, 0, 0, 0.8);}

/* 아름 application form : TODO 퍼블리싱 잡히면 지우자 */
.cnt-category.type-02 .t-list .t-tit.eng {width: 250px;}
.cnt-category.type-02 .t-list .t-txt input[readonly] {background-color: #fffddf !important;}
.es-box-wrap .es-tit.sm_tit{ margin-top:20px; }
.es-cnt .table-db.db_basic table thead th,
.es-cnt .table-db.db_basic table tbody {font-size: 17px;background-color: #fff !important;}
.org-wrap > ul li.org-3rd .double .org-box.eng {min-height: 120px;}
.org-wrap > ul li.org-3rd .double button.eng_80 {min-height: 80px;}
.org-wrap > ul li.org-3rd .asst-box.eng, .org-wrap > ul li.org-1st .asst-box.eng {min-height: 120px;}
.org-wrap > ul li.org-3rd button.eng {min-height: 120px;}
.org-wrap > ul li.org-3rd button.eng_100 {min-height: 100px;}



/* 날짜검색 */
.datepicker {position: absolute; z-index: 10000 !important; background-color: #fff; border: solid 1px #ccc;}

/*sns*/
.sns-wrap.main{opacity: 0; visibility: hidden;}
.sns-wrap {opacity: 1;width:180px;overflow: hidden;position:fixed;top:50%; left:50%; margin-left: 760px;display: flex;flex-flow: column;gap:10px;padding:8px; transform: translateY(-50%);transition:all .3s ease;z-index: 10; visibility: visible;}
.sns-wrap a {position:relative;width:45px;height:45px;border-radius:45px;box-shadow: 2px 3px 15px #0002;padding:0;display:flex;flex-flow:row nowrap;align-items: center;gap:8px;transition:all .6s ease;transform-origin:left;transform:scaleX(1);background:#fff;}
.sns-wrap a:before {content:"";display: block;width:45px;height:45px;border-radius: 45px;background:#fff url(../img/main/ic_aichatbot.png) no-repeat 50% 50%;background-size:35px; position:absolute; z-index: 1;}
.sns-wrap a span {display: block; position:relative; left:0; overflow:hidden; width:0;font-size:18px;color:#404040;font-weight:500;white-space: nowrap;transition: all .3s ease; padding-left:0; text-align: left;}
.sns-wrap a.chatbot:before {background:#01b0f1 url(../img/main/ic_aichatbot.png) no-repeat 50% 50%;background-size:28px;}
.sns-wrap a.youtube:before {background:#fff  url(../img/main/ic_youtube2.png) no-repeat 50% 50%;}
.sns-wrap a.facebook:before {background:#fff  url(../img/main/ic_facebook.png) no-repeat 50% 50%;}
.sns-wrap a.instagram:before {background:#fff  url(../img/main/ic_insta.png) no-repeat 50% 50%;}
.sns-wrap a.ch:before {background:#fff  url(../img/main/ic_ch.png) no-repeat 50% 50%;}
.sns-wrap a.qna:before {background:#fd7402 url(../img/main/ic_qna.png) no-repeat 50% 50%;}
.sns-wrap a.top:before {background:#404040 url(../img/main/ic_top.png) no-repeat 50% 50%;}
.sns-wrap a.lib:before{ background:#fff  url(../img/main/ic_lib.png) no-repeat 50% 50%; border: 2px solid #2c4b9c;
    box-sizing: border-box; background-size:28px; }
.sns-wrap a.info:before{ background:#fff  url(../img/main/ic_info.png) no-repeat 50% 50%; border: 2px solid #2c4b9c;
    box-sizing: border-box; }
.sns-wrap a.on,
.sns-wrap a:hover:not(.top) ,
.sns-wrap a:focus:not(.top) ,
.sns-wrap a:active:not(.top) {width:175px;transform:scaleX(1);}
.sns-wrap a:hover:not(.top, .chatbot, .qna):before,
.sns-wrap a:focus:not(.top, .chatbot, .qna):before ,
.sns-wrap a:active:not(.top, .chatbot, .qna):before {background-color:#efefef;}
.sns-wrap a.on span,
.sns-wrap a:hover span,
.sns-wrap a:focus span ,
.sns-wrap a:active span {display:flex;width:175px;justify-content: start; align-items: start;flex-flow:column; padding-left:55px; text-align: left;}
.sns-wrap a.on span em,
.sns-wrap a:hover span em,
.sns-wrap a:focus span em,
.sns-wrap a:active span em {font-size:14px;font-weight:300;}
.sns-wrap a.top:hover {width:45px;}

.sub_img_box{ margin:0 auto; position:relative; }
.sub_img_box.img_cent{ text-align: center; }
.sub_img_box img{ max-width:100%; }

.sub_img_box.img_cnflEdu .download-button-area.btn_01{
    position: absolute;
    top: 29.63%;
    right: 1.04%;
    width: 12.92%;
    height: 1.41%;
    background-color:transparent;/* rgba(0, 128, 255, 0.2); */
    z-index: 10;
    cursor: pointer;
}

.sub_img_box.img_cnflEdu .download-button-area.btn_02{
    position: absolute;
    top: 69.56%;
    right: 1.04%;
    width: 15.42%;
    height: 1.41%;
    background-color: transparent;
    z-index: 10;
    cursor: pointer;
}

.loc_top{ display:flex; flex-direction: row; gap:24px; margin-top:30px; }
.loc_top > div{ width:calc( 50% - 10px ); }
.loc_top .img_box img{ width:100%; }
.loc_top .map_box{ margin-left:16px; border-radius:5px; border:1px solid #ddd; overflow:hidden; }

.kipa_wrap{ padding-bottom:30px; }
.kipa_wrap .bd_box_wrap{ display:flex; gap:24px; width:100%; }
.kipa_wrap .bd_box{ display:flex; flex-direction: column; gap:12px; width:100%; background:transparent; font-size:initial; color:initial; padding:0; border-radius: 0; }
.kipa_wrap .img_box{ flex:1; }
.kipa_wrap .video-popup-open img,
.kipa_wrap .img_box img,
.kipa_wrap .img_box video{ width:100%; }
.kipa_wrap .btn_wrap{ display:flex; gap:10px; }
.kipa_wrap .btn_wrap.ct{ justify-content: center !important; }
.kipa_wrap .btn_wrap > h3{ font-size:18px; }
.kipa_wrap .type_b .bd_box{ display:flex; flex-direction: column; gap:16px; width:100%; }
.kipa_wrap .bd_btn{ border-radius:8px; border:1px solid #ccc; padding:10px 16px;transition:all 0.3s ease; text-align:center; }
.kipa_wrap .bd_btn:is(:hover,:focus){ border-color:#555; box-shadow: 2px 2px 10px rgba(0,0,0,.10); }
.kipa_wrap .bd_btn span{ font-size:16px; padding-left:26px; position:relative; font-weight:500; }
.kipa_wrap .bd_btn span:before{ content:" "; display:block; position:absolute; width:18px; height:18px; top:1px; left:0; }
.kipa_wrap .bd_btn.down span:before{ background:url(../img/common/icon_bd_btn_down.svg) no-repeat; background-size:18px; }
.kipa_wrap .bd_btn.ai span:before{ background:url(../img/common/icon_bd_btn_ai.svg) no-repeat; background-size:18px; }
.kipa_wrap .bd_btn.png span:before{ background:url(../img/common/icon_bd_btn_png.svg) no-repeat; background-size:18px; }
.kipa_wrap .bd_btn.jpg span:before{ background:url(../img/common/icon_bd_btn_jpg.svg) no-repeat; background-size:18px; }

.in_kipa_btn{ display:flex; justify-content: space-between; align-items: center; }
.in_kipa_btn .kipa_wrap{ padding-bottom:0; }
.in_kipa_btn .kipa_wrap .bd_btn{ display:inline-block; }

.kipa_wrap .type_b .btn_wrap .bd_btn{ flex:1; }
.kipa_wrap .type_a .btn_wrap{ justify-content: space-between; align-items: center; }
.kipa_wrap .cent_tit{ text-align:center; }
.kipa_wrap .cent_tit h3{ font-size:18px; }

.bd_box_wrap + .cnt_tit{ margin-top:80px; }
.bd_box_wrap + .bd_box_wrap{ margin-top: 50px; }
.cnt_tit + .bd_box_wrap{ margin-top:24px; }

.w100_tc{ display:block; width:100%; text-align:center; }
.g_24_f_r{ display:flex; gap:24px; justify-content: space-between; align-items: center; }
.g_24_f_r > *{ flex:1 1 auto; }
.g_12_f_r{ display:flex; gap:12px; justify-content: space-between; align-items: center; }
.g_12_f_r > *{ flex:1 1 auto; }

/* 단계별 박스 유형 */
.new_prcs_box .prcs_list{ width:100%; }
.new_prcs_box .prcs_list,
.new_prcs_box .prcs_list .prcs_item{ display:flex; }
.new_prcs_box .prcs_list .prcs_item{padding:16px; border-radius:10px; border:1px solid #ccc; position:relative; }
.prcs_item .stts_p{ border-radius:15px; background:#E7EEFF; padding: 4px 12px; }
.prcs_item .num{ width:40px; height:40px; border-radius: 40px; background:#003DD4; line-height: 40px; text-align: center; color:#fff; font-size:16px; font-weight: 500; }
.prcs_item .step{ font-size:14px; color:#555; }
.top_strch_box{ align-self: stretch; }
.g_24_f_r:has(.top_strch_box){ align-items: flex-start; }

/* 세로 나열 박스 = type_a */
.new_prcs_box.type_a .prcs_list .prcs_item{ flex-direction: column; align-items: center; justify-content: flex-start; gap:10px; align-self: stretch; flex:1; }
.new_prcs_box.type_a .prcs_list .prcs_item:after{ content:" "; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(-45deg); width:10px; height:10px; border-right:2px solid #333;; border-bottom:2px solid #333; margin-left:-21px; }
.new_prcs_box.type_a .prcs_list .prcs_item:nth-child(1):after{ display:none; }
.new_prcs_box.type_a .prcs_list .prcs_item .stts_p{ margin-top:5px; text-align:center; }
.new_prcs_box.type_a .prcs_item .g_12_f_r{ width:100%; justify-content: flex-start; }
.new_prcs_box.type_a .prcs_item .g_12_f_r > *{ flex: 0 0 auto; }

/* 갈등교육 개요 전용 */
.div_cnflEdu .top_strch_box .new_prcs_box .prcs_item{ min-height:324px; }
.div_cnflEdu .top_strch_box .new_prcs_box .prcs_item .stts_p{ justify-self: flex-end; }
.div_cnflEdu .top_strch_box .new_prcs_box .prcs_item .bott_txt{ width:100%; margin-top:auto; }




.video-popup-open{ cursor:pointer; position:relative; overflow:hidden; border-radius:5px;}
.video-popup-open:before{ content:" "; display:block; position:absolute; background:rgba(0,0,0,.10); left:0; top:0; bottom:0; right:0; transition:all 0.3s ease; }
.video-popup-open:hover:before{ background:rgba(0,0,0,.30); }
.video-popup-open:after{ content:" "; display:block; position:absolute; width:56px; height:56px; background:url(../img/sub/kipa_play_btn.svg) no-repeat; background-size:56px; z-index: 2; left:50%; top:50%; transform:translate(-50%,-50%); box-shadow: 0 0 20px rgba(0,0,0,.10); transition:all 0.3s ease; border-radius:50%; }
.video-popup-open:hover:after{ box-shadow: 0 0 20px rgba(0,0,0,.20); }

#videoPopup .wrap.pupop{ height:420px; }
#videoPopup .popup-bg-wrap .popup-box .popup-cnt.bottom-btn{ height:100%; }
#videoPopup .popup-bg-wrap .popup-box.down{ width:1200px; }
#videoPopup .scrollbar.p_r{ display:flex; gap:30px; }
#videoPopup .scrollbar.p_r > div{ flex:1; }
#videoPopup .scrollbar.p_r > div:nth-child(1),
#videoPopup .scrollbar.p_r > div:nth-child(2){ width:640px; }
#videoPopup .scrollbar.p_r > div:nth-child(3),
#videoPopup .scrollbar.p_r > div:nth-child(4){ padding:20px; background:#efefef; border: 1px solid #ddd; height:100%; overflow-y:auto; box-sizing:border-box; font-size:16px; line-height:24px; }

.bsn_wrap .bd_div{ display:flex; border-top:2px solid #000; }
.bsn_wrap .bd_div .bd_d_item{ display:flex; flex-direction: column; border-right:1px solid #ddd; flex:1; }
.bsn_wrap .bd_div .bd_d_item:last-child{ border-right:0; }
.bsn_wrap .bd_div h3{ width:100%; background:#f7f7f7; padding:16px; box-sizing:border-box; font-size:18px; font-weight:600; }
.bsn_wrap .bd_div .bd_d_item > ul{ padding:16px; background:#fff; border-top:1px solid #ddd; display:flex; flex-direction: column; gap:16px; }
.bsn_wrap .bd_div.type_b{ border-top:1px solid #ddd;; flex-direction: column; }
.bsn_wrap .bd_div.type_b .a_box{ display:flex; flex-direction: row; border-top:1px solid #ddd;border-bottom:1px solid #ddd; }
.bsn_wrap .bd_div.type_b .a_box a{ flex:1; padding:16px; }
.bsn_wrap .bd_div a{ font-size:16px; font-weight:500; word-break: break-all; }/* 웹표준 수정 */
.bsn_wrap .bd_div .bd_d_item > ul > li > a{display:inline-flex; gap:5px;}
.bsn_wrap .bd_div .bd_d_item > ul > li > a:hover span,
.bsn_wrap .bd_div.type_b .a_box a:hover{ color:#003DD4; }
.bsn_wrap .bd_div .bd_d_item > ul > li > a .num{ white-space: nowrap; }
.bsn_wrap{ padding: 30px 0; }


#rschAbsvcDesc {
    position: relative;
    padding: 20px;
    margin-bottom:20px;
    background: #fff;
    border: 1px solid #003dd4;
    background: #f2f4f8;
    font-size:16px;
    line-height:24px;
}
#rschAbsvcDesc ul li:nth-child(3){
    margin-top:10px;
    color:#003dd4;
}

/* 만족도 조사 */
#picContainer{ border:1px solid #ddd; margin:30px 0; font-size:16px; }

#picContainer .srvy-wrap{ padding:20px; display:flex; flex-direction: column; gap:10px; position:relative; padding-left:120px; position:relative; }
#picContainer .srvy-wrap:before{ content:" "; display:block; position:absolute; top:50%; left:20px; transform:translateY(-50%); background:url(../img/common/icon_survey.png) center #f2f4f8; border-radius:80px; width:80px; height:80px; background-position:center; background-size:85%; }
#picContainer .srvy-wrap form{ display:flex; gap:10px; width:70%; flex-direction:column; }
#picContainer .srvy-wrap p { font-weight:500; }
#picContainer .srvy-wrap p a{ color:#003DD4; padding:5px; border:1px solid #003DD4; margin-right:5px; }
#picContainer .srvy-wrap p a:hover{ background:#003dd4; color:#fff; }
#picContainer .srvy-wrap p:nth-child(3){ position:absolute; width:330px; right:0px; top:50%; transform:translateY(-50%); padding:30px; font-size:16px; line-height:35px; padding-bottom:0; }
#picContainer .srvy-wrap form > div{ flex:1; }
#picContainer .srvy-wrap form .srvy-sel-score{ display:flex; gap:20px; }
#picContainer .srvy-wrap input[type="radio"]{ width:16px; height:16px;margin:0; margin-right:5px; margin-top:-2px; }
#picContainer .srvy-wrap form .srvy-recommend-text{ display:flex; gap:5px; width:77%; }
#picContainer .srvy-wrap form .srvy-recommend-text > *{ flex:1 1 auto; }
#picContainer .srvy-wrap form .srvy-recommend-text .btn{ font-size:16px; font-weight:600; height:34px; line-height:34px; padding:0 20px; min-height:0; text-align:center; white-space: nowrap; background:#003DD4; border:0; }
#picContainer .srvy-wrap form .srvy-recommend-text .btn span{ color: #fff; }
#picContainer .srvy-wrap form input[type="text"]{ border: 2px solid var(--d-blue-color); width:calc(100% - 60px); }
#picContainer .pic-wrap{ background:#f2f4f8; border-top:1px solid #ddd; padding:20px; display:flex; justify-content: space-between; align-items: center; position:relative; height:60px; box-sizing:border-box; }
#picContainer .pic-wrap ul{ display:flex; gap:20px; }
#picContainer .pic-wrap ul li{ display:flex; gap:5px;  }
#picContainer .pic-wrap ul li div:nth-child(1){ font-weight:600; }
#picContainer .pic-wrap ul li div:nth-child(2){ color:#003dd4; font-weight:600; }
#picContainer .pic-wrap > div{ width:150px; position:absolute; right:20px; top:50%; transform:translateY(-50%); }
#picContainer .pic-wrap > div img{ width:100%; }

.t-txt .kogl-type{ max-width:170px; }

#veluga-plugin-container > div > button:first-child {display: none !important;}

/* 교류협력현황 */
.info_p{ font-size:16px; position:relative; padding-left:30px; }
.info_p:before{ content:" "; display:block; position:absolute; left:0; top:0; width:20px; height:20px; background:#003dd4; border-radius:15px; }
.info_p:after{ content:"!"; color:#fff; position:absolute; display:block; left:8px; top:1px; }
.ptns_wrap .info_p{ margin-top:20px; }
.ptns-img-wrap{ background:#f2f4f8; margin-top:30px; }
.map-mark {
    position: absolute;
    text-align: center;
}

.map-mark a {
    display: block;
    width: 100%;
    height: 100%;
}

.map-mark .marker {
    margin: 0 auto;
}

.map-mark .marker img {
    position:absolute;
    left: 50%;
    margin-left:-14px;
    bottom: 33px;
    z-index: 1;
    opacity: 0;
    width: 33px;
    height: 40px;
    transition:all 0.3s ease;
}

@-webkit-keyframes mark_ani{
    0%{transform: translateY(-6px);}
    30%{transform: translateY(-10px)}
    60%{transform: translateY(0px) scale(1, 0.9);}
    100%{transform: translateY(-6px) scale(1, 1);}
}

@keyframes mark_ani{
    0%{transform: translateY(-6px);}
    30%{transform: translateY(-10px)}
    60%{transform: translateY(0px) scale(1, 0.9);}
    100%{transform: translateY(-6px) scale(1, 1);}
}

.map-mark .circle-motion {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.map-mark.show .marker img {
    opacity: 1;
    -webkit-animation: mark_ani 1.5s ease infinite;
    animation: mark_ani 1.5s ease infinite;
}

.map-mark.show p,
.map-mark.show p span {
    color: #003dd4;
    width: 100%;
}

.mark_txt{ font-size:16px; font-weight:600; }

.circle-motion{
    position:relative;
    width:80px;
    height:80px;
}
.circle-motion:before,
.circle-motion:after{
    content:"";
    display:inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius:100%;
}

.circle-motion:before{
    width:6px;
    height:6px;
    background-color:#003dd4;
}

.circle-motion:after{
    width: 12px;
    height: 12px;
    border: 7px solid #003dd426;
}

.circle-motion > span{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-40px;
    margin-top:-40px;
    border: 1px solid #183788;
    border-radius:100%;
    opacity: 0;
    width: 80px;
    height: 80px;
    transform: scale(0);
    -webkit-animation: mark_circle_ani 3s cubic-bezier(1, 2, 0.66, 3) infinite;
            animation: mark_circle_ani 3s cubic-bezier(1, 2, 0.66, 3) infinite;
}

.circle-motion > span:last-child {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

@-webkit-keyframes mark_circle_ani{
    0%{
        transform: scale(0);
        opacity:0.1;
    }
    50%{
        opacity:0.2;
    }
    100%{
        transform:scale(0.7);
        opacity:0;
    }
}

@keyframes mark_circle_ani{
    0%{
        transform: scale(0);
        opacity:0.1;
    }
    50%{
        opacity:0.2;
    }
    100%{
        transform:scale(0.7);
        opacity:0;
    }
}

.map-mark {
    margin-left: -24px;
    margin-top: -28px;
}
.ptns-img-wrap{ position:relative; }
.mark_box{ position:absolute; left:0; top:0; bottom:0; right:0; }
.mark_box .map-mark#mark01 {top: 65.76%;left: 19.67%;} /*아프리카*/
.mark_box .map-mark#mark02 {top: 75.88%;left:76.98%;} /*남아메리카*/
.mark_box .map-mark#mark03 {top: 38.62%;left: 36.10%;} /*아시아*/
.mark_box .map-mark#mark04 {top: 83.38%;left: 43.29%;} /*오세아니아*/
.mark_box .map-mark#mark05 {top: 52.59%;left: 25.21%;} /*중동*/
.mark_box .map-mark#mark06 {top: 34.46%;left: 22.16%;} /*유럽*/
.mark_box .map-mark#mark07 {top: 41.97%;left: 67.55%;} /*북아메리카*/

.ocean_box p:nth-child(1){top: 64.76%;left: 27%;}/*인도양*/
.ocean_box p:nth-child(2){top: 48%;left: 52.5%;}/*태평양*/
.ocean_box p:nth-child(3){top: 47%; left: 79%;}/*대서양*/

/*영문 css*/
.sub.eng .mark_box .map-mark#mark01 {top: 67.76%;left: 20.67%;} /*아프리카*/
.sub.eng .mark_box .map-mark#mark02 {top: 76.88%;left: 75.98%;} /*남아메리카*/
.sub.eng .mark_box .map-mark#mark03 {top: 38.62%;left: 36.10%;} /*아시아*/
.sub.eng .mark_box .map-mark#mark04 {top: 83.38%;left: 43.29%;} /*오세아니아*/
.sub.eng .mark_box .map-mark#mark05 {top: 52.59%;left: 23.21%;} /*중동*/
.sub.eng .mark_box .map-mark#mark06 {top: 34.46%;left: 21.16%;} /*유럽*/
.sub.eng .mark_box .map-mark#mark07 {top: 42.97%; left: 66.55%;} /*북아메리카*/

.ocean_box{ position:absolute; left:0; top:0; bottom:0; right:0; }
.ocean_box p{ font-size:15px; font-weight:500; color:#666; position:absolute; }

.sub.eng .ocean_box p:nth-child(1){top: 64.76%;left: 27.67%;}/*Indian Ocean*/
.sub.eng .ocean_box p:nth-child(2){top: 48%;left: 51%;}/*Pacific Ocean*/
.sub.eng .ocean_box p:nth-child(3){top: 47%; left: 77%;}/*Atlantic Ocean*/

.bg_box .nor_p span{ color:#003DD4; font-weight:600; }

/* 사업실명제 목록 */
.emp_init_tab .init_tab#ulPyear{ margin-top:20px;}
.sub-layout-tab .tab-list#ulGubun > .tab-button .t-btn{ height:100%; word-break: keep-all; }
.sub-layout-tab .tab-list#ulGubun  > .tab-button .t-btn span{ font-size:18px; line-height:26px; }
.nor_span span{ font-size:inherit !important; font-weight:inherit !important; font-family: 'Pretendard', sans-serif !important; letter-spacing:inherit !important; color:inherit !important; }
.no-data{ box-sizing: border-box; }


.cnt_txt .num-list{ font-size:16px; display: flex; flex-flow: column; gap: 10px; }
.cnt_txt .num-list li{ display:flex; flex-wrap:nowrap; gap:5px; }
span.point, p.point, h2.point, h3.point, h4.point, h5.point{ color:#003DD4; font-weight:600; }
.cnt_txt .cnt_img{ margin:20px 0; }
.cnt_txt .cnt_img img{ max-width:100%; }
.cnt_txt.in_box,
.nu_o_box + .in_box{ padding-left:28px; }
.bg_box .in_box{ padding-left:20px; }
.db_basic tbody th {
    background: #fbfbfb;
}

.nor_p + .table-db,
.nor_p + ul{ margin-top:20px; }
.table-db + *{ margin-top:20px; }
.bg_box + .cnt_txt .nor_p + .cnt_img > img{ width:200px; }

.num_o_box{ display:flex; flex-wrap: nowrap; gap:7px; }
.num_o_box > .num{ width:19px; height:19px; text-align:center; border-radius:10px; border:1px solid #003dd4; line-height:19px; font-weight:600; color:#003dd4; margin-top:-1px; flex:0 0 auto; white-space: nowrap; }

.kipa_wrap .bd_btn.link span{ padding-left:0; padding-right:20px; }
.kipa_wrap .bd_btn.link span:before{ border-right:2px solid #333; border-bottom:2px solid #333; transform:rotate(-45deg); width: 5px;
    height: 5px;
    right: 2px;
    top: 6px;
    left: auto;
}
.kipa_wrap.right{ display:flex; justify-content: flex-end; }
.nor_p .kipa_wrap{ display:inline; }
.nor_p:has(.kipa_wrap){ display:flex;gap:10px; align-items: center; }
.nor_p .kipa_wrap{ margin-top:0 !important; }

.prvc_wrap .bd_box{ padding:2px 5px 3px; border-radius:5px; background:#003DD4; color:#fff; font-size:14px; white-space: nowrap; }
.prvc_wrap .bd_box.gr{ background:#666; }
.prvc_wrap .bd_box + span{ padding-top:3px; }

.bd_flex{ display:flex; flex-wrap:nowrap; gap:5px; align-items: flex-start; }
.bd_flex + .nor_p{ margin-top:10px; }

.port_link{ margin:20px 0; border:1px solid #003dd4; display:inline-block; }
.port_link:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.port_link img{ max-width: 100%; }


/* drop down*/
.in_box.dropdown_box{ margin-left:28px; }
.dropdown_box{ position:relative; width:300px; margin-top:20px; }
.open_btn{ width:100%; padding:10px 20px; border:1px solid #e1e1e1; box-sizing:border-box; font-size:16px; font-weight:500; text-align:left; padding-right:50px; position:relative; background:#fff; z-index:2; display:block; cursor:pointer; }
.open_btn:hover,
.open_btn:focus{ border:1px solid #ccc; }
.open_btn:active{ border: 1px solid #999; }
.open_btn:after{ content:" "; display:block; position:absolute; width:8px; height:8px; right:20px; top:12px; border-right:2px solid #000; border-bottom:2px solid #000;transform:rotate(45deg); }
.open_btn.on:after{ transform:rotate(225deg);top:16px; }
.open_btn.point_c{ border:2px solid #003DD4; }
.open_btn.point_c:hover,
.open_btn.point_c:focus{ border:2px solid #000; }
.open_ul{ border:1px solid #ddd; border-top:0px; border-radius:0px 0px 5px 5px; margin-top:-5px !important; z-index:1; display:none; max-height:200px; overflow-y: auto; }
.open_ul li .open_ul_btn{ padding:10px 20px; width:100%; text-align:left; font-size:13px; display:block; box-sizing:border-box; font-size:16px; cursor:pointer; }
.open_ul li:first-child .open_ul_btn{ padding-top:15px; }
.open_ul li .open_ul_btn:hover,
.open_ul li .open_ul_btn:focus{ background:#f2f8ff; }
.open_ul li{ position:relative; }
.open_ul li .open_ul_a{ padding:10px 20px; width:100%; text-align:left; display:block; padding-right:48px; text-overflow: ellipsis;overflow:hidden; white-space:nowrap; font-size:13px; font-weight:500;}
.open_ul li:first-child .open_ul_a{ padding-top:15px; }
.open_ul li .open_ul_a:hover,
.open_ul li .open_ul_a:focus{ background:#f2f8ff; }
.open_ul li .open_ul_btn.child{ position:relative; padding-left:40px; }
.open_ul li .open_ul_btn.child:before{
    content: " ";
    width: 8px;
    height: 8px;
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    position: absolute;
    top: 14px;
    left: 23px;
}

.ft_15 *{ font-size:15px; }
.flex_d_c{ flex-direction: column !important; gap:10px !important; display:flex; }
.t-txt .dot-list{ gap:5px; }

.prvc_img{ width:300px; max-width: 100%; }

/* 인권경영 버튼 위치 설정*/
.sub_img_box .download-button-area{position: absolute;background-color: transparent; z-index: 10; cursor: pointer; /*background:rgb(0 61 212 / 16%)*/ }
.sub_img_box .download-button-area.btn_tab01_2023 {
    top: 88.1%;
    left: 1.04%;
    width: 21.42%;
    height: 1.41%;
}
.sub_img_box .download-button-area.btn_tab01_2022 {
    top: 87.55%;
    left: 1.04%;
    width: 21.42%;
    height: 1.41%;
}
.sub_img_box .download-button-area.btn_tab01_2021 {
    top: 88%;
    left: 1.04%;
    width: 21.42%;
    height: 1.41%;
}
.sub_img_box .download-button-area.btn_tab01_2020 {
    top: 87.35%;
    left: 1.04%;
    width: 21.42%;
    height: 1.41%;
}
.sub_img_box .download-button-area.btn_tab01_2019 {
    top: 84.85%;
    left: 1.04%;
    width: 21.42%;
    height: 1.7%;
}

.kipa_wrap.flex_d_c{
    margin-top:20px;
    align-items: flex-start;
}

.kipa_wrap.flex_d_c .bd_btn{
    flex:0 0 auto;
}


/* 개인정보 처리방침 */

.prvc_wrap .kipa_wrap { padding:0; margin-top:5px; }
.prvc_wrap .kipa_wrap a{ display:inline-block; }
.prvc_wrap .dropdown_box{ width:500px; }
.prvc_wrap .tit_h4.point:has(img){ display:flex; gap:10px; align-items: center; }
.prvc_wrap .cnt_txt.in_box{ padding-left:57px; margin-bottom:100px; }

.privacy_top{ margin:30px 0;padding:25px 40px 35px;background:#f2f4f8; }
.privacy_top strong{display:block;margin-bottom:15px;font-weight:bold;font-size:20px;color:#003DD4;text-align:center;}
.privacy_top ul{display:flex;flex-wrap:wrap; gap:20px; }
.privacy_top ul li{padding:8px;flex:0 0 auto; box-sizing:border-box; width:calc((100% - 40px) /3); }
.privacy_top ul li div.box{padding:10px;height:230px;background:#fff;text-align:center;box-sizing:border-box;}
.privacy_top ul li .img{display:flex;justify-content:center;align-items:center;height:111px;}
.privacy_top ul li .title{display:block;margin-bottom:3px;font-size:16px;line-height:1.3em;}
.privacy_top ul li .desc{display:block;margin-bottom:10px;font-size:15px;line-height:1.3em;}
.privacy_top ul li .anchor_btn{display:inline-block;width:140px;height:30px;line-height:28px;font-size:14px;color:#222;text-align:center;border:1px solid #ddd;box-sizing:border-box; border-radius:5px;}
.privacy_top ul li .anchor_btn:hover{color:#000;border:1px solid #000;}
.privacy_list_area{margin:25px 0 15px;}
.privacy_list_area .title{display:block;padding-bottom:20px;font-size:20px;color:#003DD4;text-align:center;}
.privacy_list_area .privacy_list{display:flex;padding:40px;border:1px solid #ddd;}
.privacy_list_area .privacy_list ul{padding:0 15px;width:50%;box-sizing:border-box;}
.privacy_list_area .privacy_list ul li{padding:8px 0;}
.privacy_list_area .privacy_list ul li a{font-size:16px; font-weight:500; display:flex; gap:10px; align-items: center;}
.privacy_list_area .privacy_list ul li a:hover{text-decoration:underline; color:#003DD4; }

#policy1::before,
#policy2::before,
#policy3::before,
#policy4::before,
#policy5::before,
#policy6::before,
#policy7::before,
#policy8::before,
#policy9::before,
#policy10::before,
#policy11::before,
#policy12::before,
#policy13::before,
#policy14::before,
#policy15::before,
#policy16::before {
  content: '';
  display: block;
  height: 100px;
  margin-top: -100px;
}

.num_o_box  + .num-list.in_box{ padding-left:28px; }

.div_kcip{ display:flex; gap:30px; align-items: center;width:960px; margin:40px auto; }
.kipaDiv#kor .div_kcip{ width:100%; justify-content: space-evenly; }
.kipaDiv#kor .div_kcip .bd_btn.link + ul{ margin-top:20px; }
.kipaDiv#kor .div_kcip .img_box + div{ gap:30px; }
.div_kcip.brch{ width:100%; justify-content: center; }
.div_kcip .img_box + div{ display:flex; flex-direction: column; gap:40px; }
.big_h3{ font-size:48px; }
.mid_h4{ font-size:22px; }
.div_kcip .kipa_wrap .bd_btn{ display:inline-block }
.db_basic.m_t_20 td .btn-box{ display:inline-flex;align-items: center; gap: 5px; }
.div_kcip + .scroll_box{ margin-bottom:40px; }
.big_p + .underline{ font-size:16px; margin-top:5px; color:#666;}
.sp_sel_box{ display:flex; align-items: center; gap:10px; }

.bd_box.video_box{ margin:0 auto; text-align: center; margin:30px auto; width:900px; }
.vd_txt_box{ height:300px; overflow-y: auto; border-radius:10px; border:1px solid #ddd; padding:20px; }

.top-cont-schBox + .info_p{ margin-bottom:15px; margin-top:-10px; font-size:20px; font-weight:600; }
.top-cont-schBox + .info_p:before { width:23px; height:23px;}
.top-cont-schBox + .info_p:after { top:0px; left:9px; }

/* ContactUs 버튼위치지정 */
.cttusBtn{ position:relative; }
.cttusBtn .btn{ position:absolute; left: 20%; top: 83.2%; }

.prtApfr #divPrtpntBtn .btn{ width:30px; height:30px; box-sizing:border-box; min-height:0; }
.prtApfr #divPrtpntBtn .btn span{ line-height:16px; }
.prtApfr #divPrtpntBtn{ margin-bottom:10px; }

.prtApfr .es-cnt .cnt-category.type-02 .t-list .t-tit{ width:340px; }
.prtApfr .es-box-wrap .es-cnt:has(p){ margin-top:30px; border-top:1px solid #ddd; }

/* 갈등교육 수료증 */
.printArea .bottom-btn-wrap{ margin:0; justify-content: flex-end; padding:20px; }
.printArea .printTb{ padding:20px; padding-bottom:30px; padding-top:0; font-size:16px; }
.printArea .printTb > table{ margin:0 auto; padding:80px; padding-top:130px; padding-bottom:20px; }
.printArea .printTb > table #tdContent{ display:inline-flex; flex-direction: column; height:100%; gap:10px; }
.printArea .printTb > table #tdContent p:nth-child(3){ margin:50px 0; }
.printArea .printTb > table #tdContent p:nth-child(3) font{ font-size:40px; }

.printArea .printTb > table #tdContent div:nth-child(7){ margin:40px 0; font-size:20px; line-height:36px; padding:0 20px !important; text-align: center; }
.printArea .printTb > table #tdContent div:nth-child(7) font{ word-break: keep-all; text-align:center; }
.printArea .printTb > table #tdContent table:last-child{ align-self: flex-end; }

/* 인권경영 */

.rght_box{  background:#f2f4f8; padding:60px 100px; margin-top:40px; }
.rght_box .rght_item{ background:#fff; width:100%; padding:60px 100px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); box-sizing:border-box; }
.rght_box .rght_item .big_h3{ margin-bottom:40px; font-size:38px; padding-bottom:40px; border-bottom:1px solid #ddd; }
.rght_box .rght_item .mid_h4{ font-size:22px; font-weight:500; line-height:30px; }
.rght_box .rght_item .mid_h4 + .mid_h4{ margin-top:20px; }
.rght_box .rght_item .rght_ul{ margin:40px 30px; display:flex; flex-direction: column; gap:30px; font-size:20px; }
.rght_box .rght_item .rght_ul > li .num{ color:#003DD4; margin-bottom:15px; font-weight:700; position:relative; display:inline-block; }
.rght_box .rght_item .rght_ul > li .num span{ position:relative; z-index:2; }
.rght_box .rght_item .rght_ul > li .num:before{ content:" "; display:block; position:absolute; left:-2px; bottom:-2px; width:100%; height:10px; background:#e7eeff; z-index:1; }

.prcs_list.g_24_f_r.box_5x2{ flex-wrap: wrap; }
.prcs_list.g_24_f_r.box_5x2 .prcs_item{ width:calc((100% - (24px *4)) / 5 ); flex: 0 0 auto; box-sizing: border-box; }


/* 에디터 기본 폰트사이즈 14pt로 수정 */
.popup-wrap .popup-box .txt-box .txt > *,
.popup-wrap .popup-box .txt-box .txt *,
.popup-wrap .popup-box .txt-box .txt,
.popup-wrap .popup-box .cnt-tabBox .txt{ font-size: 14pt !important; }

/* 연구용역 보고서 관련 css */
.table-list .table-tr.rsch_type_b{ position:relative; padding-right:160px;}
.table-list .table-tr.rsch_type_b .table-td{ position:absolute; right:10px; top:20px; }
.table-list .table-tr.rsch_type_b:first-child .table-td{ top:0px; }

/* 정보공개 신청 팝업 수정 */
#rprcntDtlPopup .cnt-category .t-list .t-tit{ width:180px; }
#rprcntDtlPopup .popup-bg-wrap .popup-box .popup-cnt .info_p{ font-size:16px; }
.drag_file_box{ display:flex; justify-content: space-between; padding:10px 0; gap:10px; }
.drag_file_box .t-txt{ padding:0 !important; }
.drag_file_box .t-txt #rprcntAplyDropUpload{  width:100%; border-radius:10px; border: 2px dashed #4e67a5; background:#f2f4f8; padding:20px; text-align: center; }
.drag_file_box .t-txt + div > button.btn{ height:100%; justify-content: center; gap:0; }

/* 탭 문자 자간 늘리는 경우 클래스 추가 wide_txt */
.tab-list.wide_txt .tab-button .t-btn span{ letter-spacing: 3px; }

/* 조직도 리뉴얼 */
.org-wrap > ul ul{ gap:16px; }
.org-wrap > ul li.org-3rd{ padding-top:16px; }
.org-wrap > ul li.org-3rd button{ margin-top:0px; padding:16px 8px; border:0; box-shadow: none; }
.org-wrap > ul li.org-3rd .non-org-box,
.org-wrap > ul li.org-3rd .org-box{ margin-bottom:8px; }
.org-wrap > ul li.org-3rd .double li{ gap:0; }
.org-wrap > ul ul ul.row{ gap:8px; flex-direction: column; }
.org-wrap > ul ul ul.row > li{ border-radius:10px; overflow:hidden; border: 1px solid #003dd447;}
.org-wrap > ul ul ul.row > li ul li:first-child{ border-top:1px solid #003dd447; }
.org-wrap > ul li.org-3rd .non-org-box + ul{ border-radius:10px; overflow:hidden; border: 1px solid #d44d0047; }
.org-wrap > ul li.org-3rd .non-org-box + ul#ul_49300{ border:0; }
.org-wrap > ul ul li{ flex:0 0 calc( ( 100% - ( 16px * 7 ) ) / 8 ); gap:8px; }
.org-wrap > ul ul ul.row li{ min-width:0; }
.org-wrap > ul ul ul li{ flex: 1 1 auto; }
.org-wrap > ul li.org-3rd .non-org-box + ul button,
.org-wrap > ul ul ul.row > li button{ border-radius:0; }
.org-wrap > ul li.org-3rd .asst-box{ border:0; border-radius:0; }
.org-wrap > ul li ul.row > li button:is(:hover,:focus,:focus-visible) {
    box-shadow: none !important;
    transform: translateY(0px);
    color:#003DD4;
}
.org-wrap > ul li.org-3rd .asst-box:is(:hover,:focus,:focus-visible){ background:#e2e8f4 !important;}
.org-wrap > ul ul ul.row > li button:is(:hover,:focus,:focus-visible){ background:#f4f8ff;}
.org-wrap > ul li.org-3rd .non-org-box + ul button:is(:hover,:focus,:focus-visible){ background:#fcf8f3; box-shadow: none !important; color:#aa5700; transform: translateY(0px);}
.org-wrap > ul li.org-3rd .abs-org-box{ background:#f5f3f0; }
.orgPopup-wrap{ padding: 20px 10px ; gap:15px; }
.org-wrap > ul ul ul.row > li button:focus-visible,
.org-wrap > ul li.org-3rd .asst-box:focus-visible,
.org-wrap > ul li.org-3rd .non-org-box + ul button:focus-visible{ outline:none; }
.org-wrap > ul ul ul.row > li button:focus-visible:after,
.org-wrap > ul li.org-3rd .asst-box:focus-visible:after,
.org-wrap > ul li.org-3rd .non-org-box + ul button:focus-visible:after{
    content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border: 2px solid #000;
  border-radius: 10px;
  z-index: -1;}
.popup-box .orgPopup-wrap > details summary .photo{ display:none; }
.orgPopup-wrap .org-info div,
.orgPopup-wrap .org-info .org-card-email{ flex:0 0 auto; }
.popup-box .orgPopup-wrap .org-info div.info-top{ padding-top:0; display:flex; justify-content: start; gap:.3rem; align-items: center; }
.popup-box .orgPopup-wrap .org-info div.info-top > div{ flex:0 0 auto; width:auto; padding-top:0; }
.popup-box .orgPopup-wrap .org-details{ top:100px; }
.popup-box .orgPopup-wrap .org-info div.org-card-work{ justify-content: start; flex:1; align-items: start; }
.org-wrap .info-box .info_p{ padding-left:28px; }
.org-wrap > ul{ position:relative; }
.org-wrap > ul li.org-gap{ position: absolute; display: flex; gap: 16px; top: 0; left: 270px; z-index: 1; padding-top: 0px; flex-direction: column; }
.org-wrap > ul li.org-gap:before{ display:none; }
.org-wrap > ul li.org-gap .org-box{ background: #dd7200; color: #fff; border: 0; font-size:16px; width:166px; }
/* .org-wrap > ul li.org-1st{ padding-bottom:30px; } */
.org-wrap > ul li.org-2nd{ padding-top:30px; }
.org-wrap > ul li.org-3rd .double > li:last-child{ position:absolute; bottom:0px; right:91px; width:166px; }

/* 250625 YP 갈등교육 > 단계별 박스 유형 색상 변경 */
.div_cnflEdu .prcs_item .num{ background: #024691; }
/* 250625 YP 갈등교육 > 신청하기 버튼 강조 */
.btn.line_bold { border-width: 2px !important; }

/* 찾아오시는 길 */
.loc_wrap{ padding-bottom:20px; }
.loc_wrap .loc_top .img_box{ padding:30px 0; }
.loc_wrap .loc_top .img_box .tit_h3{ margin-bottom:20px; }
.loc_wrap .loc_top .img_box .tit_h3.m_t_30{ margin-top:30px; }
.loc_wrap .loc_top .img_box .point.bold_p{ margin-bottom:5px; }

/* 갈등교육 신청하기 스타일 추가 */
.cnflEd_aply .info_p{ width:100%; box-sizing: border-box; }
.cnflEd_aply .es-box-wrap .es-cnt .cnt-category .t-list .t-tit{ width:180px; }
.cnflEd_aply .es-box-wrap .es-cnt textarea{ float:left; }

/* 250625 YP 갈등교육 > 신청내역 조회 및 수료증발급 > 신청상태 툴팁 */
.info_p.tooltip:before { top: 2px; left: 5px; }
.info_p.tooltip:after { content: "?"; top: 3px; left: 11px; }
.tooltip { position: absolute; }
.tooltip i { position: absolute; display: none; width: 32rem; top: 2rem; right: -30px; padding: 1rem 1.5rem; line-height: 24px; text-align: left; color: #fff; background-color: #404040; box-sizing: border-box; border-radius: 0.4em; z-index: 1;}
.tooltip_tit { width: 70px; }
.tooltip_txt { width: calc(100% - 70px); }
.tooltip:hover i,
.tooltip:focus i{display: flex; flex-wrap: wrap;}
.scroll_box .db_basic .info_p.tooltip{  }

/* 정보공개 내용 추가 */
.infoRls_box{ text-align: center; padding-top:40px; }
.infoRls_box h4{ font-size:22px; margin-top:40px; margin-bottom:16px; }

/* 뉴스레터 구독신청 스타일 */
#intrFld_Content{ display: flex; gap:30px; margin-bottom:30px; }
#intrFld_Content .ck-box input[type="checkbox"] + label{ cursor:pointer; }
#intrFld_Content .ck-box input[type="checkbox"] + label span {font-weight: 600; font-size:18px; }
#intrFld_Content .ck-box input[type="checkbox"]:checked + label:before {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 5px;
    left: 6px;
    top: 6px;
    background: none;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 1;
}
#intrFld_Content .ck-box input[type="checkbox"]:checked + label:after { border-color:var(--blue-color); background:var(--blue-color); }
#intrFld_Content .ck-box input[type="checkbox"]:hover + label:after,
#intrFld_Content .ck-box input[type="checkbox"]:focus + label:after { border-color:var(--blue-color);}

/* 250701 YP 연구보고서 > 분류/히스토리, 찾아오시는길 > map 내부 a11y add */
.search-view .view-box .list li a { display: block; }
#map a:focus-visible{ display: block; outline-offset: 3px; }
.search-class .search-class-box .class-box.date .cnt-box ul li{ position: relative; }

/* 250701 일반현황 탭 > 설립목적, 경영목표 */
.box_ul{ width: 100%; display:flex; flex-wrap: wrap; }
.box_ul .box_item{ border-radius:10px; border:1px solid rgba(0,0,0,.15); box-sizing: border-box; }
.box_ul .box_item .icon{ font-size:24px; width: 80px; height: 80px; display:flex; align-items: center; gap:16px; position: relative; }
.box_ul .box_item .icon:before{ content:" "; display:block; position:relative; left:0; width: 80px; height: 80px; background:#003DD4; border-radius: 50%; }

/* curStt - purpose */
.curstt_purp{ padding: 80px 120px 40px; }
.curstt_purp .flx_box{ display:flex; gap:56px; align-items: center; justify-content: center; margin-bottom:80px; }
.curstt_purp .flx_box .txt{ font-size:23px; line-height: 30px; }
.curstt_purp .box_ul{ gap:20px; }
.curstt_purp .box_ul .box_item{ width: calc((100% - 40px) / 3); padding: 40px; gap: 30px; display: flex; align-items: center; }
.curstt_purp .box_ul .box_item:nth-child(1) > .icon:before{ background:url('../img/sub/sub_img_curStt_01_icon01.svg') no-repeat center #003DD4; background-size: auto 30px; }
.curstt_purp .box_ul .box_item:nth-child(2) > .icon:before{ background:url('../img/sub/sub_img_curStt_01_icon02.svg') no-repeat center #003DD4; background-size: auto 30px; }
.curstt_purp .box_ul .box_item:nth-child(3) > .icon:before{ background:url('../img/sub/sub_img_curStt_01_icon03.svg') no-repeat center #003DD4; background-size: auto 30px; }
.curstt_purp .box_ul .box_item:nth-child(4) > .icon:before{ background:url('../img/sub/sub_img_curStt_01_icon04.svg') no-repeat center #003DD4; background-size: auto 30px; }
.curstt_purp .box_ul .box_item:nth-child(5) > .icon:before{ background:url('../img/sub/sub_img_curStt_01_icon05.svg') no-repeat center #003DD4; background-size: 30px auto; }
.curstt_purp .box_ul .box_item:nth-child(6) > .icon:before{ background:url('../img/sub/sub_img_curStt_01_icon06.svg') no-repeat center #003DD4; background-size: auto 30px; }
.curstt_purp .box_ul .box_item > p{ font-size:18px; text-align: center; color: #333; line-height: 24px; }

/* curStt - mng_obj */
.mng_obj{ padding: 80px 20px 40px; }
.mng_obj .flx_box{ display:flex; gap:80px; align-items: center; justify-content: center; padding: 0 100px; margin-bottom:80px; }
.mng_obj .flx_box > div{ display: flex; align-items: center; gap: 30px; }
.mng_obj .flx_box .txt{ font-size:19px; line-height: 30px; }
.mng_obj .flx_box .txt h3{ /*margin-bottom: 24px; */font-size:48px; line-height: 48px; }
.mng_obj .flx_box .mo_ver{ display: none; }
.mng_obj h4{ margin-bottom: 40px; font-size: 30px; text-align: center; }
.mng_obj .box_ul{ gap:24px; justify-content: space-between; }
.mng_obj .box_ul > li{ flex: 1; }
.mng_obj .box_ul > li:nth-child(1) .icon:before{ background:url('../img/sub/sub_img_item/eng_sub_img_wwa_icon01.svg') no-repeat center #003DD4; background-size: auto 30px; }
.mng_obj .box_ul > li:nth-child(2) .icon:before{ background:url('../img/sub/sub_img_curStt_02_icon02.svg') no-repeat center #003DD4; background-size: auto 30px; }
.mng_obj .box_ul > li:nth-child(3) .icon:before{ background:url('../img/sub/sub_img_curStt_02_icon03.svg') no-repeat center #003DD4; background-size: auto 30px; }
.mng_obj .box_ul > li:nth-child(4) .icon:before{ background:url('../img/sub/sub_img_curStt_02_icon04.svg') no-repeat center #003DD4; background-size: auto 30px; }
.mng_obj .box_ul .box_item{ width: 100%; display: flex; flex-direction: column; align-items: center; }
.mng_obj .box_ul .box_item_top { position: relative; min-height: 285px; padding: 32px 20px; margin-bottom: 40px; gap: 16px; }
.mng_obj .box_ul .box_item_top:after{ content: ''; display: block; width: 8px; height: 8px; position: absolute; left: 50%; bottom: -30px; transform: translate(-50%, -50%) rotate(45deg); border-right: 3px solid #333; border-bottom: 3px solid #333; }
.mng_obj .box_ul .box_item_top .step{ font-size: 22px; }
.mng_obj .box_ul .box_item_top p{ font-size: 22px; text-align: center; }
.mng_obj .box_ul .box_item_bott { min-height: 215px; padding: 20px; gap: 24px; }
.mng_obj .box_ul .box_item_bott strong{ display: block; width: 100%; text-align: center; padding: 12px 0; font-size: 20px; border-radius: 30px; background: #e5e5e5; }
.mng_obj .box_ul .box_item_bott ul{ display: flex; flex-wrap: wrap; gap: 16px; }
.mng_obj .box_ul .box_item_bott ul .nor_p{ font-size: 16px; }

/* 250702 정보공개 > 윤리경영 탭 */
.ethc_tab .big_p{ margin-top: 40px; font-weight: 800; }
.ethc_tab .cnt_txt > .num-list{ gap: 16px; }
.ethc_tab .num-list > li.flex_wrap{ flex-wrap: wrap; }
.ethc_tab .num-list > li > div{ width: 100%; margin-top: 10px; margin-left: 20px; }
.ethc_tab .num-list > li > .num + span { flex: 1; }
.ethc_tab .num_o_box{ align-items: baseline; }
.ethc_tab .num_o_box > .num{ width: 15px; height: 15px;border-color: #000; line-height: 15px; color: #000; font-size: 13px; }


/* 250716 YP = 기존 반응형 css > mobile.css 로 이동으로 삭제 */

/* 상세팝업 title */
.popup-wrap .popup-cnt > .pub-tit:first-child{ min-height: auto; margin-bottom: 10px; }
.popup-wrap .popup-cnt > .pub-tit:first-child + .cnt-category,
.popup-wrap .popup-cnt > .cnt-category:first-child{ margin-top: 0; }
#cmnBbsQnaDtlPopupContainer .popup-wrap .popup-cnt div > .pub-tit:first-child{  min-height: auto; margin-bottom: 10px; }
#cmnBbsQnaDtlPopupContainer .popup-wrap .popup-cnt div > .pub-tit:first-child + .cnt-category{ margin-top: 0; }
#cmnBbsQnaDtlPopupContainer .popup-wrap .popup-cnt div > .pub-tit:first-child + .cnt-category .cnt-category{ margin-top: 15px; }

/* 250728 YP = 조직도 > 직원 이메일 확인 레이어 */
#empDtlContainer .popup-bg-wrap .popup-box.down{ max-height: 100%; }

.sub-layout-tab .btn.menu_select{ display: none; }
.sub-layout-tab > .btn.menu_select,
.sub-layout-tab > .tab-wrapper,
.sub-layout-tab > .tab-list{ margin-top: 20px; }

.orgPopup-wrap{ padding: 20px; }

.top-cont-schBox{ width: 100%; }
.emp_init_tab,
.emp_list{ width: 100%; box-sizing: border-box; }
.history_time .icon.mo_ver{ display: none; }

#emplyDtlPopup + #empDtlContainer .popup-bg-wrap.on:before{ /*background: #000000cc;*/ }

/* 250804 YP */
.no_result { border-top: 1px solid #0d0600; border-bottom: 1px solid #e5e5e5; font-size: 16px; line-height: 24px; }
.pub-list.no_result{ display: block; border: unset; min-height: auto; height: auto; border-top: 2px solid #3a99ff !important; border-bottom: 1px solid #e5e5e5;}
.pub-list.no_result li{ min-width: 100%; border: unset !important; }

/* DB활용 신청 내역 250804 YP */
#tbContent .down-list.open{ max-height: 100%; }

.prcs_ul.icon_box .prcs_item{ border-radius: 20px; }

.scroll_box:has(#intrFld_Content){ overflow-x: unset; }
.scroll_box:has(#intrFld_Content) .db_basic{ min-width: 0; }
#intrFld_Content{ flex-wrap: wrap; gap: 10px 30px; }
#selIdntt,
#selAge{ flex-wrap: wrap; }
.in_kipa_btn{ flex-wrap: wrap; gap: 10px; }
.new_prcs_box.type_a .prcs_list .prcs_item .big_p + .nor_p{ text-align: center; }

.content-header + .sub-layout-tab .top-cont-schBox:has(.btn.btn-down){ padding-bottom: 0; }
.content-header + .sub-layout-tab .top-cont-schBox:has(.btn.btn-down) .left-box{ display: flex; flex-wrap: wrap; gap: 5px; }
.content-header + .sub-layout-tab .top-cont-schBox:has(.btn.btn-down) .btn.btn-down:before{ content: ''; display: inline-block; background-repeat: no-repeat; background-position: center; }
.content-header + .sub-layout-tab .top-cont-schBox:has(.btn.btn-down) .btn.btn-down:after{ display: none; }

.cnflEd_aply{ padding-top: 20px; }
.scroll_box.tooltip_on{ min-height: 230px; }

.popup-bg-wrap .popup-box .popup-cnt.bottom-btn .scrollbar{ position: relative; }

.down-list-btn{ padding: 10px; padding-left: 30px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 5px 10px; }
.down-list-btn .t_blue{ margin-left: -20px; }
.down-list-btn .t_blue + .t_tit{ max-width: max-content; margin-left: 0; box-sizing: border-box; }
.down-list-btn:has(.t_date) .t_blue + .t_tit{ max-width: 375px; }
.down-list-btn .t_tit + .t_date{ margin-left: 0; }
.down-list-btn .t_tit + .t_date:before{ top: 5px; }
.down-list-btn .label-bg-box{ margin-left: 0; }

#tbContent .down-list{ max-height: unset; }
#tbContent td:has(.more_btn) .down-list { max-height: 165px; }
#tbContent .down-list .label-bg-box{ padding: 0 10px; }
#tbContent .down-list-btn .t_blue + .t_tit{ max-width: 560px; }

#statDbDtlPopup .down-list-btn{ padding-right: 50px; }
#statDbDtlPopup .down-list-btn .btn-i-close{ right: 0; width: 40px; height: 40px; }