@charset "utf-8";

/*공통*/
.blind {overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;font-size:1px;line-height:0; clip:rect(0px, 0px, 0px, 0px);}
.wrap {width:100%; min-height:100%; }
.container {padding:0; max-width:100%; width:100%; min-height:calc(100vh - 18rem);box-sizing:border-box; transition:all 0.3s;}
.container.main {position:relative; display:flex; align-items: center; padding-top:7.1rem; padding-bottom:8rem;min-height:calc(100vh - 18rem);flex-flow:column}

/*포커스*/
a:focus,
button:focus {outline-style:dashed; outline-width:3px;}
/*정렬*/
.txt_left {text-align:left!important;}
.txt_center {text-align:center!important;}
.txt_right {text-align:right!important;}

/*헤더*/
#header {position:fixed; top:0; left:0; width:100%; height:7.1rem; z-index:99; box-sizing:border-box; transition:all .2s ease-in-out; background:#fff;}
#header .headerWrap {position:relative; padding:0; margin:0 auto; max-width:1440px; width:100%; height:7.1rem; box-sizing:border-box; z-index:2; }
#header:before {content:"";display:block;width:100%;height:1px;background:#375685;position:absolute;top:7.1rem;left:0;transition:all 0.8s;}
#header:after {content:''; display:block; clear: both;}
#header.down {background:#fff; }
#header .logo {display:inline-block; position:relative; float:left; margin-top:1rem; width:22.4rem; height:5.5rem; padding-right:4rem;z-index:2; }
#header .logo a {display:inline-block; width:100%; height:100%; background:url('../../img/common/riia.png') no-repeat center left;background-size:contain;}
#header .util {position:absolute; display:inline-block; right:0; z-index:2;}
#header .util .utilTool {display:flex; margin-right:3.0rem;}
#header .util .utilTool li {display:flex; align-items:center; justify-content:center; height:7.1rem; box-sizing:border-box;}
#header .util .utilTool li button, #header .util .utilTool li a {display:inline-block; background-repeat:no-repeat; background-position:center;}
#header .util .utilTool li button { margin-right:2rem; width:2.5rem; height:2.5rem; }
#header .util .utilTool li button.expansion {background-image:url('../../img/common/icon_header_expansion.png');}
#header .util .utilTool li button.reversal {background-image:url('../../img/common/icon_header_reversal.png');}
#header .util .utilTool li button.search {background-image:url('../../img/common/icon_header_search.png');}
#header .util .siteMap {position:absolute; top:2.6rem; right:0; width:2.1rem; height:1.8rem; background:url('../../img/common/btn_header_siteMap.png') no-repeat center;}

/*상단 호버모션*/
#header .util .utilTool li button {position:relative;}
#header .util .utilTool li button .text {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:3.0rem; transition:all .5s ease-in-out; overflow:hidden;}
#header .util .utilTool li button.expansion:hover .text, #header .util .utilTool li button.expansion:focus .text {opacity:1; width:7.5rem;}
#header .util .utilTool li button.reversal:hover .text, #header .util .utilTool li button.reversal:focus .text{opacity:1; width:7.5rem;}
#header .util .utilTool li button.search:hover .text, #header .util .utilTool li button.search:focus .text {opacity:1; width:5.0rem;}
#header .util .utilTool li button.setting:hover .text, #header .util .utilTool li button.setting:focus .text {opacity:1; width:7.0rem;}
#header .util .utilTool li button.search:hover {transform:rotate(0);}
#header .util .utilTool li button.setting {background-image:url('../../img/common/icon_header_setting_on.png');}
#header .util .utilTool li button.setting.on {background-image:url('../../img/common/icon_header_setting.png');}
#header .siteMap .text {position: absolute; top:2.0rem; 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;}
#header .siteMap:hover .text, #header .siteMap:focus .text {opacity:1; width:7.0rem;}

#header .util .utilTool {display:flex; margin-right:3.0rem;}
#header .util .utilTool .utilItem {display:flex; align-items:center; justify-content:center; height:7.1rem; box-sizing:border-box;}
#header .util .utilTool .utilItem button,
#header .util .utilTool .utilItem a {display:inline-block; background-repeat:no-repeat; background-position:center;}
#header .util .utilTool .utilItem button { margin-right:2rem; width:2.5rem; height:2.5rem; }
#header .util .utilTool .utilItem button.expansion {background-image:url('../../img/common/icon_header_expansion.png');}
#header .util .utilTool .utilItem button.reversal {background-image:url('../../img/common/icon_header_reversal.png');}
#header .util .utilTool .utilItem button.search {background-image:url('../../img/common/icon_header_search.png');}
#header .util .siteMap {position:absolute; top:2.6rem; right:0; width:2.1rem; height:1.8rem; background:url('../../img/common/btn_header_siteMap.png') no-repeat center;}
#header .util button:hover {box-shadow:0 0 0;}
/*상단 호버모션*/
#header .util .utilTool .utilItem button {position:relative;}
#header .util .utilTool .utilItem button .text {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:3.0rem; transition:all .5s ease-in-out; overflow:hidden;}
#header .util .utilTool .utilItem button.expansion:hover .text,
#header .util .utilTool .utilItem button.expansion:focus .text {opacity:1; width:7.5rem;}
#header .util .utilTool .utilItem button.reversal:hover .text,
#header .util .utilTool .utilItem button.reversal:focus .text{opacity:1; width:7.5rem;}
#header .util .utilTool .utilItem button.search:hover .text,
#header .util .utilTool .utilItem button.search:focus .text {opacity:1; width:5.0rem;}
#header .util .utilTool .utilItem button.setting:hover .text,
#header .util .utilTool .utilItem button.setting:focus .text {opacity:1; width:7.0rem;}
#header .util .utilTool .utilItem button.search:hover {transform:rotate(0);}
#header .util .utilTool .utilItem button.setting {background-image:url('../../img/common/icon_header_setting_on.png');}
#header .util .utilTool .utilItem button.setting.on {background-image:url('../../img/common/icon_header_setting.png');}

