@charset "utf-8"; /*@import url('common.css'); @import url('layout.css');*/ #content {position:relative; padding:3rem 0 7rem; max-width:100%; width:100%; height:100%; box-sizing:border-box;} #content:after {content:''; display:block; clear:both;} .container.sub {display:flex; margin:auto; max-width:1440px; width:100%; min-height:calc(100vh - 18rem); background:#fff;padding-top:7.1rem;} .container .page_title {font-size:2.4rem;font-weight:600;margin:2rem 0;} .container .page_header {display:flex;justify-content: space-between;align-items: baseline;flex-flow:row wrap;padding:1rem 0;} .container .page_header .page_title {white-space:nowrap;height:1.5rem;margin:0;} .container .page_header .btn_lg_line.point_btn {color: #fff; background: #76b026;} .container .page_header .btn_lg_line.point_btn:before {background: #4c8003;border-color:#4c8003;} .container .page_header .btn_lg_line.arrow.point_btn:after {color:#fff;} /*left 메뉴*/ .lnb_wrap {position:relative; padding-top:4rem; padding-right:2rem; width:23rem; height:100%; left:0; box-sizing:border-box;} .lnb_wrap .lnb h2 {padding-bottom:2rem; margin-bottom:2rem; font-size:2.5rem; line-height:3rem; font-weight:bold; color:var(--black); border-bottom:2px solid var(--border3);} .lnb_wrap .lnb > ul > li {position:relative;} .lnb_wrap .lnb > ul > li > a {position:relative; display:block; width:100%; padding:1.5rem 2rem 1.5rem 2rem; box-sizing:border-box;} .lnb_wrap .lnb > ul > li > a span{position:relative; font-size:1.7rem; color:var(--black); font-weight:500; word-break:keep-all; } .lnb_wrap .lnb > ul > li:first-child > a {padding-top:0;} .lnb_wrap .lnb > ul > li.on:first-child > a {padding-top:1.5rem;} .lnb_wrap .lnb > ul > li.on {margin-bottom:1.5rem; margin-top:1.5rem;} .lnb_wrap .lnb > ul > li.on:first-child {margin-top:0;} .lnb_wrap .lnb > ul > li.on > a span {color:#fff; font-weight:bolder;} .lnb_wrap .lnb > ul > li.on > a:before { content:''; display:block; position:absolute; top:0; left:0; width:calc(100% + 4rem); height:100%; background:var(--btn3); border-radius:20rem; box-shadow:0px 0.7rem 1.1rem #30529145;} .lnb_wrap .lnb > ul > li:first-child > a:after{ top:1rem; } .lnb_wrap .lnb > ul > li > a:after {content: ''; display:block; position:absolute; top:2.4rem; right:0; width:0.6rem; height:0.6rem; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); opacity:0; transition:all 0.3s;} .lnb_wrap .lnb > ul > li.on > a:after {opacity:1; top:2.4rem;} .lnb_wrap .lnb > ul > li > a:hover span, .lnb_wrap .lnb > ul > li > a:focus span{ color:#0931b0; } .lnb_wrap .lnb > ul > li > a:active span{ color:#76b026; } .lnb_wrap .lnb > ul > li > a:hover:after, .lnb_wrap .lnb > ul > li > a:focus:after, .lnb_wrap .lnb > ul > li > a:active:after {opacity:1; border-color:var(--black);} .lnb_wrap .lnb > ul > li.on > a:hover:after, .lnb_wrap .lnb > ul > li.on > a:focus:after {border-color:#fff;} .lnb_wrap .lnb > ul > li.on > a:hover span, .lnb_wrap .lnb > ul > li.on > a:focus span{ color:#fff; } .lnb_wrap .lnb > ul > li.on > a:active span{ color:#fbff80; } /*페이지타이틀*/ .page_title {display:flex; justify-content:space-between; margin-bottom:2rem;} .page_title h3 {font-size:3.5rem; line-height:4rem; font-weight:600; } .page_title .navi {position: relative;z-index:9;} .page_title .navi, .page_title .navi .location > ul, .page_title .navi .naviBtn {display:flex; align-items:center;} .page_title .location {position:relative; z-index:1; padding-right:1.5rem; margin-right:1.5rem;} .page_title .location:after {content:''; display:block; position:absolute; top:1.2rem; right:0; width:0.2rem; height:1.5rem; background:#bbbbbb;} .page_title .location > ul > li {position:relative; } .page_title .location > ul > li.home {width:3.8rem; height:3.8rem; } .page_title .location > ul > li.home a{display: block; height: 100%;background:url('../../img/sub/icon_location_home.png') no-repeat center; background-size:initial; border-radius:3rem; } .page_title .location > ul > li.home a:hover{ background-color:#e5f1ff; } /*.page_title .location > ul > li.home a:focus{outline: auto;}*/ .page_title .location > ul > li.home a:active{outline: 0.2rem solid red; border-radius:0.2rem; } .page_title .location > ul > li + li {padding-left:2rem; margin-left:1rem;} .page_title .location > ul > li + li:before {content:''; display:block; position:absolute; top:0.7rem; left:0; width:0.8rem; height:0.8rem; border-top:2px solid #7f7f7f; border-right:2px solid #7f7f7f; transform:rotate(45deg);} .page_title .location > ul > li button {position:relative; display:inline-block; padding-right:2.5rem;} .page_title .location > ul > li button:before {content:''; display:block; position:absolute; top:0.3rem; right:0; width:1.8rem; height:1.8rem; border:1px solid #8b8b8b; border-radius:3rem;} .page_title .location > ul > li button:after {content:''; display:block; position:absolute; top:0.8rem; right:0.6rem; width:0.6rem; height:0.6rem; border-top:1px solid #333; border-right:1px solid #333; transform:rotate(135deg);} .page_title .location > ul > li button span {font-size:1.5rem; color:var(--txt5_1);} .page_title .location > ul > li button:hover span, .page_title .location > ul > li button:focus span{ font-weight:500; color:var(--color3); } .page_title .location > ul > li button:active span{ color:#76b026;} .page_title .location > ul > li button.on:before {border-color:#223c6d; background:#223c6d;} .page_title .location > ul > li button.on:after {top:1rem; transform:rotate(315deg); border-color:#fff;} .page_title .location > ul > li button.on span {color:var(--black);} .page_title .location ul ul {display:none; position:absolute; top:2.5rem; left:50%; padding:1.5rem 1rem; width:12rem; border-radius:0; transform:translateX(-50%); background:var(--white); box-shadow:0px 0.7rem 1.1rem #30529145; border:1px solid var(--bgColor7);} .page_title .location ul ul li {display:flex; align-items:center; justify-content:center;} .page_title .location ul ul li a {position:relative; display:inline-flex; padding-bottom:0; margin-bottom:1rem; white-space:break-spaces; font-size:1.4rem; text-align:center; color:var(--black); transition:all 0.3s;} .page_title .location ul ul li:last-child a {padding-bottom:0; margin-bottom:0;} .page_title .location ul ul li a:before {content:''; display:block; position:absolute; width:0; height:0.2rem; bottom:-0.2rem; left:50%; transform:translateX(-50%); background:#f29514; transition:all 0.3s;} .page_title .location ul ul li a:hover:before {width:100%;} .page_title .naviBtn .sns_popup {display:none;} .page_title .naviBtn button {position:relative; width:2.5rem; height:2.5rem; background-repeat:no-repeat; background-position:center;} .page_title .naviBtn .btn_sns {display:none;} .page_title .naviBtn .btn_sns button {background-image:url('../../img/sub/btn_sns.png');} .page_title .naviBtn button.btn_print {background-image:url('../../img/sub/btn_print.png');} .page_title .naviBtn .text {display:block; overflow: hidden; position:absolute; top:2.3rem; left:50%; transform:translateX(-50%); width:0; opacity:0; font-size:1.3rem; height:2.2rem; line-height:2.2rem; background-color:var(--black); color:var(--white); border-radius:3rem; transition:all .5s ease-in-out;} .page_title .naviBtn button:hover .text, .page_title .naviBtn button:focus-visible .text {opacity:1; width:7rem;} /*리스트 검색*/ .srchBox {display: flex; align-items: center; justify-content: space-between; width: 100%; border: 1px solid #ddd; border-radius:.5rem; padding:0.5rem 2rem; box-sizing: border-box; margin-bottom: 2rem;} .srchBox .page_notice {display: flex;} .srchBox .page_notice p {font-size: 1.5rem;} .srchBox .page_notice p + p {margin-left:0.5rem;} .srchBox .page_notice .page_num {font-weight: 700; color:var(--po_color1);} .srchBox .page_srch {position:relative; display: flex; height: 99%; align-items:center;} .srchBox .page_srch:before {content:''; display:block; position:absolute; left:0; bottom:-0.6rem; width:calc(100%); height:1px; background:var(--black);} .srchBox .page_srch select {position: relative; width: 9rem; text-align:left; border: none; margin-bottom: -1px; font-size: 1.5rem; color: var(--black); padding-left:0; } .srchBox .page_srch select option {color:#000;} .srchBox .page_srch select:focus {outline:auto;} .srchBox .page_srch select.year {margin-right: 2rem;} .srchBox .page_srch input {border: none; margin-bottom:-1px; box-sizing: border-box; } .srchBox .page_srch input:focus{outline: auto;} .srchBox .page_srch input[type="text"], .srchBox .page_srch .sel_box select {background-color:var(--white); color:var(--black);} .srchBox .page_srch .btn_search {position: relative; width:4rem; height: 4rem; border: none; background: #05367b url('../../img/sub/icon_search_w.png') no-repeat center center; border-radius:50%;} .srchBox .page_srch .srchForm { display: flex; align-items: center;} .srchBox .page_srch .basic_chk { margin-bottom:0;} .srchBox.noNum {justify-content:flex-end;} .srchBox .page_srch .sel_box select {position: relative; width: 7rem; text-align:left; border: none; margin-left:1rem; margin-bottom: -1px; font-size: 1.5rem; padding-left:0; } .srchBox .page_srch .sel_box select.year {margin-right: 2rem;} .srchBox .page_srch .inp_box input {border: none; margin-bottom:-1px; box-sizing: border-box;} .srchBox .page_srch div:first-child > input, .srchBox .page_srch div:first-child > select {padding-left:0; margin-left:0;} .srchBox .page_srch .datepicker_wrap .date_box .inp_box .basic_input {border:1px solid #d7d7d7; padding-left:1rem;} .srchBox .page_srch .checkBox {margin-top:0.2rem;} .srchBox .page_srch .checkBox label span {font-size:1.5rem;} .srchBox .page_srch .radioBox {margin-top:0.2rem;} .srchBox .page_srch .radioBox label span {font-size:1.5rem;} /* 날짜검색 */ .datepicker_wrap {display:flex; align-items: center;} .datepicker_wrap .wave {margin:0 0.5rem;} .datepicker_wrap .date_box {position: relative;} .datepicker_wrap .date_box .basic_input {padding-right:3rem; width:13rem;} .datepicker_wrap .date_box .date_btn {position: absolute; top:1rem; right:1rem; width:1.9rem; height:1.9rem; background:url('../../img/sub/btn_datepicker.png') no-repeat;} /*게시판 목록*/ .bbsList {position:relative; width:100%;} .bbsList > ul { display:block} .bbsList > ul > li {position:relative; width:100%; display:flex; flex-direction: column; border:1px solid #D9D9D9;border-radius:.5rem;margin-bottom:2rem;} .bbsList > ul > li .bbs_link {position:relative; display:flex;justify-content: space-between;flex-flow:row wrap; width:100%; padding:2rem;gap:2rem; box-sizing:border-box; transition: all 0.3s;} .bbsList > ul > li:hover .bbs_link {padding-left:8rem;border:#333; box-shadow: 0 0.7rem 1.1rem #30529145;} .bbsList > ul > li .bbs_link .bbs_info {display:flex;flex-flow:column;align-items:start;gap:1rem;flex:1;} .bbsList > ul > li .bbs_cate {width:32rem;text-align:center;display:flex;justify-content: flex-end;flex-flow:column nowrap;} .bbsList > ul > li .bbs_cate strong {font-weight:500;font-size:1.7rem;display:inline-block;width:auto;border:1px solid #888;padding:.4rem .6rem;border-radius:.2rem;} .bbsList > ul > li .bbs_cate span {font-size:1.5rem;display:block;color:#444;padding-top:.5rem;} .bbsList > ul > li .bbs_cate.register strong {border-color:#05367b;color:#05367b} .bbsList > ul > li .bbs_cate.apply strong {border-color:#76b026;background:#76b026;color:#fff;} .bbsList > ul > li .bbs_cate.finish strong {background:#f4f4f4;} .bbsList > ul > li .bbs_cate .period em{font-style:normal;color:#05367b;font-weight:500;white-space:nowrap;margin-right:.6rem;} .bbsList > ul > li .bbs_tit {display:flex;align-items: flex-start;max-height:4.8rem;white-space: normal;word-break:keep-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4;transition: all 0.3s;font-size: 1.8rem;font-weight:600;line-height: 1.4;} .bbsList > ul > li .bbs_data {display:flex; flex-wrap:wrap; font-size:1.5rem; color:#666; transition: all 0.3s;gap:3rem;} .bbsList > ul > li .bbs_link .bbs_data li {display:inline-flex;align-items: center;position:relative;} .bbsList > ul > li .bbs_link .bbs_data li:before {content:"";display:block;width:1px;height:1.2rem;background:#d7d7d9;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%);} .bbsList > ul > li .bbs_link .bbs_data li:first-child:before {display:none;} .bbsList > ul > li .bbs_data strong{color:#05367b;font-weight:500;white-space:nowrap;margin-right:.5rem;} .bbsList > ul > li .bbs_data i {color:#76b026;font-size:1.8rem;} .bbsList > ul > li .btn_more {display:flex; align-items:center; position:absolute; top:50%; left:0; transform:translateY(-50%); width:4rem; height:4rem;transition:all 0.3s ease 0s; overflow:hidden;opacity:0;} .bbsList > ul > li .btn_more i {font-size:2.6rem;color:#000;} .bbsList > ul > li:hover .btn_more {left:2rem;opacity:1;} .bbsList > ul > li .bbs_data li strong, .bbsList > ul > li .bbs_link:hover .bbs_data li strong {color: #05367b; font-weight: 400;} /*공지사항*/ .bbsList.notice > ul > li .bbs_link .bbs_tit{margin:0;max-width: 100%; } .bbsList > ul > li .bbs_tit .new_icon {flex-shrink: 0; margin-left: 5px; background-color: #cb2e4c;color: #fff; padding: 2px 5px;font-size: 12px; border-radius: 3px;display: inline-flex;align-items: center;margin-top:.3rem;} .sound_only{ font-size: 1px; color: #76b026; } /*게시판 목록 - 더보기버튼없을시*/ .bbsList.no_more > ul > li .bbs_link {padding:2rem;} /*게시판 상세보기*/ .bbsView {position:relative; width:100%;} .bbsView_tit {display:flex; justify-content: space-between; align-items:center; padding:2rem 2rem; width:100%; box-sizing:border-box; border-top:1px solid #999; border-bottom:1px solid #d7d7d7;} .bbsView_tit .tit {margin-bottom:0.5rem; padding-right:2rem; width:calc(100% - 14rem);display:flex;flex-flow:column;gap:.8rem;font-size:2rem;font-weight:600;} .bbsView_tit .tit p { font-size:2rem; font-weight:bold;} .bbsView_tit .tit .period {font-size:1.6rem;display:flex;gap:1rem;font-weight:400;} .bbsView_tit .tit .period em{font-style:normal;color:#05367b;font-weight:500;white-space:nowrap;} .bbsView_tit .tit .period em + span {font-weight:400;color:#333;} .bbsView_tit .info {display:flex;} .bbsView_tit .info dl {display:flex; position: relative;gap:1rem;} .bbsView_tit .info dl dt, .bbsView_tit .info dl dd { font-size:1.5rem; color:#666; } .bbsView_tit .info dl dt {color:#05367b;font-weight:500;white-space:nowrap;margin-right:.5rem} .bbsView_tit .info dl + dl {margin-left:1rem; padding-left:1rem;} .bbsView_tit .info dl + dl:before {content:''; position:absolute; left:-0.1rem; top:0.7rem; width:0.2rem; height:1rem; background:#c4c4c4;} .bbsView_cont {position:relative; width:100%; min-height:15rem;padding:2rem 20px; box-sizing:border-box; font-size:1.7rem;} /**/ .bbsView_cont .cont_box.formdata_html{width: 100%;overflow: auto;max-height: calc(100vh - 30rem);} .bbsView_cont.doc_img_box .cont_box.formdata_html{padding:0;margin:0 auto;text-align:center;} .bbsView_cont.doc_img_box .cont_box.formdata_html img {max-width:1000px;object-fit:cover;} .bbsView_cont .file_box {position:relative; margin-top:2rem; width:100%; } .bbsView_cont .file_box > .tit {margin-bottom:1rem; font-size:1.7rem; font-weight:bold; line-height:22px;} .bbsView_cont .file_box ul li a {position: relative; padding:1.3rem 11rem 1.3rem 4.5rem; display:flex; border-radius:0.5rem; border:1px solid #d7d7d7; transition:all 0.3s;} .bbsView_cont .file_box ul li a:before {content:'\F391';font-family:bootstrap-icons !important; display:block; position:absolute; width:2.4rem; height:2.4rem;left:1.5rem; border-radius:3px; box-sizing:border-box;} .bbsView_cont .file_box ul li a.icon_pdf:before {content:'\F640'} .bbsView_cont .file_box ul li a.icon_doc:before {content:'\F744'} .bbsView_cont .file_box ul li a.icon_hwp:before {content:'\F3BB'} .bbsView_cont .file_box ul li a.icon_ppt:before {content:'\F381'} .bbsView_cont .file_box ul li a.icon_img:before {content:'\F42A'} .bbsView_cont .file_box ul li a.icon_xls:before {content:'\F76A'} .bbsView_cont .file_box ul li a.icon_txt:before {content:'\F766'} .bbsView_cont .file_box ul li a .file_tit {word-break: keep-all; color:var(--black);} .bbsView_cont .file_box ul li .incon {position: relative; padding:1.3rem 12rem 1.3rem 4rem; display:flex;align-items:center;flex-flow:row nowrap; border-radius:0.5rem; border:1px solid #d7d7d7; transition:all 0.3s;} .bbsView_cont .file_box ul li .incon .icon_img:before {content:'\F391';font-family:bootstrap-icons !important;display:block; position:absolute;top:50%;transform:translateY(-50%); width:2.4rem; height:2.4rem; left:1.5rem;border-radius:3px; box-sizing:border-box;} .bbsView_cont .file_box ul li .incon.icon_pdf .icon_img:before {content:'\F640'} .bbsView_cont .file_box ul li .incon.icon_doc .icon_img:before {content:'\F744'} .bbsView_cont .file_box ul li .incon.icon_hwp .icon_img:before {content:'h';font-size:11px;font-weight:600;border:1px solid #333;width:14px;height:18px;text-align:center;border-radius:1px 4px 1px 1px;line-height:16px; position:absolute;top:50%;transform:translateY(-50%); } .bbsView_cont .file_box ul li .incon.icon_ppt .icon_img:before {content:'\F381'} .bbsView_cont .file_box ul li .incon.icon_img .icon_img:before {content:'\F42A'} .bbsView_cont .file_box ul li .incon.icon_xls .icon_img:before {content:'\F76A'} .bbsView_cont .file_box ul li .incon.icon_txt .icon_img:before {content:'\F766'} .bbsView_cont .file_box ul li .incon .file_tit {flex:1; display: block;white-space:nowrap;width:calc(100% - 12rem);width:100%;height:auto;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: keep-all;} .bbsView_cont .file_box ul li .incon .btn_down {position: absolute; top:50%; transform:translateY(-50%); right:1rem; padding:.4rem 1rem;gap:.5rem;width:9rem; height:3rem; line-height:3rem; background-color:#223c6d; border-radius:0.5rem;} .bbsView_cont .file_box ul li .incon .btn_down span {position:relative; font-size:1.3rem; color:#fff;} .bbsView_cont .file_box ul li .incon .btn_down:after {content:'\F30A';font-family:bootstrap-icons!important;color:#fff;} .bbsView_cont .file_box ul li .incon .btn_view { padding:.4rem 1rem;height:3rem;line-height:3rem;font-size:1.3rem;} .bbsView_cont.formCont {magin:0;padding:0;min-height:auto;} .bbsView_cont.formCont .file_box {margin:0;min-height:auto;} .bbsView_cont.formCont .file_box ul {border-bottom:none;display: flex;gap: .5rem !important;flex: 1;flex-flow: row wrap; } .formBox .bbsView_cont.formCont .file_box ul li {flex:1 1 calc(50% - .5rem);min-width:calc(50% - .5rem); } .formBox .bbsView_cont.formCont .file_box ul li > div {flex:1;} .btn_group {margin-top:2rem; display:flex; justify-content: flex-end;gap:1rem;} .bbsView .bbsBottom {position:relative;display:flex;justify-content: space-between;flex-flow:row nowrap;border-top:1px solid #333;border-bottom:1px solid #333;margin-top:2rem;} .bbsView .bbsBottom li {display:flex;flex:1;flex-flow:column nowrap;align-items: center;padding: 1.5rem 1rem 1.5rem 4.8rem;box-sizing: border-box;transition:all 0.3s;position: relative;gap: 1rem;} .bbsView .bbsBottom li p {display:block;font-size: 1.5rem;font-weight:400;flex: 1;width: 100%;color: #666;} .bbsView .bbsBottom li p:before {content: '\F12F';display:block;position:absolute;top:50%;transform: translateY(-50%);font-size: 2rem;font-family: bootstrap-icons !important;} .bbsView .bbsBottom li.next_box {text-align:right;padding:1.5rem 4.8rem 1.5rem 1rem;} .bbsView .bbsBottom li.prev_box p:before {left:1rem;} .bbsView .bbsBottom li.next_box p:before {content: '\F138'; right:1rem; } .bbsView .bbsBottom li a {display:block;width: 100%;font-size: 1.7rem;color:#555;transition:all 0.3s;} .bbsView .bbsBottom li a span {position:relative; display:inline-block; transition:all 0.3s; color:#000;font-size:1.8rem;font-weight:600;width:100%;height:auto;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: keep-all;} .bbsView .bbsBottom li a:hover span, .bbsView .bbsBottom li a:focus span {color:#223c6d;} .bbsView .bbsBottom li.on {position: relative; border:1px solid #000; box-shadow: 0 0.7rem 1.1rem #30529145; box-sizing:border-box; z-index:1; background-color:#fff;} .bbsView .bbsBottom li.on p:before {border-color:#05367b;} .bbsView .bbsBottom li.on p {color:#000;} .bbsView .bbsBottom li:hover a, .bbsView .bbsBottom li:hover p:before {color:#76b026;} .file_box ul {display:flex;gap:.5rem;flex:1;flex-flow:row wrap;} .file_box ul li {white-space:nowrap;flex: 1 1 auto;min-width: calc(50% - .3rem);} .file_box ul li a:hover, .file_box ul li a:focus {color:#05367b; border-color:#05367b; box-shadow: 0 0.7rem 1.1rem #30529145; background-color:#fff; } .file_box ul li a:hover .file_tit, .file_box ul li a:focus .file_tit {color:#000;} .file_box ul li a:hover .btn_down:before , .file_box ul li a:focus .btn_down:before {top:0.9rem;} .file_box ul li a.icon_pdf{ padding-right:22rem; } .file_box ul li a .btn_view {position: absolute; top:50%; transform:translateY(-50%); right:11rem; } .file_box ul li .incon{border:1px solid #d7d7d7;} .file_box ul li .incon:hover, .file_box ul li .incon:focus {color:#05367b; border-color:#05367b; box-shadow: 0 0.7rem 1.1rem #30529145; background-color:var(--white); } .file_box ul li .incon:hover .file_tit, .file_box ul li a:focus .file_tit {color:var(--black);} .file_box ul li .incon:hover .btn_down:before , .file_box ul li .incon:focus .btn_down:before {top:0.9rem;} .file_box ul li .incon.icon_pdf{ padding-right:22rem; } .file_box ul li .incon.icon_pdf .file_tit {width:calc(100% - 22rem);} .file_box ul li .btn_view {position: absolute; top:50%; transform:translateY(-50%); right:11rem;} .pluginBox {background:#f3f6fc;border:1px solid #e1e4ea;border-radius:.5rem;margin-bottom:1.5rem;} .pluginBox .flex {display:flex;justify-content:space-between;align-items:baseline; padding:1.5rem 2rem 0;} .pluginBox h4 {display:flex;justify-content:start;align-items:center;gap:.8rem;font-size:1.8rem !important;} .pluginBox h4 i {width:2rem;height:2rem;text-align:center;background:#223c6d;color:#fff;border-radius:50%;} .pluginBox h4 + span {font-size:1.4rem;color:#444;} .pluginBox .bbsView_cont {padding:0;margin:0;min-height: auto;} .pluginBox .bbsView_cont .file_box {padding:1rem 2rem 1.5rem;margin:0;} .pluginBox .bbsView_cont .file_box li div {background:#fff;} .bott_info_txt.f16{ color: #1a40b6; width: 100%; font-size: 1.6rem; padding-left: 0.3rem; margin:.5rem 0;} /*페이징*/ .pagination {display:flex; margin-top:5rem; align-items:center; justify-content:center;gap:.4rem;} .pagination > *{display:inline-block; min-width:4.5rem; height:4.5rem; box-sizing:border-box; font-size:1.7rem; font-weight:bold; text-align:center; vertical-align:top; line-height:4.3rem; transition:all 0.3s;} .pagination a[class^="btn_"]{width:4.5rem;color:#444;font-weight:600;overflow:hidden; white-space:nowrap; transition:all 0.3s;} .pagination a.selected{ color:#000;font-size:1.8rem;} .pagination a.selected:hover, .pagination a.selected:focus {color:#fff;} .pagination span{border-color:var(--black); color:var(--white); background:var(--black);} .pagination a[class^="btn_"]:hover, .pagination a[class^="btn_"]:focus {background:#0931b0;color:#fff;} .pagination a:not([class^="btn_"]):hover, .pagination a:not([class^="btn_"]):focus{background:#0931b0;color:#fff;} .pagination a:not([class^="btn_"]):hover span, .pagination a:not([class^="btn_"]):focus span {color:#fff;} /*패널 레이아웃*/ .wrap.on #header, .wrap.on .lnb_wrap, .wrap.on #footer {display:none;} .wrap.on #content {position:fixed; top:0; left:0; padding:3rem; max-width:100%; width:100vw; height:100vh; background:var(--white); overflow:auto;} .layout_btn { background:#0931b0; color:#fff; font-size:14px; border-radius:0.5rem; transition: all 0.3s; min-width:9rem;} .layout_btn:hover, .layout_btn:focus {box-shadow: 0 0.7rem 1.1rem #30529145;} .layout_btn.on {background:#76b026;} .layout_btn span {display:inline-block; padding:0.5rem 0.5rem 0.5rem 2.7rem; background: url('../../img/sub/btn_layout_big.png') no-repeat center left 0.5rem;} .layout_btn.on span {background:url('../../img/sub/btn_layout_small.png') no-repeat center left 0.5rem;} .data_layout {position:relative; display:flex; flex-direction:column;} .data_layout .layout_box {display:flex;} .data_layout .left_box, .data_layout .right_box {height:15rem; overflow-y:hidden; border:1px solid #ddd; background:#ddd; box-sizing:border-box;} .data_layout.on .left_box, .data_layout .layout_box.on .right_box {width:20%;} .data_layout .left_box {width:20%; background:yellow;} .data_layout .right_box {width:80%;} .data_layout .bottom_box {width:100%; height:150px; border:1px solid #ddd; background:blue; box-sizing:border-box;} .data_layout .layout_box.on .left_box.on, .data_layout .layout_box.on .right_box.on {width:80%; background:red; overflow-y:auto;} .data_layout .bottom_box.on {background:red; overflow-y:auto;} .data_layout .layout_box.on > div {height:50rem;} .data_layout .btn_control ,.data_layout .btn_save{padding:1rem; font-size:14px; background:#fff;} /*자주묻는질문 목록*/ .faqList {position:relative; width:100%;} .faqList > ul {border-top: 1px solid #999;} .faqList > ul > li {position:relative; width:100%; display:flex; flex-direction: column; border-bottom:1px solid #999; box-sizing:border-box;} .faqList > ul > li .faq_btn {position:relative; display:flex; width:100%; padding:2rem 15rem 2rem 2rem; box-sizing:border-box; align-items: flex-start; } .faqList > ul > li .faq_btn .i_text{ padding:0.5rem 1rem; border-radius:3rem; background:#05367b; color:#fff; font-weight:600; font-size:1.6rem; } .faqList > ul > li .faq_tit {display:block; font-size:1.8rem; font-weight:bold; line-height:2.4rem; text-align:left; padding-left:2rem; color:var(--black);} .faqList > ul > li .btn_more {display:flex; align-items:center; position:absolute; top:50%; right:2rem; transform:translateY(-50%); width:4rem; height:4rem; border-radius:0.5rem; border:1px solid #d9d9d9; transition:all 0.3s ease 0s; box-sizing:border-box; overflow:hidden;} .faqList > ul > li .btn_more span {display:none; font-size:1.5rem; font-weight:bold; color:var(--color2); white-space:nowrap; opacity:0; transition:all 0.3s;} .faqList > ul > li .btn_more:after {content:''; display:block; position:absolute; top:1.2rem; right:1.3rem; width:1rem; height:1rem; border-top:2px solid #888; border-right:2px solid #888; transform:rotate(135deg); transition:all 0.3s ease 0s;} .faqList > ul > li .faq_con{ display:none; } .faqList > ul > li .faq_con .faq_con_inner{ padding:2rem; background:var(--bgColor11); } .faqList > ul > li .faq_con .faq_con_inner .text_box{ display:flex; align-items: flex-start; } .faqList > ul > li .faq_con .i_text{ padding:0.5rem 1rem; border-radius:3rem; background:#76b026; color:#fff; font-weight:600; font-size:1.6rem; } .faqList > ul > li .faq_con p { padding-left:2rem; color:var(--txt8); font-size:1.6rem;} .faqList > ul > li .faq_con .faq_con_inner .file_box {position:relative; margin-top:2rem; width:100%; padding:2rem; background:var(--white); box-shadow:0.1rem 0 1.1rem #30529124;} .faqList > ul > li .faq_con .faq_con_inner .file_box > .tit {margin-bottom:1rem; font-size:1.7rem; font-weight:bold; line-height:22px; color:var(--black);} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li + li {margin-top:0.5rem;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a {position: relative; padding:1.3rem 11rem 1.3rem 4.5rem; display:flex; border-radius:0.5rem; border:1px solid #d7d7d7; transition:all 0.3s; font-size:1.5rem; min-height:5rem; } .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a:before {content:''; display:block; position:absolute; width:2.4rem; height:2.4rem; border-radius:3px; box-sizing:border-box;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a.icon_pdf:before {top:1.2rem; left:1.3rem; border:1px solid #c80a0a; background:#fff url('../../img/sub/icon_file_pdf.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a.icon_doc:before {top:1.2rem; left:1.3rem; border:1px solid #4c74a9; background:#fff url('../../img/sub/icon_file_doc.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a.icon_hwp:before {top:1.2rem; left:1.3rem; border:1px solid #0f78bc; background:#fff url('../../img/sub/icon_file_hwp.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a.icon_ppt:before {top:1.2rem; left:1.3rem; border:1px solid #d24628; background:#fff url('../../img/sub/icon_file_ppt.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a.icon_img:before {top:1.2rem; left:1.3rem; border:1px solid #3a3a3a; background:#fff url('../../img/sub/icon_file_img.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a.icon_xls:before {top:1.2rem; left:1.3rem; border:1px solid #197f3f; background:#fff url('../../img/sub/icon_file_xls.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a.icon_txt:before {top:1.2rem; left:1.3rem; border:1px solid #999; background:#fff url('../../img/sub/icon_file_txt.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a .file_tit {word-break: keep-all; color:var(--black)} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a .btn_down {position: absolute; top:50%; transform:translateY(-50%); right:1rem; padding-left:1rem; width:9rem; height:3rem; line-height:3rem; background-color:#223c6d; border-radius:0.5rem;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a .btn_down span {position:relative; font-size:1.3rem; color:#fff;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a .btn_down:before {content:''; display:block; position:absolute; top:0.8rem; right:1.2rem; width:0.7rem; height:0.8rem; background:url('../../img/sub/icon_bbs_file_arrow.png') no-repeat center; transition:all 0.1s;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a .btn_down:after {content:''; display:block; position:absolute; top:1.9rem; right:1rem; width:1.1rem; height:0.3rem; border:1px solid #fff; border-top:0;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a.icon_pdf{ padding-right:22rem; } .faqList > ul > li .faq_con .faq_con_inner .file_box ul li a .btn_view {position: absolute; top:50%; transform:translateY(-50%); right:11rem; } .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon {position: relative; padding:1.3rem 11rem 1.3rem 4.5rem; display:flex; border-radius:0.5rem; border:1px solid #d7d7d7; transition:all 0.3s;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon:before {content:''; display:block; position:absolute; width:2.4rem; height:2.4rem; border-radius:3px; box-sizing:border-box;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon.icon_pdf:before {top:1.2rem; left:1.3rem; border:1px solid #c80a0a; background:#fff url('../../img/sub/icon_file_pdf.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon.icon_doc:before {top:1.2rem; left:1.3rem; border:1px solid #4c74a9; background:#fff url('../../img/sub/icon_file_doc.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon.icon_hwp:before {top:1.2rem; left:1.3rem; border:1px solid #0f78bc; background:#fff url('../../img/sub/icon_file_hwp.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon.icon_ppt:before {top:1.2rem; left:1.3rem; border:1px solid #d24628; background:#fff url('../../img/sub/icon_file_ppt.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon.icon_img:before {top:1.2rem; left:1.3rem; border:1px solid #3a3a3a; background:#fff url('../../img/sub/icon_file_img.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon.icon_xls:before {top:1.2rem; left:1.3rem; border:1px solid #197f3f; background:#fff url('../../img/sub/icon_file_xls.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon.icon_txt:before {top:1.2rem; left:1.3rem; border:1px solid #999; background:#fff url('../../img/sub/icon_file_txt.png') no-repeat center;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon .file_tit {word-break: keep-all; color:var(--black)} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon .btn_down {position: absolute; top:50%; transform:translateY(-50%); right:1rem; padding-left:1rem; width:9rem; height:3rem; line-height:3rem; background-color:#223c6d; border-radius:0.5rem;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon .btn_down span {position:relative; font-size:1.3rem; color:#fff;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon .btn_down:before {content:''; display:block; position:absolute; top:0.8rem; right:1.2rem; width:0.7rem; height:0.8rem; background:url('../../img/sub/icon_bbs_file_arrow.png') no-repeat center; transition:all 0.1s;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon .btn_down:after {content:''; display:block; position:absolute; top:1.9rem; right:1rem; width:1.1rem; height:0.3rem; border:1px solid #fff; border-top:0;} /*이벤트*/ /*.point {position:relative; color:#76b026; padding-left:5px;} .point:before {display:block; content:''; position:absolute; top:4px; left:-2px; width:0.4rem; height:0.4rem; background-color:#2045b8; border-radius:0.5rem;}*/ .point {color:#e9163f;} .chk_tit{ padding-left:2.5rem; position:relative; } .chk_tit:before, .chk_tit:after{ content:" "; display:block; position:absolute;} .chk_tit:before{ width:0.3rem; height:1.2rem; background: #5377bc; border-radius:0.4rem; transform:rotate(44deg); top:0.6rem; left:1.1rem; } .chk_tit:after{ width:0.3rem; height:0.9rem; background: #5377bc; border-radius:0.4rem; transform:rotate(-46deg); top:0.9rem; left:0.5rem; } .eventInfo{ display:flex; } .eventInfo .event_img, .eventInfo .event_userInfo, .eventInfo .event_quizInfo{ width:calc( 50% - 20px ); } .eventInfo .event_userInfo, .eventInfo .event_quizInfo{ margin-left:4rem; padding:2rem; box-shadow: 0.6rem 0.5rem 1.1rem #30529124; background:var(--bgColor10); box-sizing:border-box; } .eventInfo .event_img img{ width:100%; } .eventInfo .event_userInfo .agree_box .agree_tit{ font-size:1.8rem; margin-bottom:1rem; } .eventInfo .event_userInfo .agree_box .agree_tit span{ color:#76b026; } .eventInfo .event_userInfo .agree_box .agree_con{ border-radius:0.5rem; background:#fff; border:1px solid #ddd; box-sizing:border-box; height:13rem; overflow-y:auto; padding:1rem; font-size:1.4rem; color:#000;} .eventInfo .event_userInfo .agree_box .agree_con .article_tit{ font-weight:500; } .eventInfo .event_userInfo .agree_box .agree_con .article_tit + .article_txt{ margin-top:0.5rem; } .eventInfo .event_userInfo .agree_box .agree_con .article_txt + .article_tit{ margin-top:1rem; } .eventInfo .event_userInfo .agree_box .agree_sign .sign_here{ width:30rem; background:#fafafa; } .agree_con::-webkit-scrollbar-thumb { background: #05367b7a; border-radius: 1rem; border: 5px solid #fff; } .agree_con::-webkit-scrollbar-track { background-color: #fff; border-radius:5px; } .agree_con::-webkit-scrollbar { width: 1.8rem; } .eventInfo .event_userInfo .agree_box .agree_chk{ margin-top:1rem; position:relative; } .check_wrap{ position:relative; } .check_wrap input{ position: absolute; background: transparent; width: 100%; height: 100%; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .check_wrap label{ display:block; padding:1rem; background:#fff; border:1px solid #05367b; box-sizing:border-box; border-radius:0.5rem; cursor:pointer; position:relative; z-index:1; font-weight:500; transition:all 0.3s;} .check_wrap label span{ color:#05367b; font-size:1.6rem; } .check_wrap label:after, .check_wrap label:before{ content:" "; display:block; position:absolute; right:1rem; top:0.8rem; } .check_wrap label:before{ width:0.7rem; height:1rem; border-right:3px solid #05367b7a; border-bottom:3px solid #05367b7a; transform:rotate(45deg); z-index:2; top:1.4rem; right:1.9rem; } .check_wrap label:after{ width:2.5rem; height:2.5rem; background:#fff; border:1px solid #05367b; box-sizing:border-box; border-radius:2rem; z-index:1; transition:all 0.3s;} .eventInfo .event_userInfo .user_box .user_tit{ display:flex; margin-top:2rem; justify-content: space-between; margin-bottom:1rem; align-items: flex-end; } .eventInfo .event_userInfo .user_box .user_tit h3{ font-size:1.8rem; } .eventInfo .event_userInfo .user_box .user_tit span{ font-size:1.5rem; } .eventInfo .event_userInfo .user_box .user_item + .user_item{ margin-top:1rem; } .eventInfo .event_userInfo .user_box .user_item h3{ font-size:1.6rem; margin-bottom:0.5rem; } .eventInfo .event_userInfo .user_box .user_item h3 .point{ margin-right:0.3rem; } .eventInfo .event_userInfo .inpBox {margin-top:2.7rem;} .eventInfo .btn_box { margin-top:2rem; } .eventInfo .event_quizInfo .quiz_tit{ padding: 0.2rem 2rem; border-radius:3rem; background:#05367b; color:#fff; font-weight:500; font-size:1.8rem; display:inline-block; height: 4rem; line-height: 3.8rem; box-sizing: border-box; } .eventInfo .event_quizInfo .quiz_con{ margin:2rem 0; font-size:1.6rem;} .eventInfo .event_quizInfo .quiz_hint{ padding:1rem; border-radius:1rem; border:1px dashed #05367b7e; background:#eeeffb; margin-top:2rem; } .eventInfo .event_quizInfo .quiz_hint h4{ margin-bottom:0.5rem; color:#05367b; } .eventInfo .event_quizInfo .quiz_hint p{ font-size:1.5rem; color:#222;} .eventInfo .event_userInfo .inpBox {margin-top:1rem;} .eventInfo .event_userInfo .inpBox label {background-color: transparent; position:relative; top:0; left:0; padding-left:0;} .eventInfo .inpBox label.req .tit {font-size:1.5rem; word-break:keep-all; } .eventInfo .event_quizInfo .quiz_ans + .quiz_ans {margin-top:1rem;} .eventInfo .event_quizInfo .quiz_ans > li + li{ margin-top:1rem; } .eventInfo .event_quizInfo .quiz_ans > li > div {position: relative;} .eventInfo .event_quizInfo .quiz_ans .radioBox, .eventInfo .event_quizInfo .quiz_ans .checkBox {width:100%;} .eventInfo .event_quizInfo .quiz_ans .radioBox label, .eventInfo .event_quizInfo .quiz_ans .checkBox label {width:100%; padding:1rem; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; border-radius:0.5rem; cursor: pointer; transition:all 0.3s;} .eventInfo .event_quizInfo .quiz_ans .radioBox label:hover, .eventInfo .event_quizInfo .quiz_ans .checkBox label:hover, .eventInfo .event_quizInfo .quiz_ans textarea:hover, .eventInfo .event_quizInfo .quiz_ans .radioBox label:focus, .eventInfo .event_quizInfo .quiz_ans .checkBox label:focus, .eventInfo .event_quizInfo .quiz_ans textarea:focus { border-color:#0930ae; box-shadow: 0 0.7rem 1.1rem #30529145; } /*.eventInfo .event_quizInfo .quiz_ans .radioBox input:checked + label, .eventInfo .event_quizInfo .quiz_ans .checkBox input:checked + label {background-color:#05367b; border-color:#05367b;}*/ .eventInfo .event_quizInfo .radioBox input[type="radio"]:checked + label:after {left:1.5rem;} .eventInfo .event_quizInfo .quiz_ans .radioBox label span, .eventInfo .event_quizInfo .quiz_ans .checkBox label span {font-size:1.5rem; color:#000;} .evnt_top_txt{ text-align:right; font-size:1.5rem; } .eventInfo .event_quizInfo .quiz_ans .radioBox input[type="radio"], .eventInfo .event_quizInfo .quiz_ans .radioBox input[type="checkbox"]{ left:1rem; } .eventInfo .no-evnt{ width:100%; padding:8rem 33rem; border-top:0.2rem solid #97a5c0; border-bottom:0.2rem solid #97a5c0; position:relative; } .eventInfo .no-evnt:after{ content:" "; display:block; position:absolute; width:18rem; height:18rem; background:#f3f4fe url(../../img/sub/evnt_img.png) center center no-repeat; background-size: 63%; left:10rem; top:50%; transform:translateY(-50%); border-radius:50%; } .eventInfo .no-evnt:before{ content:" "; display:block; position:absolute; width:31.8rem; height:13.8rem; right:7rem; background:url(../../img/sub/evnt_img_02.png) center center no-repeat; bottom:0;} .eventInfo .no-evnt .no-evnt-tit{ font-size:4rem; font-weight:600; word-break:keep-all; } .eventInfo .no-evnt .no-evnt-tit span{ color:#f35858; } .eventInfo .no-evnt .no-evnt-cnt{ font-size:1.7rem; margin-top:1rem; word-break:keep-all; } /*학술행사*/ .data_cntBox .data_cntTop {display:flex; position: relative; word-break: keep-all; width:100%; font-size:1.5rem; } .data_cntBox .data_cntTop .before, .data_cntBox .data_cntTop .after {position:absolute; display:block; top:0; left:0; height:1px; background-color:#d7d7d7; z-index:1;} .data_cntBox .data_cntTop .after {bottom:0; top:auto;} .data_cntBox .data_cntTop .topLeftBox {width:calc(100% - 47rem); border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; box-sizing:border-box;} .data_cntBox .data_cntTop .topLeftBox .topTit {padding:3rem; border-bottom:1px solid #d7d7d7; box-sizing:border-box;} .data_cntBox .data_cntTop .topLeftBox .topTit .tit {margin-bottom:2rem; font-size:2.5rem; font-weight:bold; color:var(--black); line-height:3rem;} .data_cntBox .data_cntTop .topLeftBox .topTit .dlTxt .txtList {display:flex; position: relative; padding-left:3rem; min-height:2.2rem; line-height:2.2rem;} .data_cntBox .data_cntTop .topLeftBox .topTit .dlTxt .txtList:before {content:''; display:block; position: absolute; top:-1px; left:0; width:2.2rem; height:2.2rem; background-position:center; background-repeat: no-repeat;} .data_cntBox .data_cntTop .topLeftBox .topTit .dlTxt .txtList.dep:before {background-image:url('../../img/sub/data_txt_icon_01.png');} .data_cntBox .data_cntTop .topLeftBox .topTit .dlTxt .txtList.call:before {background-image:url('../../img/sub/data_txt_icon_02.png');} .data_cntBox .data_cntTop .topLeftBox .topTit .dlTxt .txtList.mail:before {background-image:url('../../img/sub/data_txt_icon_03.png');} .data_cntBox .data_cntTop .topLeftBox .topTit .dlTxt .txtList dt {color:var(--black); font-weight:bold; margin-right:1rem;} .data_cntBox .data_cntTop .topLeftBox .topTit .dlTxt .txtList dd {color:var(--txt5_1);} .data_cntBox .data_cntTop .topLeftBox .bottomTxt {padding:3rem; box-sizing:border-box;} .data_cntBox .data_cntTop .topLeftBox .bottomTxt .dlTxt .txtList {display:flex; flex-direction:row; word-break:keep-all;} .data_cntBox .data_cntTop .topLeftBox .bottomTxt .dlTxt .txtList + .txtList {margin-top:2rem;} .data_cntBox .data_cntTop .topLeftBox .bottomTxt .dlTxt .txtList dt {margin-right:1rem; color:var(--black); font-weight:bold; font-size:1.8rem; line-height:2.2rem;} .data_cntBox .data_cntTop .topLeftBox .bottomTxt .dlTxt .txtList dd {color:var(--txt5_1); line-height:2.2rem;} .data_cntBox .data_cntTop .topLeftBox .bottomTxt .dlTxt .txtList.link dt {line-height:40px;} .data_cntBox .data_cntTop .topLeftBox .bottom_btnBox {margin-top:3rem; display:flex; justify-content:flex-start;} .data_cntBox .data_cntTop .topLeftBox .bottom_btnBox button { min-width:20rem; width:auto; height:6rem; line-height:2.2rem; border-radius:0.5rem; margin:0; font-weight: 500; font-size:1.8rem; box-sizing:border-box; padding:0 1.5rem; } .data_cntBox .data_cntTop .topLeftBox .bottom_btnBox button + button{ margin-left:1rem; } .data_cntBox .data_cntTop .topRightBox {position:relative; padding:3rem 0 6.5rem; width:47rem; display:flex; align-items:flex-start; justify-content:center;} .data_cntBox .data_cntTop .topRightBox .topBefore {display:block; position:absolute; top:0; left:0; height:100%; background-color:var(--topRightBox_bg);} .data_cntBox .data_cntTop .topRightBox .posterBox {position:relative; width:39rem; height:55rem; box-shadow:0 0 0 #000; box-shadow: 0.6rem 0.6rem 1.7rem 0 #0000000d; z-index:1;} .data_cntBox .data_cntTop .topRightBox .posterBox .control {position: absolute; top:50%; transform:translateY(-50%); margin-top:-5rem; width:100%;} .data_cntBox .data_cntTop .topRightBox .posterBox .control .slick-arrow {position:absolute; top:0; width:4.5rem; height:4.5rem; background-repeat:no-repeat; background-position:center; transition:all 0.3s;} .data_cntBox .data_cntTop .topRightBox .posterBox .control .slick-arrow.prev {left:-2.3rem; background-image:url('../../img/sub/btn_poster_left.png');} .data_cntBox .data_cntTop .topRightBox .posterBox .control .slick-arrow.next {right:-2.3rem; background-image:url('../../img/sub/btn_poster_right.png');} .data_cntBox .data_cntTop .topRightBox .posterBox .control .slick-arrow:hover.prev {background-image:url('../../img/sub/btn_poster_left_on.png');} .data_cntBox .data_cntTop .topRightBox .posterBox .control .slick-arrow:hover.next {background-image:url('../../img/sub/btn_poster_right_on.png');} .data_cntBox .data_cntTop .topRightBox .posterBox .slick-dots {bottom:-4rem;} .data_cntBox .data_cntTop .topRightBox .posterBox .slick-dots li {width:auto; height:auto; margin:0; padding:0;} .data_cntBox .data_cntTop .topRightBox .posterBox .slick-dots li + li {margin-left:1rem;} .data_cntBox .data_cntTop .topRightBox .posterBox .slick-dots li {width:auto; height:auto; margin:0; padding:0;} .data_cntBox .data_cntTop .topRightBox .posterBox .slick-dots button {display:block; width:1.2rem; height:1.2rem; background-color:#afb9ce; border-radius:2rem; transition:all 0.3s;} .data_cntBox .data_cntTop .topRightBox .posterBox .slick-dots button:before {display:none;} .data_cntBox .data_cntTop .topRightBox .posterBox .slick-dots .slick-active button {width:2.5rem; background-color:#223c6d;} .data_cntBox .data_cntTop .txtContBox .txtCon {margin-bottom:2rem;} .data_cntBox .data_cntTop .txtContBox .sub_tit {margin:2rem 0 1rem; font-size: 1.8rem; line-height:2.2rem; font-weight:bold;} .data_cntBox .data_cntTop .txtContBox .sub_tit .blue {color:#0931b0;} .data_cntBox .bottomTxt.satiBtn .dlTxt dl {flex-direction:column;} .data_cntBox .bottomTxt.satiBtn .dlTxt {display:flex; align-items:center; justify-content: space-between;} .data_cntBottom {margin-top:4rem;} .data_cntBox .data_cntTop .topRightBox .posterBox .hover_btn{ position:absolute; top:1rem; right:1rem; z-index: 2; } .data_cntBottom .bottom_btnBox {margin-top:3rem; display:flex; justify-content:center;} .data_cntBottom .bottom_btnBox button { min-width:25rem; width:auto; height:5rem; line-height:4.6rem; border-radius:0.5rem; margin:0 0.5rem; font-weight: 500; box-sizing:border-box; padding:0 1.5rem; } /*입력폼*/ .formBox .formTit {display:flex; justify-content:space-between; margin-bottom:1rem; font-size:2rem; font-weight:bold; align-items: flex-end;} .formBox .formTit .point {font-size:1.5rem; font-weight:400;} .formBox .formCont {border-top:2px solid #000; box-sizing: border-box;} .formBox .formCont ul{ display:flex;border-bottom:1px solid #e4e4e4;padding:2rem;} .formBox .formCont.n_4 ul {display:flex;} .formBox .formCont.n_4 ul li {width:calc(100%/4);} .formBox .formCont.n_4 ul li + li {padding-left:2rem;} .formBox .formCont ul li{ width:100%; } .formBox .bottom_btnBox {margin-top:3rem; display:flex; justify-content:center;} .formBox .bottom_btnBox button { min-width:25rem; width:auto; height:5rem; line-height:4.6rem; border-radius:0.5rem; margin:0 0.5rem; font-weight: 500; box-sizing:border-box; padding:0 1.5rem; } /*논문경진대회 입력폼 */ .formBox.thesis {margin-bottom:4rem;} .formBox.thesis .formCont.n_4 ul li.tel {width:25rem;} .formBox.thesis .formCont.n_4 ul li.email {width:25rem;} .formBox.thesis .formCont.n_4 ul li.pass {display:flex; width:calc(100% - 65rem); align-items:self-end} .formBox.thesis .formCont .hover_btn {margin-left:0.5rem; width:40rem; height:5rem; font-size:1.5rem; border-radius:0.5rem; border-color:#1a40b6; font-weight:bold; color:#1a40b6;} .formBox.thesis .formCont .hover_btn:hover {border-color:#1a40b6; color:#1a40b6;} .formBox.thesis .formCont.n_4 ul li.sel {width:15rem;} .sign_hide_btn{ display:none !important; } .sign_hide_btn.on{ display:inline-flex !important; } .formBox.thesis .formCont ul { display:flex; gap:2rem;flex-flow:row wrap;} .formBox.thesis .formCont ul li{ flex:1;display:flex;justify-content: space-between;} .formBox.thesis .formCont ul li.flex1{ flex:0 0 50%;width:50%;} .formBox.thesis .formCont ul li.flex2{ flex:2;} .formBox.thesis .formCont ul li.flex3{ flex:3;} .formBox.thesis .formCont ul li.full{ flex:1 1 100%;width:100%;} .formBox.thesis .formCont ul .bott_info_txt {flex:1 1 100%;margin-top:-1rem!important;} .formBox.thesis .formCont ul.n_4.type_mmms li{ width:28rem; } .formBox.thesis .formCont ul.n_4.type_mmms li.sel{ width:20rem; } .formBox.thesis .formCont ul.n_3.type_mlm li{ width:28rem; } .formBox.thesis .formCont ul.n_3.type_mlm li:nth-child(2){ width:50rem; } .formBox.thesis .formCont ul.n_3.type_mml li{ width:28rem; } .formBox.thesis .formCont ul.n_3.type_mml li:nth-child(3){ width:50rem; } .formBox.thesis .formCont ul.n_3.type_mml li.pass{ display:flex; } .formBox.thesis .formCont ul.n_3.type_mml li.pass .inpBox:nth-child(2){ width:30rem; } .formBox.thesis .formCont ul.n_3.type_mml li.pass .hover_btn{ margin-top:1.5rem; } .formBox.thesis .formCont ul.n_3.type_mml li.pass .inpBox + .inpBox{ margin-left:0.5rem; } .formBox.thesis .pass .pass_btn{ color:#1a40b6; position: absolute; width: 35rem; font-size: 1.4rem; z-index: 1; left: 0; bottom: -2.5rem; border-radius: 0.5rem; padding-left:0.3rem; } .formBox.thesis .pass .pass_btn:hover, .formBox.thesis .pass .pass_btn:focus{ background: #ecf0fc;} .formBox.thesis .pass .pass_btn:active{ background:#1a40b6; color:#fff; } .formBox.thesis .bott_info_txt{ color: #1a40b6; width: 100%; font-size: 1.4rem; padding-left: 0.3rem; margin-top:0.5rem; } .titTxt_btn + .sm_span{ margin-top:-3rem; margin-bottom:4rem; font-size:1.4rem; color:#1a40b6; } .item_inputTxt input[type="text"] {width:100%;} /*학술행사 탭*/ .tab.data_list {position: relative; padding-top:8rem; width:100%; position: relative; box-sizing:border-box; } .tab.data_list > ul > li > .tabBtn {position:absolute; display:flex; justify-content: center; align-items:center; top:0; height:5rem; color:#777; font-size:2rem; box-sizing: border-box; border:1px solid var(--btn_tab_line); transition:all 0.3s;} .tab.data_list > ul > li.active > .tabBtn {color:#05367b; border-color:#05367b; background-color:#0931b0; color:#fff; box-shadow: 0 0.7rem 1.1rem #30529145; font-weight:bold;} .tab.data_list > ul > li > .tabBtn:hover {color:#05367b; border-color:#05367b;} .tab.data_list > ul > li.active > .tabBtn:hover {color:#fff} .tab.data_list.n_2 > ul > li > .tabBtn {width:calc(50% - 1rem);} .tab.data_list.n_2 > ul > li:first-child > .tabBtn {left:0;} .tab.data_list.n_2 > ul > li:last-child > .tabBtn {right:0;} .tab.data_list.n_3 > ul > li > .tabBtn { width:calc(33.33% - 1rem); } .tab.data_list.n_3 > ul > li:first-child > .tabBtn {left:0;} .tab.data_list.n_3 > ul > li:nth-child(2) > .tabBtn {left:calc(33.33% + 0.5rem);} .tab.data_list.n_3 > ul > li:last-child > .tabBtn {right:0;} .tab.data_list.n_4 > ul > li > .tabBtn {width:calc(25% - 1.5rem);} .tab.data_list.n_4 > ul > li:first-child > .tabBtn {left:0;} .tab.data_list.n_4 > ul > li:nth-child(2) > .tabBtn {left:calc(25% + 0.5rem);} .tab.data_list.n_4 > ul > li:nth-child(3) > .tabBtn {left:calc(50% + 1rem);} .tab.data_list.n_4 > ul > li:last-child > .tabBtn {right:0;} /*학술행사 첨부파일*/ .fileformBox .formTit h4 {margin-bottom:1rem; font-size:2rem; font-weight:bold; color:#000; vertical-align: middle;} .fileformBox .formTit h4 .sm_span{ font-size:1.6rem; vertical-align: middle; } .titTxt_btn {background-color:#f3f6fc; padding:1.5rem; margin-bottom:1rem; display:flex;justify-content: space-between; align-items:center; color:#333;} .titTxt_btn .blue {color:#0931b0;} .titTxt_btn .bul_list {width:auto;} .titTxt_btn:not(:has(.btn_box)) .bul_list {width:100%;} .titTxt_btn .btn_box{ flex-shrink: 0; } [class*="bd_lst_tbl"]{table-layout:fixed;min-width:100%;width:100%;word-break:break-all;border-collapse:collapse;} [class*="bd_lst_tbl"]>*>tr>*{padding:5px 8px;line-height:21px;color:#555;font-size:1.000rem;letter-spacing:-0.05em;text-align:left;border:1px solid #d9d9d9;background:#fff; font-size:1.5rem;} [class*="bd_lst_tbl"]>*>tr>*:last-child{border-right-width:0;} [class*="bd_lst_tbl"]>*>tr>*:first-child{border-left-width:0;} [class*="bd_lst_tbl"]>*>tr>th {padding:10px 8px;color:#000;text-align:center;background:#f7f7f7;font-weight:bold; font-size:1.5rem; word-break: keep-all; } [class*="bd_lst_tbl"]>thead>tr:last-child>th {border-bottom:0;} .bd_lst_tbl .tl_c {text-align:center;} .bd_lst_tbl td input[type="text"] {width:100%;} .bd_lst_tbl td {height:41px; text-overflow:ellipsis;overflow:hidden;} .tbl_style01 input[type="checkbox"], input[type="radio"], .bd_lst input[type="checkbox"] {accent-color:#0931b0;} .bd_lst_tbl span i {display:inline-block;margin:0 16px 0 10px;} .bd_lst_tbl span:last-child i {margin-right:0;} .file_list li {padding-left:50px;} .file_list li i {position:absolute; top:6px; left:0;} .ic_file {display:inline-block; align-items:center; flex-wrap:wrap; position:relative;} .ic_file::after {position:relative; display:inline-block; content:''; top:6px; right:auto; width:25px; height:25px; background:url(../../img/sub/icon_file_tit_b.png) no-repeat; } .ic_search_b {display:inline-block; width:22px; height:22px; margin-top:3px; position:relative;} .ic_search_b:after {content:''; display:block; position:absolute; top:calc(50% - 11px);left:calc(50% - 11px); width:22px;height:22px;background:url(../../img/sub/icon_search_b.png) no-repeat;} .fileList .fileList_tit, .fileList .fileList_item{ display:flex; } .fileList .fileList_tit > *, .fileList .fileList_item > *{ flex-shrink: 0; flex-grow:0; padding:1.3rem 1.3rem 1.2rem 1.3rem; box-sizing:border-box; } .fileList .fileList_item > *, .fileList .fileList_item li > *{ color: #555; letter-spacing: -0.05em; font-size: 1.5rem; line-height:1.6rem; word-break:break-all; display:flex; align-items: center; justify-content: center; } .fileList .fileList_tit .file_check, .fileList .fileList_item .file_check{ width:5%; text-align:center; display:flex; align-items: center; justify-content: center; } .fileList .fileList_tit .file_type, .fileList .fileList_item .file_type{ width:10%; text-align:center; } .fileList .fileList_tit .file_name{ text-align:center; } .fileList .fileList_tit .file_name, .fileList .fileList_item .file_name{ width:35%; justify-content: flex-start; } .fileList .fileList_tit .file_size, .fileList .fileList_item .file_size, .fileList .fileList_tit .file_down, .fileList .fileList_item .file_down, .fileList .fileList_tit .file_view, .fileList .fileList_item .file_view{ width:10%; text-align:center; position:relative; } .fileList .fileList_tit .file_text, .fileList .fileList_item .file_text{ width:10%; text-align:center; position:relative; } .fileList .fileList_item .file_del{ width:10%; text-align:center; position:relative; } .fileList .fileList_tit{ background:#f7f7f7; font-weight: bold; font-size: 1.5rem; color:#000; border-top:1px solid #000; } .fileList .fileList_item{ border-bottom:1px solid #d7d7d7;transition: all 0.3s; position:relative; } .fileList li.on .fileList_item, .fileList li:hover .fileList_item{ border-color: #05367b; box-shadow: 0 0.7rem 1.1rem #30529145; } .fileformBox .bottom_btnBox {margin-top:3rem; display:flex; justify-content:center;} .fileformBox .bottom_btnBox button { width:25rem; height:5rem; line-height:4.6rem; border-radius:0.5rem; margin:0 0.5rem; font-weight: 500; } .fileformBox .sign_hide_btn{ display:none; } .fileformBox .sign_hide_btn.on{ display:block; } .fileformBox + .fileformBox{ margin-top:4rem; } .fileformBox .tab_ul .tab_li .tab_cnt{ display:none; } .fileformBox .tab_ul .tab_li.active .tab_cnt{ display:block; } .fileformBox .tab_ul .tab_li .tab_tit_btn{ margin-bottom: 1rem; font-size: 2rem; font-weight: bold; color: #888; vertical-align: middle; cursor:pointer; border-bottom:1px solid transparent; } .fileformBox .tab_ul .tab_li.active .tab_tit_btn{ color:#1a40b6 !important; border-bottom:1px solid #1a40b6; } .fileformBox .tab_ul .tab_li .tab_tit_btn:hover, .fileformBox .tab_ul .tab_li .tab_tit_btn:focus{ color:#000; border-bottom:1px solid #000; } .fileformBox_tab{ position:relative; padding-top:5rem; } .fileformBox .tab_ul .tab_li .formTit .tab_tit_btn{ position:absolute; top:0; } .fileformBox .tab_ul .tab_li:nth-child(2) .formTit .tab_tit_btn{left:12rem} .fileformBox .tab_ul .tab_li:nth-child(3) .formTit .tab_tit_btn{ left:28rem; } .file_type > div {position:relative;padding-left:1rem;display:flex;flex-flow:column;gap:.6rem;} .file_type > div .point {display:block;position: absolute;top:0;left:0;width:1rem;height: 1rem;} .file_type > div span {width:auto;height:auto;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;} .file_type > div .t_info {font-size:1.3rem;font-weight:300;color: #444;display: block;background:#30529120;border-radius:.4rem;padding:.3rem 1rem .5rem;line-height:1.2;} /*파일폼에서 인풋 셀렉트*/ .fileList .fileList_item .basic_sel, .fileList .fileList_item .basic_input {height:3rem; letter-spacing:-0.05rem; font-size:1.3rem; line-height:1.1; word-break:keep-all;} .multi_select {flex: 1; height: 5rem; border: 1px solid #d9d9d9; border-radius: 0.5rem; font-size: 1.5rem; font-weight: 400; line-height: 4.8rem; box-sizing: border-box; transition: all 0.3s;} .multi_select p {width: 100%;font-size: 1.5rem;font-weight: 400;line-height: 4.8rem;padding: 0 1.5rem; background: url(../../img/common/btn_sel_arrow.png) no-repeat center right 1rem;} .multi_select:hover .multi_options, .multi_select:focus .multi_options, .multi_select:active .multi_options {display:flex;} .multi_select .multi_options {display:none ;flex-flow: column nowrap;height:auto;width:100%;background:#fff;border: 1px solid #d9d9d9;border-top:none;position:absolute;top:4.6rem;left:0;border-radius:0 0 .5rem .5rem;padding:0;z-index:20;} .multi_select .multi_options label {width: 100%;font-size:1.5rem;line-height: 3.4rem;transition: all 0.3s;white-space:nowrap;word-break:keep-all;padding:.2rem 1.5rem;width:100%;overflow:hidden;text-overflow: ellipsis;} .multi_select .multi_options label input {margin-right:.5rem;} .multi_select .multi_options label:hover {background:#f3f6fc;color:#1a40b6;} .multi_select .multi_options label, .multi_select .multi_options label:last-child:hover {border-radius:0 0 .5rem .5rem;} .multi_select .selected {padding-right:4rem;overflow:hidden;text-overflow: ellipsis;width: 100%;height: 4.8rem;} fh gowntpdy .multi_select:hover, .multi_select:focus, .multi_select:active , .multi_select:hover .multi_options {border-color:#1a40b6;box-shadow:0 5px 5px 0002;} .multi_select.readonly p{color:#333;background:#f8f7f9 !important; border-radius: 0.5rem;} .multi_select.readonly:hover .multi_options, .multi_select.readonly:focus .multi_options, .multi_select.readonly:active .multi_options {display:none;} /*정렬순서 추가시*/ .fileList.n_9 .fileList_item .file_name, .fileList.n_9 .fileList_tit .file_name { width:23%; } .fileList.n_9 .fileList_item .file_upload{ width:11%; } .fileList.n_9 .fileList_tit .file_upload { width:13%; } .fileList.n_9 .fileList_item .file_del, .fileList.n_9 .fileList_tit .file_del { width:5%; } .fileList.n_9 .fileList_item .file_sor, .fileList.n_9 .fileList_tit .file_sor {width:8%; text-align:center;} .fileList.n_9 .fileList_tit .file_type,.fileList.n_9 .fileList_item .file_type{ width:16%; text-align:center;word-break:keep-all;} .fileList.n_9 .fileList_tit .file_size, .fileList.n_9 .fileList_item .file_size{ width:7% !important; } .fileList.n_9 .fileList_item td.file_name {text-align:left;} /*파일 없을 경우 파일 찾기 버튼 추가*/ .fileList.n_9 .fileList_item .file_del .btn_del{ } .no_file .file_upload .hover_btn{ font-size:1.3rem; padding:0.6rem; border-radius:0.5rem; } .file_upload .hover_btn.file_add:after {content:"\F470";font-family:bootstrap-icons !important;transition:all 0.1s;font-size:1.7rem !important;} .hover_btn.file_add:after {content:"\F4FE";font-size:1.7rem !important;} /*인적사항 리스트*/ .personalList .personalList_tit, .personalList .personalList_item{ display:flex; } .personalList .personalList_tit > *, .personalList .personalList_item > *{ flex-shrink: 0; flex-grow:0; padding:1.3rem 1rem 1.3rem 1rem; box-sizing:border-box; word-break: keep-all; display:flex; align-items: center; justify-content: center; } .personalList .personalList_item li > *{ color: var(--txt5); letter-spacing: -0.05em; font-size: 1.3rem; line-height:1.1; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; } .personalList .personalList_tit li .point{ margin-right:0.2rem; } .personalList .personalList_item li select, .personalList .personalList_item li input{ height:3rem; } .personalList .personalList_tit .item_check, .personalList .personalList_item .item_check{ width:4%; text-align:center; display:flex; align-items: center; justify-content: center; } .personalList .item_no{ width:5%; text-align:center; } .personalList .item_agree{ width:7% !important; text-align:center; } .personalList .item_type, .personalList .item_inputTxt, .personalList .item_inputTell, .personalList .item_inputemail{ text-align:center; width:10%; } /*.personalList li.bg{width:11% !important;}*/ .personalList .item_inputTxt.sm{ width:10%; } .personalList .item_txt{ width:7%; text-align:center; } .personalList .personalList_tit{ background:var(--bgColor9); font-weight: bold; font-size: 1.5rem; color:var(--black); border-top:1px solid var(--black); } .personalList .personalList_item{ border:1px solid #d7d7d7; border-radius:0.5rem; margin-top:1rem; transition: all 0.3s; } .personalList li.on .personalList_item, .personalList li:hover .personalList_item{ border-color: #05367b; box-shadow: 0 0.7rem 1.1rem #30529145; } /* 참여내역 목록 */ .slsh_epd .personalList ul.personalList_tit li:nth-child(1), .slsh_epd .personalList ul.personalList_item li:nth-child(1){ width: 10%; text-align:center; } .slsh_epd .personalList ul.personalList_tit li:nth-child(2), .slsh_epd .personalList ul.personalList_item li:nth-child(2){ width: 20%; text-align:center; } .slsh_epd .personalList ul.personalList_tit li:nth-child(3), .slsh_epd .personalList ul.personalList_item li:nth-child(3){ width: 20%; text-align:center; } .slsh_epd .personalList ul.personalList_tit li:nth-child(4), .slsh_epd .personalList ul.personalList_item li:nth-child(4){ width: 20%; text-align:center; } .slsh_epd .personalList ul.personalList_tit li:nth-child(5), .slsh_epd .personalList ul.personalList_item li:nth-child(5){ width: 10%; text-align:center; } .slsh_epd .personalList ul.personalList_tit li:nth-child(6), .slsh_epd .personalList ul.personalList_item li:nth-child(6){ width: 20%; text-align:center; } .slsh_epd .personalList ul.personalList_item li button { width: auto; height: 3rem; line-height: 3rem; background-color: #223c6d; border-radius: 0.5rem; text-align: left; display: block; } .slsh_epd .personalList ul.personalList_item li button:hover, .slsh_epd .personalList ul.personalList_item li button:focus { background-color: #000; } .slsh_epd .personalList ul.personalList_item li button:active { background-color: #e7204b; } .slsh_epd .personalList ul.personalList_item li button span { position: relative; font-size: 1.3rem; color: #fff; line-height: 3rem; padding:0 1rem; } .slsh_epd .titTxt_btn .btn_box .hover_btn{ border:0.1rem solid #05367b;} .slsh_epd .titTxt_btn .btn_box .hover_btn span{font-weight:800; } .slsh_epd .titTxt_btn .btn_box .hover_btn:active{ border-color:#e7204b;} .slsh_epd .titTxt_btn .btn_box .hover_btn:active span{ color:#e7204b; } /* 파일별다운로드 > 데이터신청 > 신청 파일 목록 */ .personalList#divDataAplyFileList .item_category{ width:25%; } /* 개인정보 수집동의 */ .agree_box.agree_type02{ padding:4rem; border:1px solid #d7d7d7; } .agree_box.agree_type02 .agree_info{ font-size:1.4rem; padding-left:6.5rem; position:relative; word-break:keep-all; padding-bottom:2rem; border-bottom:1px dashed #ddd; margin-bottom:2rem; } .agree_box.agree_type02 .agree_info:before{ content:" "; display:block; position:absolute; width:4.7rem; height:4rem; background:url(../../img/sub/agree_info_icon.png) no-repeat; left:0; top: calc( 50% - 1rem); transform: translateY(-50%); } .agree_box.agree_type02 .agree_tit{ font-size:1.8rem; margin-bottom:2rem; display:flex; align-items:center; } .agree_box.agree_type02 .agree_tit .agree_type{ padding:0.5rem 1rem; border-radius:0.5rem 0.5rem 0 0.5rem; background: linear-gradient(to left, #0930ae, #041e70); color:#fff; font-size:1.4rem; font-weight:400; display:inline-block; margin-right:1rem; } .agree_box.agree_type02 .agree_tit .agree_type.esntl_y { background: linear-gradient(to left, #76b026, #d81136); } .agree_box.agree_type02 .agree_con{ border-radius:0.5rem; background:#fff; color:#333; border:1px solid #ddd; box-sizing:border-box; max-height:15rem; overflow-y:auto; padding:1rem; font-size:1.4rem; } .agree_box.agree_type02 .agree_con .article_tit{ font-size:1.6rem; font-weight:500; } .agree_box.agree_type02 .agree_con .article_tit + .article_txt{ margin-top:0.5rem; } .agree_box.agree_type02 .agree_con .article_txt + .article_tit{ margin-top:1rem; } .data_cntBottom .agree_box.agree_type02{ margin-bottom:4rem; } .data_cntBottom .agree_box.agree_type02 .agree_chk, .agree_box.agree_type02 .agree_con + .agree_chk{ margin-top:2rem; } .agree_box.agree_type02 .agree_chk + .agree_tit{ margin-top:2rem; } .agree_box.agree_type02 .agree_chk + .agree_info{ margin-top:4rem; } .data_cntBottom .check_wrap label:hover, .data_cntBottom .check_wrap label:focus, .data_cntBottom .check_wrap input:focus + label{ border-color:#0930ae; box-shadow: 0 0.7rem 1.1rem #30529145; } .data_cntBottom .check_wrap label:hover span, .data_cntBottom .check_wrap label:focus span, .data_cntBottom .check_wrap input:focus + label span{ color:#0930ae; } .data_cntBottom .check_wrap label:hover:after, .data_cntBottom .check_wrap label:focus:after, .data_cntBottom .check_wrap input:focus + label:after{ background: linear-gradient(to left, #0930ae, #041e70); } .data_cntBottom .check_wrap label:active, .data_cntBottom .check_wrap input:checked + label{ border-color:#0930ae; background: linear-gradient(to left, #0930ae, #041e70); } .data_cntBottom .check_wrap label:active span, .data_cntBottom .check_wrap input:checked + label span{ color:#fff; } .data_cntBottom .check_wrap label:active:after, .data_cntBottom .check_wrap input:checked + label:after{ background:#fff; } .data_cntBottom .check_wrap label:active:before, .data_cntBottom .check_wrap input:checked + label:before{ border-color:#0930ae; } .agree_sign{ display:flex; align-items: center; justify-content: center; margin-top:2rem; } .agree_sign .sign_here{ width:40rem; height:9rem; border-radius:0.5rem; border:1px solid #ddd; background:#f9f9f9; position:relative; } .agree_sign .inpBox{ width:30rem; margin-right:2rem; position:relative; margin-top:0rem !important; } .agree_sign .sign_here h4{ position:absolute; padding-top:8rem; left:50%; top:50%; transform:translate( -50%, -50% ); color:#888; width:100%; text-align:center; } .agree_sign .sign_here h4:before{ content:" "; display:block; position:absolute; width:18rem; height:7.5rem; background:url('../../img/sub/sign_here_icon.png') no-repeat; background-size:18rem; top:0; left:50%; transform:translateX(-50%); } .agree_sign .inpBox.sign_chk{ display:flex; align-items: center; } .agree_sign .inpBox.sign_chk label, .agree_sign .inpBox.sign_chk input{ position: relative; top: 0; left: 0; margin: 0; } .agree_sign .inpBox.sign_chk input{ width:2rem; height:2rem; margin-left:1rem; } .subs_info{ display: flex; padding: 1rem; background: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 0.5rem; position: relative; z-index: 1; font-weight: 500; margin-top:1rem; justify-content: center } .subs_info > *{ display:flex; align-items:center; margin:0 1rem; } .subs_info > * h4, .subs_info > * p{ font-size:1.5rem; } .subs_info > * p{ margin-left:0.5rem; color:#1a40b6; } .subs_info .subs_yn p{color:#76b026;} .subs_info + .agree_chk{ margin-top:2rem; } /* 조사 */ .surveyBox{ padding:4rem; border: 1px solid #d7d7d7; } .surveyBox .inpBox + .inpBox{ margin-top:2rem; } .surveyBox .inpBox + .titTxt_btn{ margin-top:4rem; } .surveyBox .titTxt_btn{ margin-bottom:2rem; border-radius: 0.5rem; border: 0.1rem solid #1a40b6; } .surveyBox .titTxt_btn:after{ content:" "; display:block; clear:both; } .surveyBox .titTxt_btn h3{ color:#1a40b6; font-size:1.8rem; } .surveyBox .inpBox .req{ font-size:1.6rem; padding-left:4rem; padding-right:1rem; word-break: keep-all; max-width:97%; position:relative; top:1.3rem; } .surveyBox .inpBox .basic { font-size:1.6rem; padding-left:1rem; padding-right:1rem; } .surveyBox .inpBox .req .num{ position:absolute; width:2rem; height:2rem;line-height:2rem; text-align:center; color:#fff; background:#5c79d1; font-size:1.4rem; border-radius:2rem; left:1rem; top:0.1rem; font-weight:500; } .surveyBox .inpBox label.req .num, .surveyBox .inpBox label.basic .num{ top:0.4rem; } .surveyBox .inpBox .inpBox_blank{ height:auto; min-height:5rem; padding: 1rem 2rem; padding-top:1rem; padding-left:2.4rem; display:flex; flex-wrap:wrap; } .surveyBox .inpBox.no_tit .inpBox_blank{ padding-top:0.5rem; } .surveyBox .inpBox .radioBox, .surveyBox .inpBox .checkBox{ display:flex; flex-wrap:wrap; margin-right:2rem; margin-top: 1.2rem; margin-left:0; } .surveyBox .inpBox .radioBox > *, .surveyBox .inpBox .checkBox > *{ flex-grow:0; } .surveyBox .inpBox .radioBox .basic_input, .surveyBox .inpBox .checkBox .basic_input{ width:30rem; margin-left:1rem; height:4rem; } .surveyBox .inpBox .radioBox + .radioBox, .surveyBox .inpBox .checkBox + .checkBox{ margin-left:0; } .surveyBox .inpBox .radioBox label span, .surveyBox .inpBox .checkBox label span{ font-size:1.4rem; font-weight:400; } .surveyBox .inpBox.no_tit{ margin-top:3rem; } .surveyBox .inpBox.no_tit .radioBox{ margin-top:0.8rem; } .titTxt_btn + .surveyBox{ margin-top:2rem; } .in_tit{ color:#1a40b6; margin-top:2rem; display:block; width:100%; } .surveyBox .inpBox_blank .tableStaBox{ width:100%; margin-top:4rem; margin-bottom:2rem; } .surveyBox .inpBox_blank .tableStaBox .tit{ display:block; text-align:center; font-size:15px; font-weight:500; } .vtc_radioBox{ display:flex; width:100%; padding-bottom:2rem; border-bottom:0.1rem dashed #ddd; } .vtc_radioBox:last-child{ border-bottom:0; padding-bottom:0; } .vtc_radioBox .radioBox{ width:12rem; justify-content: center; margin-right:0 !important; } .vtc_radioBox .radioBox input[type="radio"]{ top:0; left:50%; transform:translateX(-50%); } .vtc_radioBox .radioBox label{ flex-direction: column; } .vtc_radioBox .radioBox label .txt span{ display:block; text-align:center; margin-left:0; word-break: keep-all; } .vtc_radioBox .radioBox label .txt span.num{ font-weight:600; color:#1a40b6; margin-top:0.3rem; } .vtc_radioBox .radioBox input[type="radio"]:checked + label:after{ left: 50%; top: 0.4rem; transform: translateX(-50%);} .cir_num{ width:2rem; height:2rem; box-sizing:border-box; border-radius:2rem; position:relative; text-align:center; line-height:2rem; font-size:1.3rem !important; font-weight:500 !important; text-indent: -0.1rem; background:#e1e8ff; color:#1a40b6; } .blank_box{ display:block; display:flex; flex-wrap:wrap; } .vtc_radioBox.other {flex-direction:column;} .vtc_radioBox.other .radioBox_Group {display:flex;} .vtc_radioBox.other .other_inpBox {position:relative; width:100%;} .vtc_radioBox.other .other_inpBox .basic_input {margin-top:0; height:0; opacity:0; transition:all 0.3s;} .vtc_radioBox.other .other_inpBox.on .basic_input {margin-top:1rem; height:5rem; opacity:1;} .surveyOther .inpBox .inpBox_blank{ height:auto; min-height:5rem; padding: 1rem 2rem; padding-top:1rem; padding-left:2.4rem; display:flex; flex-wrap:wrap; } .surveyOther .inpBox.no_tit .inpBox_blank{ padding-top:0.5rem; } .surveyOther .inpBox .radioBox, .surveyOther .inpBox .checkBox{ display:flex; flex-wrap:wrap; margin-right:2rem; margin-top: 0; margin-left:0; } .surveyOther .inpBox .radioBox > *, .surveyOther .inpBox .checkBox > *{ flex-grow:0; } .surveyOther .inpBox .radioBox .basic_input, .surveyOther .inpBox .checkBox .basic_input{ width:30rem; margin-left:1rem; height:4rem; } .surveyOther .inpBox .radioBox + .radioBox, .surveyOther .inpBox .checkBox + .checkBox{ margin-left:0; } .surveyOther .inpBox .radioBox label span, .surveyOther .inpBox .checkBox label span{ font-size:1.4rem; font-weight:400; } /*주요지표*/ .keyIndi .keyIndi_tab {position: relative; padding-right:14rem; width:100%; box-sizing: border-box; border-radius:0.5rem; background-color:var(--keyIndi_tab_bg); padding:1rem; } .keyIndi .keyIndi_tab .slick-list {padding:1rem 0 1rem 1rem;} .keyIndi .keyIndi_tab .slick-slide {margin:0 0.5rem;} .keyIndi .keyIndi_tab .tab_item {display:flex; flex-wrap:wrap;} .keyIndi .keyIndi_tab .tab_item a {display:inline-flex; padding:0 2rem; width:calc(25% - 1rem); min-height:4rem; color:var(--black); align-items: center; justify-content: center; font-size:1.7rem; border-radius:5px; box-sizing: border-box; transition:all 0.3s;} .keyIndi .keyIndi_tab .tab_item a span{ text-align:center; word-break: keep-all; } .keyIndi .keyIndi_tab .tab_item a + a {margin-left:1rem;} .keyIndi .keyIndi_tab .tab_item a:nth-child(5n){ margin-left:0; } .keyIndi .keyIndi_tab .tab_item a:nth-child(n+5){ margin-top:0.5rem; } .keyIndi .keyIndi_tab .tab_item a.on {background-color:#fff; box-shadow:0px 0.7rem 1.1rem #30529145; border:1px solid #e4e4e4; font-weight:500;} .keyIndi .keyIndi_tab .tab_item a.on span {color:#05367b;} .keyIndi .keyIndi_tab .tab_item a:hover {background-color:#fff; box-shadow:0px 0.7rem 1.1rem #30529145;} .keyIndi .keyIndi_tab .tab_item a:hover span {color:#05367b;} .keyIndi .keyIndi_tab .contBtn_box {position: absolute; top:50%; transform:translateY(-50%); right:2rem;} .keyIndi .keyIndi_tab .contBtn_box .control {display:flex; align-items: center;} .keyIndi .keyIndi_tab .contBtn_box .slick-counter {font-size:1.5rem; margin-right:1rem;} .keyIndi .keyIndi_tab .contBtn_box .slick-counter .current {color:#1a40b6; font-weight:500;} .keyIndi .keyIndi_tab .contBtn_box .prev {margin:0 0.5rem;} .keyIndi .keyIndi_tab .contBtn_box .prev, .keyIndi .keyIndi_tab .contBtn_box .next {position: relative; display:inline-flex; border:1px solid #1a40b6; background-color:#fff; border-radius:50%; width:2.5rem; height:2.5rem; transition:all 0.3s;} .keyIndi .keyIndi_tab .contBtn_box .prev:after {content: ''; display:block; position:absolute; top:9px; left:9px; width:0.6rem; height:0.6rem; border-top:2px solid #1a40b6; border-right:2px solid #1a40b6; transform:rotate(225deg);} .keyIndi .keyIndi_tab .contBtn_box .next:after {content: ''; display:block; position:absolute; top:9px; left:9px; width:0.6rem; height:0.6rem; border-top:2px solid #1a40b6; border-right:2px solid #1a40b6; transform:rotate(45deg);} .keyIndi .keyIndi_tab .contBtn_box .prev:hover , .keyIndi .keyIndi_tab .contBtn_box .next:hover {background-color:#fff; box-shadow: 0 0.7rem 1.1rem #30529145;} .keyIndi .keyIndi_subTab {position: relative; width:calc(100% + 2rem); margin-left:-1rem; padding-bottom:1rem; height:0; opacity:0; transition:all 0.3s; overflow:hidden;} .keyIndi .keyIndi_subTab.on {height:auto; opacity:1;} .keyIndi .keyIndi_cnt {height:0; opacity:0; transition:all 0.3s; overflow:hidden;} .keyIndi .keyIndi_cnt.on {height:auto; opacity:1;} .keyIndi .keyIndi_subTab .slick-slide {padding:2rem 1rem;} .keyIndi .keyIndi_subTab .tab_item .flexBox {display: flex; justify-content:space-between;} .keyIndi .keyIndi_subTab .tab_item a {position: relative; display:inline-flex; border:1px solid #ddd; width:calc(20% - 2rem); padding:2rem 2rem 2rem 2rem; border-radius:0.5rem; transition:all 0.3s;} .keyIndi .keyIndi_subTab .tab_item a:hover {border:1px solid #1a40b6; box-shadow: 0 0.7rem 1.1rem #83838345;} .keyIndi .keyIndi_subTab .tab_item a.on {background:linear-gradient(to left, #0930ae, #041e70); padding-right:4rem; border:1px solid #1a40b6;} .keyIndi .keyIndi_subTab .tab_item a.on:before, .keyIndi .keyIndi_subTab .tab_item a.on:after {content:''; display:block; position: absolute; top:0.8rem; right:1rem;} .keyIndi .keyIndi_subTab .tab_item a.on:after {width:2.5rem; height:2.5rem; background-color:#fff; border-radius:50%; z-index: 1;} .keyIndi .keyIndi_subTab .tab_item a.on:before {width:0.7rem; height:1rem; border-right:3px solid #1a40b6; border-bottom:3px solid #1a40b6; transform:rotate(45deg); z-index:2; top:1.4rem; top:1.4rem; right:1.9rem;} .keyIndi .keyIndi_subTab .tab_item a span {font-size:1.5rem; word-break:keep-all;} .keyIndi .keyIndi_subTab .tab_item a:hover span {color:#1a40b6;} .keyIndi .keyIndi_subTab .tab_item a.on span {color:#fff;} .keyIndi .keyIndi_subTab .contBtn_box {padding:0 1rem;} .keyIndi .keyIndi_subTab .progress_wrap {padding:0 14rem 0 1rem;} .keyIndi .keyIndi_subTab .keySubTab_slick_progress { height: 4px; background-color: #f3f6fc; background-repeat: no-repeat; background-image: linear-gradient(to left, #0930ae, #041e70); z-index: 2; } .keyIndi .keyIndi_subTab .contBtn_box {position: absolute; bottom:0; right:0;} .keyIndi .keyIndi_subTab .contBtn_box .control {display:flex; align-items: center;} .keyIndi .keyIndi_subTab .contBtn_box .slick-counter {font-size:1.5rem; margin-right:1rem;} .keyIndi .keyIndi_subTab .contBtn_box .slick-counter .current {color:#1a40b6; font-weight:500;} .keyIndi .keyIndi_subTab .contBtn_box .prev {margin:0 0.5rem;} .keyIndi .keyIndi_subTab .contBtn_box .prev, .keyIndi .keyIndi_subTab .contBtn_box .next {position: relative; display:inline-flex; border:1px solid #1a40b6; background-color:#1a40b6; border-radius:50%; width:2.5rem; height:2.5rem; transition:all 0.3s;} .keyIndi .keyIndi_subTab .contBtn_box .prev:after {content: ''; display:block; position:absolute; top:9px; left:9px; width:0.6rem; height:0.6rem; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(225deg);} .keyIndi .keyIndi_subTab .contBtn_box .next:after {content: ''; display:block; position:absolute; top:9px; left:9px; width:0.6rem; height:0.6rem; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);} .keyIndi .keyIndi_subTab .contBtn_box .prev:hover , .keyIndi .keyIndi_subTab .contBtn_box .next:hover {box-shadow: 0 0.7rem 1.1rem #30529145;} .keyIndi .data_search_wrap {margin-top:4rem; margin-bottom:2rem;} .keyIndi .btnChartBox .btn_chart + .btn_chart {margin-left:0.4rem;} .keyIndi .data_search_wrap .inner > li > div{ font-size: 1.4rem; font-weight: 500; color: #0931b0; } .keyIndi .data_search_wrap .inner > li > div.searchBox{ color:var(--black); font-size:inherit; font-weight: 400; } .chartTop_box{ display:flex; align-items: center; justify-content: space-between; } .chartTop_box .btnChartBox{ display:flex; align-items: center; } .chartTop_box .btnChartBox h4{ margin-right:2rem; } .keyIndi .chartBox{ margin:2rem 0; } .round_chk_box{ display:flex; align-items:center;} .check_round_wrap{ position:relative; margin-right:0.5rem; } .check_round_wrap input{ position: absolute; background: transparent; width: 100%; height: 100%; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .check_round_wrap label{ display:block; padding:0.75rem; background:var(--chkTree_btn_bg); border:1px solid #d7d7d7; box-sizing:border-box; border-radius:3rem; cursor:pointer; position:relative; z-index:1; font-weight:500; transition:all 0.3s; padding-right:6rem; } .check_round_wrap label:hover, .check_round_wrap label:focus {background-color:#fff;} .check_round_wrap label span{ color:var(--txt8); font-size:1.4rem; font-weight:400; } .check_round_wrap label:after, .check_round_wrap label:before{ content:" "; display:block; position:absolute; right:1rem; top:0.7rem; } .check_round_wrap label:before{ width:0.7rem; height:1rem; border-right:3px solid #fff; border-bottom:3px solid #fff; transform:rotate(45deg); z-index:2; top:1.2rem; right:1.8rem; } .check_round_wrap input[type="radio"] + label:before{ width:1rem; height:1rem; background:#fff; z-index:2; top:1.3rem; right:1.6rem; border-radius:1rem; } .check_round_wrap label:after{ width:2.2rem; height:2.2rem; background:#ddd; border-radius:2rem; z-index:1; transition:all 0.3s;} .basic_chk{ margin-right:1rem; margin-bottom:0.5rem; } .basic_chk label span{ font-size:1.4rem; line-height: 1.8rem; } .basic_chk input[type="checkbox"], .basic_chk input[type="radio"]{ width:1.8rem; height:1.8rem; margin-right:0.2rem; accent-color: #0931b0; cursor: pointer; } .basic_chk input[type="checkbox"]:focus:before, .basic_chk input[type="radio"]:focus:before{ content:" "; width:1.8rem; height:1.8rem; display:block; position:absolute; border:0.2rem solid #12cfff; border-radius: 100%; } input[type="checkbox"],input[type="radio"]{ position:relative; } input[type="checkbox"]:focus:before, input[type="radio"]:focus:before{ content:" "; width:100%; height:100%; display:block; position:absolute; border:0.2rem solid #12cfff; } input[type="radio"]:focus:before{ border-radius: 100%; } input[type="checkbox"]:focus:before{ border-radius: 0.3rem !important; } .radioBox input[type="radio"]:focus:before, .checkBox input[type="checkbox"]:focus:before{ display: none; } .basic_chk label {cursor: pointer; display:inline-block;} #divDtlSearchArtcl .searchBox{padding-bottom: 1rem;margin-bottom: 1rem;} #divDtlSearchArtcl .searchBox h3{ line-height:3rem; } /*데이터 검색*/ .data_search_wrap {position: relative; border:1px solid #d7d7d7; padding:2rem; box-sizing: border-box;} .data_search_wrap .inner {display:flex; flex-wrap: nowrap; justify-content:space-between;} .data_search_wrap.n_3 .inner li {width:calc(33.33% - 2rem);} .data_search_wrap.n_1_2 .inner li:nth-child(1){width:calc(33% - 2rem);} .data_search_wrap.n_1_2 .inner li:nth-child(2){width:67%;} .data_search_wrap .inner .searchBox label {margin-bottom:1rem; font-size:1.5rem; font-weight:500; display:block;} .data_search_wrap .inner .searchBox label:hover {background-color:#fff;} .data_search_wrap select {width:100%;} /*데이터 검색 - 가로나열형*/ .data_search_wrap.row_type .inner{ display:block; } .data_search_wrap.row_type .searchBox{ display:flex; width:100%; padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:1px dashed #ddd; } .data_search_wrap.row_type ul li:last-child .searchBox{ padding:0; margin:0; border-bottom:0; } .data_search_wrap.row_type .searchBox h3{ line-height:4rem;width:15rem; font-size:1.6rem; flex-shrink: 0; } .radio_in_chk_box{ display:flex; flex-wrap: wrap; width: auto; padding:1rem; padding-bottom:0.5rem; padding-top: 0rem; box-sizing:border-box; border-radius:0.5rem; background:#f3f6fc; } .data_search_wrap.row_type .check_round_wrap label{ margin-bottom:0; } .data_search_wrap.row_type .radio_in_chk_box .check_round_wrap label{ margin:0.5rem 0; } .data_search_wrap.row_type .searchBox .srch_cnt .datepicker_wrap{ width: auto !important; float: left; margin-right:1rem; } .data_search_wrap.row_type .searchBox .srch_cnt .datepicker_wrap .date_box input[type="text"]{ background: url(../../img/sub/btn_datepicker.png) no-repeat 90% center; background-size:1.9rem; } .data_search_wrap.row_type .searchBox .srch_cnt.flex_cnt{ overflow: hidden; align-items: center; display:flex; flex-wrap: wrap; } .data_search_wrap.row_type .searchBox .srch_cnt.flex_cnt .check_round_wrap{ margin-bottom:0.5rem; } .data_search_wrap.row_type .searchBox .srch_cnt.flex_cnt .check_round_wrap input[type="radio"], .data_search_wrap.row_type .searchBox .srch_cnt.flex_cnt .check_round_wrap input[type="checkbox"]{ position:absolute; } .data_search_wrap.row_type .searchBox .radio_in_chk_box{ padding-top:0.5rem; padding-bottom:0; color:#333;} .data_search_wrap.row_type .datepicker_wrap + .round_chk_box{ align-items: center; } .data_search_wrap.row_type .searchBox .basic_chk label span{ word-break:keep-all; } .data_search_wrap.row_type .searchBox .srch_cnt.flex_cnt .basic_chk{ display:flex; } .data_search_wrap.row_type .searchBox .srch_cnt.flex_cnt + div{ font-size:1.5rem; padding:1rem 0; color:#1a40b6; font-weight:500; } .data_search_wrap.row_type .bottom_btnBox {margin-top:2rem; display:flex; justify-content:center;} .data_search_wrap.row_type .bottom_btnBox button { min-width:20rem; width:auto; height:6rem; line-height:2.2rem; border-radius:0.5rem; margin:0; font-weight: 500; font-size:1.8rem; box-sizing:border-box; padding:0 1.5rem; } .data_search_wrap.row_type .bottom_btnBox button + button{ margin-left:1rem; } .btn_box.big_btn{ margin-top:3rem; } .btn_box.big_btn .btn_lg_line { min-width:20rem; width:auto; height:6rem; line-height:2.2rem; border-radius:0.5rem; margin:0; font-weight: 500; font-size:1.8rem; box-sizing:border-box; padding:0 1.5rem; } .btn_box.big_btn .btn_lg_line + .btn_lg_line{ margin-left:1rem; } #divDtlSearchArtcl{ display:none; padding-top:1.5rem; margin-top:1.5rem; border-top:1px dashed #ddd; } /*데이터 통계표*/ .tableStaBox .unit {float:right; font-weight:bold; font-size:1.5rem; margin-bottom:1rem;} .tableStaBox table {border-collapse:collapse;} .statGrid {border-top:2px solid var(--black); width:100%;} .statGrid .statGridTr {position: relative;} .statGrid th.title01:first-child {border-left:0;} .statGrid th.title01:last-child , .statGrid .statGridTd:last-child {border-right:0;} .statGrid thead th.title01 {border-bottom:0;} .statGrid th.title01 {font-weight:400; background-color:var(--stat_tit);} .statGridTd, .title01 {height:3.9rem; border-bottom:1px solid #d7d7d7; text-align:center; font-weight:400; font-size:1.5rem;} .statGrid .title01 {padding:1rem 1rem 0.9rem;} .statGrid .statGridTd, .statGrid .title01 {border:1px solid #d7d7d7; padding:1rem 1rem 0.9rem;} .statGrid tbody .statGridTd, .statGrid tbody .title01 {font-size:1.3rem;} .statGrid tbody th.title01 {background-color:var(--white);} .statGrid tbody .total .statGridTd,.statGrid tbody .total th.title01 {background-color:var(--stat_total);} .statInfo {margin-top: 2rem; display:flex; align-items:flex-start; font-size:1.5rem; color:var(--txt5_1);} .statInfo .tit_type {position: relative; display:inline-block; margin-right: 1rem; width:4rem; font-size:1.5rem; font-weight:400; color:var(--black);} .statGrid.type_02 tbody .statGridTd, .statGrid.type_02 tbody .title01 {font-size:1.4rem;} .statGrid.type_02 select {width:100%; height:3.2rem; font-size:1.4rem; line-height:3.1rem;} .statGrid.type_02 tbody th.title01 {background-color:var(--bgColor9); color:var(--black); text-align:right;} .statGrid.type_02 tbody .statGridTd {text-align:left; } /*팝업 테이블*/ .pupop .cont_01 .tableStaBox {margin-bottom:2rem; overflow-x: auto;} .pupop .cont_01 .tableStaBox table{ min-width: 70rem; } .pupop .cont_01 .personalList > * {text-align: center;} .pupop .cont_01 .personalList.n_8 .item_category {width:10%;} .pupop .cont_01 .personalList.n_8 .item_name {width:8%;} .pupop .cont_01 .personalList.n_8 .item_varEx {width:20%;} .pupop .cont_01 .personalList.n_8 .item_code {width:5%;} .pupop .cont_01 .personalList.n_8 .item_codeEx {width:8%;} .pupop .cont_01 .personalList.n_8 .item_fre {width:8%;} .pupop .cont_01 .personalList.n_8 .item_valid {width:10%;} .pupop .cont_01 .personalList.n_8 .item_que {width:31%;} .item_progress {display:flex; position: relative; width:100%; padding:0.5rem 0; text-align:center; justify-content: center; border:0.1rem solid #1a40b6; border-radius:2rem; overflow:hidden;} .item_progress .txt {position: relative; z-index:1; color:#1a40b6; font-weight:bold; display:inline-flex; background:#fff; border-radius:1rem; padding:0rem 0.5rem;} .item_progress .bar {position:absolute; height:100%; left:0; top:0; background-color:#a8bdff;} /*팝업*/ .formTit_btn {display:flex; justify-content: space-between;} .formTit_btn .formTit {width:100%;} .formTit_btn .point {margin-right:1rem;} .formBox.thesis .formCont ul.n_3.type_mml.type_02 li { width:33.3%;} .formTit_btn .btn_view {width:12rem;} .bottom_btnBox.flex_end {justify-content:flex-end; display:flex;} .bottom_btnBox.flex_end button { width:auto; height:4rem; line-height:3.6rem; border-radius:0.5rem; margin:0 ; font-weight: 500; box-sizing:border-box; padding:0 1.5rem; font-size:1.7rem;} .bottom_btnBox.flex_end button + button {margin-left:1rem;} .bottom_btnBox.flex_end + .srchBox {margin-top:1rem;} .pupop .personalList .personalList_tit, .pupop .personalList .personalList_list{ min-width:100rem; position:relative; } .pupop .cont_02 .personalList > * {text-align: center;} .pupop .cont_02 .personalList.n_8 .item_no {width:5%;} .pupop .cont_02 .personalList.n_8 .item_check {width:4%;} .pupop .cont_02 .personalList.n_8 .item_days {width:10%;} .pupop .cont_02 .personalList.n_8 .item_state {width:8%;} .pupop .cont_02 .personalList.n_8 .item_sor {width:10%;} .pupop .cont_02 .personalList.n_8 .item_doc {width:7%;} .pupop .cont_02 .personalList.n_8 .item_goal {width:10%;} .pupop .cont_02 .personalList.n_8 .item_order {width:26%;} .pupop .cont_02 .personalList.n_8 .item_down {width:20%;} .pupop .cont_02 .personalList.n_8 .checkBox label span {font-size:1.3rem;} .pupop .cont_02 .personalList.n_8 .item_order {flex-wrap:wrap;} .pupop .cont_02 .personalList.n_8 .item_order .flex_basis {display:flex; flex-basis:100%;} .item_down .down_txtBox {display:flex; align-items: center; justify-content: space-between; width:100%;} .pupop .cont_02 .personalList.n_8 .checkBox label span {width:2.2rem;} .item_down .down_txtBox .left {margin-right:1rem; position: relative;} .item_down .down_txtBox .btn_down {position:relative; top:auto; right:auto; transform:translate3d(0, 0, 0);} .item_down .down_txtBox .btn_text {position:relative; top:auto; right:auto; transform:translate3d(0, 0, 0); width: 9rem; border-color: #05367b; padding-left: 1rem; line-height:2.8rem;} .item_down .down_txtBox .btn_text span {opacity:1; display:block; margin-top:0rem;} .item_down .down_txtBox .btn_text:hover:after, .item_down .down_txtBox .btn_text:focus:after { -webkit-animation: up_mv 0.5s ease 3; -moz-animation: up_mv 0.65 ease 3; animation: up_mv 0.5s ease 3; } .item_down .down_txtBox .btn_view {width:7rem;} .pupop #container.cont_03 {padding-bottom:9rem;} .pupop .cont_03 .personalList.n_6.top .item_no {width:5%;} .pupop .cont_03 .personalList.n_6.top .item_category {width:15%;} .pupop .cont_03 .personalList.n_6.top .item_whether {width:10%;} .pupop .cont_03 .personalList.n_6.top .item_name {width:15%;} .pupop .cont_03 .personalList.n_6.top .item_ex {width:20%;} .pupop .cont_03 .personalList.n_6.top .item_info {width:35%;} .pupop .cont_03 .personalList.n_5.bottom {margin-top:2rem;} .pupop .cont_03 .personalList.n_5.bottom .item_no {width:5%;} .pupop .cont_03 .personalList.n_5.bottom .item_category {width:10%;} .pupop .cont_03 .personalList.n_5.bottom .item_type {width:25%;} .pupop .cont_03 .personalList.n_5.bottom .item_info {width:45%;} .pupop .cont_03 .personalList.n_5.bottom .item_ex {width:10%;} .formTit_btn .btn_box {display:flex;} .formTit_btn .btn_box button + button {margin-left:0.5rem;} .pnt_txt{ font-size:1.4rem; color:#76b026; margin-bottom:1rem; } /*추가변수 신청내역 테이블*/ .pupop .cont_03 .aply_add_var_table .personalList_tit li:nth-child(1), .pupop .cont_03 .aply_add_var_table .personalList_item li:nth-child(1){ width: 15% !important; } .pupop .cont_03 .aply_add_var_table .personalList_tit li:nth-child(2), .pupop .cont_03 .aply_add_var_table .personalList_item li:nth-child(2){ width: 10% !important; } .pupop .cont_03 .aply_add_var_table .personalList_tit li:nth-child(3), .pupop .cont_03 .aply_add_var_table .personalList_item li:nth-child(3){ width: 15% !important; } .pupop .cont_03 .aply_add_var_table .personalList_tit li:nth-child(4), .pupop .cont_03 .aply_add_var_table .personalList_item li:nth-child(4){ width: 15% !important; } .pupop .cont_03 .aply_add_var_table .personalList_tit li:nth-child(5), .pupop .cont_03 .aply_add_var_table .personalList_item li:nth-child(5){ width: 45% !important; } /* 데이터 신청내역 테이블 */ .pupop .cont_02 .data_apply_table .personalList_tit li:nth-child(1), .pupop .cont_02 .data_apply_table .personalList_item li:nth-child(1){ width:5%; } .pupop .cont_02 .data_apply_table .personalList_tit li:nth-child(2), .pupop .cont_02 .data_apply_table .personalList_item li:nth-child(2){ width:4%; } .pupop .cont_02 .data_apply_table .personalList_tit li:nth-child(3), .pupop .cont_02 .data_apply_table .personalList_item li:nth-child(3){ width:10%; } .pupop .cont_02 .data_apply_table .personalList_tit li:nth-child(4), .pupop .cont_02 .data_apply_table .personalList_item li:nth-child(4){ width:10%; } .pupop .cont_02 .data_apply_table .personalList_tit li:nth-child(5), .pupop .cont_02 .data_apply_table .personalList_item li:nth-child(5){ width:12%; } .pupop .cont_02 .data_apply_table .personalList_tit li:nth-child(6), .pupop .cont_02 .data_apply_table .personalList_item li:nth-child(6){ width:13%; } .pupop .cont_02 .data_apply_table .personalList_tit li:nth-child(7), .pupop .cont_02 .data_apply_table .personalList_item li:nth-child(7){ width:26%; } .pupop .cont_02 .data_apply_table .personalList_tit li:nth-child(8), .pupop .cont_02 .data_apply_table .personalList_item li:nth-child(8){ width:20%; } /*텍스트박스*/ .txtBox_wrap {background-color:#f3f6fc; padding:1.5rem; margin-top:2rem; display:flex;justify-content: space-between; align-items:center; flex-wrap: wrap; flex-direction: row; word-break: keep-all;} .txtBox_wrap .point {font-size:1.5rem; color:#1a40b6;} /*.txtBox_wrap .point::before {content:'※'; display:inline-block;} */ /* 인적사항 학위과정 없을 경우*/ .personalList ul.personalList_tit li:nth-child(1), .personalList ul.personalList_item li:nth-child(1){ width: 5%; } .personalList ul.personalList_tit li:nth-child(2), .personalList ul.personalList_item li:nth-child(2){ width: 12%; } .personalList ul.personalList_tit li:nth-child(3), .personalList ul.personalList_item li:nth-child(3){ width: 13%; } .personalList ul.personalList_tit li:nth-child(4), .personalList ul.personalList_item li:nth-child(4){ width: 15%; } .personalList ul.personalList_tit li:nth-child(5), .personalList ul.personalList_item li:nth-child(5){ width: 15%; } .personalList ul.personalList_tit li:nth-child(6), .personalList ul.personalList_item li:nth-child(6){ width: 15%; } .personalList ul.personalList_tit li:nth-child(7), .personalList ul.personalList_item li:nth-child(7){ width: 10%; } .personalList ul.personalList_tit li:nth-child(8), .personalList ul.personalList_item li:nth-child(8){ width: 9%; } .personalList ul.personalList_tit li:nth-child(9), .personalList ul.personalList_item li:nth-child(9){ width: 6% !important; } /* 인적사항 학위과정 있을 경우*/ .personalList.degree ul.personalList_tit li:nth-child(1), .personalList.degree ul.personalList_item li:nth-child(1){ width: 5%; } .personalList.degree ul.personalList_tit li:nth-child(2), .personalList.degree ul.personalList_item li:nth-child(2){ width: 10%; } .personalList.degree ul.personalList_tit li:nth-child(3), .personalList.degree ul.personalList_item li:nth-child(3){ width: 8%; } .personalList.degree ul.personalList_tit li:nth-child(4), .personalList.degree ul.personalList_item li:nth-child(4){ width: 12%; } .personalList.degree ul.personalList_tit li:nth-child(5), .personalList.degree ul.personalList_item li:nth-child(5){ width: 12%; } .personalList.degree ul.personalList_tit li:nth-child(6), .personalList.degree ul.personalList_item li:nth-child(6){ width: 15%; } .personalList.degree ul.personalList_tit li:nth-child(7), .personalList.degree ul.personalList_item li:nth-child(7){ width: 10%; } .personalList.degree ul.personalList_tit li:nth-child(8), .personalList.degree ul.personalList_item li:nth-child(8){ width: 8%; } .personalList.degree ul.personalList_tit li:nth-child(9), .personalList.degree ul.personalList_item li:nth-child(9){ width: 14% !important; } .personalList.degree ul.personalList_tit li:nth-child(10), .personalList.degree ul.personalList_item li:nth-child(10){ width: 6% !important; } /* 학술행사 > 데이터 설명회 > 신청정보 조회 팝업 > 데이터 신청내역 */ .pupop .personalList.data_req_list ul.personalList_tit li:nth-child(1), .pupop .personalList.data_req_list ul.personalList_item li:nth-child(1){ width: 5%; } .pupop .personalList.data_req_list ul.personalList_tit li:nth-child(2), .pupop .personalList.data_req_list ul.personalList_item li:nth-child(2){ width: 5%; } .pupop .personalList.data_req_list ul.personalList_tit li:nth-child(3), .pupop .personalList.data_req_list ul.personalList_item li:nth-child(3){ width: 8%; } .pupop .personalList.data_req_list ul.personalList_tit li:nth-child(4), .pupop .personalList.data_req_list ul.personalList_item li:nth-child(4){ width: 7%; } .pupop .personalList.data_req_list ul.personalList_tit li:nth-child(5), .pupop .personalList.data_req_list ul.personalList_item li:nth-child(5){ width: 12%; } .pupop .personalList.data_req_list ul.personalList_tit li:nth-child(6), .pupop .personalList.data_req_list ul.personalList_item li:nth-child(6){ width: 15%; } .pupop .personalList.data_req_list ul.personalList_tit li:nth-child(7), .pupop .personalList.data_req_list ul.personalList_item li:nth-child(7){ width: 20%; } .pupop .personalList.data_req_list ul.personalList_tit li:nth-child(8), .pupop .personalList.data_req_list ul.personalList_item li:nth-child(8){ width: 8%; } .pupop .personalList.data_req_list ul.personalList_tit li:nth-child(9), .pupop .personalList.data_req_list ul.personalList_item li:nth-child(9){ width: 20% !important; } /* 학술행사 > 데이터 설명회 > 신청정보 조회 팝업 > 추가변수신청 */ .pupop .cont_03 .personalList.add_var ul.personalList_tit li:nth-child(1), .pupop .cont_03 .personalList.add_var ul.personalList_item li:nth-child(1){ width: 5%; } .pupop .cont_03 .personalList.add_var ul.personalList_tit li:nth-child(2), .pupop .cont_03 .personalList.add_var ul.personalList_item li:nth-child(2){ width: 20%; } .pupop .cont_03 .personalList.add_var ul.personalList_tit li:nth-child(3), .pupop .cont_03 .personalList.add_var ul.personalList_item li:nth-child(3){ width: 15%; } .pupop .cont_03 .personalList.add_var ul.personalList_tit li:nth-child(4), .pupop .cont_03 .personalList.add_var ul.personalList_item li:nth-child(4){ width: 15%; } .pupop .cont_03 .personalList.add_var ul.personalList_tit li:nth-child(5), .pupop .cont_03 .personalList.add_var ul.personalList_item li:nth-child(5){ width: 20%; } .pupop .cont_03 .personalList.add_var ul.personalList_tit li:nth-child(6), .pupop .cont_03 .personalList.add_var ul.personalList_item li:nth-child(6){ width: 25%; } .pupop .cont_03 .personalList.add_var ul.personalList_item li.item_category span, .pupop .cont_03 .personalList.add_var ul.personalList_item li.item_name span{ text-align:center; } .personalList{ overflow-x: auto; } .personalList .personalList_tit, .personalList .personalList_list, .personalList .personalList_item{ min-width:70rem; position:relative; } #dscntResult .personalList .personalList_tit, #dscntResult .personalList .personalList_list, #dscntResult .personalList .personalList_item{ min-width:100rem; position:relative; } .fileList { overflow-x: auto; } .fileList .fileList_tit, .fileList .esntlFileList_list, .fileList .fileList_list{ min-width:110rem; position:relative; } .inpBox_blank.other_box input[type="text"]{ display: inline-block !important; width: 300px; height: 35px; margin: 5px; } .bottom_btnBox + .formBox{ margin-top:1rem; } /*간행물*/ .pubView {position: relative; border:1px solid #d7d7d7; border-top:1px solid #999;} .pubView .pubTit {display:flex; align-items:center; justify-content:space-between; padding:2rem; width:100%; box-sizing:border-box; border-bottom:1px solid #d7d7d7;} .pubView .pubTit h4 {color:var(--black); font-size:2rem; line-height:2.5rem; font-weight:bold;} .pubView .pubTit .btnBox {display:flex; } .pubView .pubTit .btnBox button + button {margin-left:0.2rem;} .pubView .pubTit .btnBox .btn_txt_slide {width: 14rem; padding-left: 0.4rem; transition:all 0.3s;} .pubView .pubTit .btnBox .btn_txt_slide span{ display:block; opacity:1; margin-top:0.1rem; padding-left:0.5rem; } .pubView .pubTit .btnBox .btn_txt_slide:hover {box-shadow: 0 0.7rem 1.1rem #83838345;} .pubView .pubViewCnt {position: relative; display:flex; width:100%; height:57rem;} .pubView .pubViewCnt > div {display:inline-flex; align-items:stretch;} .pubView .pubViewCnt .pubInfo {width:32rem; border-right:1px solid #d7d7d7; flex-wrap:wrap; align-items: center;} .pubView .pubViewCnt .pubInfo .pubImg {display:flex; width: 100%; flex-direction:column; flex-wrap: wrap; align-content: center;} .pubView .pubViewCnt .pubInfo .pubImg .item{text-align: center;} .pubView .pubViewCnt .pubInfo .pubImg img {width:25rem; border:0.5rem solid #eaeaea; box-shadow:0px 0.7rem 1.1rem #9e9e9e33;} .pubView .pubViewCnt .pubInfo .btnBox {position:relative; display:flex; justify-content: space-between;} .pubView .pubViewCnt .pubInfo .btnBox > * {position: relative; width:calc(50% - 0.5rem); left:auto; top:auto; right:auto; transform:translate3d(0,0,0)} .pubView .pubViewCnt .pubInfo .btnBox .downList_box {position:relative; z-index: 1;} .pubView .pubViewCnt .pubInfo .btnBox .downList_box .btn_down {width:100%;} .pubView .pubViewCnt .pubInfo .btnBox .downList_box .list_box {display:none; position: absolute; top:30px; left:0; width:100%; padding:1rem 0.5rem; background-color:#fff; box-shadow: 0 0.7rem 1.1rem #30529145; border: 1px solid #223c6d;} .pubView .pubViewCnt .pubInfo .btnBox .downList_box .list_box li + li {margin-top:0.5rem; padding-top:0.5rem; border-top:1px solid #e3e3e3;} .pubView .pubViewCnt .pubInfo .btnBox .downList_box .list_box a {padding-left:2.2rem; background-position:center left; background-repeat: no-repeat;} .pubView .pubViewCnt .pubInfo .btnBox .downList_box .list_box a.xls {background-image:url('../../img/sub/icon_file_xls.png');} .pubView .pubViewCnt .pubInfo .btnBox .downList_box .list_box a.hwp {background-image:url('../../img/sub/icon_file_hwp.png');} .pubView .pubViewCnt .pubInfo .btnBox .downList_box .list_box a.pdf {background-image:url('../../img/sub/icon_file_pdf.png');} .pubView .pubViewCnt .pubInfo .btnBox .downList_box .list_box a span {font-size:1.2rem; line-height:24px;} .pubView .pubViewCnt .pubInfo .btnBox .downList_box .list_box a:hover {color: #000; font-weight:bold;} .pubView .pubViewCnt .pubTree {width:calc(100% - 32rem); position: relative; background-color:#f9fafb;} .pubView .pubViewCnt .pubTree .depth_1 {padding:1rem; width:36rem; border-right:1px solid #e3e3e3; box-sizing: border-box; overflow:hidden; overflow-y:auto; } .pubView .pubViewCnt .pubTree .depth_1 > li + li {margin-top:1rem;} .pubView .pubViewCnt .pubTree .treeBtn {position: relative; display:flex; padding:1.3rem; width:100%; border:1px solid #ececec; transition:all 0.3s; background-color:#fff; box-shadow: 0.1rem 0 0.3rem #30529117;} .pubView .pubViewCnt .pubTree .treeBtn .name {font-size:1.5rem; text-align:left; word-break: keep-all; color:#000;} .pubView .pubViewCnt .pubTree .depth_1 > li > .treeBtn .btnBox {display:flex; } .pubView .pubViewCnt .pubTree .treeBtn .btnBox button + button {margin-left:0.2rem;} .pubView .pubViewCnt .pubTree .treeBtn:hover, .pubView .pubViewCnt .pubTree .treeBtn:focus {box-shadow: 0 0.7rem 1.1rem #83838345;} .pubView .pubViewCnt .pubTree .treeBtn:hover .name span, .pubView .pubViewCnt .pubTree .treeBtn:focus .name span {color:#0069bf; } .pubView .pubViewCnt .pubTree .depth_1 > li > .treeBtn {justify-content:space-between; padding-left:2.8rem; background:#fff url('../../img/sub/btn_pubView_depth_1.png') no-repeat top 1.9rem left 1rem;} .pubView .pubViewCnt .pubTree .depth_1 > li.on > .treeBtn {box-shadow: 0 0.7rem 1.1rem #83838345; border-color:#49adff; background-image:url('../../img/sub/btn_pubView_depth_1_on.png');} .pubView .pubViewCnt .pubTree .depth_1 > li.on > .treeBtn .name span {color:#0069bf; font-weight:bold;} .pubView .pubViewCnt .pubTree .depth_1 > li > .treeBtn:hover {background-image:url('../../img/sub/btn_pubView_depth_1_on.png');} .pubView .pubViewCnt .pubTree .depth_1 > li.on > .treeBtn:hover .name span {color:#0069bf;} .pubView .pubViewCnt .pubTree .depth_2 {display:none; position:absolute; top:0; right:0; padding:1rem; width:calc(100% - 36rem); height: 100%; box-sizing: border-box; overflow:hidden; overflow-y:auto;} .pubView .pubViewCnt .pubTree .depth_2 > li + li {margin-top:1rem;} .pubView .pubViewCnt .pubTree li.on .depth_2 {display:block;} .pubView .pubViewCnt .pubTree .checkBox label {align-items:flex-start;} .pubView .pubViewCnt .pubTree .checkBox label:before {flex-shrink: 0; margin-top:0.2rem;} .pubView .pubViewCnt .pubTree .depth_2 .treeBtn:hover .name, .pubView .pubViewCnt .pubTree .depth_2 .treeBtn:focus .name {color:#0931b0; } .pubView .pubViewCnt .pubTree .depth_2 .treeBtn::before {content:''; display:block; position: absolute; top:50%; transform: translateY(-50%); left:0; width:2px; height:60%; border-radius:10px; background-color:#49adff;} .pubView .pubViewCnt .pubTree .depth_2 .treeBtn {padding-right:1.3rem; flex-direction: column;} .pubView .pubViewCnt .pubTree .depth_2 .treeBtn .btnBox {position: relative; top:auto; right:auto; margin-top:1rem;} .pubView .pubViewCnt .pubTree .depth_2 .treeBtn .btnBox button:first-child span {margin-left:0;} .pubView .pubViewCnt .pubTree .depth_2 .treeBtn .btnBox button + button {margin-left:1.5rem;} .pubView .pubViewCnt .pubTree .depth_2 .treeBtn:hover .btnBox button span {color:#555;} .pubView .pubViewCnt .pubTree .depth_2 .treeBtn .btnBox button {position: relative;} .pubView .pubViewCnt .pubTree .depth_2 .treeBtn .btnBox button:hover span {color:#000;} .pubView .pubViewCnt .pubTree .depth_2 .treeBtn .btnBox button + button:before {content: ''; display:block; position: absolute; top:3px; left:-7px; width:2px; height:13px; background-color:#dedede;} .pubView .pubViewCnt .pubTree .depth_2 .treeBtn .btnBox .icon {display:none;} /*간행물 스타일추가*/ #pblctDtl.pubView .pubViewCnt .pubInfo {align-items:flex-start;} #pblctDtl.pubView .pubViewCnt .pubTree .depth_2 {top:auto; bottom:0; height:calc(100% - 5rem);} #pblctDtl.pubView .pubViewCnt .pubTree li.on .depth_2_wrap > .btnBox {display:flex;} #pblctDtl.pubView .pubViewCnt .pubTree .depth_2_wrap > .btnBox {position:absolute; top:0rem; right:0rem; display:none; width:calc(100% - 36rem); padding:1rem 2rem 1rem 1rem; justify-content:flex-end; background:#fff; border-bottom:1px solid #d7d7d7;} #pblctDtl.pubView .pubViewCnt .pubTree .depth_2_wrap > .btnBox button + button {margin-left:0.2rem;} #pblctDtl.pubView .pubViewCnt .pubTree .depth_2_wrap > .btnBox .btn_txt_slide {width: 14rem; padding-left: 0.4rem; transition:all 0.3s;} #pblctDtl.pubView .pubViewCnt .pubTree .depth_2_wrap > .btnBox .btn_txt_slide span{ display:block; opacity:1; margin-top:0.1rem; padding-left:0.5rem; } #pblctDtl.pubView .pubViewCnt .pubTree .depth_2_wrap > .btnBox .btn_txt_slide:hover {box-shadow: 0 0.7rem 1.1rem #83838345;} /*간행물 추가*/ .res_txt {margin:1rem 0;} .res_txt dl {display: flex; flex-direction: row; word-break:keep-all; font-size:1.4rem; } .res_txt dt {margin-right:1rem; color:var(--black); font-weight:bold; line-height:2.2rem;} .res_txt dd {color:var(--txt5_1); line-height:2.2rem;} /*간행물 스크롤바*/ .pubView .pubViewCnt .pubTree .depth_1::-webkit-scrollbar, .pubView .pubViewCnt .pubTree .depth_2::-webkit-scrollbar {width:8px; height:8px; background:var(--scorollbar);} .pubView .pubViewCnt .pubTree .depth_1::-webkit-scrollbar-track, .pubView .pubViewCnt .pubTree .depth_2::-webkit-scrollbar-track {background: var(--scorollbar_line_f7); -webkit-border-radius: 10px; border-radius:0;} .pubView .pubViewCnt .pubTree .depth_1::-webkit-scrollbar-thumb, .pubView .pubViewCnt .pubTree .depth_2::-webkit-scrollbar-thumb {height: 8px; width: 8px; background: var(--scorollbar); border-radius: 0;} /*간행물 목록*/ .pubList {position:relative;} .pubList > ul {display:flex; width:100%; flex-wrap:wrap; gap:4rem 0;} .pubList > ul > li {width:calc(20% - 1.6rem); margin-right:2rem; align-items: stretch; display: inline-flex;} .pubList > ul > li:nth-child(5n) {margin-right:0;} .pubList .infoBox {position: relative; width:100%; box-sizing:border-box;} .pubList .infoBox .img_link {display:block; } .pubList .infoBox .img_link .img_box {width:100%; height:15rem; overflow: hidden; border:1px solid #d7d7d7; box-sizing:border-box; transition:all 0.3s; border-radius:1rem;} .pubList .infoBox .img_link img {width:100%;} .pubList .infoBox .img_link .title {margin-top:1.5rem; font-size:1.8rem; word-break: keep-all; transition:all 0.3s; color:var(--black);} .pubList .infoBox .img_link:hover .img_box {border-color:#05367b; box-shadow: 0 0.7rem 1.1rem #30529145;} .pubList .infoBox .img_link:hover .title {color:var(--po_color1);} .pubList .infoBox .res_txt {margin-top:0;} .pubList .infoBox .btnBox.position_r {position:relative; display:flex; justify-content: space-between; z-index: 10;} .pubList .infoBox .btnBox.position_r > * {position: relative; width:calc(50% - 0.5rem); left:auto; top:auto; right:auto; transform:translate3d(0,0,0)} .pubList .infoBox .btnBox .downList_box {position:relative;} .pubList .infoBox .btnBox .downList_box .btn_down {width:100%;} .pubList .infoBox .btnBox .downList_box .list_box {display:none; position: absolute; top:30px; left:0; width:100%; padding:1rem 0.5rem; background-color:#fff; box-shadow: 0 0.7rem 1.1rem #30529145; border: 1px solid #223c6d;} .pubList .infoBox .btnBox .downList_box .list_box li + li {margin-top:0.5rem; padding-top:0.5rem; border-top:1px solid #e3e3e3;} .pubList .infoBox .btnBox .downList_box .list_box a {padding-left:2.2rem; background-position:center left; background-repeat: no-repeat; color:#000;} .pubList .infoBox .btnBox .downList_box .list_box a.xls {background-image:url('../../img/sub/icon_file_xls.png');} .pubList .infoBox .btnBox .downList_box .list_box a.hwp {background-image:url('../../img/sub/icon_file_hwp.png');} .pubList .infoBox .btnBox .downList_box .list_box a.pdf {background-image:url('../../img/sub/icon_file_pdf.png');} .pubList .infoBox .btnBox .downList_box .list_box a span {font-size:1.2rem; line-height:24px; letter-spacing:-1px;} .pubList .infoBox .btnBox .downList_box .list_box a:hover {color: #000; font-weight:bold;} /* 파일별 다운로드 */ .fileLR{ display:flex; } .fileLeft{ width:calc(100% - 60rem); } .fileRight{ width:33rem; } .fileLR .chkTree{ border-top:2px solid #0069bf; height: 100%; max-height:55rem; } .chkTree {width:100%; position: relative; background-color:var(--chkTree_bg); border:1px solid #d7d7d7; padding-top:5rem; } .chkTree .treeDepth_1 { width:22rem; border-right:1px solid #d7d7d7; box-sizing: border-box; max-height:55rem; padding:1rem; padding-right:1rem; height:100%; } .chkTree .depth_1{ height:100%; overflow:hidden; overflow-y:auto; min-height:40rem; } .chkTree .depth_2, .chkTree .depth_3{height:100%; overflow:hidden; overflow-y:auto; padding-right:0.5rem; } .chkTree.child_2 .treeDepth_1, .chkTree.child_3 .treeDepth_1{ padding-right:0.5rem; } .dataApp .chkTree.child_2 .treeDepth_1{ padding-right:1rem; } .chkTree .depth_1 > li + li {margin-top:1rem;} .chkTree .treeBtn {position: relative; display:flex; padding:1.3rem; width:100%; border:1px solid #d7d7d7; transition:all 0.3s; background-color:var(--chkTree_btn_bg); box-shadow: 0.1rem 0 0.3rem #30529117;} .chkTree .treeBtn .name {font-size:1.5rem; text-align:left;} .chkTree .depth_1 > li > .treeBtn .btnBox {display:flex; } .chkTree .treeBtn .btnBox button + button {margin-left:0.2rem;} .chkTree .treeBtn:hover, .chkTree .treeBtn:focus-within {box-shadow: 0 0.7rem 1.1rem #83838345; background-color:#fff;} .chkTree .treeBtn:hover .name, .chkTree .treeBtn:focus .name, .chkTree .treeBtn:focus-within .name {color:#0931b0; } .chkTree .depth_1 > li > .treeBtn {justify-content:space-between; /*background:var(--chkTree_btn_bg);*/} .chkTree .depth_1 > li.on > .treeBtn {box-shadow: 0 0.7rem 1.1rem #83838345; border-color:#49adff; background-color:#fff;} .chkTree .depth_1 > li.on > .treeBtn .name {color:#0931b0; font-weight:bold;} .chkTree .depth_1 > li.on > .treeBtn:hover .name {color:#0931b0;} .chkTree .depth_1 > li.on > .treeBtn .radioBox label span {color:#0931b0;} .chkTree .treeDepth_2 {display:none; position:absolute; top:5rem; right:0; padding:2rem; width:calc(100% - 22rem); box-sizing: border-box; height:calc(100% - 5rem); padding-right:1rem; } .chkTree .treeDepth_2 .depth_2{ overflow:hidden; overflow-y:auto; height:100%; padding-right:1rem; } .chkTree .depth_2 > li + li {margin-top:1rem;} .chkTree li.on .treeDepth_2{display:block;} .chkTree .checkBox label {align-items:flex-start;} .chkTree .checkBox label:before {flex-shrink: 0; margin-top:0.2rem;} .chkTree .depth_2 .treeBtn:hover .name, .chkTree .depth_2 .treeBtn:focus .name {color:#0931b0; ; } .chkTree .depth_2 .treeBtn::before {content:''; display:block; position: absolute; top:50%; transform: translateY(-50%); left:0; width:2px; height:60%; border-radius:10px; background-color:#49adff;} .chkTree .depth_2 .treeBtn {padding-right:1.3rem; flex-direction: column;} .chkTree .depth_2 .treeBtn .btnBox {position: relative; top:auto; right:auto; margin-top:1rem;} .chkTree .depth_2 .treeBtn .btnBox button:first-child span {margin-left:0;} .chkTree .depth_2 .treeBtn .btnBox button + button {margin-left:1.5rem;} .chkTree .depth_2 .treeBtn:hover .btnBox button span {color:#0931b0;} .chkTree .depth_2 .treeBtn .btnBox button {position: relative;} .chkTree .depth_2 .treeBtn .btnBox button:hover span {color:#0931b0;} .chkTree .depth_2 .treeBtn .btnBox button + button:before {content: ''; display:block; position: absolute; top:3px; left:-7px; width:2px; height:13px; background-color:#dedede;} .chkTree .depth_2 .treeBtn .btnBox .icon {display:none;} .chkTree .depth_1::-webkit-scrollbar, .chkTree .depth_2::-webkit-scrollbar, .chkTree .depth_3::-webkit-scrollbar {width:8px; height:8px; background:#ffffff00;} .chkTree .depth_1::-webkit-scrollbar-track, .chkTree .depth_2::-webkit-scrollbar-track, .chkTree .depth_3::-webkit-scrollbar-track {background: #ffffff00; -webkit-border-radius: 10px; border-radius:0;} .chkTree .depth_1::-webkit-scrollbar-thumb, .chkTree .depth_2::-webkit-scrollbar-thumb, .chkTree .depth_3::-webkit-scrollbar-thumb {height: 8px; width: 8px; background: rgb(0 0 0 / 23%); border-radius: 0;} .chkTree .treeDepth_2 {display:none; position:absolute; top:5rem; right:0; padding:2rem; width:calc(100% - 22rem); box-sizing: border-box; height:calc(100% - 5rem); padding-right:1rem; } .chkTree .treeDepth_3 {display:none; position:absolute; top:5rem; right:0; padding:2rem; box-sizing: border-box; height:calc(100% - 5rem); padding-right:1rem; } .chkTree .treeDepth_3 .depth_3{ overflow:hidden; overflow-y:auto; height:100%; padding-right:1rem; } .chkTree .depth_3 > li + li {margin-top:1rem;} .chkTree .depth_2 li.on .treeDepth_3{display:block;} .chkTree .checkBox label {align-items:flex-start;} .chkTree .checkBox label:before {flex-shrink: 0; margin-top:0.2rem;} .chkTree .depth_3 li.on .treeBtn {background-color:#fff;} .chkTree .depth_3 li.on .treeBtn:hover .name, .chkTree .depth_3 li.on .treeBtn:focus .nam {color:#0931b0;} .chkTree .depth_3 .treeBtn:hover .name, .chkTree .depth_3 .treeBtn:focus .name {color:#0931b0; } .chkTree .depth_3 .treeBtn.on, .chkTree .depth_1 > li > .treeBtn.on {background-color:#fff;} .chkTree .depth_3 .treeBtn:before {content:''; display:block; position: absolute; top:50%; transform: translateY(-50%); left:0; width:2px; height:60%; border-radius:10px; background-color:#49adff;} .chkTree .depth_3 .treeBtn {padding-right:1.3rem; flex-direction: column;} .chkTree .depth_3 .treeBtn .btnBox {position: relative; top:auto; right:auto; margin-top:1rem;} .chkTree .depth_3 .treeBtn .btnBox button:first-child span {margin-left:0;} .chkTree .depth_3 .treeBtn .btnBox button + button {margin-left:1.5rem;} .chkTree .depth_3 .treeBtn:hover .btnBox button span {color:#555;} .chkTree .depth_3 .treeBtn .btnBox button {position: relative;} .chkTree .depth_3 .treeBtn .btnBox button:hover span {color:#000;} .chkTree .depth_3 .treeBtn .btnBox button + button:before {content: ''; display:block; position: absolute; top:3px; left:-7px; width:2px; height:13px; background-color:#dedede;} .chkTree .head{ position:absolute; top:-5rem; left:0; width:100%; background:var(--white); height:5rem; border-bottom:1px solid #d7d7d7; } .chkTree .head h3{ line-height:5rem; text-align:center; font-size:1.7rem; font-weight:600; } .chkTree .treeDepth_1 > .head{ width:22rem; top:0; display:block; border-right:1px solid #d7d7d7; } .chkTree .treeDepth_1 > .head + li{ margin-top:0; } .chkTree.only_depth1 .treeDepth_1 > .head, .chkTree.only_depth1 .treeDepth_1{ width:100%; } .chkTree.only_depth1 , .chkTree.only_depth1 .treeDepth_1{height:100%;} .chkTree.only_depth1 .treeDepth_1, .chkTree.only_depth1 .treeDepth_1 > .head{ border-right:0; } .chkTree.only_depth1 .treeBtn:before{content:''; display:block; position: absolute; top:50%; transform: translateY(-50%); left:0; width:2px; height:60%; border-radius:10px; background-color:#49adff;} .fileType{ margin-left:2rem; } .fileType .chkTree { width:20rem; } .fileType .chkTree .depth_1 .btn_box{ margin-left:0; } .fileType .chkTree .depth_1 .btn_box button{ width:100%; min-width:0; } .fileType .chkTree .depth_1 { min-height:40rem; } .fileBtn, .fileLR .btn_box{ display:flex; flex-direction: column; align-items: center; justify-content: center; margin:0 2rem; } .fileLR .btn_box{ margin-right:0; } .fileLR .btn_box.big_btn .btn_lg_line + .btn_lg_line{ margin-top:1rem; margin-left:0; } .fileLR .btn_box.big_btn .check_round_wrap{ width:100%; } .fileLR .btn_box.big_btn .check_round_wrap{ margin-bottom:1rem; margin-right:0; } .fileLR .btn_box.big_btn .check_round_wrap input[type="radio"], .fileLR .btn_box.big_btn .check_round_wrap input[type="checkbox"]{position:absolute;} .check_round_wrap input{ left:0; } .fileLR .btn_box.big_btn .check_round_wrap label{ border-radius:0.5rem; padding:1.2rem; padding-left:5rem; text-align:left; /*background:#fff;*/} .fileLR .btn_box.big_btn .check_round_wrap label:after{ top:50%; transform:translateY(-50%); left:1rem; } .fileLR .btn_box.big_btn .check_round_wrap label:before{ top:1.6rem; left: 1.8rem; } .fileLR .check_round_wrap label span{ font-size:1.5rem; font-weight:500; } .fileBtn .move_btn{ border-radius:0.5rem; border:1px solid #d7d7d7; width:5rem; height:5rem; margin:0.5rem 0; position:relative; transition:all 0.3s;} .fileBtn .move_btn:hover,.fileBtn .move_btn:focus{ border:1px solid #0931b0; box-shadow: 0 0.7rem 1.1rem #83838327; background-color:#fff;} .fileBtn .move_btn:active{ border:1px solid #76b026; } .fileBtn .move_btn:before, .fileBtn .move_btn:after{ content:" "; display:block; position:absolute; width:1.5rem; height:1.5rem; border-top:0.3rem solid var(--btn_arr); border-right:0.3rem solid var(--btn_arr); transform:rotate(45deg); top:1.6rem; left:1.3rem; } .fileBtn .move_btn.l_r_sel:after, .fileBtn .move_btn.r_l_sel:after{ display:none; } .fileBtn .move_btn:after{ margin-left:-1rem; } .fileBtn .move_btn.r_l_sel:before{ transform:rotate(-135deg); left:2rem; } .fileBtn .move_btn.r_l_all:before, .fileBtn .move_btn.r_l_all:after{ transform:rotate(-135deg);left:2.5rem; } .fileBtn .move_btn.l_r_all:before, .fileBtn .move_btn.l_r_all:after{ left:1.8rem; } .fileBtn .move_btn:hover:before, .fileBtn .move_btn:hover:after, .fileBtn .move_btn:focus:before, .fileBtn .move_btn:focus:after{ border-color:#0931b0; } .fileBtn .move_btn:active:before, .fileBtn .move_btn:active:after{ border-color:#76b026; } .fileBtn .move_btn:hover .blind, .fileBtn .move_btn:focus .blind, .fileBtn .move_btn:active .blind {overflow: visible;position:absolute;top: 50%; transform: translateY(-50%); left: 4rem; width: auto;white-space: nowrap;height: auto;font-size: 1.3rem;line-height: 1.5rem;clip: auto;z-index: 10; padding:0.5rem; background:#fff; border-radius: 0.5rem 0.5rem 0.5rem 0rem; border: 1px solid #000;} /* 조사표 및 코드북 */ .codeBook .fileLeft{ width:71rem; flex-shrink: 0; overflow: hidden; } .codeBook .fileRight{ width:calc( 100% - 80rem ); } .codeBook .chkTree{ float: left; } .codeBook .chkTree.child_1{ width: 25%; } .codeBook .chkTree.child_2{ width: 25%; } .codeBook .chkTree.child_3{ width: 50%; } .codeBook .chkTree .treeDepth_2{ left:22rem; width:20rem; border-right:1px solid #d7d7d7; } .codeBook .chkTree .treeDepth_2 > .head{ border-right:1px solid #d7d7d7; width:20rem; } .codeBook .chkTree .depth_2 > li.on > .treeBtn { box-shadow: 0 0.7rem 1rem #83838345; border-color: #49adff; background-color:#fff;} .codeBook .chkTree .depth_2 > li.on > .treeBtn .radioBox label span {color:#000;} .codeBook .chkTree .treeDepth_3{ width:32.8rem; margin-top:-5rem; margin-right: -32.9rem; height:100%; } .codeBook .chkTree .depth_2 > li > .treeBtn::before{ display:none; } .codeBook .check_name .btn_view {margin-top:0;} .check_name{ display:flex; align-items: center; justify-content: space-between; width:100%; } .check_name .btn_view{ flex-shrink: 0; margin-right: 1rem; margin-top: 0.5rem; float: right; } .check_round_wrap input[type="radio"] +label:active:before, .check_round_wrap input[type="radio"]:checked + label:before{ border-color:0; background:#041e70; } /*통계뉴스레터*/ .newsletter .newsl.btnBox.position_r {position:relative; display:flex; z-index:2;} .newsletter .newsl.btnBox.position_r > * {position: relative;} .newsletter .newsl.btnBox.position_r .btn_down {padding-right:1rem; padding-left:3rem;} .newsletter .newsl .btn_down:before {right:auto; top:0.9rem; left:0.8rem; width:1.5rem; height:1.3rem; background:url('../../img/sub/btn_newsletter_app.png') no-repeat center;} .newsletter .newsl .btn_down:after {display:none;} .newsletter .newsl .downList_box .list_box {display:none; position: absolute; top:3rem; left:0; width:100%; padding:1rem; background-color:#fff; box-shadow: 0 0.7rem 1.1rem #30529145; border: 1px solid #223c6d;} .newsletter .newsl .downList_box .list_box li + li {margin-top:0.5rem; padding-top:0.5rem; border-top:1px solid #e3e3e3;} .newsletter .newsl .downList_box .list_box a {display:block; background-position:center left; background-repeat: no-repeat;} .newsletter .newsl .downList_box .list_box a span {font-size:1.4rem; line-height:2.4rem; letter-spacing:-1px;} .newsletter .newsl .downList_box .list_box a:hover {color: #000; font-weight:bold;} .newsletter .srchBox {margin-top:1rem; margin-bottom:0;} .newsletter .newsl_cont {width:100%; height:90rem; border:1px solid #d7d7d7; border-top:0; display:flex;} .newsletter .newsl_cont .newsl_list {position: relative; width:23rem; border-right:1px solid #d7d7d7; background-color:var(--bgColor9); box-sizing: border-box;} .newsletter .newsl_cont .newsl_list ul {display:flex; padding:1.5rem 1.5rem 1rem; /*height:calc(100% - 7.5rem);*/ height:100%; flex-direction:column; justify-content:flex-start; box-sizing: border-box; overflow:hidden; overflow-y:auto;} .newsletter .newsl_cont .newsl_list ul li + li {margin-top:1rem;} .newsletter .newsl_cont .newsl_list .img_box {display:block; width:100%; background-color:var(--news_btn_bg); border:1px solid #d7d7d7; box-shadow: 0.1rem 0 0.3rem #30529117; box-sizing: border-box; transition:all 0.3s;} .newsletter .newsl_cont .newsl_list .img_box .link_box {display:block; width:100%;} .newsletter .newsl_cont .newsl_list .img_box .link_box img {width:100%;} .newsletter .newsl_cont .newsl_list .img_box .txt_box {display:flex; flex-direction:column; padding:1rem; box-sizing:border-box; text-align:left;} .newsletter .newsl_cont .newsl_list .img_box .txt_box .tit {font-size:1.2rem; overflow: hidden; word-break: keep-all; color:var(--black); transition:all 0.3s;} .newsletter .newsl_cont .newsl_list .img_box .txt_box span {font-size:1.4rem; overflow: hidden; word-break: keep-all; color:var(--txt5_1); transition:all 0.3s;} .newsletter .newsl_cont .newsl_list .img_box:hover {box-shadow: 0 0.7rem 1.1rem #83838345; background-color:#fff;} .newsletter .newsl_cont .newsl_list .img_box:hover .txt_box .tit {color:#000;} .newsletter .newsl_cont .newsl_list .img_box:hover .txt_box span {color: #555;} .newsletter .newsl_cont .newsl_list .img_box.on {border-color: #0931b0; box-shadow: 0 0.7rem 1.1rem #83838345; background-color:#fff;} .newsletter .newsl_cont .newsl_list .img_box.on .txt_box .tit {color:#000;} .newsletter .newsl_cont .newsl_list .img_box.on .txt_box span {color: #555;} .newsletter .newsl_cont .newsl_list .img_box:focus-within {border-color: #0931b0; box-shadow: 0 0.7rem 1.1rem #83838345; background-color:#fff;} .newsletter .newsl_cont .newsl_list .img_box:focus-within .txt_box .tit {color:#000;} .newsletter .newsl_cont .newsl_list .img_box:focus-within .txt_box span {color: #555;} .newsletter .newsl_cont .newsl_list .plue_btnBox {margin-top:0; padding:1rem 1.5rem 1.5rem;} .newsletter .newsl_cont .newsl_list .plue_btnBox button {width:100%; margin:0; min-width:100%;} .newsletter .newsl_cont .newsl_view {position: relative; width:calc(100% - 23rem); height:100%;} .newsletter .newsl_cont .newsl_view .newsl_viewBox {position: relative; padding:2rem 1.5rem 1.5rem; height:calc( 100% - 5rem ); overflow:hidden; overflow-y:auto; display:flex; flex-direction:column; align-items:center; } .newsletter .newsl_cont .newsl_view .newsl_viewBox .viewSlick { width:100%;} .newsletter .newsl_cont .newsl_view .viewSlick img {width:100%; display:block; margin:0 auto;} .newsletter .newsl_cont .newsl_view .viewSlick .item{ cursor:pointer; } .newsletter .newsl_cont .newsl_view .viewSlick .item:hover{ position:relative; } /*.newsletter .newsl_cont .newsl_view .viewSlick .item:not(.news_sit_list):hover:after{ content:" "; display:block; position:absolute; width:8rem; height:8rem; border-radius:7rem; top:50%; left:50%; transform:translate(-50%,-50%); background:url('../../img/sub/img_view.png') center no-repeat var(--btn3); } .newsletter .newsl_cont .newsl_view .viewSlick .item:not(.news_sit_list):hover:before{ content:" "; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.3); } .newsletter .newsl_cont .newsl_view .control {position: absolute; top:50%; transform:translateY(-50%); margin-top:-5rem; width:100%;}*/ .newsletter .newsl_cont .newsl_view .viewSlick .item:not(.news_sit_list){ border:0.3rem solid transparent; display: block; margin-top:-0.3rem; } .newsletter .newsl_cont .newsl_view .viewSlick .item:not(.news_sit_list):first-child{ margin-top:0; } .newsletter .newsl_cont .newsl_view .viewSlick .item:not(.news_sit_list):hover, .newsletter .newsl_cont .newsl_view .viewSlick .item:not(.news_sit_list):focus{ border:0.3rem solid #0931b0; box-shadow: 0 0.7rem 1.1rem #83838345; } .newsletter .newsl_cont .newsl_view .control .slick-arrow {position:absolute; top:0; width:4.5rem; height:4.5rem; background-repeat:no-repeat; background-position:center; transition:all 0.3s;} .newsletter .newsl_cont .newsl_view .control .slick-arrow.prev {left:-2.3rem; background-image:url('../../img/sub/btn_poster_left.png');} .newsletter .newsl_cont .newsl_view .control .slick-arrow.next {right:-2.3rem; background-image:url('../../img/sub/btn_poster_right.png');} .newsletter .newsl_cont .newsl_view .control .slick-arrow:hover.prev {background-image:url('../../img/sub/btn_poster_left_on.png');} .newsletter .newsl_cont .newsl_view .control .slick-arrow:hover.next {background-image:url('../../img/sub/btn_poster_right_on.png');} .newsletter .newsl_cont .newsl_view .slick-dots {bottom:-4rem;} .newsletter .newsl_cont .newsl_view .slick-dots li {width:auto; height:auto; margin:0; padding:0;} .newsletter .newsl_cont .newsl_view .slick-dots li + li {margin-left:1rem;} .newsletter .newsl_cont .newsl_view .slick-dots li {width:auto; height:auto; margin:0; padding:0;} .newsletter .newsl_cont .newsl_view .slick-dots button {display:block; width:1.2rem; height:1.2rem; background-color:#afb9ce; border-radius:2rem; transition:all 0.3s;} .newsletter .newsl_cont .newsl_view .slick-dots button:before {display:none;} .newsletter .newsl_cont .newsl_view .slick-dots .slick-active button {width:2.5rem; background-color:#223c6d;} .newsletter .newsl_cont .newsl_sit {display:flex; flex-direction:column;} .newsletter .newsl_cont .newsl_sit .sit_list {padding:2rem 5rem; background:#f8f8f8; width:100%; margin:0 auto;} .newsletter .newsl_cont .newsl_sit .sit_list li {position: relative; display:flex; flex-wrap:nowrap; align-items: center; padding-left:4rem; min-height:2.2rem; font-size:1.4rem; padding-top: 0.3rem; padding-bottom: 0.3rem; border-bottom: 1px solid #d6d6d6; border-style: dashed;} .newsletter .newsl_cont .newsl_sit .sit_list li:last-child{ border-bottom:0; } .newsletter .newsl_cont .newsl_sit .sit_list li + li {margin-top:0.5rem;} .newsletter .newsl_cont .newsl_sit .sit_list li:before {content:''; position: absolute; left:0; top:0.5rem; display:block; width:30px; height:22px; background:url('../../img/sub/img_newsletter_situation_icon.png') no-repeat center; } .newsletter .newsl_cont .newsl_sit .sit_list .hover_btn {margin-left:0.5rem; font-size:1.2rem; padding:0.2rem 2.5rem 0.2rem 0.5rem;} .newsletter .newsl_cont .newsl_sit .sit_list .hover_btn.window:before {top:0.5rem;} .newsletter .newsl_cont .newsl_view .btnBox {position:absolute; top:0rem; right:2.5rem; width:auto; z-index:1;padding:1rem 1rem;} .newsl_tit{ background:var(--bgColor4); height:5rem; display:flex; padding-right:24rem; padding-left:1rem; box-sizing:border-box; border-bottom:1px solid #d7d7d7; align-items: center; } .newsl_tit.info_tit{ padding-right:1rem; } .newsl_tit strong{ padding:0.5rem 1rem; border-radius:2rem; color:#fff; background:#223c6d; font-size:1.3rem; font-weight:400; margin-right:1rem; white-space: nowrap; } .newsl_tit h3{ font-size:1.8rem; font-weight:600; text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap; } .news_sit_list{ width: 100%; margin: 4rem 0; border: 1px solid #d6d6d6; background: #f8f8f8; } .news_sit_list .newsletter_title{ width: 70%; margin: 1.5rem -20px; padding: 1.3rem 2rem; border: 1px solid #d6d6d6; background: #223c6d; } .news_sit_list .newsletter_title h3{ font-size: 22px; color: #fff; } .news_sit_list .newsletter_title .sit_list{ padding: 2rem; background: #f8f8f8; width: 100%; margin: 0 auto; } .news_sit_list .newsletter_title .sit_list li{ } .newsl_txt{margin-top:1rem;padding: 1rem;background: var(--bgColor1);border: 1px solid var(--border1);} .newsl_txt p{ font-size:1.5rem; word-break:keep-all; } /*뉴스레터 스크롤바*/ .newsletter .newsl_cont .newsl_list ul::-webkit-scrollbar {width:8px; height:8px; background:#ffffff00;} .newsletter .newsl_cont .newsl_list ul::-webkit-scrollbar-track{background: #ffffff00; -webkit-border-radius: 10px; border-radius:0;} .newsletter .newsl_cont .newsl_list ul::-webkit-scrollbar-thumb{height: 8px; width: 8px; background: rgb(0 0 0 / 23%); border-radius: 0;} /*더보기*/ .plue_btnBox {margin-top:5rem; display:flex; justify-content:center;} .plue_btnBox button{ min-width:25rem; width:auto; height:5rem; line-height:4.6rem; border-radius:0.5rem; margin:0 0.5rem; font-weight: 500; box-sizing:border-box; padding:0 1.5rem; } /*링크만 걸린 탭*/ .tab.tabNoCnt {padding-top:0; margin-bottom:3rem;} .tab.tabNoCnt ul {display:flex; justify-content:space-between; width:100%; gap:20px;} .tab.tabNoCnt.n_5 li {width:20%;} .tab.tabNoCnt.n_2 li {width:50%;} .tab.tabNoCnt.n_3 li {width:33.33%;} .tab.tabNoCnt.n_4 li {width:25%;} .tab.tabNoCnt.n_3 > ul > li:nth-child(2) > .tabBtn {left:0;} .tab.tabNoCnt.n_4 > ul > li:nth-child(2) > .tabBtn {left:0;} .tab.tabNoCnt.n_4 > ul > li:nth-child(3) > .tabBtn {left:0;} .tab.tabNoCnt.tab.data_list > ul > li > .tabBtn {position: relative; width:100%;} /*조사개요*/ .surveyCnt .num_list + .flex_titBox {margin-top:2rem;} .surveyCnt .personalList {margin-bottom:2rem;} .surveyCnt .personalList .personalList_tit, .surveyCnt .personalList .personalList_item {justify-content: space-between;} .surveyCnt .personalList.n_5 .item_category {width:20rem;} .surveyCnt .personalList.n_5 .item_year {width:calc((100% - 20rem ) / 4 );} .surveyCnt .personalList.n_2 .item_category {width:20rem;} .surveyCnt .personalList.n_2 .item_cnt {width:calc(100% - 20rem);} .surveyCnt .personalList .personalList_item li > * {font-size:1.5rem;} .surveyCnt.summary .basicTxtBox .btn_box {margin-top:1rem;} .surveyCnt.summary .basicTxtBox .btn_box .btn_lg_line + .btn_lg_line {margin-left:0.5rem;} /*조사내용*/ .stru .bubbleTxt {margin:1rem 0;} .bubbleTxt {display:flex; justify-content: space-between; gap:3rem;} .bubbleTxt.n_3 .item {width:33.33%; } .bubbleTxt .item {position: relative; padding-bottom:5rem;} .bubbleTxt .item .topBox {border:1px solid #ddd; box-sizing: border-box; padding:2rem; width:100%; height:100%;} .bubbleTxt .item .topBox strong {display: flex; justify-content: center; background-color: #f3f6fc; color:#1a40b6; border:0.1rem solid #1a40b6; border-radius:0.5rem; margin-bottom:1rem; padding:1rem;} .bubbleTxt .item .bottomTxt {position:absolute; display:block; padding-top:1rem; bottom:-1rem; left:50%; transform:translateY(-50%); margin-left:-3rem;} .bubbleTxt .item .bottomTxt::before {position: absolute; content:''; display:block; top:-1rem; left:50%; width:15px; height:15px; border-top: 3px solid #1a40b6; border-right: 3px solid #1a40b6; transform:translateX(-50%) rotate(135deg);} .bubbleTxt .num_list {margin-top:0.5rem;} .stru .personalList {margin:1rem 0;} /*연구소개*/ .summaryCnt .people {background:url('../../img/sub/bg_summaryCnt_people.png') no-repeat bottom right;} .summaryCnt .people .cardList {display:flex; flex-wrap:wrap; flex-direction:column; gap:1rem; justify-content: space-between;} .summaryCnt .people .cardList li {position: relative; padding-left:0.5rem; width:46rem; border-radius:0.5rem; overflow: hidden;} .summaryCnt .people .cardList li:before {position:absolute; content:''; display:block; top:0; left:0; width:1rem; height:100%; background:linear-gradient(to bottom, #2747b0, #041E71);} .summaryCnt .people .cardBox {position:relative; padding:2rem; width:100%; border:1px solid #D9D9D9; border-radius:0.5rem; box-sizing:border-box; background-color:#fff; z-index: 1;} .summaryCnt .people .cardBox .name {position: relative; font-size:1.8rem; font-weight:bold; padding-bottom:1rem;} .summaryCnt .people .cardBox .name:before {content:''; display:block; position:absolute; bottom:0.4rem; left:0; width:5.2rem; height:0.3rem; background-color:#e4e4e4;} .summaryCnt .people .cardBox .name p {position: relative; color:#000;} .summaryCnt .people .cardBox .post {font-size:1.5rem; color:#555;} /*연혁*/ .historyBox ul li {display:flex; position:relative; padding:1.5rem 1.5rem 1.5rem 9rem; width:100%; border:1px solid #d7d7d7; box-sizing:border-box;} .historyBox ul li + li {margin-top:1rem;} .historyBox .year {position:absolute; top:1.1rem; left:0; font-size:1.3rem; padding:0.5rem 2rem; border-radius:0 2rem 2rem 0; color:#fff; background: linear-gradient(to left, #0930ae, #041e70); border-left:0;} .historyBox .txt {font-size:1.5rem; word-break:keep-all;} /*데이터가이드 이용자안내서*/ .dataGuide .srchBox {margin-bottom:0;} .dataGuide .guide_cnt {display:flex; border: 1px solid #d7d7d7; border-top: 0; box-sizing: border-box; width:100%; height:80rem;} .dataGuide .guide_cnt .cnt_list > ul::-webkit-scrollbar-thumb { background: var(--scorollbar); border-radius: 1rem; border: 5px solid var(--scorollbar_line_f7); } .dataGuide .guide_cnt .cnt_list > ul::-webkit-scrollbar-track { background-color: transparent; border-radius:5px; } .dataGuide .guide_cnt .cnt_list > ul::-webkit-scrollbar { width: 1.8rem; } .dataGuide .guide_cnt .cnt_list {position:relative; width:30rem; border-right:1px solid #d7d7d7; background-color:var(--bgColor9); } .dataGuide .guide_cnt .cnt_list > ul {display:flex; padding:1.5rem 1.5rem 1rem; height:calc(100% - 7.5rem); flex-direction:column; justify-content:flex-start; box-sizing: border-box; overflow:hidden; overflow-y:auto;} .dataGuide .guide_cnt .cnt_list > ul > li + li {margin-top:1rem;} .dataGuide .guide_cnt .cnt_list .item {padding:1rem; width:100%; background-color:var(--news_btn_bg); border:1px solid #d7d7d7; box-shadow: 0.1rem 0 0.3rem #30529117; box-sizing: border-box; transition:all 0.3s;} .dataGuide .guide_cnt .cnt_list .item:hover {box-shadow: 0 0.7rem 1.1rem #83838345; background-color:#fff;} .dataGuide .guide_cnt .cnt_list .item:hover .link_box .tit {color:#000;} .dataGuide .guide_cnt .cnt_list .item:hover .link_box .txt {color:#555;} .dataGuide .guide_cnt .cnt_list .item:hover .link_box .txt dt {color:#000;} .dataGuide .guide_cnt .cnt_list .item:hover .link_box .txt dd {color:#555;} .dataGuide .guide_cnt .cnt_list .item:focus-within {box-shadow: 0 0.7rem 1.1rem #83838345; background-color:#fff;} .dataGuide .guide_cnt .cnt_list .item:focus-within .link_box .tit {color:#000;} .dataGuide .guide_cnt .cnt_list .item:focus-within .link_box .txt {color:#555;} .dataGuide .guide_cnt .cnt_list .item:focus-within .link_box .txt dt {color:#000;} .dataGuide .guide_cnt .cnt_list .item:focus-within .link_box .txt dd {color:#555;} .dataGuide .guide_cnt .cnt_list .item.on {border-color: #0931b0; box-shadow: 0 0.7rem 1.1rem #83838345; background-color:#fff;} .dataGuide .guide_cnt .cnt_list .item.on .link_box .tit {color:#000;} .dataGuide .guide_cnt .cnt_list .item.on .link_box .txt {color:#555;} .dataGuide .guide_cnt .cnt_list .item.on .link_box .txt dt {color:#000;} .dataGuide .guide_cnt .cnt_list .item.on .link_box .txt dd {color:#555;} .dataGuide .guide_cnt .cnt_list .item .link_box {display:flex; flex-direction:column; margin-bottom:1rem; word-break:keep-all;} .dataGuide .guide_cnt .cnt_list .item .link_box .tit {margin-bottom:0.5rem; font-size:1.5rem; color:var(--black);} .dataGuide .guide_cnt .cnt_list .item .link_box .txt {display:flex; font-size:1.3rem; color:var(--txt5_1);} .dataGuide .guide_cnt .cnt_list .item .link_box .txt dt {position: relative; display:inline-flex; margin:0 0.5rem 0 0;} .dataGuide .guide_cnt .cnt_list .item .link_box .txt dd + dt {margin-left:1.5rem; color:var(--black);} .dataGuide .guide_cnt .cnt_list .item .link_box .txt dd + dt:before {content:''; display:block; position:absolute; top:0.4rem; left:-0.7rem; width:0.1rem; height:1rem; background-color:#ddd;} .dataGuide .guide_cnt .cnt_list .item .link_box .txt dd {color:var(--txt5_1);} .dataGuide .guide_cnt .cnt_list .item .btnBox.position_r {position:relative; display:flex; justify-content: space-between; z-index: 1;} .dataGuide .guide_cnt .cnt_list .item .btnBox.position_r > * {position: relative; width:calc(50% - 0.5rem); left:auto; top:auto; right:auto; transform:translate3d(0,0,0)} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box {position:relative;} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .btn_down {width:100%;} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box {display:none; position: absolute; top:30px; left:0; width:100%; padding:1rem 0.5rem; background-color:#fff; box-shadow: 0 0.7rem 1.1rem #30529145; border: 1px solid #223c6d;} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box li + li {margin-top:0.5rem; padding-top:0.5rem; border-top:1px solid #e3e3e3;} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box a {padding-left:2.2rem; background-position:center left; background-repeat: no-repeat;} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box a.xls {background-image:url('../../img/sub/icon_file_xls.png');} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box a.hwp {background-image:url('../../img/sub/icon_file_hwp.png');} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box a.pdf {background-image:url('../../img/sub/icon_file_pdf.png');} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box a span {font-size:1.2rem; line-height:24px; letter-spacing:-1px; color:#000;} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box a:hover {color: #000; font-weight:bold;} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box button {padding-left:2.2rem; background-position:center left; background-repeat: no-repeat;} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box button.xls {background-image:url('../../img/sub/icon_file_xls.png');} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box button.hwp {background-image:url('../../img/sub/icon_file_hwp.png');} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box button.pdf {background-image:url('../../img/sub/icon_file_pdf.png');} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box button span {font-size:1.2rem; line-height:24px; letter-spacing:-1px; color:#000;} .dataGuide .guide_cnt .cnt_list .item .btnBox .downList_box .list_box button:hover {color: #000; font-weight:bold;} .dataGuide .guide_cnt .cnt_list .plue_btnBox {margin-top:0; padding:1rem 1.5rem 1.5rem;} .dataGuide .guide_cnt .cnt_list .plue_btnBox button {width:100%; min-width:100%; margin:0;} .dataGuide .guide_cnt .cnt_view {padding:1.5rem; width:calc(100% - 30rem); height:100%; box-sizing: border-box; overflow:hidden; overflow-y:auto;} .dataGuide .guide_cnt .cnt_view::-webkit-scrollbar-thumb { background: var(--scorollbar); border-radius: 1rem; border: 5px solid var(--scorollbar_line); } .dataGuide .guide_cnt .cnt_view::-webkit-scrollbar-track { background-color: transparent; border-radius:5px; } .dataGuide .guide_cnt .cnt_view::-webkit-scrollbar { width: 1.8rem; } .dataGuide .guide_cnt .cnt_view .view_top {display:flex; padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:1px solid #e3e3e3;} .dataGuide .guide_cnt .cnt_view .view_top .view_img img { border:0.5rem solid #eaeaea; box-shadow: 0 0.7rem 1.1rem #9e9e9e33; width:20rem;} .dataGuide .guide_cnt .cnt_view .view_top .view_txtBox {display:flex; padding-top:2rem; flex-direction:column; flex-wrap:nowrap; width:calc(100% - 20rem); box-sizing: border-box; padding-left:2rem;} .dataGuide .guide_cnt .cnt_view .view_top .view_txtBox .h4_tit {font-size:2rem; margin-bottom:1rem; word-break:keep-all;} .dataGuide .guide_cnt .cnt_view .view_top .view_txtBox .dl_txt {margin-bottom:2rem; display:flex; flex-direction:column;} .dataGuide .guide_cnt .cnt_view .view_top .view_txtBox .dl_txt dl {display:flex; font-size:1.5rem;} .dataGuide .guide_cnt .cnt_view .view_top .view_txtBox .dl_txt dl dt {margin-right:0.5rem;} .dataGuide .guide_cnt .cnt_view .view_top .view_txtBox .dl_txt dd {color:var(--txt5_1);} .dataGuide .guide_cnt .cnt_view .view_top .btnBox {display:flex; } .dataGuide .guide_cnt .cnt_view .view_top .btnBox button {width:12rem; padding-left:0.4rem; transition:all 0.3s;} .dataGuide .guide_cnt .cnt_view .view_top .btnBox a {width:12rem; padding-left:0.4rem; transition:all 0.3s;} .dataGuide .guide_cnt .cnt_view .view_top .btnBox .btn_view {border-color: #223c6d;} .dataGuide .guide_cnt .cnt_view .view_top .btnBox button:hover {box-shadow: 0 0.7rem 1.1rem #83838345;} .dataGuide .guide_cnt .cnt_view .view_top .btnBox a:hover {box-shadow: 0 0.7rem 1.1rem #83838345;} .dataGuide .guide_cnt .cnt_view .view_top button + button {margin-left:0.5rem;} .dataGuide .guide_cnt .cnt_view .view_top .btn_txt_slide span {display:block; opacity:1; margin-top:0.1rem; padding-left:0.5rem;} .dataGuide .guide_cnt .cnt_view .view_bottom .basicTxtBox {border-bottom:0; padding-bottom:0;} .titTxt_btn.no_btn .bul_list {width:100%;} /*데이터가이드*/ .dataApp .step_01 .basicTxtBox.lastBox {margin:2rem 0;} .btn_box.taC {text-align: center;margin-top:2rem;gap:1rem;display:flex;justify-content:center;} .btn_box.taC .btn_lg_line.point_btn {height:5.6rem;gap:3rem;font-size:2rem;font-weight:400;background:#76b026;border-color:#76b026;color:#fff!important;} .btn_box.taC .btn_lg_line.point_btn span {font-size:2rem;font-weight:400;} .btn_box.taC .btn_lg_line.point_btn:after {color:#fff;} .btn_box.taC .btn_lg_line.point_btn:hover {background:#76b026;} .btn_lg_line:hover, .btn_lg_line:focus, .btn_lg_line:active {box-shadow: 0 0.7rem 1.1rem #30529145;} .btn_box.taC .btn_lg_line {background:#fff;color:#223c6d;border-color:#223c6d;padding:1rem 3rem;transition:.3s;width:auto;height:5.6rem;white-space:nowrap;} .btn_box.taC .btn_lg_line:hover {border-color:#76b026;} .btn_box.taC .btn_lg_line:hover span{color:#fff;} .btn_box.taC .btn_lg_line:before {background: #76b026!important;border-color:#223c6d;} .btn_box.taC .btn_lg_line.point_btn:hover span {color:#fff;} /*데이터 신청*/ .dataApp .fileRight { width: 40rem !important; } .dataApp .fileLeft { width: calc(100% - 49rem); } .dataApp .chkTree{ float: left; } .dataApp .chkTree.child_1{ width: 30%; } .dataApp .chkTree.child_2{ width: 20%; } .dataApp .chkTree.child_3{ width: 50%; } .dataApp .chkTree .depth_1{ padding-right: 0; } .dataApp .fileLR .btn_box{ margin: 0; } .dataApp .app_cnt.step_01 .btn_box .point_btn + div{ margin-top:1rem; font-size:1.4rem; color:#76b026; } .dataApp_border {margin-bottom:2rem;} .dataApp_border .borderTit, .dataApp_border .borderCnt {display:flex; justify-content:space-between;} .dataApp_border .borderTit > li {background-color:#f0f4fe; border-radius:1rem; padding:1.2rem 2rem; display:flex; justify-content:center; align-items: center;} .dataApp_border .borderTit > li span {font-size:1.5rem; font-weight:bold; color:#000;} .dataApp_border .borderTit > li.item_category, .dataApp_border .borderCnt > li.item_category {width:20rem;} .dataApp_border .borderCnt > li.item_category .srchBox {justify-content: flex-start;} .dataApp_border .borderCnt > li.item_category .srchBox .layout_btn {width:100%;min-height:100%;} .dataApp_border .item_inquiry {width:calc(50% - 14.5rem);} .dataApp_border .item_choice {width:7rem;} .dataApp_border .item_download {width:calc(50% - 14.5rem);} .dataApp_border .item_inquiry.on {width:calc(100% - 37rem);} .dataApp_border .item_download.on {width:calc(100% - 37rem);} .dataApp_border .item_inquiry.off {width:7rem;} .dataApp_border .item_download.off {width:7rem;} .dataApp_border .borderCnt > li.no_brd{ border:0; padding:0; border-radius:0; } .dataApp_border .borderCnt > li.no_brd .flex_titBox { margin-bottom:0.5rem; } .dataApp_border .borderCnt > li.no_brd p{ font-size:1.4rem; } .dtaApp_border .borderCnt {width:100%; height:80rem; margin-top:1rem;} .dataApp_border .borderCnt > li {border:1px solid #d7d7d7; box-sizing: border-box; border-radius:1rem; overflow:hidden;} .dataApp .personalList .personalList_item > *{ flex-shrink: 0; flex-grow:0; padding:0.3rem 1rem 0.3rem 1rem; box-sizing:border-box; word-break: keep-all; display:flex; align-items: center; justify-content: center; } /*데이터 신청 New*/ .layout_divExmnCdList .dataApp_border .borderTit, .layout_divExmnCdList .dataApp_border .borderCnt {display:block; } .layout_divExmnCdList .dataApp_border .borderTit > li.item_category, .layout_divExmnCdList .dataApp_border .borderCnt > li.item_category{ width: 100%; position: relative; } .layout_divExmnCdList .dataApp_border .borderCnt > li{ margin-bottom: 1rem; } .layout_divExmnCdList .dataApp_border .item_inquiry{ width: 100%; } .layout_divExmnCdList .dataApp_border .item_choice{ width: 100%; } .layout_divExmnCdList .dataApp_border .item_download{ width: 100%; } .layout_divExmnCdList .stat_link_ul.bot_link_ul{ display: flex; justify-content: space-around; height: 15rem; border-bottom: 1px solid #d6d6d6; border-style: dashed; } .layout_divExmnCdList .btn_open_down, .layout_divExmnCdList .btn_open_up{ display: block; width: 120px; background: #f84f4f; color: #fff; text-align: center; font-size: 14px; padding: 0.5rem 2rem; border-radius: 0.5rem; margin: 0.5rem auto; } .layout_divExmnCdList .btn_open_up{ display: none; } .layout_divExmnCdList .srchBox{ display: block; } .layout_divExmnCdList .srchBox .page_srch{ float: right; } .layout_divExmnCdList .personalList ul.personalList_tit li:nth-child(7), .layout_divExmnCdList .personalList ul.personalList_item li:nth-child(7){ display: none !important; } .layout_divExmnCdList .dataApp_border .cntBox .personalList .item_order{ width: 10rem; } .layout_divExmnCdList .dataApp_border .cntBox .personalList_list .item_order{ display: block; width: 10rem; } .layout_divExmnCdList .dataApp_border .cntBox .personalList_list .item_order > div{ justify-content: space-around; } .layout_divExmnCdList .dataApp_border .borderCnt > .item_choice{ display: block; overflow: visible; width: 170px; margin: 0 auto; border: none; margin-bottom: 1rem; } .layout_divExmnCdList .dataApp_border .borderCnt > .item_choice:after{ content:" "; display:block; clear:both; } .layout_divExmnCdList .dataApp_border .borderCnt > .item_choice > .item_box{ display: block; float: left; } .layout_divExmnCdList .btn_data_arrow.allAdd:before{ transform: translateX(47%) translateY(-30%) rotate(135deg); } .layout_divExmnCdList .btn_data_arrow.allAdd:after{ transform: translateY(-90%) rotate(135deg); } .layout_divExmnCdList .btn_data_arrow:before{ transform: translateY(-67%) rotate(135deg); } .layout_divExmnCdList .btn_data_arrow.remove:before{ transform: translateY(-30%) rotate(314deg); } .layout_divExmnCdList .btn_data_arrow.allRemove:before{ transform: translateX(40%) translateY(-51%) rotate(314deg); } .layout_divExmnCdList .btn_data_arrow.allRemove:after{ transform: translateX(-10%) translateY(10%) rotate(314deg); } /*데이터신청 리스트*/ .stat_link_ul.bot_link_ul{ height:calc(80rem - 5.4rem); overflow-y:auto; overflow-x:auto; box-sizing:border-box; padding:1rem;} .in_chk_ul{ position:relative; font-size:15px; padding-top:10px; } .in_chk_ul:before{ content:" "; width:1px; height:calc( 100% - 20px ); background:#ddd; position:absolute; display:block; top:9px; left:10px; } .in_chk_ul > li{ padding:5px; padding-left: 29px; width: 100%; box-sizing:border-box; position:relative; } .in_chk_ul > li:before{ content:" "; width:8px; height:1px; background:#ddd; position:absolute; display:block; top:14px; left:11px; } .in_chk_ul > li:last-child{padding-bottom:0;} .in_chk_ul > li:last-child:after {content:" "; width:1px; height:100%; background:#fff; position:absolute; display:block; top:14px; left:10px;} .in_chk_ul > li{ display:flex; align-items:flex-start; } .in_chk_ul > li .chk_box + label{ font-size:13px; line-height:20px;} .in_chk_ul > li {flex-direction:column;} .in_chk_ul .chkBox {display:flex; width:100%;} .chk_ul .chk_box:hover + label:before, .chk_ul .chk_box:focus-within + label:before {border-color:#12cfff;} .chk_ul > li{ margin-bottom:15px; } .chk_box{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } .chk_box + label{ display:inline-block; position:relative; padding-left:27px; cursor:pointer; font-size:14px; font-weight:500; color:var(--txt5_1); flex-shrink:0;} .chk_box + label:before{ content:''; position:absolute; left:0; top:0;width: 20px;height: 20px; text-align:center; background:#fff; border:2px solid #e1e1e1;border-radius: 3px; box-sizing:border-box; transition: all 0.3s ease-out; display:block; } .chk_box:checked + label, .chk_box + label:hover, .chk_box:focus + label{color: var(--black)#333; font-weight: 600;} .chk_box:active + label{ color: #004aa6; } .chk_box:checked + label:before{ background: #004aa6; border:2px solid #004aa6; } .chk_box:checked + label:after{ content: ''; position:absolute; top: 5px; left: 7px; width: 6px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: all 0.3s ease-out; display:block; } .dataApp_border .cntBox {width:100%; overflow:auto; height:calc(80rem - 5.4rem); padding:1rem; box-sizing: border-box;} .dataApp_border .cntBox .personalList {min-width:150.8rem;} .dataApp_border .cntBox .personalList::before {content: ''; display:block; clear: both;} .dataApp_border .cntBox .item_box {box-sizing: border-box; overflow:hidden;} .dataApp_border .cntBox .item_box .srchBox {border-top:0; border-left:0; border-right:0;} .dataApp_border .cntBox .personalList_tit > li, .dataApp_border .cntBox .personalList_item > li {width:auto;} .dataApp_border .cntBox .personalList .item_category {width:12rem;} .dataApp_border .cntBox .personalList .item_open {width:10rem;} .dataApp_border .cntBox .personalList .item_name {width:12rem;} .dataApp_border .cntBox .personalList .item_ex {width:20rem;} .dataApp_border .cntBox .personalList .file_view {width:13rem;} .dataApp_border .cntBox .personalList .blue .file_view .btn_view {background-color:#fff;} .dataApp_border .cntBox .personalList .item_order {width:16rem;} .dataApp_border .cntBox .personalList_tit .item_order {display:flex; flex-direction: column; padding:0;} .dataApp_border .cntBox .personalList_tit .item_order > div {width:100%; text-align:center;} .dataApp_border .cntBox .personalList_tit .item_order .top_txt {padding: 0.5rem 1rem 0.5rem 1rem } .dataApp_border .cntBox .personalList_tit .item_order .bottom_txt {display:flex; background-color:#eaeaea;} .dataApp_border .cntBox .personalList_tit .item_order .bottom_txt p { width:50%; box-sizing: border-box; padding:0.5rem 1rem 0.5rem 1rem; display:block;border-left:1px solid #f7f7f7; font-size:1.4rem;} .dataApp_border .personalList_item.blue {background-color:#f3f6fc;} .dataApp_border .personalList_item.blue li > * {color:#000;} .dataApp_border .cntBox .personalList_list .item_order {display:flex; flex-direction: column; padding:0;} .dataApp_border .cntBox .personalList_list .item_order > div {width:100%; text-align:center; display:flex; word-break: keep-all;} .dataApp_border .cntBox .personalList_list .item_order .txtBox p { width:50%; box-sizing: border-box; padding:1.3rem 1rem 1.2rem 1rem; display:block; } .dataApp_border .cntBox .btn_view {border-color: #223c6d;} .dataApp_border .cntBox .srchBox .page_srch > select {width:10rem;} .dataApp_border .cntBox .file_check .checkBox label:before {border-radius:50%; width:2rem; height:2rem;} .dataApp_border .cntBox .checkBox input[type="checkbox"] {width:2rem; height:2rem;} .dataApp_border .cntBox .checkBox input[type="checkbox"]:checked + label:before {background-color:#533dff;} .dataApp_border .srchBox {border-top:0; border-left:0; border-right:0; margin-bottom:0; height:5rem; justify-content:space-between; padding:0.5rem 1rem;} .dataApp_border .borderCnt > .item_choice {display:flex; justify-content: center; align-items:center;} .dataApp_border .borderCnt > .item_choice > .item_box {display:flex; flex-direction: column; gap:1rem;} .dataApp_border .cntBox::-webkit-scrollbar-thumb { background: var(--scorollbar); border-radius: 1rem; border: 5px solid var(--scorollbar_line); } .dataApp_border .cntBox::-webkit-scrollbar-track { background-color: transparent; border-radius:5px; } .dataApp_border .cntBox::-webkit-scrollbar { width: 1.8rem; } .stat_link_ul.bot_link_ul::-webkit-scrollbar-thumb { background: var(--scorollbar); border-radius: 1rem; border: 5px solid var(--scorollbar_line); } .stat_link_ul.bot_link_ul::-webkit-scrollbar-track { background-color: transparent; border-radius:5px; } .stat_link_ul.bot_link_ul::-webkit-scrollbar { width: 1.8rem; } .inpBox .inpTxt{ color:var(--color3); font-size:1.4rem; position:absolute; right:0; top:-2.3rem; } .inpBox.bottomm_txt .inpTxt {position:relative; display:block; top:0; margin-top:0.4rem; text-align:right;} /*기본 텍스트*/ .flex_titBox {display:flex; margin-bottom:1rem; align-items:flex-end;} .flex_titBox .h4_tit {font-size:2rem; font-weight:bold; vertical-align: middle; color:var(--black);} .flex_titBox .h5_tit {font-size:1.7rem; font-weight:bold; vertical-align: middle; color:var(--black);} .basicTxtBox {font-size:1.5rem; word-break:keep-all; margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px solid #d7d7d7;} .basicTxtBox.blue {color:var(--color3);} .basicTxtBox .blue {color:var(--color3);} .basicTxtBox.lastBox {margin-bottom:0; padding-bottom:0; border:0;} .basicTxtBox .btn_box.arrowBox {margin-top:1rem;} .basicTxtBox .txt_list .tit + .txtBox {padding-left:2.2rem;} .basicTxtBox .txt_list + .txt_list {margin-top:1rem;} .basicTxtBox.taR {justify-content: flex-end; display:flex;} .basicTxtBox.lastBox p + .personalList.n_2{ margin-top:2rem; } /*자료집*/ .data_infoList {position:relative;} .data_infoList > ul {display:flex; width:100%; flex-wrap:wrap; gap:20px 0;} .data_infoList > ul > li {width:calc(25% - 15px); margin-right:20px; align-items: stretch; display: inline-flex;} .data_infoList > ul > li:nth-child(4n) {margin-right:0;} .data_infoList .infoBox {position: relative; width:100%; border:1px solid #d7d7d7; box-sizing:border-box; transition:all 0.3s; } .data_infoList .infoBox:focus-within {border-color:#05367b; box-shadow: 0 0.7rem 1.1rem #30529145; background-color:#fff;} .data_infoList .infoBox:focus-within .txtBox .tit {color:#000;} .data_infoList .infoBox:focus-within .txtBox .bottom_txt .day strong {color:#000;} .data_infoList .infoBox:focus-within .txtBox .bottom_txt .day {color:#555;} .data_infoList .infoBox:hover {border-color:#05367b; box-shadow: 0 0.7rem 1.1rem #30529145; background-color:#fff;} .data_infoList .infoBox:hover .txtBox .tit {color:#000;} .data_infoList .infoBox:hover .txtBox .bottom_txt .day strong {color:#000;} .data_infoList .infoBox:hover .txtBox .bottom_txt .day {color:#555;} .data_infoList .infoBox .imgBox {position: relative; width:100%; border-bottom:1px solid #d7d7d7; box-sizing: border-box; transition:all 0.3s; height:38rem; overflow:hidden;} .data_infoList .infoBox:hover .imgBox {border-color:#05367b;} .data_infoList .infoBox .imgBox img {width:100%; height:100%;} .data_infoList .infoBox .imgBox .imgTxt {position: absolute; padding:2rem 1.5rem; width:100%; height:100%; top:0; left:0; box-sizing:border-box; overflow:hidden; opacity:0; overflow-y:auto; background-color:#0000008a; transition:all 0.3s;} .data_infoList .infoBox .imgBox .imgTxt::-webkit-scrollbar {width:8px; height:8px; background:#ffffff00;} .data_infoList .infoBox .imgBox .imgTxt::-webkit-scrollbar-track {background: #ffffff00; -webkit-border-radius: 10px; border-radius:0;} .data_infoList .infoBox .imgBox .imgTxt::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgb(0 0 0 / 23%); border-radius: 0;} /*.data_infoList .infoBox .imgBox .imgTxt:before {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:5rem; background: linear-gradient(to bottom, #ffffff00, #00000066); z-index: 1;}*/ .data_infoList .infoBox:hover .imgBox .imgTxt {opacity: 1;} .data_infoList .infoBox:focus-within .imgBox .imgTxt {opacity: 1;} .data_infoList .infoBox .imgBox .imgTxt li {display:inline-block; padding:0.5rem; background-color:rgba(255,255,255,0.9); color:#000; font-size:1.4rem; line-height:1.6rem; transition: opacity 0.35s, transform 0.35s; transform: translate3d(-360px,0,0); box-shadow:5px 5px 6px #0000002e; border-radius:0.5rem 0.5rem 0 0.5rem; word-break:keep-all;} .data_infoList .infoBox .imgBox .imgTxt li + li {margin-top:1rem;} .data_infoList .infoBox .imgBox .imgTxt li:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } .data_infoList .infoBox .imgBox .imgTxt li:nth-of-type(2) { -webkit-transition-delay: 0s; transition-delay: 0s; } .data_infoList .infoBox .imgBox .imgTxt li:nth-of-type(3) { -webkit-transition-delay: 0s; transition-delay: 0s; } .data_infoList .infoBox:hover .imgBox .imgTxt li {opacity: 1;transform: translate3d(0,0,0); width:100%; } .data_infoList .infoBox:hover .imgBox .imgTxt li:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } .data_infoList .infoBox:focus-within .imgBox .imgTxt li {opacity: 1;transform: translate3d(0,0,0);} .data_infoList .infoBox:focus-within .imgBox .imgTxt li:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } .data_infoList .infoBox:hover .imgBox .imgTxt li:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .data_infoList .infoBox:focus-within .imgBox .imgTxt li:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .data_infoList .infoBox:hover .imgBox .imgTxt li:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .data_infoList .infoBox:focus-within .imgBox .imgTxt li:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .data_infoList .infoBox:hover .imgBox .imgTxt li:nth-of-type(4) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .data_infoList .infoBox:focus-within .imgBox .imgTxt li:nth-of-type(4) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .data_infoList .infoBox:hover .imgBox .imgTxt li:nth-of-type(5) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .data_infoList .infoBox:focus-within .imgBox .imgTxt li:nth-of-type(5) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .data_infoList .infoBox:hover .imgBox .imgTxt li:nth-of-type(6) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .data_infoList .infoBox:focus-within .imgBox .imgTxt li:nth-of-type(6) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .data_infoList .infoBox:hover .imgBox .imgTxt li:nth-of-type(7) { -webkit-transition-delay: 0.3s; transition-delay: 0.35s; } .data_infoList .infoBox:focus-within .imgBox .imgTxt li:nth-of-type(7) { -webkit-transition-delay: 0.3s; transition-delay: 0.35s; } .data_infoList .infoBox:focus-within .imgBox .imgTxt li:nth-of-type(8) { -webkit-transition-delay: 0.35s; transition-delay: 0.40s; } .data_infoList .infoBox:hover .imgBox .imgTxt li:nth-of-type(8) { -webkit-transition-delay: 0.35s; transition-delay: 0.40s; } .data_infoList .infoBox:focus-within .imgBox .imgTxt li:nth-of-type(9) { -webkit-transition-delay: 0.40s; transition-delay: 0.45s; } .data_infoList .infoBox:hover .imgBox .imgTxt li:nth-of-type(9) { -webkit-transition-delay: 0.40s; transition-delay: 0.45s; } .data_infoList .infoBox .txtBox {padding:0 0 7rem; } .data_infoList .infoBox .txtBox .tit {font-size:1.8rem; word-break: keep-all; padding:1.5rem;} .data_infoList .infoBox .txtBox .tit em{display: inline-block; padding: 0.5rem 1rem 0.5rem;border-radius:0.5rem;background: #0931b0;color: #fff;font-size: 1.5rem;font-weight: 400;margin-top: -0.2rem;margin-bottom: 0.5rem;} .data_infoList .infoBox .txtBox .bottom_txt {position: absolute; bottom:0; padding:1.5rem; width:100%;} .data_infoList .infoBox .txtBox .bottom_txt .day {font-size:1.5rem; color:var(--txt5_1); display:flex;} .data_infoList .infoBox .txtBox .bottom_txt .day strong {margin-right:0.5rem; color:var(--black); font-weight:500;} .data_infoList .infoBox .txtBox .bottom_txt .btnBox {position:relative; display:flex; margin-top:0.5rem; justify-content: space-between; z-index: 1; } .data_infoList .infoBox .txtBox .bottom_txt .btnBox button {position: relative; width:100%; left:auto; top:auto; right:auto; transform:translate3d(0,0,0)} .data_infoList .infoBox .txtBox .bottom_txt .btnBox a {position: relative; width:calc(50% - 0.5rem); left:auto; top:auto; right:auto; transform:translate3d(0,0,0)} .data_infoList .infoBox .txtBox .bottom_txt .btnBox div.btn_down {position: relative; width:100%; left:auto; top:auto; right:auto; transform:translate3d(0,0,0)} /* 패널보고서 */ .panel_report .bottom_txt .day p + strong{ margin-left:1rem; } .panel_report .btn_txt_slide span { display: block; opacity: 1; margin-top: 0.1rem; padding-left: 0.5rem; } .panel_report .infoBox .btnBox.position_r {position:relative; display:flex; justify-content: space-between; z-index: 1;} .panel_report .infoBox .btnBox.position_r > * {position: relative; width:calc(50% - 0.5rem); left:auto; top:auto; right:auto; transform:translate3d(0,0,0)} .panel_report .infoBox .btnBox .downList_box {position:relative;} .panel_report .infoBox .btnBox .downList_box .btn_down {width:100% !important;} .panel_report .infoBox .btnBox .downList_box .list_box {display:none; position: absolute; top:30px; left:0; width:100%; padding:1rem 0.5rem; background-color:#fff; box-shadow: 0 0.7rem 1.1rem #30529145; border: 1px solid #223c6d;} .panel_report .infoBox .btnBox .downList_box .list_box li + li {margin-top:0.5rem; padding-top:0.5rem; border-top:1px solid #e3e3e3;} .panel_report .infoBox .btnBox .downList_box .list_box a {padding-left:2.2rem; background-position:center left; background-repeat: no-repeat; width:100%;} .panel_report .infoBox .btnBox .downList_box .list_box a.xls {background-image:url('../../img/sub/icon_file_xls.png');} .panel_report .infoBox .btnBox .downList_box .list_box a.hwp {background-image:url('../../img/sub/icon_file_hwp.png');} .panel_report .infoBox .btnBox .downList_box .list_box a.pdf {background-image:url('../../img/sub/icon_file_pdf.png');} .panel_report .infoBox .btnBox .downList_box .list_box a span {font-size:1.2rem; line-height:24px; letter-spacing:-1px; color:#000;} .panel_report .infoBox .btnBox .downList_box .list_box a:hover {color: #000; font-weight:bold;} .panel_report .infoBox .btnBox .downList_box .list_box button {padding-left:2.2rem; background-position:center left; background-repeat: no-repeat; width:100%;} .panel_report .infoBox .btnBox .downList_box .list_box button.xls {background-image:url('../../img/sub/icon_file_xls.png');} .panel_report .infoBox .btnBox .downList_box .list_box button.hwp {background-image:url('../../img/sub/icon_file_hwp.png');} .panel_report .infoBox .btnBox .downList_box .list_box button.pdf {background-image:url('../../img/sub/icon_file_pdf.png');} .panel_report .infoBox .btnBox .downList_box .list_box button span {font-size:1.2rem; line-height:24px; letter-spacing:-1px; color:#000;} .panel_report .infoBox .btnBox .downList_box .list_box button:hover {color: #000; font-weight:bold;} .panelView .pubTit .btnBox .btn_view{ width:14rem; border:1px solid #223c6d; } .panelView .pubTit .btnBox .btn_view:hover, .panelView .pubTit .btnBox .btn_view:focus{ box-shadow: 0 0.7rem 1.1rem #83838345; } .panelView .pubViewCnt .pubCnt{ background-color: var(--bgColor9); width:calc( 100% - 32rem ); display:block; padding:2rem; box-sizing:border-box; height:100%; overflow:hidden; overflow-y:auto; } .panelView .pubViewCnt .pubCnt::-webkit-scrollbar-thumb { background: var(--scorollbar); border-radius: 1rem; border: 5px solid var(--scorollbar_line_22); } .panelView .pubViewCnt .pubCnt::-webkit-scrollbar-track { background-color: transparent; border-radius:5px; } .panelView .pubViewCnt .pubCnt::-webkit-scrollbar { width: 1.8rem; } .panelView .pubViewCnt .pubCnt h4{ font-size:2rem; font-weight:500; color:#223c6d; margin-top:2rem; } .panelView .pubViewCnt .pubCnt > *{ word-break: keep-all; } .panelView .pubViewCnt .pubCnt h4:nth-child(1){ margin-top:0; } .panelView .pubViewCnt .pubCnt .md_p{ font-size:1.6rem; font-weight:400; margin-top:0.5rem; } .panelView .pubViewCnt .pubCnt .sm_p{ font-size:1.4rem; font-weight:400; margin-top:0.5rem; } .panelView .pubViewCnt .pubCnt .sm_tit{ font-size:1.6rem; font-weight:500; margin-top:0.5rem; } .panelView .pubViewCnt .pubCnt .bul_list{ padding-left:2rem; margin-top:0.5rem; } .datb .infoBox .btnBox.position_r > * { position: relative; width: calc(50% - 0.5rem); left: auto; top: auto; right: auto; transform: translate3d(0,0,0); } .datb .infoBox .btnBox .downList_box { position: relative; } .datb .infoBox .btnBox .downList_box .btn_down { width: 100% !important; } .datb .infoBox .btnBox .downList_box .list_box { display: none; position: absolute; top: 30px; left: 0; width: 100%; padding: 1rem 0.5rem; background-color: #fff; box-shadow: 0 0.7rem 1.1rem #30529145; border: 1px solid #223c6d; } .datb .infoBox .btnBox .downList_box .list_box a.xls {background-image:url('../../img/sub/icon_file_xls.png');} .datb .infoBox .btnBox .downList_box .list_box a.hwp {background-image:url('../../img/sub/icon_file_hwp.png');} .datb .infoBox .btnBox .downList_box .list_box a.pdf {background-image:url('../../img/sub/icon_file_pdf.png');} .datb .infoBox .btnBox .downList_box .list_box a { padding-left: 2.2rem; background-position: center left; background-repeat: no-repeat; width: 100%; } .datb .infoBox .btnBox .downList_box .list_box a span { font-size: 1.2rem; line-height: 24px; letter-spacing: -1px; color: #000; } .datb .infoBox .btnBox .downList_box .list_box button.xls {background-image:url('../../img/sub/icon_file_xls.png');} .datb .infoBox .btnBox .downList_box .list_box button.hwp {background-image:url('../../img/sub/icon_file_hwp.png');} .datb .infoBox .btnBox .downList_box .list_box button.pdf {background-image:url('../../img/sub/icon_file_pdf.png');} .datb .infoBox .btnBox .downList_box .list_box button { padding-left: 2.2rem; background-position: center left; background-repeat: no-repeat; width: 100%; } .datb .infoBox .btnBox .downList_box .list_box button span { font-size: 1.2rem; line-height: 24px; letter-spacing: -1px; color: #000; } /*checkbox + radio*/ .checkBox {position:relative; display:inline-block;} .checkBox + .checkBox {margin-left:10px;} .checkBox input[type="checkbox"] { position:absolute; appearance:none; top:50%; transform:translateY(-50%); left:0; width:18px; height:18px; margin:0 !important; cursor:pointer; background:transparent; } .checkBox label { display:flex; align-items:center; cursor:pointer; } .checkBox label:before { content:''; display:block; top:0; left:0; width:18px; height:18px; border-radius:5px; background:#fff; border:0.2rem solid #b2b2b2; box-sizing:border-box; } .checkBox label:hover:before, .checkBox label:focus:before {border-color:#12cfff;} .checkBox input[type="checkbox"]:hover + label:before, .checkBox input[type="checkbox"]:focus + label:before {border-color:#12cfff;} .checkBox input[type="checkbox"]:checked + label:before { border:0; background:#0931b0 url('../../img/sub/btn_checkBox.png') no-repeat center; } .checkBox input[type="checkbox"]:checked + label span { color: #0931b0; font-weight:bold; } .checkBox input[type="checkbox"]:disabled + label:before { border:0.2rem solid #b2b2b2; background:#eee; } .checkBox input[type="checkbox"]:disabled:checked + label:before { border:0.2rem solid #b2b2b2; background:#eee; background:#b3b5bd url('../../img/sub/btn_checkBox.png') no-repeat center; } .checkBox label span {display:inline-block; margin-left:5px; font-size:1.4rem; line-height:21px; color:var(--txt5_1); letter-spacing:0.5px; font-weight:400; word-break: break-all; } .radioBox label span {display:inline-block; margin-left:5px; font-size:1.4rem; line-height:21px; color:var(--txt5_1); letter-spacing:0.5px; font-weight:400; word-break: break-all; } .tbl_style02 .checkBox input[type="checkbox"]:checked + label:before { border:0; background:#c25513 url('../../img/sub/btn_checkBox.png') no-repeat center; } .checkBox input[type="checkbox"]:focus + label:before { border:0.2rem solid #12cfff !important; } .radioBox {position:relative; display:inline-block;} .radioBox {margin-left:10px;} .radioBox input[type="radio"] { position:absolute; appearance:none; top:50%; transform:translateY(-50%); left:0; outline:0; width:18px; height:18px; margin:0 !important; cursor:pointer; background:transparent; } .radioBox label { display:flex; align-items:center; cursor:pointer; font-size:1.5rem; font-weight:500; } .radioBox label:before { content:''; display:block; top:0; left:0; width:1.8rem; height:1.8rem; border-radius:1.8rem; background:#fff; border:0.2rem solid #b2b2b2; box-sizing:border-box; } .radioBox label:hover:before, .radioBox label:focus:before {border-color:#12cfff;} .radioBox input[type="radio"]:hover + label:before, .radioBox input[type="radio"]:focus + label:before {border-color:#12cfff;} .radioBox input[type="radio"]:checked + label:before { border:0.2rem solid #0931b0; background:#fff; } .radioBox input[type="radio"]:disabled + label:before { border:0.2rem solid #b2b2b2; background:#eee; } .radioBox input[type="radio"]:disabled:checked + label:after{ content:" "; width:1rem; height:1rem; border-radius:10px; background:#b2b2b2; position:absolute; left:0.4rem; top: 50%; transform: translateY(-50%); } .radioBox input[type="radio"]:checked + label:after{ content:" "; width:1rem; height:1rem; border-radius:10px; background:#0931b0; position:absolute; left:0.4rem; top: 50%; transform: translateY(-50%); } .radioBox input[type="radio"]:focus + label:before { border:0.2rem solid #12cfff; } .on .radioBox input[type="radio"]:focus + label:before { border:0.2rem solid #12cfff; } .radioBox label span {display:inline-block; margin-left:5px;} .radioBox.addr {margin-bottom:10px; margin-top:10px; display:block;} .radioBox.addr label span {font-size:1.125rem; font-weight:600; color:#000;} /*텍스트 스타일*/ .ex_tit {color:#76b026;} .bul_list > li {position:relative; box-sizing:border-box; padding-left:1rem; font-size:1.5rem; word-break:keep-all;} .bul_list > li:before {content:''; display:block; position:absolute; top:0.8rem; left:0; width:0.5rem; height:0.5rem; background-color:#878787; border-radius:5px;} .bul_list > li > ul {padding: 0.25rem 0 1rem;} .bul_list > li > ul > li {position:relative; padding-left:1.2rem; margin-bottom:2px; color:#222;} .bul_list > li > ul > li:before{content:"-"; display:inline-block; position:absolute; top:0; left:0; color:#777;} .num_list > li {position:relative; padding-left:2.5rem; line-height:1.8rem; padding-top:0.1rem; font-size:1.5rem;} .num_list > li .num {position: absolute; top:0; left:0; width:2rem; height:2rem; line-height:2rem; border-radius:0; background-color:#0931b0; color:#fff; text-align:center; font-size:1.2rem; border-radius:0.5rem 0.5rem 0 0.5rem;} .num_list > li + li {margin-top:1rem;} .num_list > li p {color:var(--black);} /*차트버튼*/ .btn_chart {position: relative; width:3rem; height:3rem;} .btn_chart .icon {position: relative; display:flex; width:100%; height:100%;} .btn_chart .icon:after {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:0.3rem; background-color:#fff; background-repeat:no-repeat; background-position:center; border:1px solid #1a40b6; box-sizing: border-box; transition:all 0.3s; background-size:1.5rem;} .btn_chart.stick .icon:after {background-image:url('../../img/sub/btn_chart_stick.png');} .btn_chart.broken .icon:after {background-image:url('../../img/sub/btn_chart_broken.png');} .btn_chart.accr .icon:after {background-image:url('../../img/sub/btn_chart_accr.png');} .btn_chart .icon:before {z-index:0; content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; height:90%; border-radius:0.3rem; transition:all 0.3s; background-color:#03a9f430;} .btn_chart:hover .icon:after {border: 1px solid #1a40b6;} .btn_chart:hover .icon:before {width:115%; height:115%;} .btn_chart .text {position: absolute; top:3.8rem; left:50%; transform:translateX(-50%); width:0; opacity:0; font-size:1.3rem; height:2.2rem; line-height:2.2rem; background-color:var(--black); color:var(--white); border-radius:3.0rem; transition:all .5s ease-in-out; overflow:hidden;} .btn_chart:hover .text,.btn_chart:focus .text {opacity:1; width:8.5rem;} .btn_chart.accr:hover .text,.btn_chart.accr:focus .text {width:10rem;} /*버튼*/ .btn_file {position:relative; display:inline-block;} .btn_file .btn_box {position:relative; display:block; width:2rem; height:1.9rem; border-radius:0.5rem; background:#76b026 url('../../img/sub/icon_bbs_file.png') no-repeat center;} .btn_file.link:before {content:''; display:block; position:absolute; border-radius:0.5rem; width:2rem; height:1.9rem; background:#ffdada; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s; opacity:0;} .btn_file.link:hover:before {width:2.7rem; height:2.6rem; opacity:1;} .btn_lg_line {position: relative; min-width:100px;height:4rem; letter-spacing:-1px;padding:0 1.5rem;font-size:1.6rem; border-radius:0.5rem; justify-content:center; align-items:center; background:#fff; color:#05367b; border:1px solid #05367b; overflow:hidden;display:flex;flex-flow:row nowrap;gap:1rem; } .btn_lg_line.point_btn{background:#fff; color:#76b026; border:1px solid #76b026; } .btn_lg_line:before{content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; width:120%; height:110%; background:#05367b; transform:translateX(-120%) skew(-15deg); transition:transform 0.7s cubic-bezier(0, 0, 0.21, 0.87) 0s;} .btn_lg_line.point_btn:before{ background:#76b026; } .btn_lg_line span {position:relative; transition: all 0.4s ease-out 0.1s; z-index:2;} .btn_lg_line:hover:before, .btn_lg_line:focus:before{background:#05367b; transform:translateX(-10%) skew(-15deg) perspective(50rem);} .btn_lg_line.point_btn:hover:before, .btn_lg_line.point_btn:focus:before{ background:#76b026; } .btn_lg_line:hover, .btn_lg_line:focus{color:#222 !important;} .btn_lg_line:hover span, .btn_lg_line:focus span {color:#fff;} .btn_lg_line:disabled, .btn_lg_line.disabled{ cursor:initial; } .btn_lg_line:disabled:hover span, .btn_lg_line:disabled:focus span, .btn_lg_line.disabled:hover span, .btn_lg_line.disabled:focus span{ color:#888; } .btn_lg_line:disabled:before, .btn_lg_line.disabled:before{ display:none !important; } .btn_lg_line.arrow.disabled:after{ display:none !important; } .btn_lg_line.arrow.disabled{ padding-right:2rem; } .btn_lg_line.point_btn:hover, .btn_lg_line.point_btn:focus, .btn_lg_line.point_btn:active{color:#fff;} .basic_btn { width:100%; padding: 0.2rem 1rem; height: 4rem; background: #05367b; border-radius:0.5rem; color: #fff; font-size: 1.8rem; font-weight: 500; line-height: 3.6rem; box-sizing: border-box; transition:all 0.3s;} .basic_btn:hover,.basic_btn:focus { background:#092760; } .basic_btn:active{ background:#061531;} .btn_lg_line.arrow {width:auto; border-radius:0.5rem; font-weight:500; box-sizing: border-box; padding:0 1.5rem; justify-content:flex-start;gap:1rem;} .btn_lg_line.arrow:after {z-index:1; content:'\F138';font-family:bootstrap-icons !important;transition:all 0.4s ease-out 0.1s;font-size:2.6rem;} .btn_lg_line.arrow.point_btn:after {color:#76b026;} .btn_lg_line.arrow:hover:after {color:#fff;} .btn_lg_line.arrow.prev {padding:0 1.5rem 0 4rem;} .btn_lg_line.arrow.prev:after {z-index:1; position:absolute; content:'\F12F';font-family:bootstrap-icons !important;transition:all 0.4s ease-out 0.1s;font-size:2.6rem;} .btn_lg_line.arrow.prev:hover:after {color:#fff;} .hover_btn {position: relative; padding:.8rem 1rem; display:inline-flex;align-items:center;gap:.5rem; border-radius:.5rem; border:1px solid #D9D9D9; transition:all 0.3s; background-color:#fff; font-size:1.5rem; cursor:pointer;} .hover_btn span {color:#333;} .hover_btn.window {padding-right:3rem;} .hover_btn.window:after {content:''; display:block; background:url('../../img/sub/btn_window.png') no-repeat center;} .hover_btn.file {padding-left:3.5rem; background-image:url('../../img/sub/icon_file_plus.png'); background-position:left 0.9rem center; background-repeat:no-repeat;} .hover_btn.arrow {padding-right:4rem; background:#fff url('../../img/sub/btn_arrow.png') no-repeat center right 1rem;} .hover_btn.arrow:focus {background:#fff url('../../img/sub/btn_arrow_on.png') no-repeat center right 1rem;} .btn_down {position: absolute; top:50%; transform:translateY(-50%) translateX(50%); right:50%; padding:.4rem 1rem; width:4rem; height:3rem; gap:.5rem;line-height:3rem; background-color:#223c6d; border-radius:0.5rem; text-align:left; display:inline-flex !important; align-items:center;} .btn_down span {position:relative; font-size:1.3rem; color:#fff; } .btn_down:after {content:'\f30a';font-family:bootstrap-icons!important;font-size:1.3rem;color:#fff;} .btn_down:hover:after, .btn_down:focus:after { -webkit-animation: up_mv 0.5s ease 3; -moz-animation: up_mv 0.65 ease 3; animation: up_mv 0.5s ease 3; } .btn_down:hover, .btn_down:focus { background-color:#000;color:#fff;border-color:#05367b; box-shadow: 0 0.7rem 1.1rem #30529145;} .btn_down:active{ background-color:#76b026; color:#fff;} .btnBox.position_r {display: flex; align-items: center; justify-content: flex-end;} .btnBox.position_r .btn_down, .btnBox.position_r .btn_view { position: relative; top:auto; right:auto; width:auto; transform:translateY(-0%) translateX(0%); padding-right:3rem; outline-color:#0931b0;} .btnBox.position_r button + button {margin-left:0.2rem;} .btn_top {position: relative; padding-left:1rem; width:9rem; height:3rem; line-height:3rem; border-radius:0.5rem; text-align:left; display:block !important; background-color: #fff; border:1px solid #223c6d; } .btn_top span {position:relative; font-size:1.3rem; color:#223c6d; } .btn_top:before {content:''; display:block; position:absolute; top:0.8rem; right:1.2rem; width:1.1rem; height:1.3rem; background:url('../../img/sub/btn_top_go.png') no-repeat center; transition:all 0.1s;} .btn_top:hover:before, .btn_top:focus:before { -webkit-animation: up_mv 0.5s ease 3; -moz-animation: up_mv 0.65 ease 3; animation: up_mv 0.5s ease 3; } .btn_top:hover, .btn_top:focus{ border:1px solid #223c6d; } .btn_top:active{ border:1px solid #76b026; background-color:#fffafb;} .btn_top:active span {color:#76b026;} .btn_top:active:before {background-image:url('../../img/sub/btn_top_go_active.png');} .btn_data_arrow {position: relative; width:4rem; height:4rem; border-radius:1rem; background-color:var(--white); border:1px solid #d7d7d7; box-sizing: border-box; transition:all 0.3s; overflow:hidden;} .btn_data_arrow:before {position: absolute; content:''; display:block; top:50%; left:1.2rem; width:1.2rem; height:1.2rem; border-top: 0.3rem solid var(--btn_arr); border-right: 0.3rem solid var(--btn_arr); transform:translateY(-50%) rotate(45deg);} .btn_data_arrow.allAdd:after {position: absolute; content:''; display:block; top:50%; left:1.4rem; width:1.2rem; height:1.2rem; border-top: 0.3rem solid var(--btn_arr); border-right: 0.3rem solid var(--btn_arr); transform:translateY(-50%) rotate(45deg);} .btn_data_arrow.allAdd:before {position: absolute; content:''; display:block; top:50%; left:0.8rem; width:1.2rem; height:1.2rem; border-top: 0.3rem solid var(--btn_arr); border-right: 0.3rem solid var(--btn_arr); transform:translateY(-50%) rotate(45deg);} .btn_data_arrow.allRemove:after {position: absolute; content:''; display:block; top:50%; left:1.4rem; width:1.2rem; height:1.2rem; border-top: 0.3rem solid var(--btn_arr); border-right: 0.3rem solid var(--btn_arr); transform:translateY(-50%) rotate(45deg);} .btn_data_arrow.allRemove:before {position: absolute; content:''; display:block; top:50%; left:0.8rem; width:1.2rem; height:1.2rem; border-top: 0.3rem solid var(--btn_arr); border-right: 0.3rem solid var(--btn_arr); transform:translateY(-50%) rotate(45deg);} .btn_data_arrow:hover, .btn_data_arrow:focus {box-shadow: 0 0.7rem 1.1rem #30529145; border-color:#0931b0; background-color:#fff;} .btn_data_arrow:active {border-color:#76b026;} .btn_data_arrow:hover:after, .btn_data_arrow:hover:before, .btn_data_arrow:focus:after, .btn_data_arrow:focus:before {border-color:#0931b0;} .btn_data_arrow:active:after, .btn_data_arrow:active:before {border-color:#76b026;} .btn_data_arrow:hover .blind, .btn_data_arrow:focus .blind, .btn_data_arrow:active .blind {overflow: visible;position:absolute;top:auto; bottom:-3rem; transform: translateX(-50%); left: 50%; width: auto;white-space: nowrap;height: auto;font-size: 1.3rem;line-height: 1.5rem;clip: auto;z-index: 10; padding:0.5rem; background:#fff; border-radius: 0.5rem 0.5rem 0.5rem 0rem; border: 1px solid #000;} .btn_data_arrow { overflow:visible; } /*아이콘 다운*/ .icon_pdf_down {display:inline-flex; align-items: center; justify-content: center;} .icon_pdf_down .icon {position: relative; display:inline-flex; width:2.4rem; height:2.4rem;} .icon_pdf_down .icon:after {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2.4rem; height:2.4rem; border-radius:0.3rem; background:#fff url('../../img/sub/icon_file_pdf.png') no-repeat center; border:1px solid #c80a0a; box-sizing: border-box;} .icon_pdf_down .icon:before {z-index:0; content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2.3rem; height:2.3rem; border-radius:0.3rem; transition:all 0.3s; background-color:#ff848478;} .icon_pdf_down:hover .icon:before {width:2.8rem; height:2.8rem;} .icon_xls_down {display:inline-flex; align-items: center; justify-content: center;} .icon_xls_down .icon{position: relative; display:inline-flex; width:2.4rem; height:2.4rem;} .icon_xls_down .icon:after {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2.4rem; height:2.4rem; border-radius:0.3rem; background:#fff url('../../img/sub/icon_file_xls.png') no-repeat center; border:1px solid #197f3f; box-sizing: border-box;} .icon_xls_down .icon:before {z-index:0; content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2.3rem; height:2.3rem; border-radius:0.3rem; transition:all 0.3s; background-color:#48ff8c5e;} .icon_xls_down:hover .icon:before {width:2.8rem; height:2.8rem;} .icon_hwp_down {display:inline-flex; align-items: center; justify-content: center;} .icon_hwp_down .icon {position: relative; display:inline-flex; width:2.4rem; height:2.4rem;} .icon_hwp_down .icon:after {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2.4rem; height:2.4rem; border-radius:0.3rem; background:#fff url('../../img/sub/icon_file_hwp.png') no-repeat center; border:1px solid #0f78bc; box-sizing: border-box;} .icon_hwp_down .icon:before {z-index:0; content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2.3rem; height:2.3rem; border-radius:0.3rem; transition:all 0.3s; background-color:#65c2ff82;} .icon_hwp_down:hover .icon:before {width:2.8rem; height:2.8rem;} .icon_pdf_down.txt, .icon_xls_down.txt, .icon_hwp_down.txt {font-size:1.3rem; color:var(--txt5);} .icon_pdf_down.txt .txt, .icon_xls_down.txt .txt, .icon_hwp_down.txt .txt {margin-left:0.5rem;} .btn_view {position: relative;padding:.8rem 1rem;margin:0 auto;border-radius:0.5rem;text-align:left;border:1px solid #d9d9d9;display: inline-flex;align-items:center;gap:.5rem;} .btn_view:after {content:'\F52A'; font-family:bootstrap-icons !important;display:block;transition:all 0.1s;font-size:1.5rem;} .inpBox.readonly .btn_view {background:#f3f6fc;} @-webkit-keyframes up_mv{ 0% {transform:translateY(0)} 50% {transform:translateY(-0.2rem)} 100% {transform:translateY(0)} } @-moz-keyframes up_mv{ 0% {transform:translateY(0)} 50% {transform:translateY(-0.2rem)} 100% {transform:translateY(0)} } @keyframes up_mv{ 0% {transform:translateY(0)} 50% {transform:translateY(-0.2rem)} 100% {transform:translateY(0)} } .btn_text { position: absolute; top:50%; transform:translateY(-50%) translateX(50%); right:50%; width:3rem; height:3rem; line-height:3rem; background-color:#fff; border:1px solid #223c6d; border-radius:0.5rem; text-align:left; transition:all 0.3s; display:block !important; } .btn_text:hover, .btn_text:focus{width: 9.5rem; border-color: #05367b; padding-left: 0.4rem;} .btn_text:active{ border:1px solid #76b026; } .btn_text:after{ content:" "; width: 2rem; height:2rem; position:absolute; display:block; top:0.4rem; right:0.4rem; background:url('../../img/sub/btn_text_icon.png') no-repeat; } .btn_text span { display:none; opacity:0; transition:all 0.3s; white-space:nowrap; position:relative; font-size:1.3rem; color:#000; } .btn_text:hover span, .btn_text:focus span{ display:block; opacity:1; margin-top:0.1rem; } /*첨부파일*/ .btn_txt_slide { position: relative; width:3rem; height:3rem; line-height:2.7rem; background-color:#fff; border:1px solid #223c6d; border-radius:0.5rem; text-align:left; transition:all 0.3s; display:block !important; overflow: hidden;} .btn_txt_slide:hover, .btn_txt_slide:focus{width: 14rem; padding-left: 0.4rem;} .btn_txt_slide:active{ border:1px solid #76b026; } .btn_txt_slide:after{ content:" "; width: 2rem; height:2rem; position:absolute; display:block; top:0.4rem; right:0.4rem; background-repeat:no-repeat; background-position:center;} .btn_txt_slide.xls:after {background-image:url('../../img/sub/icon_file_xls.png');} .btn_txt_slide.hwp:after {background-image:url('../../img/sub/icon_file_hwp.png');} .btn_txt_slide.pdf:after {background-image:url('../../img/sub/icon_file_pdf.png');} .btn_txt_slide.xls {border:1px solid #197f3f;} .btn_txt_slide.hwp {border:1px solid #0f78bc;} .btn_txt_slide.pdf {border:1px solid #c80a0a;} .btn_txt_slide span { display:none; opacity:0; transition:all 0.3s; white-space:nowrap; position:relative; font-size:1.3rem; color:#000; font-weight:400;} .btn_txt_slide:hover span, .btn_txt_slide:focus span{ display:block; opacity:1; margin-top:0.1rem; } .btn_txt_slide.mini {width:2.4rem; height:2.4rem; line-height:2.1rem;} .btn_txt_slide.mini:after {top:0.1rem; right:0.1rem; } .btn_txt_slide.mini:hover, .btn_txt_slide.mini:focus{width: 11rem; padding-left: 0.4rem;} .btn_txt_slide.xls:hover, .btn_txt_slide.xls:focus {border-color: #075e27;} .btn_txt_slide.hwp:hover, .btn_txt_slide.hwp:focus {border-color: #00558c;} .btn_txt_slide.pdf:hover, .btn_txt_slide.pdf:focus {border-color: #8b0404;} .btn_txt_slide.xls:hover span, .btn_txt_slide.xls:focus span {color: #197f3f;} .btn_txt_slide.hwp:hover span, .btn_txt_slide.hwp:focus span {color: #0f78bc;} .btn_txt_slide.pdf:hover span, .btn_txt_slide.pdf:focus span {color: #c80a0a;} .btn_del{ position: absolute; top:50%; transform:translateY(-50%) translateX(50%); right:50%; width:3rem; height:3rem;padding:.8rem 1rem; background-color:#fff; border:1px solid #223c6d5e; border-radius:.5rem; transition:all 0.3s; display:flex !important; gap:.5rem;justify-content: center;} .btn_del:hover, .btn_del:focus{ border-color:#05367b; box-shadow: 0 0.7rem 1.1rem #30529145;color:#05367b; } .btn_del:active{ border:1px solid #76b026; } .btn_del:after{ content:"\F78B";font-family:bootstrap-icons!important; } .btn_del span { display:none; opacity:0; transition:all 0.3s; white-space:nowrap; position:relative; font-size:1.3rem; color:#000; } .btn_plus,.btn_minus{ width:3rem; height:3rem; line-height:3rem; background-color:#fff; border:1px solid #555; border-radius:0.5rem; text-align:left; transition:all 0.3s; position:relative; } .btn_plus:hover, .btn_plus:focus, .btn_minus:hover, .btn_minus:focus{width: 6rem; border-color: #1a40b6; padding-left: 0.4rem;} .btn_plus:active, .btn_minus:active{ border:1px solid #76b026; } .btn_plus:after, .btn_minus:after{ content:" "; width: 1.3rem; height:0.2rem; position:absolute; display:block; top:50%; transform:translateY( -50% ); right:0.8rem; background:#555; } .btn_plus:before{ content:" "; width: 0.2rem; height:1.3rem; position:absolute; display:block; top:50%; transform:translateY( -50% ); right:1.3rem; background:#555; } .btn_plus span , .btn_minus span{ display:none; opacity:0; transition:all 0.3s; white-space:nowrap; position:relative; font-size:1.3rem; color:#555; } .btn_plus:hover span, .btn_plus:focus span, .btn_minus:hover span, .btn_minus:focus span{ display:block; opacity:1; color:#1a40b6; } .btn_plus:active span, .btn_minus:active span{ color:#76b026; } .btn_plus:hover:after, .btn_minus:hover:after, .btn_plus:focus:after, .btn_minus:focus:after, .btn_plus:hover:before, .btn_plus:focus:before{ background:#1a40b6; } .btn_plus:active:after, .btn_plus:active:before, .btn_minus:active:after{ background:#76b026; } .btn_save { display:flex; align-items: center; padding:0 1rem; height:3rem; line-height:3rem; background-color:#0931b0; border:1px solid #0931b0; border-radius:0.5rem; text-align:left; transition:all 0.3s; position:relative; } .btn_save span {font-size:1.3rem; color:#fff;} .btn_save:hover, .btn_save:focus {box-shadow:0px 0.7rem 1.1rem #30529145} /*보더*/ .top_dash_line {border-top:0.1rem dashed #ddd; box-sizing:border-box;} .bot_dash_line {border-bottom:0.1rem dashed #ddd; box-sizing:border-box;} .left_dash_line {border-left:0.1rem dashed #ddd; box-sizing:border-box;} .right_dash_line {border-right:0.1rem dashed #ddd; box-sizing:border-box;} .top_solid_line {border-top:0.1rem solid #ddd; box-sizing:border-box;} .bot_solid_line {border-bottom:0.1rem solid #ddd; box-sizing:border-box;} .left_solid_line {border-left:0.1rem solid #ddd; box-sizing:border-box;} .right_solid_line {border-right:0.1rem solid #ddd; box-sizing:border-box;} /*input, selbox*/ .basic_input { width:100%; padding: 0.2rem 1rem; height: 5rem; background: #fff; border: 1px solid #d9d9d9; border-radius:0.5rem; color: #333; font-size: 1.5rem; font-weight: 400; line-height: 4.8rem; box-sizing: border-box;} .inpBox {position: relative; margin-top:1.5rem; box-sizing: border-box;display:flex;flex:1;justify-content: space-between;gap:.5rem;} .inpBox > label, .inpBox > h3.req {display: inline-block;position: absolute;top: -1.5rem;left: 1.4rem;padding:0.2rem 0.6rem;background: var(--white);font-size:1.4rem;color: var(--black);font-weight:900;border-radius:1rem; transition:all 00.3s} .inpBox > h3.basic {display: inline-block;position: absolute;top: -1.5rem;left: 1.4rem;padding:0.2rem 0.6rem;background: var(--white);font-size:1.4rem;color: var(--black);font-weight:900;border-radius:1rem; transition:all 00.3s} .inpBox label,.inpBox.tit {background:#fff;} /* 2024.11.12 har 임시 css 여백 제거 */ .inpBox.bottomm_txt { margin-top: -1.5rem; } /*.inpBox label.req .tit {position:relative; padding-right:0.8rem;} .inpBox label.req .tit:after {display:block; content:''; position:absolute; top:0.2rem; right:0.2rem; width:0.4rem; height:0.4rem; background-color:#2045b8; border-radius:0.5rem;}*/ .inpBox label.req .point {margin-right:0.3rem;} .inpBox.on .tit {color:var(--inpTit);} .inpBox .form-check, .inpBox .basic_input {flex:1;padding: 0.2rem 1rem; height: 5rem; background: #fff; border: 1px solid #d9d9d9; border-radius:0.5rem; font-size: 1.5rem; font-weight: 400; line-height: 4.8rem; box-sizing: border-box; transition:all 0.3s;} .inpBox textarea.basic_input{ height:20rem; line-height:2.4rem; padding-top:1.8rem; } .inpBox textarea.basic_input:focus{ border:1px solid #0931b0; } .inpBox.on .basic_input {border-color:var(--inpTit);} .inpBox .basic_sel {width:100%; padding: 0.2rem 1rem; height: 5rem; background-color: #fff; border: 1px solid #d9d9d9; border-radius:0.5rem; font-size: 1.5rem; font-weight: 400; line-height: 4.8rem; box-sizing: border-box; transition:all 0.3s;} .inpBox.on .basic_sel {border-color:var(--inpTit);} .inpBox .form-check {display:flex;justify-content:start;flex-flow:row;align-items:center;gap:2.5rem;padding-left:1.5rem;} .inpBox .form-check input {position:relative;margin:0;top:0;clear: both;border-color: #888;} .inpBox .form-check input:checked {border-color:#0931b0;} .inpBox .form-check label {display:flex;justify-content:start;flex-flow:row;align-items:center;gap:1rem;} .inpBox .form-check input[type="radio"]:checked:disabled { background-color:#fff; border:4px solid #888; accent-color: #0931b0; opacity: 1; } .inpBox .form-check input[type="radio"].readonly { pointer-events: none; opacity: 0.7;} .inpBox .form-check input[type="radio"]:disabled { background-color:#fff; border-color:#888; accent-color: #888; opacity: 1; } /*.inpBox.disabled label, .inpBox.readonly label {background-color: #f9f9f9;}*/ /*.inpBox.disabled label, .inpBox.readonly label .tit {color:#555;}*/ .inpBox.readonly .basic_sel {pointer-events: none;} .readonly select, .readonly input, .readonly textarea {background:#fdffe3 !important; color:#333;} .inpBox .basic_box {display:flex; align-items: center; width:100%; padding: 0.2rem 1rem; height: 5rem; background-color: #fff; border: 1px solid #d9d9d9; border-radius:0.5rem; font-size: 1.5rem; font-weight: 400; line-height: 4.8rem; box-sizing: border-box; transition:all 0.3s;} .inpBox .basic_box .checkBox label span {font-size:1.5rem;} .inpBox .basic_box .radioBox label span {font-size:1.5rem;} .basic_textarea {background-color:#fff; width:100%; height:10rem; font-size:1.5rem; font-weight:400; box-sizing: border-box; border:1px solid #d7d7d7; padding:1rem; color:#000; border-radius:0.5rem; transition:all 0.3s;} .basic_textarea:focus {border-color: var(--inpTit);} .inpBox .basic_txt {width:100%; padding: 0.2rem 1rem; height: 15rem; padding-top:1rem; background: #fff; border: 1px solid #d9d9d9; border-radius:0.5rem; font-size: 1.5rem; font-weight: 400; line-height: 2rem; box-sizing: border-box; transition:all 0.3s;} .inpBox.on .basic_txt {border-color:#1a40b6;} .inpBox .spc_txt{ opacity:0; position:absolute; font-size:1.2rem; color:#76b026; top:0.5rem; left:2rem; transition:all 0.5s; } .inpBox.on .spc_txt{ opacity:1; } .inpBox_blank{ width: 100%; padding: 0.2rem 1rem; padding-left:2rem; height: 5rem; background: var(--white); border: 1px solid #d7d7d7; border-radius: 0.5rem; box-sizing: border-box;} .inpBox .radioBox, .inpBox .checkBox{ margin-top:1rem; } .hidden_label{ position: absolute; overflow: hidden; clip: rect(0,0,0,0); width: 1px; height: 1px; margin: -1px; } /*No data*/ .no_data{ padding-top:2rem; width: 100%; text-align: center } .no_data p{ font-size:1.8rem; text-align:center; padding-bottom:2rem; padding-top:5.5rem; position:relative; } .no_data p:before{ content:" "; display:block; position:absolute; width:4rem; height:4rem; background:url('../../img/icon/no_data_icon.png') no-repeat center; top:0.5rem; left:50%; transform:translateX(-50%); } .personalList_list .no_data{ border-bottom:0.1rem solid #ddd; } .pubList > ul > li.no_data, .data_infoList > ul > li.no_data, li:has(.no_data){ width:100% !important; border-bottom: 1px solid #ddd; margin-right:0px !important; padding-top:0; } .pubList > ul > li.no_data p, .data_infoList > ul > li.no_data p, li:has(.no_data) .no_data p{ width:100%; } /*장애통계데이터시스템이란*/ .infoTop{ padding:10rem 3rem; padding-right:35rem; position:relative; } .infoTop:after{ content:" "; display:block; position:absolute; width:33.3rem; height:26.6rem; background:url('../../img/sub/sysInfo_img.png') no-repeat; right:0; top:50%; transform:translateY(-50%); } .infoTop h3{ font-size:2.2rem; color:#05367b; margin-bottom:1rem; font-weight:600; } .infoTop p{ font-size:1.5rem; word-break: keep-all; } .infoBot{ display:flex; align-items: stretch; justify-content: space-between; margin-top:2rem; } .infoBot .infoBot_box{ padding:3rem; padding-top:11rem; box-sizing:border-box; width:calc( (100% / 2) - 1.5rem); box-shadow: 0.5rem 1rem 3rem #7089b645; position:relative; } .infoBot .infoBot_box h4{ font-size:1.7rem; font-weight:600; margin-bottom:1rem; text-align:center; } .infoBot .infoBot_box ul li p{ font-size:1.5rem; text-align:center; word-break: keep-all; } .infoBot .infoBot_box:before{ content:" "; display:block; position:absolute; width:8rem; height:6.2rem; left:50%; top:3rem; transform:translateX(-50%); } .infoBot .infoBot_box:nth-child(1):before{ background:url(../../img/sub/sysInfo_icon_01.png) no-repeat; } .infoBot .infoBot_box:nth-child(2):before{ background:url(../../img/sub/sysInfo_icon_02.png) no-repeat; } .infoBot .infoBot_box:nth-child(3):before{ background:url(../../img/sub/sysInfo_icon_03.png) no-repeat; } .infoBot .infoBot_box:nth-child(4):before{ background:url(../../img/sub/sysInfo_icon_04.png) no-repeat; } .check_wrap label:hover, .check_wrap label:focus, .check_wrap input:focus + label{ border-color:#05367b; box-shadow: 0 0.7rem 1.1rem #30529145; } .check_wrap label:hover span, .check_wrap label:focus span, .check_wrap input:focus + label span{ color:#05367b; } .check_wrap label:hover:after, .check_wrap label:focus:after, .check_wrap input:focus + label:after{ background:#05367b; } .check_wrap label:active, .check_wrap input:checked + label{ border-color:#05367b; background:#05367b; } .check_wrap label:active span, .check_wrap input:checked + label span{ color:#fff; } .check_wrap label:active:after, .check_wrap input:checked + label:after{ background:#fff; } .check_wrap label:active:before, .check_wrap input:checked + label:before{ border-color:#05367b !important; } .check_wrap label:focus:before, .check_wrap label:hover:before, .check_wrap input:focus + label:before{ border-color:#fff;} .check_round_wrap label:hover span, .check_round_wrap label:focus span, .check_round_wrap input:focus + label span{ color:#041e70; } .check_round_wrap label:hover:after, .check_round_wrap label:focus:after, .check_round_wrap input:focus + label:after{ background:linear-gradient(to left, #0930ae, #041e70); } .check_round_wrap label:active, .check_round_wrap input:checked + label{ border-color:#041e70; background:linear-gradient(to left, #0930ae, #041e70); } .check_round_wrap label:active span, .check_round_wrap input:checked + label span{ color:#fff; } .check_round_wrap label:active:after, .check_round_wrap input:checked + label:after{ background:#fff; } .check_round_wrap label:active:before, .check_round_wrap input:checked + label:before{ border-color:#041e70; } /* css 추가 */ #user_info_btn_box .bottom_btnBox{margin-top:5rem; display:flex; justify-content:center;} #user_info_btn_box .bottom_btnBox button{ min-width:25rem; width:auto; height:5rem; line-height:4.6rem; border-radius:0.5rem; margin:0 0.5rem; font-weight: 500; box-sizing:border-box; padding:0 1.5rem; } /* 가 로스크롤이 생기는 테이블 박스*/ .width_overx_box { overflow-x: auto; width:100%; } .width_overx_box th,.width_overx_box td { white-space:nowrap; } /* 통합검색 */ .sub_srch #header{ background:#223c6d; } .sub_srch #header .logo a{ background:url('../../img/common/white/logo_white.png') no-repeat center left; } .sub_srch #gnb .topmenu > li > a{ color:#fff; } .sub_srch #header .util .utilTool li button.search {background-image:url('../../img/common/white/icon_header_search_white.png');} .sub_srch #header .util .siteMap {position:absolute; top:2.6rem; right:0; width:2.1rem; height:1.8rem; background:url('../../img/common/white/btn_header_siteMap_white.png') no-repeat center;} .sub_srch #header .util .utilTool li button.setting {background-image:url('../../img/common/white/icon_header_setting_on_white.png');} .sub_srch #header .util .utilTool li button.setting.on {background-image:url('../../img/common/white/icon_header_setting_white.png');} .sub_srch #header:before { content: ''; position: absolute; left: 50%; margin-left: -72rem; bottom: 0; width: 144rem; height: 1px; background: rgba(255,255,255,0.2); transition: all 0.8s; } .container.sub.search_cont{ display:block; width:100%; max-width: none;} .container.sub.search_cont:before{ display:none; } .container.sub.search_cont .pagination{ margin-bottom:4rem; } .container.sub.search_cont .search_wrap{ width:144rem; margin:0 auto; } .n_search_top{ margin-top:0; padding:2rem 0 5rem; position:relative; background:var(--bgColor12); width:100%; } .srch_page_top{ width:144rem; margin:0 auto; display:flex; justify-content:flex-end; } .srch_page_top .srch_p_t_left{ display:flex; align-items: center; } .srch_page_top .srch_p_t_left .home a{ width:2rem; height:2.3rem; display:block; background:url('../../img/common/white/icon_location_home_white.png'); position:relative; } .srch_page_top .srch_p_t_left .home a span{ width:0; opacity:0; transition: all .3s ease-in-out; position: absolute; top: 2.5rem; left: 50%; transform: translateX(-50%); background-color: var(--black); color: var(--white); border-radius: 3rem; font-size: 1.3rem; height: 2.2rem; line-height: 2.2rem; text-align: center; } .srch_page_top .srch_p_t_left .home:hover a span, .srch_page_top .srch_p_t_left .home:focus-visible a span{ opacity: 1; width: 3rem;} .srch_page_top .srch_p_t_left .home a:focus, .n_reco_list > li .n_reco_key:focus{ outline-color:#ffff00; outline-style: dashed; outline-width: 3px; } .srch_top .n_top_search .srch_input .in_search:focus, .srch_top .top_num select:focus{ outline-color:#0931b0; outline-style: dashed; outline-width: 3px; } .srch_page_top .srch_p_t_left li + li{ padding-left:3rem; position:relative; } .srch_page_top .srch_p_t_left li + li:before{ content:" "; display:block; position:absolute; width:0.6rem; height:0.6rem; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg) ; left:1rem; top:0.5rem; } .srch_page_top .srch_p_t_left li > span{ color:#fff; font-size:1.4rem; } .srch_p_t_right{ display:none; } .srch_p_t_right button.btn_print {position:relative; width:2.5rem; height:2.5rem; background-repeat:no-repeat; background-position:center;} .srch_p_t_right button.btn_print {background-image:url('../../img/common/white/btn_print_white.png');} .srch_p_t_right button.btn_print .text {display:block; overflow: hidden; position:absolute; top:2.3rem; left:50%; transform:translateX(-50%); width:0; opacity:0; font-size:1.3rem; height:2.2rem; line-height:2.2rem; background-color:var(--black); color:var(--white); border-radius:3rem; transition:all .5s ease-in-out;} .srch_p_t_right button.btn_print:hover .text, .srch_p_t_right button.btn_print:focus-visible .text {opacity:1; width:7rem;} .srch_big_tit{ width:144rem; margin:2rem auto 4rem;text-align:center; font-size:4rem; font-weight:500; color:#fff; } .n_search_input_box{ margin-bottom:3rem; } .n_search_input{ width:70rem; position:relative; margin:0 auto; display:flex; align-items:center; height:5rem; display:flex; color:#fff; } .n_search_input select{ font-size:1.6rem; font-weight:500; color:#fff; border: 0; padding-top: 0.2rem; margin-left: 1rem; padding-right:2rem; min-width:10rem; box-sizing:border-box; background:url('../../img/common/white/white_arrow_down.png') no-repeat center right; border-bottom:2px solid #fff; border-radius:0; position:relative; } .n_search_input select option{ color:var(--black); } .n_search_input input[type="text"]{ font-size:2rem; font-weight:500; color:#fff; border: 0; padding-top: 0.2rem; margin-left: 1rem; padding-right:1rem; box-sizing:border-box; background:transparent; border-bottom:0.2rem solid #fff; width:34rem; } .n_search_btn{ padding:1rem 2rem; border-radius:0.5rem; border:0.2rem solid #fff; color:#fff; display:inline-block; margin-left:1rem; transition: .3s cubic-bezier(.43,.08,.57,.83); position:relative; padding-left:5rem; font-size:1.4rem; } .n_search_btn:before,.n_search_btn:after{ content: " "; display:block; position:absolute; } .n_search_btn:before{ width:1.6rem; height:1.6rem; border:3px solid #fff; left:2rem; top:1.1rem; border-radius:2rem; } .n_search_btn:after{ width:0.6rem; height:0.2rem; background: #fff; transform:rotate(45deg); left:3.4rem; top:2.5rem; } .n_search_btn:hover, .n_search_btn:focus, .n_search_btn:active, .n_search_det:hover, .n_search_det:focus, .n_search_det:active, .n_close_btn:hover, .n_close_btn:focus, .n_close_btn:active{ background:#fff; color:#000; } .n_search_btn:hover:before, .n_search_btn:focus:before, .n_search_btn:active:before{ border-color:#223c6d; } .n_search_btn:hover:after, .n_search_btn:focus:after, .n_search_btn:active:after{ background:#223c6d; } .n_search_det{ padding:1rem 2rem; border-radius:0.5rem; border:2px solid #fff; color:#fff; display:inline-block; margin-left:1rem; font-size:1.4rem; } .n_search_det{ background:transparent; position:relative; padding-left: 4rem; } .n_search_det:before{ content:" "; display:block; width:1.4rem; height:1.5rem; position:absolute; background:url('../../img/common/white/icon_det_white.png'); left:2rem; top:1.3rem; } .n_search_det:hover:before, .n_search_det:focus:before, .n_search_det:active:before{ background:url('../../img/sub/icon_det.png'); } .n_close_btn{ padding:1rem 2rem; border-radius:0.5rem; border:0.2rem solid #fff; color:#fff; display:inline-block; margin-left:1rem; transition: .3s cubic-bezier(.43,.08,.57,.83); position:relative; padding-left:4.5rem; font-size:1.4rem; } .n_close_btn:before,.n_close_btn:after{ content: " "; display:block; position:absolute; } .n_close_btn:before, .n_close_btn:after{ width:1.5rem; height:0.2rem; background: #fff; transform:rotate(45deg); left:2.2rem; top:1.9rem; } .n_close_btn:before{ transform:rotate(-45deg); } .n_close_btn:hover:before, .n_close_btn:focus:before, .n_close_btn:active:before, .n_close_btn:hover:after, .n_close_btn:focus:after, .n_close_btn:active:after{ background:#223c6d; } .n_search_detail{ display:none; overflow:hidden; background:#fff; width:144rem; margin:0 auto; padding:2rem; border-radius:1rem; margin-top:2rem; } .n_s_detail_ul > li{ display:flex; padding:20px; border-top:1px dashed #ddd; align-items: center; } .n_s_detail_ul > li:first-child{ border-top:0; } .n_s_detail_ul > li .det_chk_tit{ width:12rem; font-size:1.7rem; flex-shrink: 0; } .det_chk_box{ display:flex; flex-wrap: wrap; } .det_date_box{ display:flex; align-items: center; } .det_date_box > label{ position:relative; } .det_date_box label input{ width:120px; } .det_date_box > span{ margin:0px 5px; } .det_chk_inp{ display:flex; margin-right:20px; align-items: center; font-size:1.5rem; } .det_chk_inp input{ margin-right:5px; } .det_chk_inp input[type="checkbox"], .det_chk_inp input[type="radio"]{ width:18px; height:18px; } .n_s_detail_ul input[type="text"]::placeholder{ font-size:17px; font-family: 'NanumSquare', sans-serif; } .n_s_detail_ul input[type="text"]{box-sizing:border-box; font-family: 'NanumSquare', sans-serif;} .n_s_nece{ padding-left:20px; position:relative; font-size:1.5rem; } .n_s_nece:before{ content:"※"; position:absolute; left:0; top:0; color:#f03864;} .det_btn_box{ padding:10px 20px; border-radius:20px; width:100%; display:flex; justify-content: space-between; background:#1c356e; box-sizing:border-box; } .det_btn_box .det_btn_init{ padding:0.5rem 1rem 0.4rem; border-radius:2rem; background:transparent; border:1px solid #fff; color:#fff; } .det_btn_box .det_btn_init:hover, .det_btn_box .det_btn_init:focus{ background:#fff; color:#222; } .det_btn_box .det_btn_init:active{ font-weight:900; } .det_btn_box .det_btn_search{ padding:5px 10px 4px; border-radius:2rem; background:transparent; color:#fff; font-size:2rem; font-weight:800; letter-spacing:0; } .det_btn_box .det_btn_search:hover, .det_btn_box .det_btn_search:focus{ color:#fbff91; } .det_btn_box .det_btn_init, .det_btn_box .det_btn_close{ font-size:1.4rem; } .det_btn_box .det_btn_close{ color:#fff; padding:0.5rem 4rem 0.4rem 1rem; border-radius:4rem; border:1px solid #fff; position:relative; background:transparent; } .det_btn_box .det_btn_close:before, .det_btn_box .det_btn_close:after{ content:" "; width:1rem; height:0.1rem; background:#fff; display:block; position:absolute; transform:rotate(45deg); right:1rem; top: 1.8rem; } .det_btn_box .det_btn_close:after{ transform:rotate(-45deg); } .det_btn_box .det_btn_close:hover, .det_btn_box .det_btn_close:focus, .det_btn_box .det_btn_close:active{ background:#fff; color:#333; } .det_btn_box .det_btn_close:hover:before, .det_btn_box .det_btn_close:hover:after, .det_btn_box .det_btn_close:focus:before, .det_btn_box .det_btn_close:focus:after, .det_btn_box .det_btn_close:active:before, .det_btn_box .det_btn_close:active:after{ background:#1c356e; } .n_search_top .n_search_reco, .n_search_top .n_search_lank{ opacity:1; transition: height 0.5s ease-in; } .n_search_top.det_on{ padding-bottom:2rem; } .n_search_top.det_on .n_search_reco, .n_search_top.det_on .n_search_lank{ opacity:0; display:none; } .n_search_top.det_on .n_search_input_box{ margin-bottom:0rem; } .n_search_reco{ display:flex; align-items:center; justify-content: center; margin-top:20px; } .n_search_reco > h3{ font-weight:500; font-size:1.8rem; margin-right:20px; color:#fff; } .n_reco_list{ display:flex; align-items:center; } .n_reco_list > li .n_reco_key{ background:transparent; border:1px solid #fff; padding:0.4rem 1rem; border-radius:3rem; font-size:1.5rem; font-weight:400; color:#fff; } .n_reco_list > li{ margin-left:5px; } .n_reco_list > li:first-child{ margin-left:0; } .n_search_lank{ position:absolute; transition:all 0.5s ease-in; border:1px solid var(--bgColor7); top:21.8rem; left:50%; margin-left:42rem; overflow:hidden; height:46px; background:var(--white); padding:10px; width:300px; box-sizing:border-box; -webkit-box-shadow: 3px 3px 15px 0 #1c356e1a; box-shadow: 3px 3px 15px 0 #1c356e1a; z-index:9; } .n_search_lank.on{ height:222px; } .lank_btn{ position:absolute; background:transparent; top:2px; right:0; width:40px; height:40px; } .lank_btn:before{ width:8px; height:8px; border-right:2px solid var(--txt3); border-bottom:2px solid var(--txt3); content:" "; display:block; position:absolute; left:50%; top:calc( 50% - 3px ); transform:rotate(45deg) translateX(-50%); } .n_search_lank.on .lank_btn:before{ transform:rotate(225deg); margin-left:-0.4rem; } .lank_btn:hover:before, .lank_btn:focus:before, .lank_btn:active:before{ border-right:2px solid #1c55da; border-bottom:2px solid #1c55da; } .lank_stop_btn{ position:absolute; background:transparent; top:7px; right:40px; width:30px; height:30px; border-radius:30px; border:1px solid #ddd; } .lank_stop_btn:before{ display:block; width:5px; height:8px; border-right:2px solid var(--txt3); border-left:2px solid var(--txt3); content:" "; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); } .lank_stop_btn:hover,.lank_stop_btn:focus{ border:1px solid #1c55da; } .lank_stop_btn:active{ background:#1c55da; } .lank_stop_btn:active:before{ border-right:2px solid #fff; border-left:2px solid #fff; } .lank_stop_btn.stopped:before{ display:none; } .lank_stop_btn.stopped:after{ content:" "; width: 0; height: 0; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-left: 8px solid #1c55da; border-right: 8px solid transparent; display:block; position:absolute; left:12px; top:50%; transform:translateY(-50%); } .lank_stop_btn.stopped:active:after{ border-left: 8px solid #fff; } .lank_btn span, .lank_stop_btn span{display:block; overflow: hidden; position:absolute; top:2.3rem; left:50%; transform:translateX(-50%); width:0; opacity:0; font-size:1.2rem; height:2rem; line-height:2rem; background-color:var(--black); color:var(--white); border-radius:3rem; transition:all .5s ease-in-out;} .lank_stop_btn span{ top:2rem; } .lank_btn:hover span, .lank_btn:focus-visible .span{opacity:1; width:4rem;} .lank_stop_btn:hover span, .lank_stop_btn:focus-visible .span {opacity:1; width:5rem;} .n_search_lank_ul > li { margin-bottom:20px; } .n_search_lank_ul > li > a{ display:flex; align-items: center; color:var(--txt3); } .n_search_lank_ul > li > a p{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis; } .n_search_lank_ul > li > a:hover .lank_tit, .n_search_lank_ul > li > a:focus .lank_tit, .n_search_lank_ul > li > a:active .lank_tit{ color:#1c55da; } .n_search_lank_ul > li > a .lank_num{ background:#1c356e; width:2.4rem; height:2.4rem; border-radius:2rem; overflow:hidden; color:#fff; font-size:1.5rem; font-weight:600; padding-top:0.2rem; text-align:center; box-sizing:border-box; } .n_search_lank_ul > li > a .lank_tit{ margin-left:5px; width:calc( 100% - 100px ); margin-right:70px; font-size:1.6rem; font-weight:500; } .srch_gray_box{ background:#f7f7f7; border-bottom:1px solid #ddd; width:100%; box-sizing:border-box; font-weight:600; padding:15px; position:relative; } .srch_opti_li{ border-bottom:1px solid #ddd; } .srch_opti_li:last-child{ border:0; } .init_btn{ background:#fff; font-size:17px; font-weight:600; padding:6px 10px 5px; padding-right:40px; position:relative; border:1px solid #222; box-sizing:border-box; position:absolute; right:15px; top:8px; } .init_btn:hover,.init_btn:focus{ color:#2a4baf } .init_btn:active{ color:#f3596e; } .more_open{ position:absolute; background:transparent; top:0; right:0; width:40px; height:47px; } .more_open:before{ width:8px; height:8px; border-right:2px solid #333; border-bottom:2px solid #333; content:" "; display:block; position:absolute; left:50%; top:calc( 50% - 3px ); transform:rotate(45deg) translateX(-50%); } .srch_opti_li.on .more_open{ transform:rotate(180deg) } .more_open:hover:before, .more_open:focus:before, .more_open:active:before{ border-right:2px solid #1c55da; border-bottom:2px solid #1c55da; } .srch_sel_ul{ margin:15px; height:72px; overflow:hidden; box-sizing:border-box; } .srch_sel_ul > li{ margin-bottom:10px; } .srch_sel_ul > li label{ display:flex; align-items: center; font-size: 14px; font-family:'Noto Sans KR'; line-height: 14px; } .srch_sel_ul > li label input[type="checkbox"]{ width:15px; height:15px; margin-right:5px; } .aside_chk_box input[type="checkbox"]{ width:15px; height:15px; } .srch_sel_ul > li:last-child{ margin-bottom:0; } .srch_opti_li.on .srch_sel_ul{ height:100%; } .srch_sele_radi + span {line-height: 14px;} .srch_list_wrap{ width:100%; } .n_search_tab{ display:flex; gap:1rem; } .n_search_tab .white_btn{ background: var(--white); border:1px solid #d9d9d9; font-weight:500; font-size:1.7rem; padding:1rem 1rem; width:100%; text-align:center; color:var(--txt3); } .n_search_tab .white_btn:hover, .n_search_tab .white_btn:focus, .n_search_tab .white_btn.tab_on{ background: var(--white); border:1px solid var(--black); box-shadow: 0 0.4rem 1.5rem rgba(0,0,0,0.1); color:var(--txt3);} .n_search_tab .white_btn:active{ background: var(--white); border:1px solid #e7204b; box-shadow: 0 0.4rem 1.5rem rgba(0,0,0,0.1);} .n_search_tab .white_btn .search_num{ color:var(--color3); } .n_search_tab{ margin-top:3rem; } .n_search_cnt{ margin-top:2rem; display:flex; align-items: flex-start; } .srch_top{ padding:10px; background:var(--bgColor13); display:flex; justify-content: space-between; align-items: center; } .srch_top .top_right{ display:flex; align-items: center; } .srch_top .f_r .top_align{ margin-left:10px; } .srch_top .top_num select{ background-color: var(--white); border-radius:0; } .srch_top .n_top_search{ margin-left:5px; } .srch_top .n_top_search span,.srch_top .top_search input[type="checkbox"], .srch_top .n_top_search .srch_input{ float:left; position:relative; } .srch_top .n_top_search span{ font-size:1.6rem; line-height:3rem; } .srch_top .n_top_search input[type="checkbox"]{ width:1.6rem; height:1.6rem; margin:0.7rem 0.5rem; } .srch_top .n_top_search .srch_input .in_search{ height:4rem; width:22rem; float:left; border-radius:0; border: 1px solid #ccc; padding:0px 0.5rem; font-size:1.5rem; box-sizing:border-box; } .srch_top .in_search_btn{ height: 4rem; background-color: #0931b0; color: #fff; box-sizing: border-box; float:left; margin-left:0.5rem; font-size: 1.5rem; box-sizing:border-box; min-width:7rem; text-align:center; } .srch_top .in_search_btn:hover, .srch_top .in_search_btn:focus{ background:#444; } .srch_top .in_search_btn:active{ background:#000; } .srch_top .n_top_search .srch_input .in_search::-webkit-input-placeholder, .srch_top .n_top_search .srch_input .in_search::placeholder { font-size: 1.5rem; } .search_wrap .txt_box{ padding:2rem; border:1px solid #d9d9d9; background:var(--topRightBox_bg); font-weight:600; line-height:2.6rem; word-break:keep-all; margin-top:2rem; font-size:1.8rem; } .search_wrap .txt_box .search_k{ background:#ffffa6; color:#000; } .search_wrap .txt_box .search_num{ color:var(--color3); } .srch_opt{ margin:0 1rem; } .srch_opt > a{ background:var(--white); padding:0px 1rem; line-height:3.8rem; height:4rem; border:1px solid var(--bgColor7); box-sizing:border-box; font-size:1.5rem; display:block; color:var(--black); } .srch_opt > a:hover, .srch_opt > a:focus{ color:var(--bgColor7); box-shadow: 0.1rem 0.1rem 0.5rem #30529145; } .srch_opt > a:active{ background:#f4f5ff; } .opt_pop{ display:none; position:absolute; background:#fff; border:1px solid #a7a7a7; padding:2rem; margin-top:0.5rem; width:29rem; left:50%; margin-left:26rem; z-index:9; font-size:1.7rem; } .opt_pop h4{ font-size:1.7rem; margin-bottom:1rem; } .opt_pop .srch_cnt { margin-bottom:1rem; display:flex; flex-wrap: wrap; } .opt_pop .srch_cnt .basic_chk{ display:flex; align-items: center; } .opt_pop .srch_cnt .basic_chk label{ margin-left:0.5rem; } .opt_pop .opt_box{ display:flex; justify-content:space-between; } .opt_pop .pnt_btn,.gry_btn{ display: inline-block; padding: 0.7rem 0.5rem; background: #0931b0; color: #fff; width: calc( 50% - 1.5rem ); text-align: center; } .opt_pop .pnt_btn:hover,.opt_pop .pnt_btn:focus{ background:#333; } .opt_pop .pnt_btn:active{ background:#000; } .opt_pop .gry_btn{ float:right; background:#fff !important; border:1px solid #ddd; color:#333; } .opt_pop .gry_btn:hover,.opt_pop .gry_btn:focus{ border:1px solid #333; } .opt_pop .gry_btn:active{ background:#333 !important; color:#fff; } .srch_top .top_align{ display:flex; } .srch_top .top_align .opt_a{ border:1px solid #ccc; box-sizing:border-box; margin-right:0.5rem; background:#fff; width:110px; text-align:center; margin-right:0; position:relative; border:0; background:none; height:4rem; } .srch_top .top_align .opt_a.op_on{ border:1px solid #555; } .srch_top .top_align .opt_a label input[type=radio] { position: absolute; z-index: 1; width:100%; height:100%; left:0; top:0; } .srch_top .top_align .opt_a label input[type=radio] + span{ background: var(--white); border:1px solid #ccc; display:inline-block; position:absolute; width:100%; height:4rem; box-sizing:border-box; top:0; left:0; padding-right:2rem; line-height:3.8rem; font-size:1.5rem; z-index:2; } .srch_top .top_align .opt_a label input[type=radio]:checked + span{ border:1px solid var(--txt3); } .srch_top .top_align .opt_a label input[type=radio] + span:after{ content:" "; width:18px; height:18px; background:#d7d7d7; position:absolute; display:inline-block; right:1rem; top:50%; transform:translateY(-50%); border-radius:50px; z-index:1; } .srch_top .top_align .opt_a label input[type=radio] + span:before{ content:" "; width:0.7rem; height:0.5rem; border:0.2rem solid #fff; border-top:0; border-right:0; display:inline-block; position:absolute; z-index:2; right:1.5rem; top:1.6rem; transform:rotate(-45deg); } .srch_top .top_align .opt_a label input[type=radio]:checked + span:before{border:0.2rem solid var(--white); border-top:0; border-right:0;} .srch_top .top_align .opt_a label input[type=radio]:checked + span:after{ background:var(--txt3); } .srch_top .top_align .opt_a label input[type=radio]:focus{ outline-color: #0931b0; outline-style: dashed; outline-width: 3px; } .srch_top .top_align .opt_a label:hover span, .srch_top .top_align .opt_a label:focus span{ border: 1px solid #0931b0 !important; cursor:pointer; } .srch_top .top_align .opt_a + .opt_a{ margin-left:0.5rem; } .srch_cnt_box{ padding:20px; padding-right:0; width:100%; box-sizing:border-box; border-bottom:1px solid #999; overflow:hidden; } .srch_cnt_box .srch_cnt_title{ float:left; width:20%; } .srch_cnt_box .srch_list_ul{ float:left; width:80%; } .srch_li_title{ line-height:22px; font-size:18px; position:relative; color:var(--black) } .srch_li_title input[type="checkbox"]{ position:absolute; right:0; top:3px; width:16px; height:16px; } .srch_li_title .srch_cate { padding:0.4rem 0.5rem; border:1px solid #ddd; font-size: 1.4rem; line-height: 1.4rem; font-weight:400; margin-right:0.5rem; color:var(--txt3); display:inline-block; margin-top:-0.2rem; } .srch_cnt_title{ overflow:hidden; position:relatvie; } .srch_cnt_title p,.srch_cnt_title span{ float:left; } .srch_cnt_title p{ font-size:22px; font-weight:500; line-height:22px; margin-right:5px; } .srch_cnt_title span{ font-size:16px; line-height:22px; font-weight:500; color:#cd4f3b; } .srch_cnt_title .more_btn{ font-size:16px; padding-right:12px; color:#777; margin-top: 16px; font-weight:500; float:left; clear:both; position:relative; } .srch_cnt_title .more_btn:before,.srch_cnt_title .more_btn:after{ content:" "; display:block; position:absolute; width:10px; height:2px; background:#888; right:0;top:12px; } .srch_cnt_title .more_btn:after{ transform:rotate(90deg); -moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .srch_cnt_title .more_btn:hover,.srch_cnt_title .more_btn:focus{ color:#000; } .srch_cnt_title .more_btn:hover:before, .srch_cnt_title .more_btn:hover:after, .srch_cnt_title .more_btn:focus:before, .srch_cnt_title .more_btn:focus:after{ background:#333; } .srch_cnt_title .more_btn:active{ color:#cd4f3b; } .srch_cnt_title .more_btn:active:before, .srch_cnt_title .more_btn:active:after{ background:#cd4f3b; } .srch_list_box{ padding:2rem; } .srch_list_ul > li{ margin-top:2rem; padding-top:2rem; border-top:1px dashed #ddd; } .srch_list_ul li:nth-child(1){ margin-top:0; padding-top:0; border-top:0; } .srch_key{ color:#cd4f3b; background:#faff77; } .srch_list_ul .srch_li_title{ font-size:2rem; font-weight:800; } .srch_list_ul .srch_li_p, .srch_list_ul .srch_li_date, .srch_list_ul .srch_li_loca{ font-size: 1.5rem; margin-top:1rem;display:inline-block; width:100%; word-break:keep-all; } .srch_list_ul .srch_li_title{ display:inline; } .srch_list_ul .srch_li_title:hover,.srch_list_ul .srch_li_title:focus{ color:#cd4f3b; } .srch_list_ul .srch_li_title:active{ color:red; } .srch_list_ul .srch_li_p{ width:100%; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis; overflow:hidden; } .srch_list_ul .srch_li_loca{ padding-left:2rem; position:relative; } .srch_list_ul .srch_li_loca:before{ content:" "; display:block; position:absolute; width:0.7rem; height:0.7rem; border-left:1px solid var(--color3); border-bottom:1px solid var(--color3); left:0.5rem; top:0.7rem; } .srch_list_ul .srch_li_p{ padding:1rem; margin-top:0; padding-bottom:0; padding-left:2rem; box-sizing:border-box; } .s_loca_date{ overflow:hidden; } .s_loca_date .srch_li_date{ float:right; width:auto; } .s_loca_date .srch_li_loca{ float:left; width:auto; } .srch_list_box .file_box {position:relative; margin-top:2rem; width:100%; padding:1rem; background:var(--bgColor13); box-sizing: border-box; border:1px solid #d7d7d7; } .srch_list_box .file_box > .tit {margin-bottom:1rem; font-size:1.7rem; font-weight:bold; line-height:22px; color:var(--black);} .srch_list_box .file_box ul li + li {margin-top:0.5rem; padding-top:0.5rem; border-top:1px dashed #ddd;} .srch_list_box .file_box ul li a, .srch_list_box .file_box ul li .incon {position: relative;padding:1.3rem 11rem 1.3rem 4.5rem;display:flex;border-radius:0.5rem;transition:all 0.3s;font-size:1.5rem;min-height: 5rem; box-sizing:border-box; align-items: center; flex-wrap:wrap; } .srch_list_box .file_box ul li a:before, .srch_list_box .file_box ul li .incon:before {content:''; display:none; position:absolute; width:2.4rem; height:2.4rem; border-radius:3px; box-sizing:border-box;} .srch_list_box .file_box ul li a.icon_file:before, .srch_list_box .file_box ul li .incon.icon_file:before {top:1.6rem; left:1.3rem; border:1px solid #666; background:#fff url('../../img/sub/icon_file.png') no-repeat center;} .srch_list_box .file_box ul li a.icon_pdf:before, .srch_list_box .file_box ul li .incon.icon_pdf:before {top:1.2rem; left:1.3rem; border:1px solid #c80a0a; background:#fff url('../../img/sub/icon_file_pdf.png') no-repeat center;} .srch_list_box .file_box ul li a.icon_doc:before, .srch_list_box .file_box ul li .incon.icon_doc:before {top:1.2rem; left:1.3rem; border:1px solid #4c74a9; background:#fff url('../../img/sub/icon_file_doc.png') no-repeat center;} .srch_list_box .file_box ul li a.icon_hwp:before, .srch_list_box .file_box ul li .incon.icon_hwp:before {top:1.2rem; left:1.3rem; border:1px solid #0f78bc; background:#fff url('../../img/sub/icon_file_hwp.png') no-repeat center;} .srch_list_box .file_box ul li a.icon_ppt:before, .srch_list_box .file_box ul li .inocn.icon_ppt:before {top:1.2rem; left:1.3rem; border:1px solid #d24628; background:#fff url('../../img/sub/icon_file_ppt.png') no-repeat center;} .srch_list_box .file_box ul li a.icon_img:before, .srch_list_box .file_box ul li .incon.icon_img:before {top:1.2rem; left:1.3rem; border:1px solid #3a3a3a; background:#fff url('../../img/sub/icon_file_img.png') no-repeat center;} .srch_list_box .file_box ul li a.icon_xls:before, .srch_list_box .file_box ul li .incon.icon_xls:before {top:1.2rem; left:1.3rem; border:1px solid #197f3f; background:#fff url('../../img/sub/icon_file_xls.png') no-repeat center;} .srch_list_box .file_box ul li a.icon_txt:before, .srch_list_box .file_box ul li .incon.icon_txt:before {top:1.2rem; left:1.3rem; border:1px solid #999; background:#fff url('../../img/sub/icon_file_txt.png') no-repeat center;} .srch_list_box .file_box ul li .incon .icon_img {display:block; position:absolute; width:2.4rem; height:2.4rem; border-radius:3px; box-sizing:border-box;} .srch_list_box .file_box ul li .incon.icon_file .icon_img {top:1.5rem; left:1.3rem; border:1px solid #222; background:#fff url('../../img/sub/icon_file.png') no-repeat center;} .srch_list_box .file_box ul li .incon.icon_pdf .icon_img {top:1.3rem; left:1.3rem; border:1px solid #c80a0a; background:#fff url('../../img/sub/icon_file_pdf.png') no-repeat center;} .srch_list_box .file_box ul li .incon.icon_doc .icon_img {top:1.3rem; left:1.3rem; border:1px solid #4c74a9; background:#fff url('../../img/sub/icon_file_doc.png') no-repeat center;} .srch_list_box .file_box ul li .incon.icon_hwp .icon_img {top:1.3rem; left:1.3rem; border:1px solid #0f78bc; background:#fff url('../../img/sub/icon_file_hwp.png') no-repeat center;} .srch_list_box .file_box ul li .incon.icon_ppt .icon_img {top:1.3rem; left:1.3rem; border:1px solid #d24628; background:#fff url('../../img/sub/icon_file_ppt.png') no-repeat center;} .srch_list_box .file_box ul li .incon.icon_img .icon_img {top:1.3rem; left:1.3rem; border:1px solid #3a3a3a; background:#fff url('../../img/sub/icon_file_img.png') no-repeat center;} .srch_list_box .file_box ul li .incon.icon_xls .icon_img {top:1.3rem; left:1.3rem; border:1px solid #197f3f; background:#fff url('../../img/sub/icon_file_xls.png') no-repeat center;} .srch_list_box .file_box ul li .incon.icon_txt .icon_img {top:1.3rem; left:1.3rem; border:1px solid #999; background:#fff url('../../img/sub/icon_file_txt.png') no-repeat center;} .srch_list_box .file_box ul li a .file_tit, .srch_list_box .file_box ul li .incon .file_tit {word-break: keep-all; color:var(--black); font-size:1.6rem; font-weight:500;} .srch_list_box .file_box ul li a .btn_down, .srch_list_box .file_box ul li .incon .btn_down {position: absolute; top:50%; transform:translateY(-50%); right:1rem; padding-left:1rem; width:9rem; height:3rem; line-height:3rem; background-color:#223c6d; border-radius:0.5rem; box-sizing:border-box;} .srch_list_box .file_box ul li a.icon_file .btn_down, .srch_list_box .file_box ul li .incon.icon_file .btn_down{ position:relative; top:auto;right:auto; transform: none; } .srch_list_box .file_box ul li a .btn_down:hover, .srch_list_box .file_box ul li a .btn_down:focus, .srch_list_box .file_box ul li .incon .btn_down:hover, .srch_list_box .file_box ul li .incon .btn_down:focus{ background-color:#000; } .srch_list_box .file_box ul li a .btn_down:active, .srch_list_box .file_box ul li .incon .btn_down:active{ background-color: #76b026;} .srch_list_box .file_box ul li a .btn_down span, .srch_list_box .file_box ul li .incon .btn_down span {position:relative; font-size:13px; color:#fff;} .srch_list_box .file_box ul li a .btn_down:before, .srch_list_box .file_box ul li .incon .btn_down:before {content:''; display:block; position:absolute; top:0.8rem; right:1.2rem; width:0.7rem; height:0.8rem; background:url('../../img/sub/icon_bbs_file_arrow.png') no-repeat center; transition:all 0.1s;} .srch_list_box .file_box ul li a .btn_down:after, .srch_list_box .file_box ul li .incon .btn_down:after {content:''; display:block; position:absolute; top:1.9rem; right:1rem; width:1.1rem; height:0.3rem; border:1px solid #fff; border-top:0;} .srch_list_box .file_box ul li a.icon_pdf, .srch_list_box .file_box ul li .incon.icon_pdf{ padding-right:21rem; } .srch_list_box .file_box ul li a .btn_view, .srch_list_box .file_box ul li .incon .btn_view {position: absolute; top:50%; transform:translateY(-50%); right:11rem; box-sizing:border-box; } .srch_list_box .file_box .s_file_cnt{ padding-left:2rem; position:relative; margin-top:0.5rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size: 1.4rem; width:100%; } .srch_list_box .file_box .s_file_cnt:before{ content:" "; display:block; position:absolute; width:0.8rem; height:0.8rem; top:0.5rem; left:0.8rem; border-left:1px solid #555; border-bottom:1px solid #555; } /*240306 간행물 검색결과 관련 추가*/ .srch_list_box .btnBox {position:relative; display:flex; justify-content: flex-end; width:25rem; } .srch_list_box .btnBox > * {position: relative !important; width:50%; left:auto; top:auto; right:auto !important; transform:translate3d(0,0,0) !important;} .srch_list_box .btnBox > * + * { margin-left:0.5rem; } .srch_list_box .btnBox .downList_box {position:relative; z-index: 1;} .srch_list_box .file_box ul li a.icon_file .btnBox .downList_box .btn_down, .srch_list_box .file_box ul li .incon.icon_file .btnBox .downList_box .btn_down{width:100%;} .srch_list_box .btnBox .downList_box .btn_down:hover, .srch_list_box .btnBox .downList_box .btn_down:focus{ background-color:#000; } .srch_list_box .btnBox .downList_box .btn_down:active{ background-color: #76b026;} .srch_list_box .file_box ul li a .btnBox .downList_box .btn_down{ right:0; } .srch_list_box .btnBox .downList_box .list_box {display:none; position: absolute; top:30px; left:0; width:100%; padding:1rem 0.5rem; background-color:#fff; box-shadow: 0 0.7rem 1.1rem #30529145; border: 1px solid #223c6d; box-sizing:border-box;} .srch_list_box .btnBox .downList_box .list_box span{ font-size:1.3rem; } .srch_list_box .btnBox .downList_box .list_box li + li {margin-top:0.5rem; padding-top:0.5rem; border-top:1px solid #e3e3e3;} .srch_list_box .btnBox .downList_box .list_box .dl_btn {padding-left:2.2rem; background-position:center left; background-repeat: no-repeat;} .srch_list_box .btnBox .downList_box .list_box .xls {background-image:url('../../img/sub/icon_file_xls.png');} .srch_list_box .btnBox .downList_box .list_box .hwp {background-image:url('../../img/sub/icon_file_hwp.png');} .srch_list_box .btnBox .downList_box .list_box .pdf {background-image:url('../../img/sub/icon_file_pdf.png');} .srch_list_box .btnBox .downList_box .list_box .dl_btn span {font-size:1.2rem; line-height:24px;} .srch_list_box .btnBox .downList_box .list_box .dl_btn:hover {color: #000; font-weight:bold;} .srch_list_box .btnBox .downList_box:has(.on){ z-index: 2; } .srch_list_box .file_box ul li a .btnBox .btn_view, .srch_list_box .file_box ul li a .btnBox .btn_down{ position:relative; top:unset; transform: none; right:unset; } .srch_list_box .file_box ul li .icon_file{ justify-content: space-between; padding:1.3rem 1.3rem 1.3rem 4.5rem; gap:0.5rem; } .srch_list_ul .no_data{ border-bottom:0.1rem solid #d7d7d7; margin-left:-2rem; width:calc( 100% + 4rem); } .srch_list_ul .no_data p{ padding-bottom:5rem; padding-top:8.5rem; } .srch_list_ul .no_data p:before{ top:3rem; } .n_s_detail_ul .datepicker_wrap .date_box .basic_input{ padding-right:1rem; width:17rem; } /* 학술대회 소개 */ .info_cnt.data_cntBox{ margin-top:2rem; } .prgs_stat{ position:relative; padding:0.3rem 0.8rem; border-radius:3rem; border:0.2rem solid #ddd; background:#fff; right:0; z-index: 2; width:6.8rem; text-align: center; display:inline-block; color:#333;} .prgs_stat.ing{ border-color:#0931b0; color:#0931b0; } .prgs_stat.end{ border-color:#76b026; color:#76b026; } .info_img{ margin-top:2rem; } /* 평가위원 페이지 서명 */ .agree_sign .sign_here{ height:18rem; width:30rem; } .canvasWr{ position:relative; } .canvasWr > p { padding:0.5rem; } .canvasWr > p span{ font-size:1.4rem; } .canvasWr > button{ position:absolute; right:0.5rem; top:0.5rem; padding:0.3rem 1rem; border-radius:0.5rem; background:#fff; border:0.1rem solid #ddd; } .canvasWr > button:hover, .canvasWr > button:focus{ border: 0.1rem solid #333; } .canvasWr > button:active{ border: 0.1rem solid #d81136; } /* 풀화면 컨텐츠 */ .container.full_sub #content{ width:100%; max-width: 100%; padding: 3rem 0; } .container.full_sub:before{ display:none; } #header .util .utilTool .login_li{ width:auto; } #header .util .utilTool .login_li .btn_logout{ font-size:1.3rem; font-weight:500; width:auto; height:auto; padding:0.5rem 1rem; border-radius:0.5rem; border:0.1rem solid var(--txta); } #header .util .utilTool .login_li .btn_logout:hover, #header .util .utilTool .login_li .btn_logout:focus{ border: 0.1rem solid var(--txt8); } #header .util .utilTool .login_li .btn_logout:active{ background:var(--txt8); color:var(--white); } /* 평가위원 페이지 css 추가 */ .con_lay_tit { margin-bottom:1rem; margin-top:1rem; } .con_lay_tit h4.flex_box{ display:flex; align-items: center; } .con_lay_tit h4.flex_box .tit{ font-size:2rem; font-weight:600; } .con_lay_tit h4.flex_box p.fl{ margin-left:1rem; color:#0930ae; margin-top:0.2rem; } .con_lay_tit.tit_btn{ display:flex; justify-content: space-between; } .con_lay_tit.tit_btn .btn_cnt_item.fr{ align-items: center; } .con_lay_tit.tit_btn .btn_cnt_item.fr .info{ font-size:1.5rem; font-weight:500; margin-right:1rem; color:#76b026; } .con_lay_tit.tit_btn h4.flex_box .info{ font-size:1.5rem; font-weight:500; margin-left:1rem; color:#76b026; margin-top:0.2rem; } .btn_cnt_item .sel_btn{ padding-left:2.5rem; position:relative; } .btn_cnt_item .sel_btn:before, .btn_cnt_item .sel_btn:after{ content:" "; display:block; position:absolute; } .btn_cnt_item .sel_btn:before{ width:1.5rem; height:1.5rem; border-radius:0.3rem; background:#0075ff; left:0.5rem; top:50%;transform: translateY(-50%); } .btn_cnt_item .sel_btn:after{ width:0.5rem; height:1rem; border-right:0.3rem solid #fff; border-bottom:0.3rem solid #fff; transform: rotate(45deg); left:1rem; top:0.7rem; } .con_lay .c2 + .c2 { margin-top:3rem; } .con_lay + .plue_btnBox{ margin-bottom:3rem; } .con_lay .m_t_10{ margin-top: 1rem; } .con_lay .con_lay_item .grid_evcm { height: 65rem;} .plue_btnBox.tit_btn{ flex-wrap: wrap;} .plue_btnBox.tit_btn .info_txt{ font-size:1.6rem; font-weight:500; color:#76b026; width:100%; text-align:center; margin-bottom:1rem;word-break: keep-all; } .btn_cnt_item{ overflow: hidden; } .btn_cnt_item button{ position: relative; display: inline-block; font-size: 1.4rem; padding: 0 10px; height: 2.6rem; line-height: 2.6rem;border: 1px solid #333; background: #fff; cursor: pointer; } .btn_cnt_item input[type="button"]{ position: relative; display: inline-block; font-size: 1.4rem; padding: 0 1rem; border: 1px solid #333; background: #fff; height: 2.6rem; line-height: 2.6rem; margin-top: 0; cursor: pointer; } .btn_cnt_item button:hover, .btn_cnt_item button:focus, .btn_cnt_item a:hover, .btn_cnt_item a:focus, .btn_cnt_item input[type="button"]:hover, .btn_cnt_item input[type="button"]:focus, .btn_cnt_item input[type="submit"]:hover, .btn_cnt_item input[type="submit"]:focus{ border-color:#444; background:#444; color:#fff; } .btn_cnt_item button:active, .btn_cnt_item a:active, .btn_cnt_item input[type="button"]:active, .btn_cnt_item input[type="submit"]:active{ border-color:#000; background: #000; } .btn_cnt_item button:disabled{ background:#f8f8f8; border:0.1rem solid #aaa; color:#aaa; } .btn_cnt_item button:disabled:hover, .btn_cnt_item button:disabled:focus, .btn_cnt_item button:disabled:active{ background:#f8f8f8; border:0.1rem solid #aaa; color:#aaa; } .btn_cnt_item a:disabled{ background:#f8f8f8; border:0.1rem solid #aaa; color:#aaa; } .btn_cnt_item a:disabled:hover, .btn_cnt_item a:disabled:focus, .btn_cnt_item a:disabled:active{ background:#f8f8f8; border:0.1rem solid #aaa; color:#aaa; } .btn_cnt_item.fr{ display:flex; justify-content: flex-end; } .btn_cnt_item.fr button + button{ margin-left:1rem; } .btnBox a { display: inline-block; margin: 0 2px; } .add_value_style{ color: #ffffff !important; background: #E91E63; padding: 2px 8px; border-radius: 50px; } /* 뉴스 빅데이터 분석 */ .newsl_txt + .newBigWrap{ margin-top:2rem; } .newBigWrap .data_search_wrap .inner .searchBox label{ margin-bottom:0; height:4rem; padding: 0.8rem; padding-right: 6rem;} .newBigWrap .chart_lr{ display:flex; justify-content: space-between; margin-top:2rem; } .newBigWrap .chart_lr .chart_l, .newBigWrap .chart_lr .chart_r, .newBigWrap .chart_lr .chart_100{ position: relative; border: 1px solid #d7d7d7; padding: 1.5rem; box-sizing: border-box; } .newBigWrap .chart_lr .chart_l{ width:calc( 40% - 1rem ); } .newBigWrap .chart_lr .chart_r{ width:calc( 60% - 1rem ); } .newBigWrap .chart_lr .chart_100, .newBigWrap .chart_lr .chart_100 .chart_box{ width:100%; } .newBigWrap .chart_lr .chart_100 .chart_box img{ width:100%; height:51rem; } .newBigWrap .chart_lr .chart_l .chart_box{ width:100%; height:34rem; } .newBigWrap .chart_lr .chart_r .chart_box{ width:100%; height:34rem; } .newBigWrap .chart_lr .chart_box img{ max-width: 100%; height:34rem; } .newBigWrap .chart_lr .chart_r .chart_box img{ margin:0 auto; display:block; } .newBigWrap .chart_lr .chart_tit{ display:flex;flex-wrap: wrap; justify-content: space-between; margin-bottom:1.5rem; width:100%; padding-bottom:1rem; border-bottom:0.1rem dashed #d7d7d7; } .newBigWrap .chart_lr .chart_tit .tit{ font-size:1.7rem; line-height:3rem; } .newBigWrap .chart_lr .chart_tit .tit span{ color:var(--color3); } .newBigWrap .chart_lr .chart_tit .rtop_box{ display:flex; } .newBigWrap .chart_lr .chart_tit .select_box select{ height:3rem; line-height: 3rem; } .newBigWrap .chart_lr .chart_tit .btn_box{ margin-left:0.5rem; } .newBigWrap .chart_lr .chart_tit .btn_box .btn_down{ transform: none; position: relative; top:auto; right:auto; width:auto; padding-right:3rem; } .newBigWrap .chart_lr .list_chart{ display:flex; } .newBigWrap .chart_lr .list_chart + .chart_tit{ margin-top:2rem; } .newBigWrap .chart_lr .list_chart + .width_overx_box{ margin-top:2rem; } .newBigWrap .width_overx_box .statGrid {border-top:2px solid var(--black);} .newBigWrap .chart_lr .list_box{ width:100%; height:34rem; overflow-y: auto; } .newBigWrap .chart_lr .list_box .title01, .newBigWrap .chart_lr .list_box .grdBtn{ word-break: keep-all; } .newBigWrap .chart_lr .list_box .statGridTr:has(.grdBtn:hover), .newBigWrap .chart_lr .list_box .statGridTr:has(.grdBtn:focus){ background:#f3f4fe;} .newBigWrap .chart_lr .list_box .statGridTr:has(.grdBtn:hover) button, .newBigWrap .chart_lr .list_box .statGridTr:has(.grdBtn:focus) button {color:#333;} .newBigWrap .list_box{ border-top:0.2rem solid var(--black); } .newBigWrap .statGrid{ border-top:0; } .statGrid{ border-collapse: collapse; } .statGrid .statGridTd:first-child{ border-left:0; } .statGrid .w_50pct{ width:50%; } .newBigWrap .chart_lr .list_box::-webkit-scrollbar-thumb, .newBigWrap .width_overx_box::-webkit-scrollbar-thumb { background: #05367b7a; border-radius: 1rem; border: 0.4rem solid #f3f4fe; } .newBigWrap .chart_lr .list_box::-webkit-scrollbar-track, .newBigWrap .width_overx_box::-webkit-scrollbar-track { background-color: #f3f4fe; } .newBigWrap .chart_lr .list_box::-webkit-scrollbar, .newBigWrap .width_overx_box::-webkit-scrollbar { width: 1.8rem; } .news_list{ margin-top:2rem; } .news_list .personalList ul.personalList_tit li:nth-child(1), .news_list .personalList ul.personalList_item li:nth-child(1){ width: 15%; } .news_list .personalList ul.personalList_tit li:nth-child(2), .news_list .personalList ul.personalList_item li:nth-child(2){ width: 15%; } .news_list .personalList ul.personalList_tit li:nth-child(3), .news_list .personalList ul.personalList_item li:nth-child(3){ width: 38%; } .news_list .personalList ul.personalList_item li:nth-child(3) span{ width:100%; text-align: left; } .news_list .personalList ul.personalList_tit li:nth-child(4), .news_list .personalList ul.personalList_item li:nth-child(4){ width: 17%; } .news_list .personalList ul.personalList_tit li:nth-child(5), .news_list .personalList ul.personalList_item li:nth-child(5){ width: 15%; } .news_list .personalList ul.personalList_item li span{ font-size:1.4rem; line-height: 2.2rem; } .news_list + .pagination{ margin-top:3rem; } .site_link_btn { width: auto; height: 3rem; line-height: 3rem; background-color: #223c6d; border-radius: 0.5rem; text-align: left; display: block; } .site_link_btn:hover, .site_link_btn:focus { background-color: #000; } .site_link_btn:active { background-color: #e7204b; } .site_link_btn span { position: relative; font-size: 1.3rem; color: #fff; line-height: 3rem; padding:0 1rem; } .news_list .personalList ul.personalList_item li .site_link_btn span{ line-height: 3rem; font-size: 1.3rem; } .newBigWrap .data_search_wrap.row_type .bottom_btnBox button{ height:4.5rem; } .newsl_txt .btn_lg_line.arrow{ font-size:1.4rem; height:3.5rem; line-height:3.5rem; display:inline-block; } .newsl_txt.in_flex{ display:flex; justify-content: space-between; align-items: center; } .newsBig_tab {position: relative; padding-right:14rem; width:100%; box-sizing: border-box; border-radius:0.5rem; background-color:var(--keyIndi_tab_bg); padding:1rem; } .newsBig_tab .slick-list {padding:1rem 0 1rem 1rem;} .newsBig_tab .slick-slide {margin:0 0.5rem;} .newsBig_tab .tab_item {display:flex; flex-wrap:wrap;} .newsBig_tab .tab_item a {display:inline-flex; padding:0 2rem; width:calc(20% - 1rem); min-height:3.5rem; color:var(--black); align-items: center; justify-content: center; font-size:1.4rem; border-radius:5px; box-sizing: border-box; transition:all 0.3s;} .newsBig_tab .tab_item a span{ text-align:center; word-break: keep-all; } .newsBig_tab .tab_item a + a {margin-left:1rem;} .newsBig_tab .tab_item a:nth-child(5n+1){ margin-left:0; } .newsBig_tab .tab_item a:nth-child(n+6){ margin-top:0.5rem; } .newsBig_tab .tab_item a.on {background-color:#fff; box-shadow:0px 0.7rem 1.1rem #30529129; border:1px solid #e4e4e4; font-weight:500; font-size:1.5rem;} .newsBig_tab .tab_item a.on span {color:#05367b;} .newsBig_tab .tab_item a:hover {background-color:#fff; box-shadow:0px 0.7rem 1.1rem #30529129;} .newsBig_tab .tab_item a:hover span {color:#05367b;} .newBigWrap .data_search_wrap.row_type .searchBox button{ padding-left:1rem; padding-right:4rem; height: 4rem; line-height:4rem; color:#fff; font-size:1.5rem; background: #05367b url(../../img/sub/icon_search_w.png) no-repeat center; background-position-x: 6rem; border-radius: 0.5rem; margin-left:2rem; width:9rem; text-align: left; } .newBigWrap .data_search_wrap.row_type .searchBox button:hover, .newBigWrap .data_search_wrap.row_type .searchBox button:focus{ background: #000 url(../../img/sub/icon_search_w.png) no-repeat center; background-position-x: 6rem; } .newBigWrap .data_search_wrap.row_type .searchBox button:active{ background: #76b026 url(../../img/sub/icon_search_w.png) no-repeat center; background-position-x: 6rem; } .newBigWrap .data_search_wrap.row_type .searchBox .srch_cnt .datepicker_wrap .date_box input[type="text"]{ width:14rem; color:var(--bgColor5); } .newBigWrap .data_search_wrap.row_type .searchBox .srch_cnt.flex_cnt .check_round_wrap{ margin-bottom:0; } /*메뉴소개*/ .menu_info_wrap{ border:0.1rem solid #d7d7d7; padding:3rem; } .menu_info_wrap .h3_tit{ font-size:2.4rem; font-weight:600; margin-bottom:2rem; color:#0a31b0; } .menu_info_wrap .bd_top{ border-top:0.1rem dashed #d7d7d7; padding-top:3rem; margin-top:4rem; } .menu_info_wrap .menu_info_lr{ display:flex; align-items: flex-start; } .menu_info_wrap .menu_info_lr .menu_info_img{ width:70rem; border-radius:1rem; box-shadow: 0 0.7rem 1.1rem #30529145; overflow: hidden; } .menu_info_wrap .menu_info_lr .menu_info_txt{ width:calc( 100% - 70rem ); box-sizing: border-box; padding-left:2rem; } .menu_info_wrap .menu_info_lr .menu_info_txt .h4_tit{ font-size:1.8rem; font-weight:600; margin-bottom:2rem; word-break: keep-all; } .menu_info_wrap .menu_info_lr .menu_info_txt .m_i_txt_item { display:flex; justify-content: space-between; box-sizing: border-box; } .menu_info_wrap .menu_info_lr .menu_info_txt .m_i_txt_item + .m_i_txt_item{ margin-top:1.5rem; } .menu_info_wrap .menu_info_lr .menu_info_txt .m_i_txt_item .num { width: 2.4rem; height: 2.4rem; line-height: 2.4rem; background: #76b026; color: #fff; font-size: 1.4rem; border-radius: 50%; font-weight: 600; text-align: center; } .menu_info_wrap .menu_info_lr .menu_info_txt .m_i_txt_item .text { width: calc( 100% - 3.4rem ); margin-top:0.2rem; } .menu_info_wrap .menu_info_lr .menu_info_txt .m_i_txt_item .text .tit{ font-size:1.6rem; word-break: keep-all; } .menu_info_wrap .menu_info_lr .menu_info_txt .m_i_txt_item .text .cnt{ font-size:1.4rem; margin-top:0.5rem; word-break: keep-all; } .btn_s{ font-size:1.3rem; border-radius:0.5rem; width: 80px; height:2.4rem; } .c_default {cursor:default;} /*에디터 스타일*/ .agree_con {word-wrap:break-word;} .agree_con ul {display:block; list-style-type: disc; margin-inline-start:0; margin-inline-end:0; padding-inline-start:1.25px;} .agree_con ul li {display: list-item; text-align: -webkit-match-parent; list-style:disc;} .agree_con ol {display:block; list-style-type: decimal; margin-inline-start:0; margin-inline-end:0; padding-inline-start:1.25px;} .agree_con ol li {display: list-item; text-align: -webkit-match-parent; list-style:decimal;} /*접근성 관련 내용 추가 ksb 240605~*/ .n_search_input select:focus, .n_search_input input[type="text"]:focus{ outline-color:#ffff00; outline-style: dashed; outline-width: 3px; } .radioBox input[type="radio"]:focus, .checkBox input[type="checkbox"]:focus, .newBigWrap .data_search_wrap.row_type .searchBox .srch_cnt .datepicker_wrap .date_box input[type="text"]:focus, .newBigWrap .chart_lr .chart_tit .select_box select:focus, .inpBox .basic_sel:focus{ outline-color:#0931b0; outline-style: dashed; outline-width: 3px; } .newBigWrap .data_search_wrap .inner .searchBox label, .data_search_wrap.row_type .check_round_wrap label{ margin:0.3rem !important; } .check_round_wrap input:focus + label{ outline-color:#76b026; outline-style: dashed; outline-width: 3px; } .check_round_wrap input[type="checkbox"]:focus:before, .check_round_wrap input[type="radio"]:focus:before{ display:none; } .tab_cnt .titTxt_btn .bul_list + .btn_box{ width:7.76rem; height:4rem; } .titTxt_btn .btn_box{ position:relative; } .titTxt_btn .btn_box .hover_btn#btnSelFile{ width:100%; position:absolute; left:0; top:0; z-index: 1; } .titTxt_btn .btn_box .hover_btn#btnSelFile label{ font-size:1.4rem; width:100%; text-align:center; } .titTxt_btn .btn_box .hover_btn + input[type="file"]{ display:block !important; overflow: hidden;position: absolute;font-size: initial; left: -0.3rem; top: -0.3rem; margin:0.3rem; border: 0; height:4rem; } .titTxt_btn .btn_box .hover_btn + input[type="file"]:focus{ outline-color:#0931b0; outline-style: dashed; outline-width: 3px; } .pubView .pubViewCnt .pubTree .depth_2 input[type="checkbox"], .dataApp .fileDown .radioBox input[type="radio"], .dataApp .fileDown .checkBox input[type="checkbox"]{ top:2px; transform: none; } .dataApp .fileLR .btn_box{ padding:0.3rem; } /* 접근성 ul li > table 태그 변경 */ .width_overx_box .lisTable{ width: 100%; } .listTable{ width:100%; border-spacing:0 1rem; border-top:2px solid #000;} .listTable thead tr{ font-weight: bold; font-size: 1.5rem; background:#f4f4f4;} .listTable tbody{ margin-top:-1rem; } .listTable thead tr th, .listTable tbody tr td, .listTable tbody tr th{ padding:1.3rem 1rem; text-align:center; display:table-cell !important; } .listTable thead tr th{border-bottom: 1px solid #d7d7d7;} .listTable thead tr th span{ word-break: keep-all; } .listTable tbody tr{ border-bottom: 1px solid #d7d7d7; transition: all 0.3s; } .listTable tbody tr td span, .listTable tbody tr th span{ letter-spacing: -0.05em; font-size: 1.5rem; line-height: 1.1; word-break: keep-all; overflow: hidden; text-overflow: ellipsis;} .listTable tbody tr td, .listTable tbody tr th{ } .listTable tbody tr.blue td{ background:#f3f6fc; letter-spacing: -0.05em; line-height: 1.1; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; } .blue .file_view .btn_view { background-color: #fff;} .listTable .file_view .btn_view span{ line-height:inherit; } .listTable tbody tr td:first-child, .listTable tbody tr th:first-child{ border-radius: 0.5rem 0 0 0.5rem; } .listTable tbody tr td:last-child, .listTable tbody tr th:last-child{ border-radius: 0 0.5rem 0.5rem 0 ; } .listTable .item_progress{ min-width:8rem; } .listTable tbody tr:hover th, .listTable tbody tr:hover td{border-color: #05367b; } .listTable .item_order{ width:auto !important; } .listTable .item_order .txtBox{ word-break: keep-all; } .listTable .item_order .txtBox p{ width:100% !important; } .listTable .item_down .down_txtBox{ justify-content: center; } .listTable .btn_down span, .listTable .site_link_btn span{ color:#fff; line-height:3rem; } .listTable .site_link_btn{ display:inline-block; } .listTable .btn_view span{ color:#223c6d; line-height:3rem; } .listTable .basic_input{ font-size:1.5rem; min-width:10rem; } .listTable .sm_btn{ width: auto; height: 3rem; line-height: 3rem; background-color: #223c6d; border-radius: 0.5rem; text-align: left; display: inline-block; } .listTable .sm_btn:hover, .listTable .sm_btn:focus { background-color: #000; } .listTable .sm_btn:active { background-color: #e7204b; } .listTable .sm_btn span { position: relative; font-size: 1.3rem; color: #fff; line-height: 3rem; padding:0 1rem; } .listTable tbody tr td.no_data{ border-radius:0; border-left:0; border-right:0; border-top:0; } .surveyCnt .listTable tbody tr td span, .surveyCnt .listTable tbody tr th span{ font-size:1.5rem; line-height:2.2rem; font-weight:400; } .slsh_epd.listTable .personalList_item li button:hover, .slsh_epd.listTable .personalList_item li button:focus { background-color: #000; } .slsh_epd.listTable .personalList_item li button:active { background-color: #e7204b; } .slsh_epd.listTable .personalList_item li button span { position: relative; font-size: 1.3rem; color: #fff; line-height: 3rem; padding:0 1rem; } .lt_wrap.fileList{ display:block; } .lt_wrap.fileList .listTable{ display:table; } .lt_wrap.fileList .fileList_item{ display:table-row; } .lt_wrap.fileList .fileList_tit{ background:transparent;border-top: 2px solid #000;} .lt_wrap.fileList .listTable tbody tr td, .lt_wrap.fileList .listTable thead tr th{ width:auto !important;} .lt_wrap.fileList .listTable tbody tr td span{ font-weight:400; } .lt_wrap.fileList .listTable tbody tr td h3{ font-size:1.5rem; } /* 주요지표 펼치기 버튼 추가 */ .data_search_wrap.row_type .searchBox .srch_cnt .datepicker_wrap .date_box input[type="text"]{ width:10.5rem; } .data_search_wrap.row_type .searchBox .srch_cnt .check_round_wrap label{ padding-right:4.5rem; } .open_btn{ padding:0 1rem; height: 4rem; line-height: 4rem; color: #fff; font-size: 1.4rem; background: #05367b; border-radius: 0.5rem; margin-left: 2rem; text-align: left;} .open_btn:hover, .open_btn:focus{ background:#333;} .open_btn:active{ background:#000; } .file_sor .numberformat{ width:8rem; } /*240618 접근성 수정 추가*/ .keyIndi .data_search_wrap{ margin-top:2rem; padding:1rem 2rem; } /*240701 오시는길, 저작권정책 내용 추가*/ .location_wrap .map_box{ border: 0.1rem solid #ddd; } .location_wrap .map_box img{ width:100%; } .location_wrap .map_info_txt{ width: 100%; box-sizing: border-box; border: 0.1rem solid #ddd; padding: 2rem; margin: 3rem 0; } .location_wrap .map_info_txt .m_i_t_cnt{display: flex; position: relative; padding-left: 3rem;} .location_wrap .map_info_txt .m_i_t_cnt + .m_i_t_cnt{ margin-top:0.5rem; } .location_wrap .map_info_txt .m_i_t_cnt:before {content:''; display:block; position: absolute; top:-1px; left:0; width:2.2rem; height:2.2rem; background-position:center; background-repeat: no-repeat;} .location_wrap .map_info_txt .m_i_t_cnt.adrs:before {background-image:url('../../img/sub/data_txt_icon_01.png');} .location_wrap .map_info_txt .m_i_t_cnt.tel:before {background-image:url('../../img/sub/data_txt_icon_02.png');} .location_wrap .map_info_txt .m_i_t_cnt .tit{ font-size:1.7rem; color:var(--black); margin-right:1rem; white-space: nowrap; } .location_wrap .map_info_txt .m_i_t_cnt .cnt{ font-size:1.6rem; color:var(--txt5_1); } .location_wrap .basicTxtBox{ border-bottom: 0.1rem dashed var(--border1); } .location_wrap .basicTxtBox.lastBox{ border-bottom:0; } .location_wrap .map_info_box .bubbleTxt .item{ padding-bottom:2rem; } .bubbleTxt.n_2 .item {width:calc( 100% /2 ); } .location_wrap .map_info_box .num_sbw{ display: inline-block; width: 2.4rem; height: 2.4rem; font-weight: 500; font-size: 1.5rem; line-height: 2.5rem; color: #ffffff; border-radius: 50%; text-align: center; margin:0 0.2rem;} .location_wrap .map_info_box .num_sbw.bg01{ background:#263c96; } .location_wrap .map_info_box .num_sbw.bg05{ background:#8936e0; } .location_wrap .map_info_box .num_sbw.bg09{ background:#7C580F; } .location_wrap .bubbleTxt .item .topBox strong{ color:var(--black); } .location_wrap .flex_titBox .h4_tit .point{ font-size:1.5rem; font-weight:400; line-height:3rem; margin-left:0.5rem; } .location_wrap .num_list > li .num{ width:3rem; } .location_wrap .num_list > li{ padding-left:3.5rem; } .location_wrap .num_list > li .num.bg_blu{ background:#0069bf; } .location_wrap .num_list > li .num.bg_grn{ background:#228428; } .location_wrap .num_list > li .num.bg_lgrn{ background:#507504; } .location_wrap .num_list > li .num.bg_pur{ background:#713BC4; } .location_wrap .num_list > li .num.bg_red{ background:#C00000; } .location_wrap .num_list > li .num.bg_ylw{ background:#F9C855; color:#000; } .location_wrap .num_list > li .num.bg_gry{ background:#006090; } .map_info_box .basicTxtBox .h4_tit{ padding-left:3.3rem; position:relative; } .map_info_box .basicTxtBox .h4_tit:before{ content:" "; display:block; position:absolute; left:0; top:0; width:2.5rem; height:2.5rem; border-radius: 50%; background:#f3f6fc; } .map_info_box .basicTxtBox.map_info_subway .h4_tit:before{ background:url('../../img/sub/map_info_icon_sub.png') center no-repeat; } .map_info_box .basicTxtBox.map_info_bus .h4_tit:before{ background:url('../../img/sub/map_info_icon_bus.png') center no-repeat; } .map_info_box .basicTxtBox.map_info_car .h4_tit:before{ background:url('../../img/sub/map_info_icon_car.png') center no-repeat; } .map_info_box .basicTxtBox.map_info_cent .h4_tit:before{ background:url('../../img/sub/map_info_icon_cent.png') center no-repeat; } .copy_policy .open_mark{ margin:2rem 0 1rem; } .copy_policy .open_mark img{ max-width:100%; } /* 주요지표 시안용 css */ .keyIndi .codeBook .fileLeft{ width:100%; } .keyIndi .fileLR .chkTree{ max-height:41rem; } /* 주요지표 리뉴얼 */ .keyIndi_dashboard .key_dash_wrap{ display:flex; flex-wrap: wrap; gap:1.5rem; } .keyIndi_dashboard .key_dash_wrap .key_dash_item{ width:calc( ( 100% - ( 1.5rem * 3 ) ) / 4 ); padding:1.5rem; border-radius:1rem; border:0.1rem solid #ddd; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .key_dash_cate{ } .keyIndi_dashboard .key_dash_wrap .key_dash_item .key_dash_cate .cate_tit{ padding:0.8rem 1.5rem; background:#f2f6fe; display:inline-block; font-size:1.5rem; font-weight:600; border-radius:3.5rem; padding-left:4rem; position:relative; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .key_dash_cate .cate_tit:before{ content:" "; display:block; position:absolute; width:1.8rem; height:1.8rem; background:url(../../img/sub/key_indi_dash_icon.png); left:1.5rem; top:50%; transform:translateY(-50%); margin-top:0.1rem; } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(1) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_01.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(2) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_02.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(3) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_03.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(4) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_04.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(5) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_05.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(6) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_06.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(7) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_07.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(8) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_08.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(9) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_09.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(10) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_10.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item:nth-child(11) .key_dash_cate .cate_tit:before{ background:url(../../img/sub/key_dash_icon_11.png); } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart{ margin:1rem 0; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link{ display:inline-block; width:100%; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size:1.8rem; line-height:2.2rem; padding-right:4rem; position:relative; height:4.4rem; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:before{ content:" "; display:block; position:absolute; width:2.2rem; height:2.2rem; border-radius:1.5rem; border:0.1rem solid #ddd; background:#fff; right:0; top:0; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:after{ content:" "; display:block; position:absolute; width:0.7rem; height:0.7rem; border-top:0.2rem solid #333; border-right:0.2rem solid #333; transform:rotate(45deg); right:0.9rem; top:0.7rem; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:hover:before, .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:focus:before{ background:var(--btn3); border-color:var(--btn3); } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:active:before{ background:#76b026; border-color:#76b026; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:hover:after, .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:focus:after, .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:active:after{ border-color:var(--white); } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link .link_h3{ font-size:1.8rem; font-weight:600; display:inline; word-break: keep-all; margin-right:0.5rem; transition:all 0.3s; box-shadow: inset 0 0 0 #ffe05b61; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:hover .link_h3, .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:focus .link_h3{ box-shadow: inset 0 -10px 0 #ffe05b61; } /*.keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link .link_btn{ display:inline; white-space: nowrap; padding:0.3rem 0.8rem; border-radius:2rem; border:0.1rem solid #bbb; background:var(--white); font-size:1.2rem; font-weight:400; vertical-align: bottom; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:hover .link_btn, .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:focus .link_btn{ background:var(--btn3); color:var(--white); } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link:active .link_btn{ background:#76b026; color:var(--white); } */ .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_tit .chart_tit_link .link_btn{ overflow: hidden; position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; font-size: 1px; line-height: 0; clip: rect(0px, 0, 0, 0);} .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_space{ margin:2rem 0; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart{ padding-top:2rem; margin-top:2rem; border-top:0.1rem solid #ddd; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul > li + li{ margin-top:0.8rem; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul > li{ padding-left:1rem; position:relative; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul > li:before{ content:" "; display:block; position:absolute; left:0rem; top:0.7rem; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#999; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link{ display:inline-block; width:100%; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size:1.4rem; line-height:1.8rem; padding-right:3rem; position:relative; min-height:1.8rem; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link:before{ content:" "; display:block; position:absolute; width:1.8rem; height:1.8rem; border-radius:1.5rem; border:0.1rem solid #ddd; background:#fff; right:0; top:0; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link:after{ content:" "; display:block; position:absolute; width:0.6rem; height:0.6rem; border-top:0.2rem solid #333; border-right:0.2rem solid #333; transform:rotate(45deg); right:0.7rem; top:0.6rem; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link:hover:before, .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link:focus:before{ background:var(--btn3); border-color:var(--btn3); } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link:active:before{ background:#76b026; border-color:#76b026; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link:hover:after, .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link:focus:after, .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link:active:after{ border-color:var(--white); } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link .link_h3{ font-size:1.4rem; display:inline; word-break: keep-all; margin-right:0.5rem; font-weight:400; transition:all 0.3s; box-shadow: inset 0 0 0 #ffe05b3b; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link:hover .link_h3, .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link:focus .link_h3{ box-shadow: inset 0 -10px 0 #ffe05b3b; } .keyIndi_dashboard .key_dash_wrap .key_dash_item .sub_chart .sub_chart_ul .sub_chart_tit_link .link_btn{ overflow: hidden; position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; font-size: 1px; line-height: 0; clip: rect(0px, 0, 0, 0); } .keyIndi_dashboard .key_dash_wrap .key_dash_item .main_chart .chart_space{ margin:2rem 0; } .keyIndi_tab_new{ display:flex; flex-wrap:wrap; gap:2rem; width:100%; } .keyIndi_tab_new .keyIndi_tab_item{ border-radius:1rem; border:0.1rem solid #ddd; background:#fff; width:calc( ( 100% - 10rem ) / 6); transition:all 0.3s; height:6rem; overflow:hidden; position:relative; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt{ width:50%; overflow-x:hidden; transition:all 0.3s; background:#f8f8f8; padding:0.5rem 1rem; display:flex; align-items: center; padding-right:3rem; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .k_tab_ul{ width:100%; display:flex; flex-wrap:wrap; gap:0.5rem; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .k_tab_ul .k_tab_li{ width:calc( 50% - 0.5rem ); } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .close_btn{ position:absolute; right:2rem; top:50%; transform:translateY(-50%); width:2rem; height:2rem; background:#fff; border-radius:2rem; border:0.1rem solid #ddd; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .close_btn:before, .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .close_btn:after{ content:" "; position:absolute; display:block; width:1.1rem; height:0.1rem; background:#333; transform:rotate(45deg); top:0.9rem; left:0.4rem; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .close_btn:after{ transform:rotate(-45deg); } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .close_btn:hover, .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .close_btn:focus{ border:0.1rem solid #05367b; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .close_btn:active{ border:0.1rem solid #76b026; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .close_btn:active:before, .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .close_btn:active:after{ background:#76b026; } .keyIndi_tab_new .keyIndi_tab_item.on{ width:calc( ( ( 100% - 10rem ) / 6) * 4 + ( 2rem * 3 ) ); } .keyIndi_tab_new .keyIndi_tab_item .k_tab_btn{ width:50%; } .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_btn{ width:25%; } .keyIndi_tab_new .keyIndi_tab_item:has(.k_tab_btn:focus-visible){ outline-style: dashed; outline-width: 3px; outline-color: var(--color3); } .keyIndi_tab_new .keyIndi_tab_item.on{ border:0.2rem solid var(--color3);} .keyIndi_tab_new .keyIndi_tab_item .in_item{ width:200%; position:absolute; left:0; top:0; display:flex; justify-content: space-between; height:100%; } .keyIndi_tab_new .keyIndi_tab_item.on .in_item{ width:100%; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_btn .k_tab_tit{ text-align: left; padding:1rem; padding-left:6rem; position:relative; font-size:1.6rem; word-break: keep-all; width:17.8rem; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_btn .k_tab_tit:before{ content:" "; display:block; position:absolute; width:3.5rem; height:3.5rem; background:url(../../img/sub/key_indi_dash_icon.png) #f8efee center no-repeat; border-radius:2.5rem; left:1.5rem; top:50%; transform:translateY(-50%); margin-top:0.1rem; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(1) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_01.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(2) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_02.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(3) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_03.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(4) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_04.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(5) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_05.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(6) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_06.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(7) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_07.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(8) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_08.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(9) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_09.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(10) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_10.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item:nth-child(11) .k_tab_btn .k_tab_tit:before{ background:url(../../img/sub/key_dash_icon_11.png) #f2f6fe center no-repeat; } .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_cnt{ width:75%; } .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_cnt .k_tab_ul > li{ padding-left:1rem; position:relative; } .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_cnt .k_tab_ul > li:before{ content:" "; display:block; position:absolute; left:0rem; top:0.7rem; width:0.4rem; height:0.4rem; border-radius:0.4rem; background:#999; } .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_cnt .k_tab_ul .k_tab_li .k_tab_a{ font-size:1.3rem; display:block; word-break: keep-all; margin-right:0.5rem; font-weight:400; transition:all 0.3s; box-shadow: inset 0 0 0 #ffe05b3b; line-height:1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_cnt .k_tab_ul .k_tab_li.on .k_tab_a span, .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_cnt .k_tab_ul .k_tab_li .k_tab_a:hover span, .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_cnt .k_tab_ul .k_tab_li .k_tab_a:focus span{ box-shadow: inset 0 -10px 0 #fcff5bba; font-weight:600; } /* 차트 스크롤 버튼 .keyIndi_cnt .chart_box_wrap{ position:relative; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn{ position:absolute; bottom:3.5rem; width:100%; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r{ display: inline-block; width: 4rem; height: 4rem; background-repeat: no-repeat; background-position: center; background-color:#fff; border:0.1rem solid #E91C1C; border-radius:0.5rem; position:absolute; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r{ right:0; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l:before, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r:before{ content: " "; display: block; position: absolute; width: 1rem; height: 1rem; border-top: 0.3rem solid #E91C1C; border-right: 0.3rem solid #E91C1C; transform: rotate(45deg); top: 1.5rem; left: 1.3rem; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l:before{ transform: rotate(-135deg); left:1.7rem; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn button:hover, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn button:focus{ background:#E91C1C; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l:hover:before, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l:focus:before, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r:hover:before, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r:focus:before{ border-color:#fff; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn button:active{ background:#b40303; border-color:#b40303; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn button:hover .blind, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn button:focus .blind{ overflow: visible; position: absolute; top: 50%; transform: translateY(-50%); left: 3.5rem; width: auto; white-space: nowrap; height: auto; font-size: 1.3rem; line-height: 1.5rem; clip: auto; z-index: 10; padding: 0.5rem; background: #fff; border-radius: 0.5rem 0.5rem 0.5rem 0rem; border: 1px solid #000; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r:hover .blind, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r:focus .blind{ right:3.5rem; left:auto; border-radius: 0.5rem 0.5rem 0rem 0.5rem; } */ .keyIndi_cnt .chart_box_wrap .chartBox .rMateH5__HScrollThumb{ background-color: #0931b0; } .keyIndi_tit{ display:flex; justify-content:space-between; margin-top:4rem; align-items: center; } .data_search_wrap select{ height:3rem; line-height:2.8rem; } .btn_down.btn_arr:before{ display:none; } .btn_down.btn_arr:after{ width:0.9rem; height:0.9rem; border:0; border-top:0.2rem solid #fff; border-right:0.2rem solid #fff; transform:rotate(45deg); top:1rem; } .data_search_wrap .searchBox{ gap:1rem; } .data_search_wrap .searchBox .selectBox{ display:flex; gap:0.5rem; align-items: center; } .data_search_wrap .inner > li{ display:flex; justify-content:space-between; } .data_search_wrap .inner > li > .btnBox .btn_down span{ white-space: nowrap; } .data_search_wrap .searchBox .btnBox { display:flex; gap:0.5rem; } .keyIndi_cnt .data_search_wrap.row_type .searchBox h3{ width:auto; margin-right:2rem; } .keyIndi_cnt .data_search_wrap select{ padding-right:3rem } .keyIndi_cnt .chart_box_wrap .chartBox{ margin-top:2rem; margin-bottom:0rem; } .keyIndi_cnt .chart_box_wrap{ position:relative; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn{ margin-top:1rem; margin-bottom:2rem; display:flex; justify-content: space-between; width:100%; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn :is(.scr_btn_l,.scr_btn_r){ display: inline-block; width: 5rem; height: 4rem; background-repeat: no-repeat; background-position: center; background-color:#fff; border:0.1rem solid var(--color3); border-radius:0.5rem; position:relative; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r{ right:0; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn :is(.scr_btn_l,.scr_btn_r):before{ content: " "; display: block; position: absolute; width: 1rem; height: 0.2rem; background: var(--color3); transform: rotate(45deg); top: 1.6rem; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn :is(.scr_btn_l,.scr_btn_r):after{ content: " "; display: block; position: absolute; width: 2.4rem; height: 0.2rem; background: var(--color3); top: 2.0rem; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l:before, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l:after{ left:1.2rem; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r:before, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r:after{ right:1.2rem; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn :is(.scr_btn_l,.scr_btn_r).on{width:16.6rem;} .keyIndi_cnt .chart_box_wrap .chart_scroll_btn :is(.scr_btn_l,.scr_btn_r).on:after{ width:14rem; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l:before{ transform: rotate(-45deg); } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r.on:after, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l.on:after{ animation: arr 1.8s infinite; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r.on:after{background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(9, 49, 176,1) 30%);} .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l.on:after{background: linear-gradient(90deg, rgba(9, 49, 176,1) 70%,rgba(0,0,0,0) 100%);} .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r.on:is(:hover,:focus):after{background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255, 255, 255,1) 30%);} .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_l.on:is(:hover,:focus):after{background: linear-gradient(90deg, rgba(255, 255, 255,1) 70%,rgba(0,0,0,0) 100%);} @-webkit-keyframes arr { 0% { width:0; } 100% { width:14rem; } } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn button:hover, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn button:focus{ background:var(--color3); } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn :is(.scr_btn_l,.scr_btn_r):is(:hover,:focus):before{ background:#fff; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn :is(.scr_btn_l,.scr_btn_r):is(:hover,:focus):after{ background:#fff; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn button:active{ background:#E91C1C; border-color:#E91C1C; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn button:hover .blind, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn button:focus .blind{ overflow: visible; position: absolute; top: -1rem; transform: translateY(-50%); left: 3.5rem; width: auto; white-space: nowrap; height: auto; font-size: 1.3rem; line-height: 1.5rem; clip: auto; z-index: 10; padding: 0.5rem; background: #fff; border-radius: 0.5rem 0.5rem 0.5rem 0rem; border: 1px solid #000; } .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r:hover .blind, .keyIndi_cnt .chart_box_wrap .chart_scroll_btn .scr_btn_r:focus .blind{ right:3.5rem; left:auto; border-radius: 0.5rem 0.5rem 0rem 0.5rem; } /* 통계표 조회 */ .page_title.stat_title .location:after{ display:none; } .stat_title .menu a, .stat_title .location > ul > li button span{ font-size:1.8rem; color:var(--txt3); font-weight:500; } .stat_title .menu a{ position:relative; padding-left:4.5rem; display:flex; align-items: center; } .stat_title .menu a:before{ content:" "; display:block; position:absolute; width:3.5rem; height:3.5rem; background:url(../../img/sub/key_indi_dash_icon.png) #f2f6fe center no-repeat; border-radius:2.5rem; left:0rem; top:50%; transform:translateY(-50%); } .stat_title .location > ul > li + li:before{ top:0.8rem; } .stat_title .location > ul > li button:before{ top:0.4rem; } .stat_title .menu a:focus span, .stat_title .menu a:hover span{ font-weight:500; color:#c2201e; } .stat_title .menu a:active span{ color:#76b026;} .stat_title .menu a{margin-right:2rem;} .stat_title .menu a span{ display:inline-block; } .stat_title .location > ul > li + li{ padding-left:3.25rem; padding-right:2rem; } .stat_title .location ul ul{ width:16rem; } .stat_title .location ul ul li a{ word-break: keep-all; } .stat_history .btn_s.s_his_btn{ width:auto; padding:0 1rem; padding-left:3.2rem; height:3rem; position:relative; } .stat_history .btn_s.s_his_btn:after{ content:" "; display:block; position:absolute; left:1rem; top:50%; transform:translateY(-50%); width:1.6rem; height:1.9rem; background:url('../../img/sub/stat_list_icon.png') no-repeat center; z-index: 2; transition: all 0.4s ease-out 0.1s; } .stat_history .btn_s.s_his_btn:hover:after, .stat_history .btn_s.s_his_btn:focus:after, .stat_history .btn_s.s_his_btn:active:after{ background:url('../../img/sub/stat_list_icon_w.png') no-repeat center; } .stat_detail .newsl_txt .btn_lg_line{ margin-left:1rem; } .stat_tit { background: var(--keyIndi_tab_bg); padding:1.5rem; margin-bottom:1.5rem; color:var(--color1); } .stat_tit .tit{font-size:1.8rem; font-weight:600; } .stat_tit .info{ font-size:1.5rem; margin-top:0.5rem; color:#222; } .stat_txt{ padding:1rem; border:0.1rem solid #ddd; display:flex; justify-content: space-between; align-items: center; } .stat_txt p{ font-size:1.5rem; font-weight:400; line-height:2.4rem; } .stat_txt .pnt{ color:var(--color3); font-weight:400; } .stat_txt .stat_time .btn_lg_line{ margin-left:1rem; width:auto; padding:0 0.5rem; } .stat_top{ display:flex; justify-content: space-between; margin:1.5rem 0; } .stat_top .stat_t_left, .stat_top .stat_t_right{ display:flex; gap:1rem; } .btn_rd5 {padding:0 1rem; height:3rem; line-height:3rem; background-color:var(--color3); border-radius:0.5rem; text-align:left; display:block !important; min-width:6rem; text-align: center; } .btn_rd5 span {position:relative; font-size:1.3rem; color:#fff; } .btn_rd5:hover, .btn_rd5:focus { background-color:#000;} .btn_rd5:active{ background-color:#76b026; } .btn_down.btn_layout{ padding-right:3.5rem !important; background:#E91C1C; } .btn_down.btn_layout:hover, .btn_down.btn_layout:focus{ background:#b40303; } .btn_down.btn_layout:active{ background:#840101; } .btn_down.btn_layout:before{ display:none; } .btn_down.btn_layout:after{ content: ''; display: block; position: absolute; background:url('../../img/sub/btn_layout_big.png') ; top: 0.6rem; border:0; right: 1rem; width: 1.7rem; height: 1.7rem; } .btn_down.btn_layout.on:after{ content: ''; display: block; position: absolute; background:url('../../img/sub/btn_layout_small.png') ; top: 0.6rem; border:0; right: 1rem; width: 1.7rem; height: 1.7rem; } .btn_down.btn_prt{ padding-right:3.5rem !important; } .btn_down.btn_prt:before{ display:none; } .btn_down.btn_prt:after{ content: ''; display: block; position: absolute; background:url('../../img/sub/btn_print_w.png') ; background-size: contain; top: 0.7rem; border:0; right: 1rem; width: 1.7rem; height: 1.7rem; } .btn_down.btn_rc{ padding-right:3.5rem !important; } .btn_down.btn_rc:before{ display:none; } .btn_down.btn_rc:after{ content: ''; display: block; position: absolute; background:url('../../img/sub/btn_rc.png') ; top: 0.7rem; border:0; right: 1rem; width: 1.7rem; height: 1.7rem; } .stat_bottom{ font-size:1.5rem; margin-top:1rem; } .stat_b_info { padding-bottom: 1rem; margin-bottom:1rem; border-bottom:0.1rem solid #ddd; } .src_list_wrap{ display:flex; gap:0.5rem; } .src_list_wrap .src_list_tit{ font-size:1.5rem; font-weight:400; line-height:2rem;white-space: nowrap; } /* 통계표조회 그리드 스타일 */ .stat_grid_box{ overflow:auto; max-height:70rem; border:0.1rem solid #ddd; border-top:0.2rem solid #000; } .stat_detail_grid{ width:100%; font-size:1.4rem; font-family: 'Noto Sans KR'; border-bottom:0.1rem solid #ddd; } .stat_detail_grid th, .stat_detail_grid td{ padding:0.5rem; word-break: keep-all; } .stat_detail_grid .rowHead, .stat_detail_grid .sortRowHead{ background:#F2F2F2; font-size:1.4rem; border-right:0.1rem solid #ddd; border-bottom:0.1rem solid #ddd; text-align:center; } .stat_detail_grid .colHead, .stat_detail_grid .sortColHead{ background:#f7f7f7; font-size:1.4rem; border-right:0.1rem solid #ddd; border-bottom:0.1rem solid #ddd; text-align:center; } .stat_detail_grid thead tr:nth-child(n+2) .colHead{ font-weight:400; } .stat_detail_grid .tbodyHeader{ border-top:0.1rem solid #ddd; border-right:0.1rem solid #ddd; background:#f6f9fe; text-align:center; min-width:10rem; } .stat_detail_grid .tbodyHeader.merge_header{ border-top:0; } .stat_detail_grid tbody tr:first-child .tbodyHeader, .stat_detail_grid tbody tr:first-child .tdValue{ border-top:0; } .stat_detail_grid .tdValue{ border-top:0.1rem solid #ddd; border-right:0.1rem solid #ddd; text-align:right; } .sortRowHead, .sortColHead{ text-align: center; } .sort_btn_box{ display:inline-flex; gap:0.2rem; } .sort_btn_box > button{ width:1.8rem; height:1.8rem; border-radius:0.3rem; border:0.1rem solid #ccc; background:#fff; } .sort_btn_box > button:hover, .sort_btn_box > button:focus{ border:0.1rem solid #223c6d; } .sort_btn_box > button:active, .sort_btn_box > button.on{ background:#223c6d; } .sort_btn_box > button:active:before, .sort_btn_box > button.on:before{ border-color: #fff; } .sort_btn_box > button.btn_init:active:before{ border:0; background:#fff; } .sort_btn_box .btn_asc, .sort_btn_box .btn_desc, .sort_btn_box .btn_init{ position:relative; } .sort_btn_box .btn_asc:before, .sort_btn_box .btn_desc:before, .sort_btn_box .btn_init:before{ content:" "; display:block; position:absolute; width:0.6rem; height:0.6rem; border-right:0.2rem solid #223c6d; border-bottom:0.2rem solid #223c6d; } .sort_btn_box .btn_asc:before{ transform:rotate(45deg); top:0.4rem; left:0.5rem; } .sort_btn_box .btn_desc:before{ transform:rotate(-135deg); top:0.65rem; left:0.5rem; } .sort_btn_box .btn_init:before{ width:0.8rem; height:0.2rem; border:0; background:#223c6d; top:50%; left:50%; transform:translate(-50%,-50%); } .tdValue.rowClick{ background:#e5f3a6; } .tdValue.rowClick.nowClick{ background:#223c6d; color:#fff; } /*통계조회 시스템 팝업*/ .stat_pop_box .stat_sel_wrap{ border:0.1rem solid #ddd; border-top:0.2rem solid #0931b0; margin-bottom:2rem; background:#f9fafb; } .stat_pop_box .stat_sel_wrap .stat_sel_tit{ padding:1.5rem; border-bottom:0.1rem solid #ddd; background:#fff; } .stat_pop_box .stat_sel_wrap .stat_sel_tit .checkBox label .name{ font-size:1.7rem; font-weight:600; color:#222; } .stat_pop_box .stat_sel_wrap .stat_sel_cnt{ padding:1.5rem; max-height:35rem; overflow: auto; position:relative; } .stat_pop_box .stat_sel_wrap .stat_sel_cnt .sel_cnt_ul .sel_cnt_li + .sel_cnt_li{ margin-top:1rem; } .stat_pop_box .stat_sel_wrap .stat_sel_cnt .in_chk_ul > li:last-child:after {background:transparent;} .stat_pop_box .stat_sel_wrap.date_sel .datepicker_wrap .date_box input[type="text"]{ background: url(../../img/sub/btn_datepicker.png) no-repeat 90% center; background-size:1.9rem; } .stat_pop_box .stat_sel_wrap .stat_sel_cnt::-webkit-scrollbar-thumb { background: var(--scorollbar); border-radius: 1rem; border: 5px solid #f9fafb; } .stat_pop_box .stat_sel_wrap .stat_sel_cnt::-webkit-scrollbar-track { background-color: transparent; border-radius:5px; } .stat_pop_box .stat_sel_wrap .stat_sel_cnt::-webkit-scrollbar { width: 1.8rem; } .stat_pop_box .hover_btn { width: 100%; height: 5rem; font-size: 1.7rem; border-radius: 0.5rem; border-color: #1a40b6; font-weight: bold; color: #1a40b6; } /* 내가 본 통계표 */ .stat_pop_box .stat_pop_tit{ margin-bottom:2rem; display:flex; justify-content: space-between; align-items: center; } .stat_pop_box .stat_pop_tit .close_btn{ position:relative; border-radius:2rem; background:#fff; border:0.1rem solid #ddd; padding-left:3rem; width:3rem; height:3rem; overflow:hidden; transition:width 0.3s; display:flex; align-items: center; } .stat_pop_box .stat_pop_tit .close_btn:before, .stat_pop_box .stat_pop_tit .close_btn:after{ content:" "; display:block; position:absolute; width:1.4rem; height:0.2rem; background:var(--bgColor5); transform:rotate(45deg) translateY(-50%); left:0.75rem; top:50%; } .stat_pop_box .stat_pop_tit .close_btn:after{ transform:rotate(-45deg); } .stat_pop_box .stat_pop_tit .close_btn:hover, .stat_pop_box .stat_pop_tit .close_btn:focus{ width: 6.4rem; padding-left:2.5rem; border:0.1rem solid #0931b0; color:#0931b0; } .stat_pop_box .stat_pop_tit .close_btn:active{ border:0.1rem solid #76b026; color:#76b026; } .stat_pop_box .stat_pop_tit .close_btn:hover:before, .stat_pop_box .stat_pop_tit .close_btn:hover:after, .stat_pop_box .stat_pop_tit .close_btn:focus:before, .stat_pop_box .stat_pop_tit .close_btn:focus:after{ background:#0931b0;} .stat_pop_box .stat_pop_tit .close_btn:active:after, .stat_pop_box .stat_pop_tit .close_btn:active:before{ background:#76b026; } .stat_pop_box .stat_pop_tit .close_btn span{ white-space: nowrap; font-size:1.4rem; font-weight:500; } .stat_pop_box .stat_his_wrap{ padding-top:2rem; border-top :0.2rem solid #0931b0; } .stat_pop_box .stat_his_wrap .stat_his_ul{ padding:1rem; border-radius:0.5rem; background:#f9fafb; max-height:35rem; overflow-y: auto; } .stat_pop_box .stat_his_wrap .stat_his_ul::-webkit-scrollbar-thumb { background: var(--scorollbar); border-radius: 1rem; border: 5px solid #f9fafb; } .stat_pop_box .stat_his_wrap .stat_his_ul::-webkit-scrollbar-track { background-color: transparent; border-radius:5px; } .stat_pop_box .stat_his_wrap .stat_his_ul::-webkit-scrollbar { width: 1.8rem; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item{ font-size:1.5rem; padding:0.5rem; border-radius:0.5rem; border:0.1rem solid #ddd; display:flex; justify-content: space-between; align-items: center; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item + .stat_his_item{ margin-top:1rem; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item:has(.link:hover), .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item:has(.link:focus), .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item:has(.btn_delete:hover), .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item:has(.btn_delete:focus), .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item:hover{ background:#fff; border:0.1rem solid #0931b0; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item:has(.link:active){ border:0.1rem solid #76b026; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .link{ max-width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .link:hover, .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .link:focus{ color:#0931b0; font-weight:600; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .link:active{ color:#76b026; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete{ position:relative; border-radius:2rem; background:#fff; border:0.1rem solid #ddd; padding-left:2.2rem; width:2.1rem; overflow:hidden; transition:width 0.3s; display:flex; align-items: center; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:before, .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:after{ content:" "; display:block; position:absolute; width:1.1rem; height:0.1rem; background:var(--bgColor5); transform:rotate(45deg) translateY(-50%); left:0.5rem; top:50%; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:after{ transform:rotate(-45deg); } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:hover, .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:focus{ width: 5.5rem; padding-left:2rem; border:0.1rem solid #0931b0; color:#0931b0; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:active{ border:0.1rem solid #76b026; color:#76b026; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:hover:before, .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:hover:after, .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:focus:before, .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:focus:after{ background:#0931b0;} .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:active:after, .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete:active:before{ background:#76b026; } .stat_pop_box .stat_his_wrap .stat_his_ul .stat_his_item .btn_delete span{ white-space: nowrap; font-size:1.3rem; } .stat_pop_box .stat_cn { font-size: 1.5rem; } #sttblHistoryContainer .slider-container{ transform:initial; top:0; right:0; height:100%; } #sttblHistoryContainer .slider-container #popupCnWrap{ overflow:hidden; height:100%; } #sttblHistoryContainer .slider-container #popupCnWrap .data_cntBottom{ margin:3rem; height:calc( 100% - 6rem ); } #sttblHistoryContainer .slider-container #popupCnWrap .data_cntBottom .cont_02, #sttblHistoryContainer .slider-container #popupCnWrap .data_cntBottom .cont_02 .stat_pop_box{ height:100%; } #sttblHistoryContainer .slider-container #popupCnWrap .data_cntBottom .cont_02 .stat_pop_box .stat_his_wrap .stat_his_ul{ max-height:100%; } #sttblHistoryContainer .slider-container #popupCnWrap .data_cntBottom .cont_02 .stat_pop_box .stat_his_wrap{ height:calc( 100% - 5rem); } /* 통계조회 시스템 목록 */ .stat_tree_view{ padding:2rem; padding-top:3.6rem; border-radius:0.5rem; background:#f4f5fb; position:relative; } .stat_tree_view:before{ content:" "; display:block; position:absolute; left:5.3rem; top:2rem; height:calc( 100% - 4rem ); width:0.3rem; background:#4767a4; } .stree_item .stree_lv_02, .stree_item .stree_lv_03{ display:none;} .stat_tree.stree_lv_01 { z-index:1; } .stat_tree.stree_lv_01 > .stree_item{ padding:1rem 1.5rem; border-radius:0.5rem; background:#fff; border:0.2rem solid #fff; box-sizing:border-box; width:100%; position:relative; transition:all 0.3s; box-shadow: 0 0.7rem 1.1rem #5c85d114; } .stat_tree.stree_lv_01 > .stree_item:before{ content:" "; display:block; position:absolute; width:3.6rem; height:3.6rem; border-radius:4rem; background:#4767a4; left:1.5rem; top:-1.8rem; box-shadow: 0 0.3rem 0.8rem #5c85d13d; } .stat_tree.stree_lv_01 > .stree_item.type_01:before{ background:url('../../img/sub/stat_big_icon_01.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item.type_02:before{ background:url('../../img/sub/stat_big_icon_02.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item.type_03:before{ background:url('../../img/sub/stat_big_icon_03.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item.type_04:before{ background:url('../../img/sub/stat_big_icon_04.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item.type_05:before{ background:url('../../img/sub/stat_big_icon_05.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item.type_06:before{ background:url('../../img/sub/stat_big_icon_06.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item.type_07:before{ background:url('../../img/sub/stat_big_icon_07.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item.type_08:before{ background:url('../../img/sub/stat_big_icon_08.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item.type_09:before{ background:url('../../img/sub/stat_big_icon_09.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item.type_10:before{ background:url('../../img/sub/stat_big_icon_10.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item.type_11:before{ background:url('../../img/sub/stat_big_icon_11.png') center no-repeat #4767a4; } .stat_tree.stree_lv_01 > .stree_item + .stree_item{ margin-top:3.4rem; } .stat_tree.stree_lv_01 > .stree_item .stree_tit{ display:flex; justify-content: space-between; align-items: center; width:100%; } .stat_tree.stree_lv_01 > .stree_item > .stree_tit{ padding-left:4.5rem; } .stat_tree.stree_lv_01 > .stree_item > .stree_tit .tit{ color:#223c6d; font-size:1.8rem; font-weight:800; text-align:left; } .stat_tree.stree_lv_01 > .stree_item.on, .stat_tree.stree_lv_01 > .stree_item:has(> .stree_tit:hover), .stat_tree.stree_lv_01 > .stree_item:has(> .stree_tit:focus){ border:0.2rem solid #4767a4; box-shadow: 0 0.7rem 1.1rem #30529145; } .stat_tree.stree_lv_01 > .stree_item:has(> .stree_tit:active){ border:0.2rem solid #cb2e4c; box-shadow: 0 0.7rem 1.1rem #cb2e4c40; } .stat_tree.stree_lv_01 > .stree_item:has(> .stree_tit:active):before{ background-color:#cb2e4c; } .stat_tree.stree_lv_01 > .stree_item .stree_tit .span_btn{ font-size:1.3rem; padding:0.5rem 1rem; border-radius:0.3rem; border:0.1rem solid #cdd2de; color:#223c6d; text-align: left; position:relative; transition:all 0.3s; width:3rem; height:3rem; overflow:hidden; } .stat_tree.stree_lv_01 > .stree_item .stree_tit .span_btn > span{ position:absolute; left:-4rem; } .stat_tree.stree_lv_01 > .stree_item .stree_tit .span_btn:after{ content:" "; display:block; position:absolute; right:1.1rem; top:1rem; width:0.7rem; height:0.7rem; border-right:0.1rem solid #223c6d; border-bottom:0.1rem solid #223c6d; transform:rotate(45deg); } .stat_tree.stree_lv_01 > .stree_item.on > .stree_tit .span_btn:after{ transform:rotate(-135deg); top:1.3rem; } .stat_tree.stree_lv_01 > .stree_item .stree_tit:hover .span_btn, .stat_tree.stree_lv_01 > .stree_item .stree_tit:focus .span_btn{ padding-right:3rem; width:8.5rem; border:0.1rem solid #223c6d; } .stat_tree.stree_lv_01 > .stree_item .stree_tit:active .span_btn{ border:0.1rem solid #cb2e4c; } .stat_tree.stree_lv_01 > .stree_item .stree_tit:active .tit{ color:#cb2e4c; } .stat_tree.stree_lv_01 > .stree_item .stree_tit:hover .span_btn > span, .stat_tree.stree_lv_01 > .stree_item .stree_tit:focus .span_btn > span{ left:1rem; } .stat_tree.stree_lv_01 > .stree_item .stree_tit:active .span_btn > span{ color:#cb2e4c; } .stat_tree.stree_lv_01 > .stree_item .stree_tit:active .span_btn:after{ border-color:#cb2e4c; } .stree_lv_02{ margin-top:1rem; } .stree_lv_02 > .stree_item{ position:relative; padding: 1rem 0; padding-left:4.5rem; } .stree_lv_02 > .stree_item:before{ content:" "; display:block; position:absolute; width:100%; height:0.1rem; left:0; top:0; /*background: linear-gradient(to right, transparent 0%, #dce0ec 3%, #dce0ec 97%,transparent 100%);*/ border-top: 0.1rem solid; border-image: linear-gradient(to right, transparent 0%, #dce0ec 2%, #dce0ec 98%,transparent 100%); border-image-slice: 1;} .stree_lv_02 > .stree_item > .stree_tit .tit{ font-size:1.6rem; font-weight:500; padding-left:2.4rem; position:relative; color:#4e6186; border-top:0.1rem solid transparent; border-bottom: 0.1rem solid transparent; text-align:left; } .stree_lv_02 > .stree_item > .stree_tit .tit:before{ content:" "; display:block; position:absolute; top:0.2rem; left:0; width:1.6rem; height:1.9rem; background:url('../../img/sub/stat_list_icon.png') no-repeat center; } .stree_lv_02 > .stree_item.on > .stree_tit .tit:before, .stree_lv_02 > .stree_item .stree_tit:hover .tit:before, .stree_lv_02 > .stree_item .stree_tit:focus .tit:before, .stree_lv_02 > .stree_item .stree_tit:active .tit:before{ background:url('../../img/sub/stat_list_icon_on.png') no-repeat center; } .stree_lv_02 > .stree_item.on > .stree_tit .tit, .stree_lv_02 > .stree_item > .stree_tit:hover .tit, .stree_lv_02 > .stree_item > .stree_tit:focus .tit{ color:#cb2e4c; } .stree_lv_02 > .stree_item > .stree_tit:active .tit{ border-bottom:0.1rem solid #cb2e4c; } .stree_lv_02 > .stree_item .stree_tit .span_btn{ background:#4767a4; border:0.1rem solid #4767a4; } .stat_tree.stree_lv_01 .stree_lv_02 > .stree_item > .stree_tit .span_btn:after{ border-right: 0.1rem solid #fff; border-bottom: 0.1rem solid #fff; } .stat_tree.stree_lv_01 .stree_lv_02 > .stree_item.on > .stree_tit .span_btn:after { transform: rotate(-135deg); top: 1.3rem; } .stree_lv_02 > .stree_item .stree_tit .span_btn span{ color:#fff; } .stree_lv_02 > .stree_item .stree_tit:hover .span_btn, .stree_lv_02 > .stree_item .stree_tit:focus .span_btn{ background: #223c6d; } .stree_lv_02 > .stree_item .stree_tit:active .span_btn{ border-color:#cb2e4c; background: #cb2e4c; } .stree_lv_02 > .stree_item .stree_tit:active .span_btn span{ color:#fff !important; } .stree_lv_03{ padding-left:2.4rem; } .stree_lv_03 > .stree_item{ font-size:1.4rem; margin-top:0.5rem; } .stree_lv_03 > .stree_item > .in_item{ position:relative; padding-left:1.2rem;} .stree_lv_03 > .stree_item > .in_item:before{ content:" "; display:block; position:absolute; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#6a8fd7; left:0; top:0.8rem; } .stree_lv_03 > .stree_item > .in_item .stree_tit, .stree_lv_03 > .stree_item > .in_item .stree_tit .tit{ display:inline; color:#4e6186; border-bottom:0.1rem solid transparent; } .stree_lv_03 > .stree_item > .in_item .stree_tit .tit{ margin-right:0.5rem; } .stree_lv_03 > .stree_item > .in_item .meta_btn{ display:inline-block; } .stree_lv_03 > .stree_item > .in_item .stree_tit:hover .tit, .stree_lv_03 > .stree_item > .in_item .stree_tit:focus .tit{ border-bottom:0.1rem solid #cb2e4c; color:#cb2e4c; } .stree_lv_03 > .stree_item > .in_item .stree_tit:active .tit{ font-weight:500; } .stree_lv_03 > .stree_item > .in_item:has(.stree_tit:hover):before, .stree_lv_03 > .stree_item > .in_item:has(.stree_tit:focus):before{ background:#cb2e4c; } .stree_lv_03 > .stree_item > .in_item .meta_btn{ padding:0.1rem 0.5rem; border-radius:0.5rem; border:0.1rem solid #223c6d; padding-left:2.3rem; position:relative; color:#223c6d; font-size:1.3rem; } .stree_lv_03 > .stree_item > .in_item .meta_btn:before{ content:" "; display:block; position:absolute; width:1.4rem; height:1.4rem; top:50%; left:0.5rem; transform:translateY(-50%); background:url('../../img/sub/meta_icon.png') no-repeat center; } .stree_lv_03 > .stree_item > .in_item .meta_btn:hover, .stree_lv_03 > .stree_item > .in_item .meta_btn:focus{ border:0.1rem solid #cb2e4c; color:#cb2e4c; } .stree_lv_03 > .stree_item > .in_item .meta_btn:active{ box-shadow: 0.2rem 0.2rem 0.5rem #cb2e4c2b; font-weight:500; } .stree_lv_03 > .stree_item > .in_item .meta_btn:hover:before, .stree_lv_03 > .stree_item > .in_item .meta_btn:focus:before{ background:url('../../img/sub/meta_icon_on.png') no-repeat center; } .stree_lv_01 > .stree_item .btn_flex{ display:flex; gap:0.5rem; padding-left:4.5rem; } .stat_tree.stree_lv_01 > .stree_item.on .btn_flex > .stree_tit .span_btn:after{ transform:rotate(-135deg); top:1.3rem; } .stree_lv_01 > .stree_item > .stree_lv_02{ width:100%; } .stree_lv_01 > .stree_item .all_open{ height:3rem; border-radius:0.3rem; border:0.1rem solid #cdd2de; box-sizing: border-box; position:relative; overflow:hidden; width:3rem; transition: all 0.3s; } .stree_lv_01 > .stree_item .all_open:before{ content:" "; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0.5rem; width:1.6rem; height:1.4rem; background:url('../../img/sub/all_open.png') no-repeat; } .stree_lv_01 > .stree_item .all_open span{ font-size: 1.3rem; line-height:3rem; color:#223c6d; position:absolute; transition: all 0.3s; top:0; right:3rem; } .stree_lv_01 > .stree_item .all_open:hover, .stree_lv_01 > .stree_item .all_open:focus{ width:9.2rem; border: 0.1rem solid #223c6d; padding-left:2.7rem; } .stree_lv_01 > .stree_item .all_open:hover span, .stree_lv_01 > .stree_item .all_open:focus span{ right:0.7rem; } /*반응형*/ @media screen and (max-width: 1440px) { /*서브 레이아웃*/ .container.sub:before {width:23rem;} .lnb_wrap {padding-left:2rem;} #content {padding-right:2rem;} /*주요지표*/ .keyIndi .data_search_wrap .inner > li > div.searchBox{ flex-wrap: wrap; } .data_search_wrap.row_type .searchBox .srch_cnt.flex_cnt + div{ width:100%; } /*데이터신청*/ .dataApp .app_cnt.step_01 img{ width:100%; } /*학술행사*/ .data_cntBox .data_cntTop .topRightBox .topBefore{ width:100% !important; box-sizing:content-box;padding-right:2rem; } .data_cntBox .data_cntBottom .personalList .personalList_tit, .data_cntBox .data_cntBottom .personalList .personalList_list{ min-width:110rem; position:relative; } .data_cntBox .data_cntTop .topLeftBox .bottom_btnBox button{ min-width:0; } /*메뉴소개*/ .menu_info_wrap .menu_info_lr .menu_info_img{ width:50%; } .menu_info_wrap .menu_info_lr .menu_info_img img{ width:100%; } .menu_info_wrap .menu_info_lr .menu_info_txt{ width:calc( 50% - 1.5rem ); } /*통합검색*/ .container.sub.search_cont .search_wrap, .n_search_detail, .srch_big_tit, .srch_page_top{ width:100%; } .n_search_lank{ margin-left:0; left:auto; right:2rem; } .n_search_top .n_search_reco{ padding-right:32rem; align-items: flex-start; } .n_search_reco > h3{ word-break: keep-all; margin-top:0.5rem; } .n_reco_list{ flex-wrap:wrap; gap:0.5rem; } .n_reco_list > li{ margin-left:0; } .n_reco_list > li .n_reco_key{ display:block; } /* 간행물 */ #pblctDtl.pubView .pubViewCnt .pubTree .depth_2 {height:calc(100% - 11.5rem);} #pblctDtl.pubView .pubViewCnt .pubTree li.on .depth_2_wrap > .btnBox {flex-direction:column;} #pblctDtl.pubView .pubViewCnt .pubTree .depth_2_wrap > .btnBox .btn_txt_slide {width:100%; margin:0;} #pblctDtl.pubView .pubViewCnt .pubTree .depth_2_wrap > .btnBox .btn_txt_slide + .btn_txt_slide {margin-top:0.2rem;} } @media screen and (max-width: 1250px) { /*서브 레이아웃*/ .lnb_wrap, .container.sub:before {display:none;} #content {max-width:100%;} /*학술행사*/ .data_cntBox .data_cntTop .topLeftBox .bottomTxt .dlTxt .txtList{ display:block; } .data_cntBox .data_cntTop .topLeftBox .bottomTxt .dlTxt .txtList dd{ padding-left:1rem; box-sizing: border-box; margin-top:0.5rem; } } @media screen and (max-width: 1100px) { /*공지사항 상세보기*/ .bbsView_tit {flex-direction:column; align-items:flex-start;} .bbsView_tit .tit {width:100%; padding-right:0;} /*장애통계데이터포털*/ .infoBot .infoBot_box{ padding:1.5rem; padding-top:10rem; } .infoBot .infoBot_box:before{ top:2rem; } /*이벤트*/ .agree_sign{ display:block; } .agree_sign .inpBox, .eventInfo .event_userInfo .agree_box .agree_sign .sign_here{ width:100%; } .eventInfo .event_userInfo .agree_box .agree_sign .sign_here{ margin-top:1rem; } .eventInfo .no-evnt{ width:100%; padding:8rem 33rem; padding-right:8rem; padding-bottom:15rem; } .eventInfo .no-evnt:after{ left:10rem; top:5rem; transform:none; } .eventInfo .no-evnt:before{ right:3rem; bottom:0;} /*자료집*/ .data_infoList > ul > li{ width:calc( 50% - 10px ) } .data_infoList > ul > li:nth-child(2n){ margin-right:0; } .data_infoList .infoBox .imgBox .imgTxt{ display: inline-flex;flex-direction: column; align-items: flex-start;} /*탭버튼*/ .tab.data_list > ul > li > .tabBtn{ height:100%; min-height:4rem; margin:0.5rem 0; min-height:3rem; } .tab.data_list > ul > li > .tabBtn span{ word-break:keep-all; font-size:1.8rem; text-align:center; padding:0 0.5rem; } /*간행물*/ .pubList > ul > li{ width:calc( ( 100% - ( 2rem * 3 ) ) / 4 ); } .pubList > ul > li:nth-child(5n){ margin-right: 2rem; } .pubList > ul > li:nth-child(4n){ margin-right:0;} .pubView .pubViewCnt .pubTree .depth_1{ width:30rem; } .pubView .pubViewCnt .pubTree .depth_2{ width:calc(100% - 30rem); } .pubView .pubTit h4 p{ word-break: keep-all; } #pblctDtl.pubView .pubViewCnt .pubTree li.on .depth_2_wrap > .btnBox {width:calc(100% - 30rem);} /*주요지표*/ .keyIndi .keyIndi_tab .tab_item a{ word-break: keep-all; font-size:1.5rem; height:auto; min-height:3.5rem; } .keyIndi .keyIndi_tab .tab_item a span{ text-align:center; } .data_search_wrap.row_type .datepicker_wrap + .round_chk_box{ margin-top:0.5rem; } .tableStaBox .unit{ float:left; } .statGridTd, .title01{ font-size:1.3rem; } /*뉴스레터*/ .newsletter .newsl_cont .newsl_sit .sit_list li, .newsletter .newsl_cont .newsl_sit .sit_list .hover_btn span{ word-break: keep-all; } .newsletter .newsl_cont .newsl_view .newsl_viewBox .viewSlick{ width:90%; } /*팝업*/ .pupop .agree_sign{ display:flex; } .pupop .agree_sign .inpBox{ width: 30rem;} /*데이터 가이드*/ .dataGuide .guide_cnt{ display:block; height:auto; } .dataGuide .guide_cnt .cnt_list{ width:100%; } .dataGuide .guide_cnt .cnt_list > ul { max-height:24.5rem; flex-direction:row; flex-wrap:wrap; } .dataGuide .guide_cnt .cnt_list > ul > li{ width:calc( 50% - 0.5rem ); } .dataGuide .guide_cnt .cnt_list > ul > li:nth-child(2){ margin-top:0; } .dataGuide .guide_cnt .cnt_list > ul > li:nth-child(2n){ margin-left:1rem; } .dataGuide .guide_cnt .cnt_view{ width:100%; } .dataGuide .guide_cnt .cnt_view .view_bottom { height:50rem; overflow-y: auto; } /*조사표 및 코드북*/ .fileLR{ display:block; } .fileLR .fileLeft{ display:flex; height:50rem; width:100%; } .fileLR .chkTree{ min-height: 0; float: none; } .chkTree .depth_1{ min-height: 0; max-height: 100%; } .fileBtn, .fileLR .btn_box{ flex-direction: row; margin:2rem 0; } .fileLR .fileRight{ width:100%; max-height:30rem; } .fileBtn .move_btn{ margin:0 0.5rem; } .fileBtn .move_btn.l_r_all:before, .fileBtn .move_btn.l_r_all:after, .fileBtn .move_btn.l_r_sel:before{ transform:rotate(135deg) } .fileBtn .move_btn.l_r_all:before{ top: 1rem; left: 1.65rem; } .fileBtn .move_btn.l_r_all:after{ top: 1.8rem; left: 2.65rem; } .fileBtn .move_btn.l_r_sel:before{ top: 1.5rem; left: 1.65rem; } .fileBtn .move_btn.r_l_all:before, .fileBtn .move_btn.r_l_all:after, .fileBtn .move_btn.r_l_sel:before{ transform:rotate(-45deg) } .fileBtn .move_btn.r_l_all:before{ top: 1.7rem; left: 1.65rem; } .fileBtn .move_btn.r_l_all:after{ top: 2.5rem; left: 2.65rem; } .fileBtn .move_btn.r_l_sel:before{ top: 2rem; left: 1.65rem; } /*파일별 다운로드*/ .dataApp .fileLR .btn_box{ flex-direction: column; } .dataApp .fileLR .fileRight{ width:100% !important; } /*학술행사*/ .data_cntBox .data_cntTop{ flex-direction: column-reverse; } .data_cntBox .data_cntTop .topRightBox, .data_cntBox .data_cntTop .topLeftBox{ width:100%; border:0; } .data_cntBox .data_cntTop .topRightBox .topBefore{ padding:0; } .data_cntBox .data_cntTop .topRightBox{ border-bottom: 1px solid #d7d7d7; } .data_cntBox .data_cntTop{ border: 1px solid #d7d7d7; } .data_cntBox .data_cntTop .before, .data_cntBox .data_cntTop .after{ display: none; } .data_cntBox .data_cntTop .topLeftBox .bottom_btnBox{ justify-content: center; } .agree_sign .inpBox.sign_chk{ justify-content: center; margin-top:1rem !important; } .data_cntBottom .tab.data_list > ul > li > .tabBtn{ height:5rem; } /*데이터 신청 팝업*/ .inpBox .basic_box .checkBox label span{ font-size:1.3rem; } /*평가위원*/ .container.full_sub #content{ padding:2rem; } /*통합검색*/ .n_search_top{ padding:2rem 1rem 3rem; } .srch_big_tit{ margin:1rem auto 2rem; } .n_search_lank{ top:19.8rem; } .n_search_tab{ flex-wrap:wrap; padding:0 1rem; } .n_search_tab .white_btn{ width:calc( 50% - 0.5rem ) ; } .search_wrap .txt_box{ margin:2rem 1rem 0rem; font-size:1.6rem; } } @media screen and (max-width: 1000px){ /*메뉴소개*/ .menu_info_wrap .menu_info_lr{ flex-wrap: wrap; } .menu_info_wrap .menu_info_lr .menu_info_img{ width:100%; margin-bottom:3rem; } .menu_info_wrap .menu_info_lr .menu_info_txt{ width:100%; padding-left:0; } /*주요지표 리뉴얼*/ .keyIndi_dashboard .key_dash_wrap .key_dash_item{ width:calc( ( 100% - ( 1.5rem * 2 ) ) / 3 ); } .keyIndi_tab_new .keyIndi_tab_item{ width: calc((100% - (2rem * 3) ) / 4); } .keyIndi_tab_new .keyIndi_tab_item.on{ width:calc( ( ( 100% - (2rem * 3) ) / 4) * 3 + ( 2rem * 2 ) ); } .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_cnt{ width:68%; } .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_btn{ width:calc( 100% / 3 ); } .keyIndi_tab_new .keyIndi_tab_item .k_tab_btn .k_tab_tit{ width:100%; } .keyIndi_tit .btn_layout{ display:none !important; } } @media screen and (max-width: 900px) { /*페이지 타이틀*/ .page_title h3 {font-size:3rem; text-align:center;} .page_title .navi {justify-content:center;} /*페이징*/ .pagination > * {min-width:3.5rem; height:3.5rem; line-height:3.3rem; font-size:1.4rem;} .pagination a[class^="btn_"] {width:3.5rem; background-size:auto 14px;} /*간행물*/ .pubList > ul > li{ width:calc( ( 100% - ( 2rem * 2 ) ) / 3 ); } .pubList > ul > li:nth-child(4n){ margin-right: 2rem; } .pubList > ul > li:nth-child(3n){ margin-right:0;} .pubView .pubViewCnt{ display:block; height:auto; } .pubView .pubViewCnt .pubInfo{ width:100%; border-right:0; border-bottom:1px solid #d7d7d7; } .pubView .pubViewCnt .pubInfo .pubImg{ display:block; padding:2rem; } .pubView .pubViewCnt .pubInfo .pubImg .pubViewBox{ float:left; } .pubView .pubViewCnt .pubInfo .res_txt, .pubView .pubViewCnt .pubInfo .btnBox, .pubView .pubViewCnt .pubInfo .plue_btnBox{ display:flex; padding:0 2rem; } .pubView .pubViewCnt .pubInfo .res_txt{ flex-direction:column;} .pubView .pubViewCnt .pubTree{ width:100%; height:50rem; } .pubView .pubViewCnt .pubTree .depth_1{ width:30rem; } .pubView .pubViewCnt .pubTree .depth_2{ width:calc(100% - 30rem); } /*주요지표*/ .data_search_wrap .check_round_wrap label{ padding:0.5rem; padding-left:1rem; padding-right:4rem; } .check_round_wrap label:after, .check_round_wrap label:before{ top:0.5rem; } .check_round_wrap input[type="radio"] + label:before{ top:1.1rem; } .data_search_wrap.row_type .datepicker_wrap + .round_chk_box{ flex-wrap: wrap; } .data_search_wrap.row_type .searchBox .srch_cnt.flex_cnt .check_round_wrap{ margin-right:0.5rem; } /*패널보고서*/ .panelView .pubViewCnt .pubCnt{ width:100%; } /*학술행사*/ .formBox .formCont, .data_cntBox .data_cntTop .topLeftBox .topTit, .data_cntBox .data_cntTop .topLeftBox .bottomTxt, .agree_box.agree_type02, .surveyBox{ padding:2rem; } .formBox .formCont ul li.pass{ margin-bottom:2rem;} /*통합검색*/ .srch_list_box .file_box ul li a, .srch_list_box .file_box ul li .incon{ gap:0.5rem; padding-right:1.3rem; justify-content: space-between; } .srch_list_box .file_box ul li a.icon_pdf, .srch_list_box .file_box ul li .incon.icon_pdf{ padding-right:1.3rem; justify-content: flex-start; } .srch_list_box .file_box ul li a.icon_pdf .file_tit, .srch_list_box .file_box ul li .incon.icon_pdf .file_tit{ min-width:calc( 100% - 19rem ); } .srch_list_box .file_box ul li a .btn_view, .srch_list_box .file_box ul li .incon .btn_view, .srch_list_box .file_box ul li a .btn_down, .srch_list_box .file_box ul li .incon .btn_down{ position:relative; top:auto; transform:none; right:auto; } /* 이벤트 */ .eventInfo .no-evnt{ padding:8rem; padding-top:25rem; padding-bottom:18rem; } .eventInfo .no-evnt:after{ left:50%; transform:translateX(-50%); top:5rem; } .eventInfo .no-evnt:before{ right:3rem; bottom:0;} .eventInfo .no-evnt .no-evnt-tit{ font-size:4rem; font-weight:600; word-break:keep-all; text-align:center; } .eventInfo .no-evnt .no-evnt-cnt{ font-size:1.7rem; margin-top:1rem; word-break:keep-all; text-align:center; } /*뉴스빅데이터*/ .site_link_btn{ font-size:1.3rem; } .news_list .personalList ul.personalList_item li .site_link_btn span{ white-space: nowrap; } } @media screen and (min-width: 800px) { .faqList > ul > li .faq_btn:hover .btn_more, .faqList > ul > li .faq_btn:focus .btn_more, .faqList > ul > li .faq_btn:hover .btn_more:after, .faqList > ul > li .faq_btn:focus .btn_more:after{ border-color:var(--bgColor7); } .faqList > ul > li .faq_btn:active .btn_more, .faqList > ul > li .faq_btn:active .btn_more:after, .faqList > ul > li .faq_btn:active .btn_more span{ border-color:var(--black); color:var(--black); } .faqList > ul > li .faq_btn:hover .btn_more span, .faqList > ul > li .faq_btn:focus .btn_more span, .faqList > ul > li.on .faq_btn .btn_more span {display:block; opacity:1;} .faqList > ul > li .faq_btn:hover .btn_more, .faqList > ul > li .faq_btn:focus .btn_more{width:11rem; padding-left:1rem;} .faqList > ul > li.on .faq_btn .btn_more:after{ transform:rotate(-45deg); top:1.7rem; } .faqList > ul > li.on .faq_btn .btn_more{width:8rem; padding-left:1rem;} .faqList > ul > li.on {background-color:var(--white);} .faqList > ul > li.on .faq_tit {color:var(--black);} .faqList > ul > li .faq_btn:hover , .faqList > ul > li .faq_btn:focus {background-color:var(--white);} .faqList > ul > li .faq_btn:hover .faq_tit, .faqList > ul > li .faq_btn:focus .faq_tit {color:var(--black);} } @media screen and (max-width: 800px) { /* 자주하는 질문 */ .faqList > ul > li .faq_btn{ padding:1.5rem; padding-right:8rem; } .faqList > ul > li .faq_con .faq_con_inner{ padding:1.5rem; } /*장애통계데이터포털*/ .infoTop { padding: 7rem 1rem; padding-right: 35rem; } .infoBot{ flex-wrap: wrap; } .infoBot .infoBot_box{ padding:1.5rem; padding-top:10rem; width:calc( (100% / 2) - 1rem); } .infoBot .infoBot_box:nth-child(n+3){ margin-top:2rem; } .infoBot .infoBot_box:before{ top:2rem; } /*뉴스레터*/ .newsletter .newsl_cont .newsl_view .newsl_viewBox .viewSlick{ width:100%; } .newsletter .newsl_cont .newsl_view .newsl_viewBox{ padding:1.5rem; } .newsletter .newsl_cont .newsl_sit .sit_list li{ display:block; padding-right:8rem; } .newsletter .newsl_cont .newsl_sit .sit_list .hover_btn{ position:absolute; right:0; top:0; } .news_sit_list .newsletter_title{ padding:1rem 2rem; width:90%; } .news_sit_list .newsletter_title h3{ font-size:1.8rem; } .newsletter .newsl_cont .newsl_sit .sit_list{ padding:1rem 3rem 3rem; } .newsletter .newsl_cont .newsl_sit .sit_list li + li{ padding-bottom:0.5rem; } .newsletter .newsl_cont .newsl_sit .sit_list li:before{ top:0.1rem; } .news_sit_list{ margin:2rem auto; width:95%; } .newsletter .newsl_cont{ flex-direction: column; height:auto; } .newsletter .newsl_cont .newsl_list, .newsletter .newsl_cont .newsl_view{ width:100%; } .newsletter .newsl_cont .newsl_list ul{ flex-direction: row; height:30rem; gap:1rem; flex-wrap: wrap; } .newsletter .newsl_cont .newsl_list ul li{ width:calc( ( 100% - (1rem * 2) ) / 3 ); } .newsletter .newsl_cont .newsl_list ul li + li{ margin-top:0; } .newsletter .newsl_cont .newsl_list .img_box{ height:100%; display:flex; min-height:10rem; } .newsletter .newsl_cont .newsl_list .img_box .link_box{ border-right:1px solid #ddd; width:10rem; height:100%; border-right:1px solid #ddd; background:#f8f8f8; overflow: hidden; flex-shrink: 0; position:relative; } .newsletter .newsl_cont .newsl_list .img_box .link_box img{ width:auto; height:100%; position:absolute; top:0; left:0; } .newsletter .newsl_cont .newsl_list .img_box .txt_box span{ font-size:1.3rem; } .newsletter .newsl_cont .newsl_list .img_box.on{ border:2px solid #0931b0; } .newsletter .newsl_cont .newsl_list, .newsletter .newsl_cont .newsl_view{ border-top:1px solid #223c6d; } .newsletter .newsl_cont .newsl_view .btnBox{ right:1rem; } .newsl_tit{ padding-right:21rem; } /*학술행사*/ .formBox .formCont ul{ display:block !important; } .formBox .formCont ul > li{ width:100% !important; margin-left: 0 !important; } .formBox.thesis .pass .pass_btn{ font-size:1.3rem; width:32.5rem; } .radioBox label:before, .checkBox label:before{ flex-shrink: 0; } .surveyBox .inpBox .inpBox_blank{ padding:1rem 1.5rem; padding-left:1.8rem; } .inpBox > label, .inpBox > h3.req{ left:1rem; } .surveyBox .inpBox_blank .tableStaBox{ overflow-x: auto; } /*데이터 신청 팝업*/ .personalList .personalList_tit > *, .personalList .personalList_item > *{ padding:1rem 0.7rem; } .inpBox_blank{ height:auto; min-height:5rem; padding: 1rem 2rem; padding-top:1rem; padding-left:2.4rem; display:flex; flex-wrap:wrap; } /*조사소개*/ .bubbleTxt{ flex-wrap: wrap; gap:1rem; margin:1rem 0 2rem; } .bubbleTxt.n_3 .item{ width:100%; padding-bottom:0; } .bubbleTxt.n_2 .item{ width:100%; padding-bottom:0; } .bubbleTxt .item .topBox{ padding:1.5rem; } /*헤더 검색창 */ .header_search .n_search_input{ width:100%; flex-wrap: wrap; height:auto; padding:0rem 2rem; } .header_search .n_search_input select{ width:10rem; margin-left:0; } .header_search .n_search_input input[type="text"]{ width:calc( 100% - 11rem); } .header_search .n_search_input .fl_box{ width:100%; justify-content: center; margin-top:1rem;display:flex; } /*통합검색*/ .n_search_top .n_search_reco{ padding:0; width:100%; } .n_search_top .n_search_lank{ position:relative; margin:2rem auto 0; width:80%; top:0; right:auto; } .n_search_input{ width:100%; } .n_search_input input[type="text"]{ width:calc( 100% - 35rem); } .n_search_input select{ margin-left:0; } .srch_big_tit{ font-size:3rem; } .srch_top{ flex-wrap: wrap; } .srch_top .top_right{ margin-top:1rem; } .srch_top .n_top_search{ margin-left:0; } /*사이드바 모바일에서 숨김*/ .sideBar.on{ display:none; } /*뉴스빅데이터*/ .newBigWrap .data_search_wrap.row_type .searchBox button{ flex-shrink: 0; } .newsBig_tab .tab_item{gap:1rem;} .newsBig_tab .tab_item a{ width:calc( (100% - 3rem) / 4); } .newsBig_tab .tab_item a + a{ margin-left:0; } .newsBig_tab .tab_item a:nth-child(n+6){ margin-top:0; } .site_link_btn span{ padding:0 0.5rem; } /*주요지표 리뉴얼*/ .keyIndi_tab_new{ gap:1rem; } .keyIndi_tab_new .keyIndi_tab_item{ width: calc((100% - 1rem ) / 2); height:auto; min-height:6rem; } .keyIndi_tab_new .keyIndi_tab_item.on{ width:100%; height:8rem; } .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_btn{ width:40%; } .keyIndi_tab_new .keyIndi_tab_item.on .k_tab_cnt{ width:60%; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_btn .k_tab_tit{ font-size:1.5rem; padding:0 1rem; padding-left: 6rem; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .k_tab_ul .k_tab_li{ width:100%; } .keyIndi_tab_new .keyIndi_tab_item .k_tab_cnt .k_tab_ul{ gap:0.2rem; } .keyIndi_cnt .data_search_wrap .inner > li{ flex-wrap:wrap; gap:0.5rem; } .keyIndi .data_search_wrap .inner > li > div.searchBox{ display:flex !important } /* 통계DB */ .page_title.stat_title{ flex-wrap:wrap; margin-bottom:1rem; } .page_title.stat_title .navi{ width:100%; display:block; } .stat_history{ width:100%; display:flex; justify-content: end; margin-top:0.5rem; } .stat_detail .stat_top, .stat_detail .stat_txt{ flex-wrap:wrap; gap:0.5rem; } .stat_t_right .btn_down.btn_layout{ display:none !important; } .stat_txt .pnt:nth-child(2){ margin-right:0.5rem; } .stat_txt .stat_time .btn_lg_line{ margin-left:0; } .stat_txt p{ font-size:1.4rem; } } @media screen and (max-width: 700px) { /*서브레이아웃*/ #content {padding:2rem 1rem 3rem 1rem;} /*페이징*/ .pagination {margin-top:2rem; flex-wrap:wrap;} .pagination > * {margin:0.2rem 0.1rem;} /* 이벤트 */ .eventInfo .event_img, .eventInfo .event_userInfo, .eventInfo .event_quizInfo{ width:100%; } .eventInfo{ display:block; } .eventInfo .event_userInfo, .eventInfo .event_quizInfo{ margin:0 auto; } .eventInfo .event_img img{ margin:0 auto; display:block; } .eventInfo .event_img{ margin-bottom:20px; } /*탭버튼*/ .tab.tabNoCnt ul{ flex-wrap:wrap; gap:1rem; } .tab.tabNoCnt li{ width:calc( 50% - 0.5rem ) !important; } .tab.data_list > ul > li > .tabBtn span{ font-size:1.5rem; } /*자료집*/ .data_infoList > ul > li{ width:100%; margin-right:0; } .data_infoList > ul > li .infoBox{ display:flex; } .data_infoList > ul > li .infoBox .imgBox{ width:50%; border-right:1px solid #ddd; box-sizing:border-box; } .data_infoList > ul > li .infoBox .txtBox{ width:50%; position:relative; } /*간행물*/ .pubList > ul > li{ width:calc( ( 100% - 2rem ) / 2 ); } .pubList > ul > li:nth-child(3n){ margin-right: 2rem; } .pubList > ul > li:nth-child(2n){ margin-right:0;} /*주요지표*/ .keyIndi .keyIndi_tab .tab_item{ gap:1rem; } .keyIndi .keyIndi_tab .tab_item a{ width:calc( (100% - ( 1rem * 2 ) ) / 3 ); } .keyIndi .keyIndi_tab .tab_item a + a{ margin-left:0; } .keyIndi .keyIndi_tab .tab_item a:nth-child(n+5){ margin-top:0rem; } .data_search_wrap.row_type .btn_box{ width:100%; } .open_btn{ margin-left:0; width:100%; text-align: center; } .data_search_wrap.row_type .bottom_btnBox button{ min-width:0; flex-grow:1; } /*240618 접근성 수정 추가*/ .keyIndi_tab_tit{ margin-top:3rem; } /*뉴스레터*/ .newsletter .newsl_cont .newsl_list ul li{ width:calc( ( 100% - 1rem ) / 2 ); } .newsletter .newsl_cont .newsl_list ul{ height:22.7rem; } /*데이터 가이드*/ .dataGuide .guide_cnt .cnt_list > ul > li{ width:100%; } .dataGuide .guide_cnt .cnt_list > ul > li:nth-child(2n){ margin-left:0; } .dataGuide .guide_cnt .cnt_list > ul > li:nth-child(2){ margin-top:1rem; } .dataGuide .guide_cnt .cnt_view .view_top .btnBox{ flex-wrap: wrap; } .dataGuide .guide_cnt .cnt_view .view_top .btnBox a{ padding:0; border-radius:0.5rem; } .dataGuide .guide_cnt .cnt_view .view_top .btnBox a + a, .dataGuide .guide_cnt .cnt_view .view_top .btnBox button + button{ margin-top:0.5rem; margin-left:0; } .dataGuide .guide_cnt .cnt_view .view_top .btnBox button{ width:100%; } /*통합검색*/ .srch_top .top_right{ flex-wrap: wrap; width:100%; } .srch_top .n_top_search{ width:calc( 100% - 8.72rem ); } .srch_top .n_top_search .srch_input{ width:100%; } .srch_top .n_top_search .srch_input .in_search{ width:calc( 100% - 7.5rem); } .srch_opt{ margin-right:0rem; } .srch_top .top_align{ margin-top:1rem; } /*뉴스빅데이터*/ .data_search_wrap.row_type .searchBox h3{ width:10rem; } /*팝업테이블*/ .pupop .cntBox{ overflow-x:auto; } .pupop .cntBox::-webkit-scrollbar {width:8px; height:8px; background:#ffffff00;} .pupop .cntBox::-webkit-scrollbar-track {background: #ffffff00; -webkit-border-radius: 10px; border-radius:0;} .pupop .cntBox::-webkit-scrollbar-thumb {height: 8px; width: 8px; background: rgb(0 0 0 / 23%); border-radius: 0;} .pupop .cntBox .listTable{ min-width:70rem; } /*평가위원*/ .con_lay_tit.tit_btn{ flex-wrap: wrap; gap:0.5rem; } /*주요지표 리뉴얼*/ .keyIndi_dashboard .key_dash_wrap .key_dash_item{ width:calc( ( 100% - 1.5rem ) / 2 ); } .keyIndi_tit .keyIndi_tab_tit{ margin-top:0; } /* 통계DB */ .page_title.stat_title .location{ padding:0; margin:0; } .page_title.stat_title .navi .location > ul{ display:block; border:0.1rem solid #ddd; } .page_title.stat_title .menu a{ padding:1rem; padding-left: 4rem; margin-right:0; align-items: center; justify-content: center; background:#223c6d; } .page_title.stat_title .menu a span{ color:#fff; } .stat_title .menu a:before{ left:50%; transform: translate(-50%, -50%); margin-left:-4rem; width:3rem; height:3rem; background-size:1.6rem; } .page_title.stat_title .location > ul > li + li{ border-top:0.1rem solid #ddd; margin:0; padding:0; } .page_title.stat_title .location > ul > li button{ width:100%; padding:1rem; } .stat_title .location > ul > li + li:before{ display:none; } .page_title.stat_title .location > ul > li button:before{ right:2rem;top:50%; transform:translateY(-50%); } .page_title.stat_title .location > ul > li button:after{ right:2.6rem; top:1.9rem; } .page_title.stat_title .location > ul > li button.on:after{ top:2.1rem; } .page_title.stat_title .location ul ul{ position:relative; left:0; top:0; width:100%; transform:none; padding:0; } .page_title.stat_title .location ul ul li + li{ border-top:0.1rem solid #ddd; } .page_title.stat_title .location ul ul li a{ width:100%; padding:0.5rem; width:100%; margin-bottom:0; text-align:center; display:block; } .page_title .location ul ul li a:before{ display:none; } } @media screen and (max-width: 600px) { /*장애통계데이터포털*/ .infoTop { padding:2rem 1rem; padding-right: 20rem; } .infoTop:after{ width:20rem; height:17rem; background-size:contain; } .infoBot{ flex-wrap: wrap; } .infoBot .infoBot_box{ padding:1.5rem; padding-top:10rem; width:calc( (100% / 2) - 1rem); } .infoBot .infoBot_box:nth-child(n+3){ margin-top:2rem; } .infoBot .infoBot_box:before{ top:2rem; } .infoBot .infoBot_box h4{ word-break: keep-all; } /*간행물*/ .pubView .pubTit{ display:block; padding:1.5rem; } .pubView .pubTit .btnBox{ padding-top:1rem; margin-top:1rem; border-top:1px dashed #ddd; } .pubView .pubViewCnt .pubInfo .res_txt, .pubView .pubViewCnt .pubInfo .btnBox, .pubView .pubViewCnt .pubInfo .plue_btnBox{ padding:0 1rem; } .pubView .pubViewCnt .pubInfo .plue_btnBox button{ width:100%; margin:0; min-width:0; } .pubView .pubViewCnt .pubTree .depth_1{ width:100%; height:17rem; } .pubView .pubViewCnt .pubTree .treeBtn{ padding:0.5rem; } .pubView .pubViewCnt .pubTree .treeBtn .name{ font-size:1.3rem; } .pubView .pubViewCnt .pubTree .depth_1 > li > .treeBtn{ background:#fff url('../../img/sub/btn_pubView_depth_1.png') no-repeat top 1.1rem left 1rem; } .pubView .pubViewCnt .pubTree .depth_1 > li + li{ margin-top:0.5rem; } #pblctDtl.pubView .pubViewCnt .pubTree li.on .depth_2_wrap > .btnBox {display:none;} #pblctDtl.pubView .pubViewCnt .pubTree .depth_2 {top:18rem; bottom:auto; height:32rem;} .pubView .pubViewCnt .pubTree .depth_2{ width:100%; top:18rem; height:32rem; box-sizing:border-box; border-top:1px dashed #041e70; } .pubView .pubViewCnt .pubTree .depth_2 .treeBtn .btnBox{ margin-top:0.5rem; } /*간행물 스크롤바*/ .pubView .pubViewCnt .pubTree .depth_1::-webkit-scrollbar, .pubView .pubViewCnt .pubTree .depth_2::-webkit-scrollbar {width:8px; height:8px; background: rgba(0,0,0,0.03);} .pubView .pubViewCnt .pubTree .depth_1::-webkit-scrollbar-track, .pubView .pubViewCnt .pubTree .depth_2::-webkit-scrollbar-track {background: rgba(0,0,0,0.03); -webkit-border-radius: 10px; border-radius:0;} .pubView .pubViewCnt .pubTree .depth_1::-webkit-scrollbar-thumb, .pubView .pubViewCnt .pubTree .depth_2::-webkit-scrollbar-thumb {height: 8px; width: 8px; background: #041e7099; border:2px solid #e9eaeb; border-radius: 8px;} /*주요지표*/ .keyIndi .keyIndi_tab .tab_item{ gap:1rem; } .keyIndi .keyIndi_tab .tab_item a{ width:calc( (100% - 1rem) / 2 ); } /*조사소개*/ .flex_titBox .h4_tit{ font-size:1.8rem; } .surveyCnt .basicTxtBox p, .historyBox .txt{ font-size:1.4rem; } .historyBox ul li{ padding-left:8rem; } .summaryCnt .personalList.n_5{ overflow-x: auto; } .summaryCnt .personalList.n_5 .personalList_tit, .summaryCnt .personalList.n_5 .personalList_list, .summaryCnt .personalList.n_5 .personalList_list .personalList_item{ min-width:65rem; width:65rem; } .summaryCnt .people{ background:none; } .summaryCnt .people .cardList li{ width:100%; } /*공지사항*/ .bbsView_tit .tit{ font-size:1.8rem; } .bbsView_tit, .bbsView_cont{ padding:1.5rem; } .bbsView_cont{ font-size:1.4rem; } /*뉴스레터*/ .newsl_tit{ padding:1rem; width:100%; height:10rem; align-items: flex-start; } .newsletter .newsl_cont .newsl_view .btnBox{ right: 0; top: 5rem; width: 100%; border-top: 1px dashed #223c6d; } .newsletter .newsl_cont .newsl_sit .sit_list{ padding:1.5rem; } .newsletter .newsl_cont .newsl_sit .sit_list li{ font-size:1.3rem; } .news_sit_list .newsletter_title h3{ font-size:1.6rem; word-break: keep-all; } .news_sit_list .newsletter_title{ margin: 1rem -10px; margin-bottom:0; } .newsl_txt p{ font-size:1.3rem; } /*조사표 및 코드북*/ .fileLR .fileLeft{ display:block; height:auto; } .fileLR .chkTree{ width:100% !important; max-height:25rem; padding-top:3.5rem; } .chkTree .head{ height:3.5rem; } .chkTree .head h3{ font-size:1.6rem; line-height:3.5rem; } .chkTree.only_depth1 .treeDepth_1{ max-height:19rem; overflow-y: auto; } .fileLR .chkTree + .chkTree{ margin-top:1rem; } .chkTree .treeBtn .name{ font-size:1.3rem; } .chkTree .treeBtn{ padding:0.7rem; } /*파일별 다운로드*/ .fileLR .check_round_wrap label span{ font-size: 1.3rem; } .fileLR .btn_box.big_btn .check_round_wrap label{ padding:1rem; padding-left:4rem; } .fileLR .btn_box.big_btn .check_round_wrap label:before{ top:1.4rem; } /*학술행사*/ .data_cntBox .data_cntTop .topLeftBox .topTit .tit{ font-size:2.2rem; margin-bottom:1rem; } .data_cntBox .data_cntTop .topLeftBox .bottomTxt .dlTxt .txtList + .txtList{ margin-top:1rem; } .data_cntBox .data_cntTop .topLeftBox .bottomTxt .dlTxt .txtList dt{ font-size:1.6rem } .data_cntBox .data_cntTop .topLeftBox .bottomTxt .dlTxt .txtList dd{ font-size:1.4rem; } .data_cntBox .data_cntTop .topLeftBox .bottom_btnBox{ margin-top:2rem; display:block; } .data_cntBox .data_cntTop .topLeftBox .bottom_btnBox > .btn_lg_line{ width:100%; } .data_cntBox .data_cntTop .topLeftBox .bottom_btnBox > .btn_lg_line + .btn_lg_line{ margin-top:1rem; margin-left:0; } .data_cntBox .data_cntTop .topRightBox .posterBox{ width:30rem; height:42rem; } .posterSlick .slick-slide{ width:30rem !important; } .agree_box.agree_type02 .agree_tit{ font-size:1.7rem; } .check_wrap label span{ font-size:1.4rem; } .data_cntBottom .agree_box.agree_type02 .agree_chk, .agree_box.agree_type02 .agree_con + .agree_chk{ margin-top:0rem; } .surveyBox .titTxt_btn h3{ font-size:1.6rem; } .surveyBox .inpBox .radioBox label span, .surveyBox .inpBox .checkBox label span{ font-size:1.3rem; } .surveyBox .inpBox .req{ font-size:1.5rem; max-width: 95%; } /* 데이터신청 팝업 */ .inpBox .basic_box{ flex-wrap: wrap; height:auto; padding:1rem; } .pupop .agree_sign{ display:block; } .pupop .agree_sign .inpBox{ width:100%; } /*통합검색*/ .n_search_btn:before, .n_search_btn:after, .n_search_det:before{ display:none; } .n_search_btn, .n_search_det{padding: 1rem;} .n_search_input input[type="text"]{ width:calc( 100% - 24rem); font-size:1.8rem; } .n_search_input select{ min-width:8rem; } .n_search_tab .white_btn{ padding:0.7rem; font-size:1.5rem; width:calc( 50% - 0.4rem); } .n_search_tab{ margin-top:2rem; gap:0.8rem; } .search_wrap .txt_box{ padding:1.5rem; } .srch_list_box .file_box ul li a .file_tit, .srch_list_box .file_box ul li .incon .file_tit{ font-size:1.4rem; } .srch_list_box .file_box ul li a.icon_file:before, .srch_list_box .file_box ul li .incon.icon_file:before{ top:1.1rem; } .srch_list_ul .srch_li_title{ font-size:1.8rem; } .srch_list_ul .srch_li_p, .srch_list_ul .srch_li_date, .srch_list_ul .srch_li_loca, .srch_top .in_search_btn, .srch_opt > a, .srch_top .top_num select, .srch_top .top_align .opt_a label input[type=radio] + span{ font-size:1.4rem; } .n_s_detail_ul .datepicker_wrap .date_box .basic_input{ width:15rem; } .n_s_detail_ul > li{ flex-wrap:wrap; } .n_s_detail_ul > li .det_chk_tit{ width:100%; margin-bottom:1rem; } .n_s_detail_ul > li:nth-child(n+3) .det_chk_box{ gap:0.5rem; width:100%; } .n_s_detail_ul > li:nth-child(n+3) .det_chk_inp{ margin-right:0; width:100%; } .n_s_detail_ul > li:nth-child(n+3) .det_chk_inp input[type="text"]{ margin-right:0; width:100%; } .n_s_detail_ul > li:nth-child(n+3) .det_chk_inp input[type="checkbox"], .n_s_detail_ul > li:nth-child(n+3) .det_chk_inp input[type="radio"]{ margin-right:0.5rem; } .n_s_detail_ul > li{ padding:1rem; } .det_btn_box{ margin-top:1rem; } /* 이벤트 */ .eventInfo .no-evnt{ padding:3rem; padding-top:20rem; padding-bottom:14rem; } .eventInfo .no-evnt:after{ left:50%; transform:translateX(-50%) scale(80%); top:2.5rem; } .eventInfo .no-evnt:before{ left:50%; transform:translateX(-50%) scale(80%); right:auto; margin-bottom:-3%;} .eventInfo .no-evnt .no-evnt-tit{ font-size:3rem; } .eventInfo .no-evnt .no-evnt-cnt{ font-size:1.5rem; } /*뉴스빅데이터*/ .newBigWrap .data_search_wrap.row_type .searchBox{ display:block !important; } .newBigWrap .data_search_wrap.row_type .searchBox h3{ width:100%; position:relative; padding-left:2rem; box-sizing:border-box; margin-bottom:1rem; line-height:3rem; } .newBigWrap .data_search_wrap.row_type .searchBox h3:before{ content:" "; display:block; position:absolute; width:1.3rem; height:0.8rem; border-bottom:0.3rem solid #041e70; border-left:0.3rem solid #041e70; transform:rotate(315deg); top:1rem; left:0; } .newBigWrap .data_search_wrap.row_type .searchBox button{ margin: 1rem auto 0; display: block; } .newBigWrap .data_search_wrap.row_type .datepicker_wrap + .round_chk_box{ margin-top:1rem; } .newBigWrap .data_search_wrap.row_type .searchBox .srch_cnt .datepicker_wrap{ margin-right:0; width:100% !important; } .newBigWrap .data_search_wrap.row_type .searchBox .srch_cnt .datepicker_wrap .date_box{ width:calc( 50% - 0.3rem ); } .newBigWrap .data_search_wrap.row_type .searchBox .srch_cnt .datepicker_wrap .date_box input[type="text"]{ width:100%; } .newBigWrap .chart_lr .chart_l, .newBigWrap .chart_lr .chart_r{ width:100%; } .newBigWrap .chart_lr .chart_r{ margin-top:2rem; } .newBigWrap .chart_lr{ flex-wrap: wrap; } /*통계 DB*/ .stat_tree_view{ padding:1.5rem; padding-top:3rem; } .stat_tree_view:before{ left:4.3rem; } .stat_tree.stree_lv_01 > .stree_item:before{ left:1rem; } .stree_lv_01 > .stree_item .btn_flex{ padding-left:3.5rem; } .stree_lv_01 > .stree_item .all_open:hover, .stree_lv_01 > .stree_item .all_open:focus{ width:11.2rem; } .stree_lv_02 > .stree_item{ padding-left:1rem; } .stree_lv_02 > .stree_item > .stree_tit .tit{ font-size:1.4rem; } .stree_lv_03 > .stree_item > .in_item .stree_tit .tit{ font-size:1.3rem; } .stree_lv_03 > .stree_item > .in_item .meta_btn{ margin-top:-0.2rem; } } @media screen and (max-width: 500px) { /*페이지타이틀*/ .page_title h3 {font-size:2.5rem;} /*게시물 목록*/ .bbsList > ul > li .bbs_tit {font-size:1.5rem;} .bbsList > ul > li .bbs_data li {font-size:1.2rem; letter-spacing:-0.05rem;} .bbsList > ul > li .bbs_data li + li {margin-left:0.5rem; padding-left:0.5rem;} /*공지사항*/ .bbsView_cont .file_box ul li .incon.icon_pdf{ padding-right:11rem !important; min-height: 8rem; } .bbsView_cont .file_box ul li .incon.icon_pdf .btn_view{ right:1rem; margin-top:-1.7rem;} .bbsView_cont .file_box ul li .incon.icon_pdf .btn_down{ margin-top:1.7rem; } /* 자주하는 질문*/ .faqList > ul > li .faq_tit{ font-size:1.6rem; padding-left:1.5rem; } .faqList > ul > li .faq_con p{ font-size:1.5rem; padding-left:1.5rem; } .faqList > ul > li .faq_btn{ padding:1rem; padding-right:6rem; } .faqList > ul > li .faq_con .faq_con_inner{ padding:1rem; } .faqList > ul > li .btn_more{ right:1rem; } .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon.icon_pdf{ padding-right:11rem !important; min-height: 8rem; } .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon.icon_pdf .btn_view{ right:1rem; margin-top:-1.7rem;} .faqList > ul > li .faq_con .faq_con_inner .file_box ul li .incon.icon_pdf .btn_down{ margin-top:1.7rem; } /*자료집*/ .data_infoList > ul > li .infoBox{ flex-wrap: wrap; } .data_infoList > ul > li .infoBox .imgBox{ width:100%; border-right:0; } .data_infoList > ul > li .infoBox .txtBox{ width:100%; } .data_infoList .infoBox .imgBox img{ height:auto; } /*간행물*/ .pubList > ul > li{ width:100%; margin-right:0 !important; } .pubList .infoBox .img_link .img_box{ height:19rem; } .pubView .pubTit .btnBox{ flex-wrap: wrap; } .pubView .pubViewCnt .pubInfo .pubImg{ display:flex; padding:1rem; } .pubView .pubTit .btnBox .btn_txt_slide span{ font-size:1.1rem; padding-left:0rem; } .pubView .pubTit .btnBox .btn_txt_slide{ width:10rem; } .pubView .pubTit .btnBox .btn_txt_slide:after{ display:none; } .pubView .pubTit h4{ font-size:1.8rem; } /*주요지표*/ .data_search_wrap.row_type .searchBox{ display:block !important; } .data_search_wrap.row_type .searchBox h3{ width:100%; position:relative; padding-left:2rem; box-sizing:border-box; margin-bottom:1rem; line-height:3rem; } .data_search_wrap.row_type .searchBox h3:before{ content:" "; display:block; position:absolute; width:1.3rem; height:0.8rem; border-bottom:0.3rem solid #041e70; border-left:0.3rem solid #041e70; transform:rotate(315deg); top:1rem; left:0; } .chartTop_box .btnChartBox h4{ margin-right:1rem; word-break: keep-all; } .chartTop_box{ flex-wrap: wrap; gap:0.5rem; margin-bottom:0.5rem; } .keyIndi .data_search_wrap{ margin-top:2rem; margin-bottom:2rem; padding:1.5rem; } .data_search_wrap.row_type .bottom_btnBox button{ font-size:1.6rem; } /*조사소개*/ .surveyCnt.summary .basicTxtBox .btn_box a{ margin-left:0 !important; width:100%; } .surveyCnt.summary .basicTxtBox .btn_box a + a{ margin-top:0.5rem; } .surveyCnt.summary .basicTxtBox .btn_box a span{ font-size:1.6rem; } /*뉴스레터*/ .newsletter .newsl_cont .newsl_list .img_box{ min-height:0; } .newsletter .newsl_cont .newsl_list .img_box .link_box{ display:none; } .newsletter .newsl_cont .newsl_list .img_box .txt_box{ width:100%; } /*데이터가이드*/ .dataGuide .guide_cnt .cnt_view .view_top{ display:block; } .dataGuide .guide_cnt .cnt_view .view_top .view_img, .dataGuide .guide_cnt .cnt_view .view_top .view_txtBox{ width:100%; } .dataGuide .guide_cnt .cnt_view .view_top .view_img img{ margin:0 auto; display:block; } .dataGuide .guide_cnt .cnt_view .view_top .view_txtBox{ padding-left:0; } /*학술행사*/ .formBox .formCont, .data_cntBox .data_cntTop .topLeftBox .topTit, .data_cntBox .data_cntTop .topLeftBox .bottomTxt, .agree_box.agree_type02, .surveyBox{ padding:1.5rem; } .surveyBox .inpBox .radioBox .basic_input, .surveyBox .inpBox .checkBox .basic_input{ width:100%; margin-left:0; margin-top:0.5rem; } .fileformBox .tab_ul .tab_li .tab_tit_btn{ font-size:1.7rem; } .fileformBox .tab_ul .tab_li:nth-child(2) .formTit .tab_tit_btn{ left:10rem; } .fileformBox .tab_ul .tab_li:nth-child(3) .formTit .tab_tit_btn{ left:23rem; } .bottom_btnBox.flex_end button{ font-size:1.6rem; } .formBox.thesis .formCont ul.n_3.type_mml li.pass .hover_btn{ width:20rem; } .surveyBox .inpBox + .inpBox{ margin-top:1rem; } .surveyBox .titTxt_btn{ margin-bottom:0; } .surveyBox .inpBox.no_tit{ margin-top:2rem; } .surveyBox .inpBox .req{ left:0.5rem; max-width:96%; } /*평가위원*/ .container.full_sub #content{ padding:1rem; } .container.full_sub #content .page_title{ margin-bottom:0; } #header .util .utilTool .login_li .btn_logout{ margin-right:-2rem; } .con_lay + .plue_btnBox{ margin-top:3rem; } /*학술행사 소개*/ .prgs_table_box table tr th:nth-child(3), .prgs_table_box table tr td:nth-child(3){ display:none; } /*메뉴 소개*/ .menu_info_wrap{ padding:2rem; } .menu_info_wrap .h3_tit{ font-size:2rem; margin-bottom:1.5rem; } .menu_info_wrap .menu_info_lr .menu_info_txt .h4_tit{ font-size:1.7rem; margin-bottom:1.5rem; } .menu_info_wrap .menu_info_lr .menu_info_txt .m_i_txt_item .text .cnt{ font-size:1.3rem; } .menu_info_wrap .menu_info_lr .menu_info_txt .m_i_txt_item + .m_i_txt_item{ margin-top:1rem; } .menu_info_wrap .bd_top{ padding-top:2rem; margin-top:2rem; } /*통합검색*/ .srch_big_tit{ font-size:2.4rem; } .n_search_input input[type="text"]{ font-size:1.6rem; } .n_search_input select{ font-size:1.4rem; } .n_search_btn, .n_search_det{ font-size:1.3rem; } .n_search_det{ margin-left:0.5rem; } .n_search_input input[type="text"]{ width: calc( 100% - 23rem); } .srch_list_box .file_box{ padding:0; } .srch_list_box .file_box ul li + li{ margin:0; padding:0; } .srch_top .in_search_btn, .srch_opt > a, .srch_top .top_num select, .srch_top .top_align .opt_a label input[type=radio] + span, .srch_top .n_top_search .srch_input .in_search{ height:3.5rem; line-height:3.5rem; } .srch_top .top_align .opt_a{ height:3.5rem; } .srch_top .top_align .opt_a label input[type=radio] + span:before{ top:1.4rem; } .n_search_detail{ padding:1.5rem; } /*주요지표 리뉴얼*/ .keyIndi_dashboard .key_dash_wrap .key_dash_item{ width:100%; } /* 통계DB */ .page_title.stat_title .location > ul > li button{ padding:0.7rem; } .stat_title .menu a, .stat_title .location > ul > li button span{ font-size:1.6rem; } .page_title.stat_title .location > ul > li button:after{ top:1.5rem; } .page_title.stat_title .location > ul > li button.on:after{ top:1.8rem; } #sttblHistoryContainer .slider-container{ width:90%; } #sttblHistoryContainer .slider-container #popupCnWrap .data_cntBottom{ margin:2rem; height:calc( 100% - 4rem ); } } @media screen and (max-width: 400px) { /*장애통계데이터포털*/ .infoTop { padding: 17rem 1rem 1rem; } .infoTop:after{ top:0; left:50%; transform:translate(-50%,0); } .check_wrap label span{ font-size:1.4rem; } .agree_chk .check_wrap label{ padding-right:4rem; } /*뉴스레터*/ .newsletter .newsl_cont .newsl_list ul li{ width:100%; padding:0.5rem; } /*통합검색*/ .n_search_tab .white_btn{ width:100%; } }