#gnb {position:absolute; display:inline-block; top:0; left:0; width:100%; height:7.1rem; text-align:center; box-sizing:border-box; z-index:1;}
#gnb .topmenu:hover {background:#fff;}
#gnb .topmenu { position:relative; width:100%; padding:0 20rem; text-align:center; display:flex;flex-flow:row nowrap; box-sizing:border-box;}
#gnb .topmenu > li{ position:relative; display:inline-block; height:7.1rem; box-sizing:border-box;}
#gnb .topmenu > li > a{display:block; position:relative; height:auto; font-weight:500; font-size:2rem; line-height:7rem; text-align:left; transition:.2s; padding:0 3rem;white-space: nowrap;}
#gnb .topmenu > li > a:hover {color:#1174dc;}
#gnb .subNavi {visibility:hidden; position:absolute; top:7.1rem; left:50%; width:18.0rem; transform:translateX(-50%); margin-left:-3.5rem; transition:all 0.3s; opacity:0;}
#gnb .subNavi > ul { height:auto; overflow:hidden; border:1px solid #bdbebf; background:#fff; box-shadow: 0px 0.3rem 1.0rem 0.4rem rgb(0 0 0 / 19%); padding:1rem;}
#gnb .subNavi > ul li a {display:block; padding:0; text-align:left; box-sizing:border-box; }
#gnb .subNavi > ul li a span {display:block; padding:0.5rem; box-sizing:border-box; font-size:1.5rem; color:#555; word-break:keep-all; }
#gnb .subNavi > ul li a:hover span,
#gnb .subNavi > ul li a:focus span {background-color:var(--color3); color:#fff;}
#gnb .subNavi > ul li a:active span{color:#fbff80;}
#gnb .subNavi > ul li + li a {padding-top:0.2rem;}
#gnb .subNavi > ul li:last-child a {padding-bottom:0rem;}
#gnb .topmenu > li:last-child .subNavi {margin-left:0; width:20.0rem;}
#gnb .topmenu > li.on > a {color:#1174dc;}
#gnb .topmenu > li > a:hover span,
#gnb .topmenu > li > a:focus span,
#gnb .topmenu > li.on > a span,
#gnb .topmenu > li.selected > a span{ color:var(--color3); }
#gnb .topmenu > li a:active span{ color:#1174dc; }
#gnb .topmenu > li.on > a:before {display:block; top:-0.2rem; opacity:1;}
#gnb .topmenu > li.on > .subNavi {visibility:visible; opacity:1; margin-top:-1.0rem;}
#gnb .topmenu > li:focus-within .subNavi {visibility:visible; opacity:1; margin-top:-1.0rem;}
#gnb .topmenu > li.selected > a {color:#1174dc;}
#gnb .topmenu > li.selected > a:before {display:block; top:-0.2rem; opacity:1;}

.gnbBG{visibility:hidden; position:fixed; width:100%; height:100vh; background: rgba(0,0,0,0.3); transition:all 0.3s; opacity:0;/*backdrop-filter: blur(12px);*/}
#header.gnb_click {background-color:var(--bgColor1);}
#header.gnb_click:before {opacity:0; margin-right:-30.0rem;}
#header.gnb_click .gnbBG { opacity:1; visibility:visible;}
#header.gnb_click #gnb .topmenu > li:focus-within .subNavi {visibility:visible; opacity:1; margin-top:-1.0rem;}

/*top tab*/
.top_container {width:100%;margin-top: 7.1rem; background: #46CDF6;}
.top_container .container.sub {min-height:7rem;padding:1rem 0 0 0;background:transparent;}
.top_container .tab{display: flex;align-items: end;width:100%;height:6rem;gap:.5rem;}
.top_container .tab button{flex:1;display: inline-block;height:4rem;background: #05367b;margin-left: 1px;border-top-left-radius: 10px;border-top-right-radius: 10px;font-size: 14px;color:#fff;line-height: 14px;}
.top_container .tab.type2 button{background: #84addb;}
.top_container .tab button.active,
.top_container .tab button.active:hover{height:5rem;background: #fff;font-size: 16px;color:#05367b;font-weight: bold;box-shadow:0 0 0;}
.top_container .tab button:first-child{margin-left:0;}
.top_container + .container.sub {padding-top:0;}

/*검색*/
.sch_layer {display:none; position: fixed; left: 0;top: 0; z-index:4; background:#fff; width:100%; min-height:12rem; text-align:center; padding:10rem 0 2.5rem; box-shadow:0 0.2rem 0.6rem rgba(0,0,0,.16); }
.sch_layer .sch_cont {position:relative; margin:0 auto; max-width:1440px; width:100%;}
.sch_layer .sch_form {width:100%; max-width:60rem; margin:0 auto; position:relative;}
.sch_layer input[type=text] {border:0; width:100%; height:5.0rem; line-height:4.8rem; border-bottom:1px solid rgba(70, 70, 74, 0.3); color:#555; font-size:2.0rem; padding:0 4.5rem 0 0;}
#header .util .utilTool li .sch_layer .btn_sch {position:absolute; margin-right:0; width:1.7rem; height:1.7rem; top:50%; transform:translateY(-50%); right:0; background:url('../../img/common/icon_header_search.png') no-repeat center;}
#header .util .utilTool li .sch_layer .btn_close {position:absolute; margin:0; top:-6.0rem; right:0; width:3.0rem; height:3.0rem; background:url('../../img/icon/modal_close.png') no-repeat center;}

/*푸터*/
#footer {position:relative; width:100%;background:#252c3f;}
#footer .footerWrap {position:relative; margin:0 auto; max-width:1440px; width:100%;padding-bottom:2rem;}
#footer .footerWrap .utile {display:flex; justify-content:space-between; padding:1.5rem 0 1rem; width:100%;}
#footer .footerWrap .utile ul li {display:inline-block; float:left;}
#footer .footerWrap .utile ul li a {display:inline-block;position:relative;padding:0 2.5rem;line-hedight:4.5rem;font-size:1.7rem;font-weight:400;}
#footer .footerWrap .utile ul li:first-child a {padding-left:0;}
#footer .footerWrap .utile ul li:last-child a {padding-right:0;}
#footer .footerWrap .utile ul li a:before {content:''; display:block; position:absolute; top:50%; left:0; width:0.1rem; height:1rem; background:#565656; margin-top:-0.4rem;}
#footer .footerWrap .utile ul li:first-child a:before {display:none;}
#footer .footerWrap .utile ul li a.f_color {color: #1174dc;}
#footer .footerWrap .snsMenu{ position:absolute; right:0; z-index:10; top:2.4rem; overflow:hidden; }
#footer .footerWrap .snsMenu li{ display:inline-block; width:4rem; height:4.4rem; font-size:0; }
#footer .footerWrap .footerInfo {position:relative; padding:1rem 0;display:flex;gap:1.5em;justify-content:start;flex-flow:row wrap;}
#footer .footerWrap .footerInfo p {line-height:1.4;font-size: 1rem;display:flex;gap:1rem;justify-content:start;flex-flow:row wrap;font-weight: 300;}
#footer .footerWrap .footerInfo .logo {padding:0 1rem 0 0;color:#05367b;font-weight:500;}
#footer .footerWrap .footerInfo p.copy {font-size:1.4rem;width:100%; color:#ffffff70;}
#footer .footerWrap .footerInfo p.copy strong {color:#7da0cb;font-weight:600;}
#footer .footerWrap .footerInfo a.link {margin-left:1rem; color:#fff820; border-radius:2rem; font-size:1.3rem; padding:0.5rem 1rem; border:1px solid #ffea1e82; transition:all 0.3s;}
#footer .footerWrap .footerInfo a:hover {border-color:#fff820; background-color:#fff820; color:#000;}
#footer .footerWrap .ci {position:absolute; top:10rem; left:0; z-index:10;}

/*푸터-배너*/
#footer .footer_banner_list {width:100%;padding:25px 0;border-top:1px solid #d5dadf;border-bottom:1px solid #d5dadf;background:#fff;}
#footer .footer-banner-slider {width: 100%;max-width: 1440px;margin: 0 auto;padding:0 30px;overflow: hidden;display: flex;justify-content: start;flex-flow:row nowrap;}
#footer .footer-banner-slider li {display: flex;justify-content: center;align-items: center;text-align:center;flex:0 0 20%;}
#footer .footer-banner-slider li a {display: inline-block;}
#footer .footer-banner-slider img {height:38px;max-width: 200px;text-align:center;margin:0 auto;}
#footer .footer-banner-slider .slick-prev,
#footer .footer-banner-slider .slick-next {display:block!important;position: absolute; top: 50%;width:30px;height:100%; transform: translateY(-50%); background-color: #fff; color:#00000050;   padding: 10px ; cursor: pointer; font-size: 20px;text-align:center;z-index: 10;}
#footer .footer-banner-slider .slick-prev {left:0;}
#footer .footer-banner-slider .slick-next {right:0;}
#footer .footer-banner-slider .slick-prev:before,
#footer .footer-banner-slider .slick-next:before {display: none}
#footer .footer-banner-slider .slick-prev:hover,
#footer .footer-banner-slider .slick-next:hover {color:#003399;font-weight:600;box-shadow: 0 0 0;}
.slick-slide {}
/*푸터-지역산업진흥원바로가기*/
#footer .combo-box {position: relative; width: 220px;cursor: pointer;}
#footer .combo-selected {padding: 10px;background:#3b5e89;color:#ffffff80;border: 1px solid #3b5e89;font-size:1.5rem;display:flex;justify-content: space-between;align-items:center;}
#footer .bi {font-size:1.6rem;}
#footer .combo-selected:hover,
#footer .combo-selected:active,
#footer .combo-selected.active {background:#293749;border-color:#293749;color:#fff;}
#footer .combo-selected.active .bi {transform:rotate(-180deg);}
#footer .combo-list {position: absolute;bottom:46px;width: 100%;padding:0;border: 4px solid #293749;border-radius:.5rem .5rem 0 0;box-sizing:border-box;background: #3a506b;list-style: none;margin: 0;display: none;max-height: 250px;overflow-y: auto;z-index:100;box-shadow:2px 4px 4px #00000020;}
#footer .combo-list.show {display:block;}
#footer .combo-list li {padding:0 10px;width:100%;border-top:1px solid #ffffff30;}
#footer .combo-list li:first-child {border-top:none;}
#footer .combo-list li:hover {background: #293749;}
#footer .combo-list li a,
#footer .combo-list li:first-child a {font-size:1.5rem!important;padding:8px 5px !important;cursor: pointer;color:#fff;opacity:.8;display:block;}
#footer .combo-list li:hover a {opacity:1;}
#footer .combo-box.active .combo-list {display: block;}
#footer .combo-list::-webkit-scrollbar {width:4px;}
#footer .combo-list::-webkit-scrollbar-thumb {background-color: #eef1f4;border-radius:10px;background-clip: padding-box;}
#footer .combo-list::-webkit-scrollbar-track {background-color:#3a506b;border-radius:10px;}

/*팝업*/
.pupop {position: relative; padding-top:60px; min-height:100vh;}
.pupop #popupHeader {position:fixed; top:0; left:0; width:100%; height:4rem; background:linear-gradient(to left, #0930ae, #041e70); z-index:99;}
.pupop #popupHeader .header {position:relative; padding-left:1rem; width:100%; height:100%; margin:0 auto; display:flex; justify-content: space-between; align-items:center;}
.pupop #popupHeader .header .titBox ul {display:flex;}
.pupop #popupHeader .header .titBox ul li {position:relative; font-size:1.7rem; color:#fff; font-weight:bold;}
.pupop #popupHeader .header .titBox ul li + li {padding-left:2rem;}
.pupop #popupHeader .header .titBox ul li + li:before {position: absolute; content:''; display:block; top:50%; left:0.3rem; width:1rem; height:1rem; border-top: 0.2rem solid #fff; border-right: 0.2rem solid #fff; transform:translateY(-50%) rotate(45deg); opacity:0.5;}
.pupop #popupHeader .header .btnBox {position: relative; display:flex; height:100%;}
.pupop #popupHeader .header .btnBox .btn_txt_slide {width:4rem; height:4rem; box-shadow:none; border:0; border-radius:0;}
.pupop #popupHeader .header .btnBox .btn_txt_slide:after {content:''; display:block; position:absolute; width:4rem;height:4rem; top:0; right:0;}
.pupop #popupHeader .header .btnBox .btn_print:after {background:url('../../img/sub/btn_print_w.png') no-repeat center;}
.pupop #popupHeader .header .btnBox .btn_close:after {background:url('../../img/sub/btn_popup_close.png') no-repeat center;}
.pupop #popupHeader .header .btnBox .btn_aria:after{background-image: url('../../img/common/icon_header_setting_w.png');}
.pupop #popupHeader .header .btnBox .btn_aria.on:after{background-image: url('../../img/common/icon_header_setting_on_w.png');}
.pupop #popupHeader .header .btnBox .btn_txt_slide.btn_close:hover,
.pupop #popupHeader .header .btnBox .btn_txt_slide.btn_close:focus{width: 8rem; padding-left:1rem;}
.pupop #popupHeader .header .btnBox .btn_txt_slide.btn_print:hover,
.pupop #popupHeader .header .btnBox .btn_txt_slide.btn_print:focus{width: 11rem; padding-left:1rem;}
.pupop #popupHeader .header .btnBox .btn_txt_slide.btn_aria:hover,
.pupop #popupHeader .header .btnBox .btn_txt_slide.btn_aria:focus{width: 11rem; padding-left:1rem;}
.pupop #popupHeader .header .btnBox .btn_txt_slide span {color:#fff; font-size:1.4rem;}
.pupop #popupHeader .header .btnBox .btn_txt_slide.btn_aria{ background:transparent; }
.pupop #popupHeader .header .btnBox .btn_print {background:#0000003b;}
.pupop #popupHeader .header .btnBox .btn_close {background:#000;}
.pupop #container {position: relative; padding:0 2rem 2rem; padding-right:7rem; margin:0 auto; width:100%; max-width:118rem;}
.pupop .footer_btn {position:fixed; left:0; bottom:0; display: flex; justify-content: space-between; width:100%; padding:1rem; background-color:#f3f4fe; box-shadow: 0.1rem 0.1rem 0.3rem #00000021;}

/*대체텍스트 팝업*/
.pupop #itemInfo > li{ display:flex; }
.pupop #itemInfo > li + li{ margin-top:1rem; }
.pupop #itemInfo > li strong{ width:9rem; font-size:1.4rem; }
.pupop #itemInfo > li strong + *{ width:calc( 100% - 9rem ); }

/* loadpage modal용 css : 2024. 02. 15. arham */
.modal_loadpage {position: fixed; top: 0; left: 0; z-index: 1000; background-color: #00000073; width: 100%; height: 100%; overflow: hidden;}
.modal_loadpage .popup-container {position: fixed; top: 50%; left: 50%; z-index: 1001; transform: translate(-50%, -50%); background-color: white; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px; max-width: 40%; max-height: 70%; min-height: 60%; overflow-y: auto;}
.modal_loadpage .data_cntBottom {margin: 4rem 3rem;}
.modal_loadpage .data_cntBottom .formBox.thesis .formCont .hover_btn {margin-left: 0; margin-top: 3rem; width: 100%;}
.modal_loadpage .data_cntBottom .formBox.thesis .formCont ul li.pass .inpBox p {font-size: 1.4rem; padding-left: 0.3rem;}

/* 통계표 조회 My History modal용 css : 2024. 10. 18 arham */
.modal_loadpage .slider-container { position: fixed; top: 45rem; right: -20rem; z-index: 1001; transform: translate(-50%, -50%); background-color: white; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px; width: 40rem; height: 92rem; min-height: 60%; overflow-y: auto; }

/*탑버튼*/
.side_right_util {position:fixed; bottom:6rem; right:1rem; z-index: 2;}
.side_right_util .btn_go_top {display:block; width:5rem; height:5rem; border:1px solid #0054ff; box-sizing: border-box; border-radius:50%; background:#fff url('../../img/common/btn_top.png') no-repeat center; box-shadow:0 1rem 2.6rem rgba(0, 0, 0, 0.1607843137); opacity:0; visibility: hidden; transition:all 0.3s;}
.side_right_util .btn_go_top.fixed {opacity:1; visibility: visible;}
.side_right_util .btn_go_top svg {
display:none;
position:absolute;
top:0;
left:0;
pointer-events: none;
}

.progress__circle {
stroke-dasharray: 132 132;
stroke-dashoffset: 0;
transition: stroke-dashoffset 200ms;
}
.side_right_util .btn_go_top .txt {position:absolute; visibility: hidden; display:block; opacity:0; top:0.6rem; right:3.5rem; padding:0 1rem; white-space: nowrap; font-size:1.3rem; color:#000; height:2.2rem; line-height:2.2rem; border-radius:0.5rem 0.5rem 0rem 0.5rem; background-color:#fff; transition:all .2s ease-in-out; border:1px solid #000;}
.side_right_util .btn_go_top:hover .txt, .side_right_util .btn_go_top:focus .txt {visibility: visible; opacity:1; right:4.5rem;}

/*modal popup CSS*/
.modal { display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;font-weight: 400;z-index:10000;} /*background: rgba(0,0,0,0.8);*/
.modal .modalDiv ,
.modal .modal-dialog{width: 100vw;height:100vh;display:flex;justify-content:center;align-items:center;}
.modal .modal-dialog .modal-body {padding:2rem;height:auto;max-height:90%;}
.modal-content {width:100%;max-height:90%;display:flex;flex-flow:column nowrap;flex:1;padding-bottom:2rem;}
.modal-body {flex:1;overflow:auto;}
.modal .modal-header {display:flex;justify-content: space-between;font-size:1.5rem;padding:1rem;flex:0 0 7rem;}
.modal .modal-header .btn-group {display: flex;justify-content: flex-end;align-items: center;gap:1rem;}
.modal .modal-header .btn-group.modal-close {position:relative;top:0;right:2rem;}
.modal .modal-header .modal-title {display: flex; font-size: 2rem;font-weight: bold;}
.modal .modal-dialog .modal-close,
.modal .modalDiv a.modalClose{ width:3rem; height:3rem;background:url('../../img/icon/modal_close.png') 0 0; position:absolute; right:1rem; top:1rem; background-size:contain;}
.modal .modalDiv a.modalClose:hover,
.modal .modalDiv a.modalClose:focus,
.modal .modal_div a.modalClose:active{ animation: spin ease normal 1 1.5s;box-shadow: 0 0 0; }
.modal .modal-dialog .modal-close span,
.modal .modalDiv a.modalClose span {font-size:0;text-indent:-1000%;}
.modal .modal-header.flex-column {align-items: start;}
/*주소검색팝업*/
#aplyAddressSearchModal  {font-size:1.5rem;}
#aplyAddressSearchModalContainer,
#aplyAddressSearchModal .container {flex: 1;min-height:100%;display:flex;justify-content:start;align-items:start;flex-flow:column nowrap;width: 100%;}
#aplyAddressSearchModal .contents {width:100%;flex: 1;/* max-height: 80%; */}
#aplyAddressSearchModal .search {box-shadow:4px 6px 5px #00000030;}
#aplyAddressSearchModal #divSearchBox .searchWord {position:relative;height:6rem;display:flex;justify-content:start;color:#fff;}
#aplyAddressSearchModal #divSearchBox .searchWord > input[type="text"] {font-size:2rem;color:#fff;margin: 0 !important;width: auto!important;height:5rem;line-height:5;flex:1;}
#aplyAddressSearchModal #divSearchBox .searchWord > input[type="text"]::placeholder {color:#ffffff90;}
#aplyAddressSearchModal #divSearchBox .searchWord .btnSearch { flex:0 0 5rem;width:5rem;height:4rem;cursor:pointer;}
#aplyAddressSearchModal #divSearchBox .searchWord .bi {position:absolute;top:0;right:1.2rem;color:#fff;font-size:3rem;}
#aplyAddressSearchModal #divSearchHstryYn {font-size:1.6rem;color:#ffffff;margin-top:1rem;}
#aplyAddressSearchModal #divSearchHstryYn input[type='checkbox'] {border:1px solid #000;color:#fff;}
#aplyAddressSearchModal .textGuide {margin:.5rem 0;}
#aplyAddressSearchModal .textGuide:after {top:1rem;}
#aplyAddressSearchModal .addInfo .detailAddr {display:flex;align-items:center;justify-content:center;}
#aplyAddressSearchModal .addInfo .detailAddr:hover {background:#333;}
#aplyAddressSearchModal .addInfo .addr:before {display:none;}
#aplyAddressSearchModal .addInfo .addr .bi-plus-lg {flex:1;display:block;font-size:1.8rem;}
#aplyAddressSearchModal .footer {flex: 0 0 2rem;text-align: center;margin: 0 auto;height: 2rem;opacity: .5;line-height: 1;font-size: 1.4rem;}
#aplyAddressSearchModal .result {display:flex;flex-flow:column nowrap;gap:1rem;}
#aplyAddressSearchModal .resultInner  {box-sizing:border-box;margin: 0;}
#aplyAddressSearchModal .resultInner:hover {box-shadow:4px 4px 4px #00000020;background:#0b65c810;border-color:#0b65c8;}
#aplyAddressSearchModal .resultInner:hover  p  a{display:block;}
#aplyAddressSearchModal .roadAdd {font-size:1.8rem;}
#aplyAddressSearchModal .resultInner:hover  .roadAdd  {color:#0b65c8;}
#aplyAddressSearchModal .resultInner > ul {margin-top:1rem;width: calc(100% - 4rem);display: flex;flex-flow: column;}
#aplyAddressSearchModal .resultInner .innerBox {font-size:1.3rem;width:60px;padding:2px;box-sizing:border-box;height:2rem;}
#aplyAddressSearchModal .resultInner .inner {left:7rem;margin-right:0;font-size:1.6rem;color:#666;white-space: normal;word-break: keep-all;width: calc(100% - 60px);height:2rem;}
#aplyAddressSearchModal .resultInner .inner.guideText2 {color:#3582cf;line-height:1.5;}
#aplyAddressSearchModal .paging {margin:1rem auto 3rem;}

@keyframes spin{
	100%{ transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);-o-transform: rotate(360deg); -ms-transform: rotate(360deg); }
}

/*modal-sitemap*/
.modal.modalSitemap .modalDiv {
margin-top:15rem;
	padding:4rem;
	background:#f6f6f6;
}

.modal_loadpage .popup-container .formBox.thesis .formCont ul.n_3.type_mml{ display:flex !important; justify-content: space-between; }
.modal_loadpage .popup-container .formBox.thesis .formCont ul.n_3.type_mml li{ width:calc( 50% - 1rem ) !important; }

.siteMapbox{ width:110rem; }
.siteMapbox h3{ font-size:2rem; font-weight:800; color:#000;}
.siteMapbox > ul{ overflow: hidden; }
.siteMapbox > ul > li{ width:calc(20% - 1rem); min-height: 454px;float: left; margin:2rem 0.5rem 0rem 0.5rem; -webkit-box-shadow: 0.9rem 1rem 2.1rem 0.4rem rgba(0,0,0,0.05); box-shadow: 0.9rem 0.9rem 2.1rem 0.4rem rgba(0,0,0,0.05); background:#fff; border: 1px solid #d6d6d6; }

.siteMapbox > ul > li:focus,
.siteMapbox > ul > li:active,
.siteMapbox > ul > li:hover{ background: #05367b;}
.siteMapbox > ul > li:focus a,
.siteMapbox > ul > li:active a,
.siteMapbox > ul > li:hover a{ color:#fff; }
.siteMapbox > ul > li:focus a:hover,
.siteMapbox > ul > li:active a:hover,
.siteMapbox > ul > li:hover a:hover{ color:gold; }
.siteMapbox > ul > li:focus a:focus,
.siteMapbox > ul > li:active a:active,
.siteMapbox > ul > li:hover a:hover{ color:gold; }
.siteMapbox .liTitle{ display: block; width:100%; padding:1rem; font-size:1.8rem; font-weight:600; text-align: center; border-bottom: 1px solid #d6d6d6; }
.siteMapbox .subUl{ overflow: hidden; padding:0; line-height:auto; }
.siteMapbox .subUl li{ text-indent:0; margin-top:0; }
.siteMapbox .subUl li a{ display: block; padding:1.5rem; margin: 2px; text-align: center; font-weight:600; color:#555; font-size:1.7rem; word-break: keep-all; }

/*사이드바*/
.sideBar {display:flex; align-items:center; flex-direction:column; position:fixed; top:13rem; right:1rem; z-index:99999; /*box-shadow: -1px 0px 3px #0000001f;*/}
.sideBar.on {display:flex;}
.sideBar .sideBar_btnList, .sideBar .sideBar_btn {display:flex; align-items:center; flex-direction:column;}
.sideBar .btn_wrap {position:relative; display:inline-flex;}
.sideBar .btn_wrap button {width:5rem; height:5rem; background-color:var(--bgColor5); background-position:center center; background-repeat:no-repeat; transition:all 0.3s; border-radius:5rem;}
.sideBar .btn_wrap + .btn_wrap {margin-top:5px;}
.sideBar .btn_wrap button.btn_tBig {background-image:url('../../img/common/icon_sideBar_01.png');}
.sideBar .btn_wrap button.btn_tSmall {background-image:url('../../img/common/icon_sideBar_02.png');}
.sideBar .btn_wrap button.btn_tExtend {background-image:url('../../img/common/icon_sideBar_03.png');}
.sideBar .btn_wrap button.btn_tNarrow {background-image:url('../../img/common/icon_sideBar_04.png');}
.sideBar .btn_wrap button.btn_tSretching {background-image:url('../../img/common/icon_sideBar_05.png');}
.sideBar .btn_wrap button.btn_tShorten {background-image:url('../../img/common/icon_sideBar_06.png');}
.sideBar .btn_wrap button.btn_cExpansion {background-image:url('../../img/common/icon_sideBar_07.png');}
.sideBar .btn_wrap button.btn_vGuidance {background-image:url('../../img/common/icon_sideBar_08.png');}
.sideBar .btn_wrap button.btn_cReversal {background-image:url('../../img/common/icon_sideBar_09.png');}
.sideBar .btn_wrap button.btn_aAffinity {background-image:url('../../img/common/icon_sideBar_10.png');}
.sideBar .btn_wrap button.btn_Initial{ background-color: #ff6d3a; background-image:url('../../img/common/icon_sideBar_11.png');}
.sideBar .btn_wrap button.btn_Initial.on,
.sideBar .btn_wrap button.btn_Initial.click{ background-color:#d03b05; }

.sideBar .btn_wrap button.on,
.sideBar .btn_wrap button.click,
.sideBar .btn_wrap.sideBar_btn button.on,
.sideBar .btn_wrap.sideBar_btn button.click {background-color:var(--bgColor6);}
.sideBar .btn_wrap.sideBar_btn button.on .icon i,
.sideBar .btn_wrap.sideBar_btn button.click .icon i {background-color:#fff;}
.sideBar .btn_wrap span {position:absolute; visibility:hidden; display:block; opacity:0; top:0.6rem; right:3.5rem; padding:0 1rem; white-space: nowrap; font-size:1.3rem; color:var(--bgColor5); height:2.2rem; line-height:2.2rem; border-radius:0.5rem 0.5rem 0rem 0.5rem; background-color:var(--white); transition:all .2s ease-in-out; border:1px solid var(--bgColor5);}
.sideBar .btn_wrap button.on span {visibility:visible; opacity:1; right:4.5rem;}
.sideBar .btn_wrap button.click span {opacity:1; right:4.5rem;}
.sideBar .btn_wrap.sideBar_btn{ margin:0.5rem 0; }
.sideBar li.btn_wrap.sideBar_btn{ margin:0; margin-top: 0.5rem; }
.sideBar .btn_wrap.sideBar_btn button {background-color:var(--bgColor5);}
.sideBar .btn_wrap.sideBar_btn button .icon { position:relative; z-index: 1; left:0; top:0; display:flex; width:100%; height:100%; align-items:center; justify-content:center; opacity: 1;
visibility: visible; background:transparent; border:0; border-radius:5rem;}
/*.sideBar .btn_wrap.sideBar_btn button .icon i {display:block; width:0.4rem; height:0.4rem; border-radius:1rem; background:var(--white);}
.sideBar .btn_wrap.sideBar_btn button .icon i + i {margin-left:0.4rem;}*/

.sideBar .btn_wrap.sideBar_btn button .icon i {display:block; width:2rem; height:0.3rem; border-radius:1rem; background:var(--white); transform:rotate(45deg); position:absolute; left:1.5rem; top:2.3rem;}
.sideBar .btn_wrap.sideBar_btn button .icon i:nth-child(2) { transform:rotate(-45deg); }
.sideBar .btn_wrap.sideBar_btn button .icon i:nth-child(3) {display:none;}
.pupop .sideBar{ top:6rem; }
.pupop .util{ position: fixed; }

/*모바일 메뉴*/
.modal.modalSitemap .mobile {display:none;}

/*집중력 모드*/
body.mdp-readabler-reading-mask .mdp-readabler-reading-mask-bottom,
body.mdp-readabler-reading-mask .mdp-readabler-reading-mask-top {
display:block;
position:fixed;
left:0;
right:0;
width:100%;
z-index: 99999999;
background-color:#0000009d;
}

body.mdp-readabler-reading-mask .mdp-readabler-reading-mask-bottom {
bottom:0;
top:auto;
}

body.mdp-readabler-reading-mask .mdp-readabler-reading-mask-top {
top:0;
bottom:auto;
}

/*마우스 커서*/
/*noinspection CssUnusedSymbol*/
body.mdp-readabler-big-black-cursor,
body.mdp-readabler-big-black-cursor * {
/*noinspection CssUnknownTarget*/
cursor: url("../../img/common/black-cursor.svg"), default !important
}

body.mdp-readabler-big-black-cursor * input,
body.mdp-readabler-big-black-cursor * textarea,
body.mdp-readabler-big-black-cursor * select,
body.mdp-readabler-big-black-cursor * a,
body.mdp-readabler-big-black-cursor * button,
body.mdp-readabler-big-black-cursor * [role=button] {
/*noinspection CssUnknownTarget*/
cursor: url("../../img/common/black-pointer.svg"), default !important;
}

/* 만족도조사 이동 배너*/
.survey_banner{ position:fixed;top:13rem; right:8rem; z-index:99999; width:18rem; height: 13rem;}
.survey_banner .bn_item{ width:100%; height:100%; border-radius: 2rem; padding:2rem; box-sizing: border-box; background:#ffdc87; display:flex; flex-direction: column; justify-content: space-between; align-items:flex-start; position:relative; }
.survey_banner .bn_item:after{ content:" "; display:block; position:absolute; right:1rem; bottom:1.8rem; width:5.5rem; height:7rem; background:url('../../img/common/survey_bn_icon.png'); }

.survey_banner .bn_item h3{ font-size:1.7rem; font-weight:600; }
.survey_banner .bn_item a{ font-size:1.3rem; font-weight:500; padding:0.5rem 1rem; border-radius:0.5rem; display:inline-block; border:0.1rem solid rgba(0, 0, 0, 0.2); position:relative; padding-right:2.5rem; }
.survey_banner .bn_item a:hover,
.survey_banner .bn_item a:focus{ background:#fff; border:0.1rem solid #fff; }
.survey_banner .bn_item a:active{ border:0.2rem solid #f47c4d; padding:0.4rem 0.9rem; padding-right:2.4rem; }
.survey_banner .bn_item a:active:after{ right:0.9rem; top:0.8rem; }
.survey_banner .bn_item a:after{ content:" "; display:block; position:absolute; right:1rem; top:0.9rem; width:0.6rem; height:0.6rem; transform:rotate(45deg); border-top:0.1rem solid #000; border-right:0.1rem solid #000; }

/*에디터 스타일 적용*/
.cont_box.formdata ol li {
display: list-item !important;
text-align: -webkit-match-parent !important;
list-style: decimal !important;
}
.cont_box.formdata ul li {
display: list-item !important;
text-align: -webkit-match-parent !important;
list-style: disc !important;
}
.cont_box.formdata ul {
display: block !important;
list-style-type: disc !important;
margin-inline-start: 0px !important;
margin-inline-end: 0px !important;
padding-inline-start: 20px !important;
}
.cont_box.formdata ol {
display: block !important;
list-style-type: decimal !important;
margin-inline-start: 0px !important;
margin-inline-end: 0px !important;
padding-inline-start: 20px !important;
}
.cont_box.formdata a{
color:#0931b0;
font-weight:500;
}
.cont_box.formdata a:hover,
.cont_box.formdata a:focus{
text-decoration:underline;
}
.cont_box.formdata a:active{
color:#1174dc;
}
/*콤보박스*/
.combo-box {position: relative; width: 200px;cursor: pointer;}
.combo-selected {padding: 10px;border: 1px solid #ccc;background: white;}
.combo-list {position: absolute;width: 100%;border: 1px solid #ccc;background: white;list-style: none;margin: 0;padding: 0;display: none;max-height: 150px;overflow-y: auto;}
.combo-list li {padding: 10px;cursor: pointer;}
.combo-list li:hover {background: #f0f0f0;}
.combo-box.active .combo-list {display: block;}

/*헤더 검색창 추가*/
.header_search{ position: fixed; width: 100%; background: #223c6d; z-index: 1; left: 0; padding-top: 3rem; display:none; }

/*로딩바*/
#loaddingSpinner {display: flex;position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;flex-direction: column;align-items: center;justify-content: center;background-color: #0009;}
#loaddingSpinner:before {content:"Loading...";display:block;font-size:3rem;font-weight:600;position:absolute;top:calc(50% + 8rem);left:50%;transform:translate(-50%, -50%);text-align:center;color:#3498db;}
#loaddingSpinner:after {content:"";display:block;width: 12rem;height: 12rem;border: 15px solid #3498db;border-top: 15px solid transparent;border-radius: 50%;position:absolute;top:40%;left:calc(50% - 6rem);transform:translate(-50%, -50%);
	animation: rotate 1s linear infinite;}
@keyframes rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/*반응형*/
@media screen and (max-width: 1480px) {
/*헤더*/
#header .logo {margin-left:0;}

}

@media screen and (max-width: 1440px) {
/*헤더*/
#header:before {margin-left:-2rem;}
#header .headerWrap {padding:0 2rem; box-sizing:border-box;}
#header .util {right:2rem;}
#gnb .topmenu {padding:0 15rem 0 25rem;}
/*#gnb .topmenu > li:nth-child(1) > a:after { right:-2.8rem; }*/
/*#gnb .topmenu > li:nth-child(1) > a{ margin-right:4rem; }*/
/*#gnb .topmenu > li:nth-child(2) > a:after{ right:-2.8rem; }*/
/*#gnb .topmenu > li:nth-child(2) > a{ margin-right:4rem; }*/
/*#gnb .topmenu > li:nth-child(3) > a:after{ right:-2.8rem; }*/
/*#gnb .topmenu > li:nth-child(3) > a{ margin-right:4rem; }*/
/*#gnb .topmenu > li:nth-child(4) > a:after{ right:-2.8rem; }*/
/*#gnb .topmenu > li:nth-child(4) > a{ margin-right:4rem; }*/

/*푸터*/
#footer .footerWrap {padding:0 2rem; box-sizing:border-box;}
#footer .footerWrap .mark_img {right:2rem;}
}

@media screen and (max-width: 1200px) {
#gnb .topmenu {display: none;}

/*푸터*/
#footer .footerWrap .utile ul li a {font-size:1.5rem;}
#footer .footerWrap .footerInfo p {font-size:1.5rem;}
#footer .footerWrap .footerInfo strong {font-size:1.5rem;}
#footer .footerWrap .utile .selectBox_wrap select {font-size:1.5rem;}
#footer .footerWrap .utile .selectBox_wrap button span {font-size:1.5rem;}
#footer .footerWrap .mark_img a img {width:auto; height:7rem;}


/*모달팝업*/
.modal_loadpage .popup-container{ max-width: 95%; }
.modal_loadpage .popup-container .formBox.thesis .formCont ul.n_3.type_mml{ display:flex !important; justify-content: space-between; }
.modal_loadpage .popup-container .formBox.thesis .formCont ul.n_3.type_mml li{ width:calc( 50% - 1rem ) !important; }
}

@media screen and (max-width: 1000px) {
/*푸터*/

#footer .footerWrap {padding-top:1rem; padding-bottom:40px;}
#footer .footerWrap .utile {flex-direction:column; align-items:center; border-bottom:0;}
#footer .footerWrap .utile .selectBox_wrap {margin-top:1rem;}
#footer .footerWrap .utile .selectBox_wrap select {width:15rem;}
#footer .footerWrap .footerInfo p.address, #footer .footerWrap .footerInfo p.tel {padding-left:0;}
#footer .footerWrap .footerInfo p.logo {position:relative; top:auto; left:auto; margin-bottom:1.5rem;}
#footer .footerWrap .mark_img {position:relative; top:auto; right:auto;}
#footer .footerWrap .footerInfo {text-align:center; padding:1rem 0 2rem;}
#footer .footerWrap .mark_img {align-items:center; justify-content:center;}
}

@media screen and (max-width: 900px) {
.modal.modalSitemap .mobile {display:block;}
.modal.modalSitemap .modalDiv {background:#fff; margin-top:0; ;padding:0; transform:translate(0); -webkit-transform:translate(0); width:calc(100% - 15rem); height:100%; box-sizing:border-box; left:15rem; overflow-y:auto;}
.siteMapbox {width:100%;}
.siteMapbox h3 {display:none;}
.siteMapbox h3.mobile {padding:2rem 6rem 2rem 0;}
.siteMapbox h3.mobile img {width:16rem;}
.modal .modalDiv a.modalClose {top:2.2rem;}
.siteMapbox > ul > li {margin-top:0; box-shadow:none;}
.siteMapbox .liTitle {padding:2rem 2rem; box-sizing:border-box; width:100%; box-sizing:border-box; font-size:2rem; font-weight:500; color:#000; border-top:1px solid #d1cde4; background:#fff; border-bottom:0; text-align:left;}
.siteMapbox > ul > li:hover a:hover, .siteMapbox > ul > li:hover a { color:#555; }
.siteMapbox > ul > li:hover a.liTitle:hover, .siteMapbox > ul > li:hover a.liTitle { color:#000; }
.siteMapbox .subUl {width:100%; display:none;}
.siteMapbox .on .subUl {display:block;}
.siteMapbox .subUl li {overflow:hidden; float:none;}
.siteMapbox .subUl li a {position:relative; padding:1.5rem 3rem; box-sizing:border-box; display:block; width:100%; border-top:1px solid #d1cde4; margin:0; text-align:left;}
.siteMapbox .subUl li a:before {position:absolute; top:50%; left:2rem;transform:translateY(-50%); display:block; content:''; width:0.3rem; height:0.3rem; border-radius:50%; background:#6658a5;}
.siteMapbox .on .liTitle {border-top:2px solid #6559a5;}
.siteMapbox .on .subUl li:last-child {border-bottom:2px solid #6559a5;}
.siteMapbox .on + li > .liTitle { border-top:0; }
.siteMapbox > ul > li { background: #f1e9f6; background: linear-gradient(to left, #e5f6f0, #edeef3, #f1e9f6); width:100%; min-height:0; border:0; margin:0; }
.siteMapbox > ul > li:hover { background: #f1e9f6; background: linear-gradient(to left, #e5f6f0, #edeef3, #f1e9f6);}
.siteMapbox > ul > li:last-child .liTitle {border-bottom:1px solid #d1cde4;}
.siteMapbox > ul > li:last-child.on .liTitle {border-bottom:0;}
.siteMapbox .mobile .btnBox {margin:4rem 0; text-align:center;}
.siteMapbox .mobile .btnBox button {display:inline-block; margin:0 0.5rem; width:15rem; height:5rem; line-height:4.8rem; font-size:1.8rem; border:1px solid #6559a5; color:#6559a5; font-weight:bold; line-height:3rem; box-sizing:border-box;}
.siteMapbox .mobile .copy {color:#a1a1a1; font-size:1.7rem; line-height:2.4rem; text-align:center;}
}

@media screen and (max-width: 800px){
/*모달팝업*/
.modal_loadpage .popup-container{ max-height:none; min-height:0; }
.modal_loadpage .data_cntBottom{ margin:2rem; }
.modal_loadpage .formBox.thesis{ margin-bottom:2rem; }
.modal_loadpage .formBox.thesis .pass .pass_btn{ position:relative ; bottom:auto; margin-top:1rem; display:inline-block; }
.modal_loadpage .formBox .formCont ul li.pass{ margin-bottom:0; }
.modal_loadpage .data_cntBottom .formBox.thesis .formCont .hover_btn{ margin-top:0; }

.pupop #container{ padding-right:2rem; }
}

@media screen and (max-width: 768px) {
/*사이드바*/
.sideBar {top:11rem;}
.sideBar .btn_wrap button {width:4rem; height:4rem; background-size:2.5rem;}
.sideBar .btn_wrap.sideBar_btn button .icon i{ width: 1.5rem; left: 1.2rem; top: 1.9rem;}
}

@media screen and (max-width: 700px) {
/*헤더*/
#header .headerWrap {padding:0 1rem;}
#header .util {right:1rem;}

/*푸터*/
#footer .footerWrap {padding:0 1rem 3rem;}
#footer .footerWrap .utile ul li a {font-size:1.2rem; padding:0 1rem;}
#footer .footerWrap .utile .selectBox_wrap {flex-direction:column;}
#footer .footerWrap .utile .selectBox_wrap .selectBox + .selectBox {margin-left:0; margin-top:0.5rem;}
#footer .footerWrap .utile .selectBox_wrap select, #footer .footerWrap .utile .selectBox_wrap button span {font-size:1.2rem;}
#footer .footerWrap .utile .selectBox_wrap select, #footer .footerWrap .utile .selectBox_wrap button {height:4rem; line-height:4rem;}
#footer .footerWrap .footerInfo {padding-top:1rem; padding-bottom:1rem;}
#footer .footerWrap .footerInfo p {font-size:1.2rem;}
#footer .footerWrap .footerInfo a.link {padding:0.5rem; font-size:1.1rem;}
#footer .footerWrap .footerInfo p.copy {margin-top:1rem;}
#footer .footerWrap .mark_img img {height:3.5rem;}
}

@media screen and (max-width: 500px) {
/*헤더*/
#header:before {margin-left:0rem;}
}