@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all; -webkit-text-size-adjust:100%;}
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%;}
input[type="text"],
input[type="password"],
input[type="date"],
select {height:58px; padding:0 10px;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/pub/images/arrow_select.svg') no-repeat right 10px center / 10px;}
textarea {padding:10px;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
a.smoth_link {scroll-behavior:smooth;}
.img img {width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

span.br {display:block;}
.mo_vw {display:none !important;}

.inner {width:100%; max-width:1440px; margin:0 auto; padding:0 20px;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* color */
.blue {color:#2B4294 !important;}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px; font-size:0;}
.ie_wrap .link a i {font-size:60px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

/* 게시판 목록 */
.board_list {border-top:#707070 1px solid;}
.board_list col.w1 {width:70px;}
.board_list col.w2 {width:110px;}
.board_list col.w3 {width:110px;}
.board_list col.w4 {width:90px;}
.board_list col.w5 {width:60px;}
.board_list col.w6 {width:190px;}
.board_list col.w7 {width:150px;}
.board_list col.w8 {width:100px;}
.board_list col.w9 {width:130px;}
.board_list th,
.board_list td {height:70px; font-size:17px; text-align:center;}
.board_list th {color:#000; border-bottom:#A2A2A2 1px solid;}
.board_list td {font-size:14px; color:#666; border-bottom:#D4D4D4 1px solid;}
.board_list td a {position:relative; display:inline-block; vertical-align:top; font-size:17px; max-width:100%; padding:0 24px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td a i.new {position:absolute; top:50%; right:0; font-size:10px; color:#fff; font-weight:900; line-height:16px; height:16px; width:16px; background:#FA9952; border-radius:50%; transform:translateY(-50%); text-align:center;}
.board_list td .ico {display:block; width:16px; background:no-repeat 50% 50% / contain; margin:0 auto; opacity:.25;}
.board_list td .baro {height:21px; background-image:url('/pub/images/icon_file.svg');}
.board_list td .down {height:16px; background-image:url('/pub/images/icon_down.svg');}
.board_list td .sang {display:block; width:45px; height:25px; line-height:25px; font-size:15px; color:#fff; font-weight:700; text-align:center; margin:0 auto;}
.board_list .ing td .sang {background:#2B4294;}
.board_list .end td .sang {background:#666;}
.g05.s02 .board_list td .sang {width:66px; height:30px; line-height:30px;}
.board_list td .certificates,
.board_list td .cancel {display:block; font-size:15px; font-weight:700; line-height:28px; height:30px; width:66px; text-align:center; margin:0 auto;}
.board_list td .certificates {color:#666; border:#000 1px solid; padding:0;}
.board_list td .cancel {color:#666; border:#666 1px solid; opacity:.6;}

.board_bottom .btns {overflow:hidden; margin-top:80px; font-size:0;}
.board_bottom .btns .btn {display:inline-block; width:170px; height:55px; font-size:18px; font-weight:700; text-align:center; vertical-align:top; margin:0 10px;}
.board_bottom .btns .btn_b {color:#fff; background:#2B4294; line-height:55px; border:0;}
.board_bottom .btns .btn_l {color:#000; background:#fff; line-height:53px; border:#141414 1px solid;}
.board_bottom .paging {margin-top:80px; display:flex; justify-content:center;}
.board_bottom .paging a {display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#222; vertical-align:top; opacity:.48; margin:0 9px; border-radius:50%;}
.board_bottom .paging a.on {background:#2B4294; color:#fff; font-weight:900; opacity:1;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px; font-size:0; background:#fff !important;}
.board_bottom .paging .arrow:before {content:""; display:block; width:100%; height:100%; background:url('/pub/images/arrow_paging.svg') no-repeat 50% 50%;}
.board_bottom .paging .arrow.prev {margin-right:30px;}
.board_bottom .paging .arrow.prev:before {transform:scale(-1);}
.board_bottom .paging .arrow.next {margin-left:30px;}

.board_top {display:flex; justify-content:space-between; margin-bottom:25px;}
.board_top .date {font-size:15px; color:#000; line-height:42px;}
.board_top .search_wrap {display:flex;}
.board_top .search_wrap .text,
.board_top .search_wrap .btn {height:42px;}
.board_top .search_wrap .text {font-size:16px;}
.board_top .search_wrap input.text {width:370px; border:#ddd 1px solid; border-right:0; padding:0 15px;}
.board_top .total + .search_wrap select.text {width:100px; margin-right:20px;}
.board_top .total + .search_wrap input.text {width:180px;}
.board_top .search_wrap .btn {width:42px; height:42px; background:url('/pub/images/btn_search.svg') #859FFA no-repeat 50% 50%; font-size:0;}
.board_top .total {font-size:18px; color:#000; font-weight:700; line-height:42px;}
.board_top .total strong {color:#2B4294;}

/* 게시판 상세 */
.board_view {border-top:#707070 1px solid;}
.board_view .top {position:relative; padding:20px 200px 20px 30px; font-size:28px; color:#000; font-weight:700; line-height:40px; border-bottom:rgba(112,112,112,.2) 1px solid;}
.board_view .top strong {color:#2B4294;}
.board_view .top .date {display:flex; gap:40px; font-size:14px; color:#8B8B8B; line-height:20px; margin-top:20px;}
.board_view .top .btns {position:absolute; top:50%; right:30px; display:flex; flex-direction:column; gap:10px; transform:translateY(-50%);}
.board_view .top .btns .btn {font-size:18px; color:#9E9E9E; line-height:48px; height:50px; width:150px; border:#C9C9C9 1px solid; text-align:center;}
.board_view .con {padding:50px 25px 60px; font-size:18px; color:#5B5B5B; line-height:35px;}
.board_view .con .info {margin:60px 0; background:#F5F5F5; padding:20px 30px;}
.board_view .con .info dl {display:flex; margin-bottom:20px;}
.board_view .con .info dl:last-child {margin-bottom:0;}
.board_view .con .info dt,
.board_view .con .info dd {line-height:22px;}
.board_view .con .info dt {width:95px; font-size:20px; color:#000; font-weight:700;}
.board_view .con .info dd {width:calc(100% - 95px); color:#666;}
.board_view .con .info dd .sang {display:inline-block; vertical-align:top; color:#fff; line-height:28px; width:70px; height:28px; text-align:center;}
.board_view .con .info dd .sang.ing {background:#2B4294;}
.board_view .con .info dd .sang.end {background:#666;}
.board_view .paging {border-top:#E5E5E5 1px solid;}
.board_view .paging li {position:relative; border-bottom:#E5E5E5 1px solid; padding-left:180px; font-size:16px; color:#666; line-height:48px;}
.board_view .paging li span {position:absolute; top:0; left:0; padding-left:45px;}
.board_view .paging li span:before {content:""; position:absolute; top:0; left:20px; width:11px; height:100%; background:url('/pub/images/icon_page_tb.svg') no-repeat 50% 50% / contain;}
.board_view .paging li a {display:block; opacity:.66; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view .paging li.next span:before {transform:scale(-1);}

/* 썸네일 게시판 목록 */
.thum_list {border-top:#707070 1px solid;}
.thum_list li {position:relative; border-bottom:#707070 1px solid;}
.thum_list li > a {position:relative; display:block; padding:40px 30px 40px 290px; height:348px;}
.thum_list .img {position:absolute; top:40px; left:30px; width:238px; height:268px; overflow:hidden;}
.thum_list span {display:block;}
.thum_list .tit {font-size:28px; color:#000; font-weight:700; line-height:32px; margin-bottom:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thum_list p {font-size:16px; color:#666; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.thum_list .date {position:absolute; left:290px; bottom:40px; display:flex; gap:40px; font-size:14px; color:#9E9E9E; line-height:20px;}
.thum_list .btns {position:absolute; bottom:40px; right:30px; z-index:1; display:flex; flex-direction:column; gap:10px;}
.thum_list .btns .btn {display:block; color:#9E9E9E; line-height:48px; height:50px; width:150px; border:#C9C9C9 1px solid; text-align:center;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:40px 30px;}
.gall_list li {width:calc((100% - 60px)/3);}
.gall_list li a {display:block;}
.gall_list li .img {position:relative; width:100%; height:355px;}
.gall_list li .img a {display:block; overflow:hidden; height:100%;}
.gall_list li .img a img {max-width:100% !important; max-height:100% !important;}
.gall_list li .img .btns {position:absolute; bottom:0; left:0; width:100%; height:60px; background:rgba(0,0,0,.7); display:flex; backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px);}
.gall_list li .img .btns .btn {position:relative; width:50%; font-size:20px; color:#fff; font-weight:700; line-height:60px; text-align:center;}
.gall_list li .img .btns .btn:before {content:""; position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#fff;}
.gall_list li .img .btns .btn:first-child:before {display:none;}
.gall_list li .txt {margin-top:20px;}
.gall_list li p {display:block; font-size:20px; color:#000; font-weight:700; line-height:30px; line-height:30px; max-height:60px; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gall_list li .date {display:block; font-size:14px; color:#999; line-height:16px; margin-top:20px;}

.gall_list2 {display:flex; flex-wrap:wrap; gap:60px 38px; border-top:#E8E7E7 1px solid; padding-top:20px;}
.gall_list2 li {width:calc((100% - 76px)/3);}
.gall_list2 li a {display:block;}
.gall_list2 li span {display:block;}
.gall_list2 li .img {width:100%; height:230px; overflow:hidden;}
.gall_list2 li p {font-size:20px ;color:#000; font-weight:700; line-height:24px; margin:20px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list2 li .date {font-size:14px; color:#888080; font-weight:300; line-height:16px;}

/* jq_tab */
.jq_tab {display:flex; background:#F7F8FC; margin-bottom:20px;}
.jq_tab li > * {display:block; font-size:15px; color:#333; line-height:45px; text-align:center; border:0; outline:0; width:100%;}
.jq_tab li.on > * {color:#fff; font-weight:900; background:#2B4294;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; transition:.2s linear;}
.header.fixed {box-shadow:rgba(75,87,100,.1) 0 0 20px;}
.header .bg {position:absolute; top:100%; left:0; width:100%; height:0; background:#fff; z-index:-1; border:rgba(112,112,112,.13) 0 solid; transition:.2s linear;}
.header .dm {position:fixed; top:100px; left:0; width:100%; height:0; background:rgba(0,0,0,.22); z-index:-2; transition:.2s linear;}
.header .inner {position:relative; height:100px;}
.header .logo {position:absolute; top:0; left:20px; line-height:100px; font-size:0; z-index:10;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .btn_menu {position:absolute; top:50%; right:20px; width:42px; height:42px; background:#859FFA; border-radius:3px; transform:translateY(-50%); z-index:10;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:20px; height:2px; background:#fff; border-radius:2px; margin-left:-10px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-7px;}
.header .btn_menu .m {margin-top:-1px; width:16px;}
.header .btn_menu .b {margin-top:5px;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header .gnb {padding:0 52px 0 250px;}
.header .gnb ul {display:flex; justify-content:center;}
.header .gnb li {position:relative;}
.header .gnb li > a {display:block; font-size:22px; color:#000; font-weight:700; line-height:100px; padding:0 25px;}
.header .gnb li.on > a {color:#2B4294;}
.header .gnb .snb {position:absolute; top:100%; left:50%; width:100%; min-width:200px; height:0; background:#fff; border-radius:0 0 3px 3px; overflow:hidden; transition:.2s linear; transform:translateX(-50%);}
.header .gnb .snb a {display:block; font-size:17px; color:#666; font-weight:400; line-height:48px; text-align:center;}
.header .gnb .snb a.on {color:#2B4294; font-weight:700;}
.btn_survey_system {position:absolute; top:50%; right:72px; width:120px; height:42px; line-height:40px; border:#aaa 1px solid; transform:translateY(-50%); border-radius:3px; text-align:center; font-size:17px; color:#000; font-weight:700;}
.btn_survey_system i {display:inline-block; vertical-align:top; line-height:40px; margin-right:5px;}
/* .btn_survey_system:before {content:""; display:inline-block; vertical-align:top; width:16px; height:40px; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; margin-right:5px;} */

/* footer */
.footer {background:#F7F8FC; padding:45px 0;}
.footer .inner {position:relative; background:url('/pub/images/flogo.svg') no-repeat 20px 0; padding:0 190px 0 20px;}
.footer .pl {padding-left:190px;}
.footer .tt {font-size:19px; color:#333; font-weight:700; line-height:22px;}
.footer .btn {display:block; font-size:17px; color:#333; font-weight:700; line-height:20px; margin:15px 0 10px;}
.footer .address {font-size:14px; color:#333; line-height:20px;}
.footer .address span {display:block;}
.footer .copy {font-size:12px; color:#555; line-height:14px; margin-top:22px;}
.footer .right {position:absolute; top:0; right:20px; display:flex; flex-direction:column; align-items:flex-end;}
.footer .links,
.footer .sns {display:flex; gap:10px; justify-content:flex-end;}
.footer .links {margin-bottom:20px;}
.footer .links dl {position:relative;}
.footer .links dt {position:relative; font-size:14px; color:#555; font-weight:400; line-height:38px; width:240px; height:40px; padding:0 15px; background:#fff; border:#ddd 1px solid; border-radius:5px; cursor:pointer;}
.footer .links dt:after {content:""; position:absolute; top:0; right:15px; width:7px; height:100%; background:url('/pub/images/arrow_link_t.svg') no-repeat 50% 50% / contain; transition:.2s linear; transform:rotate(-90deg);}
.footer .links dd {position:absolute; bottom:100%; left:0; width:100%; max-height:320px; overflow:scroll; background:#fff; border-radius:5px 5px 0 0; padding:5px 0; display:none;}
.footer .links dd a {display:block; font-size:14px; color:#555; line-height:30px; padding:0 15px;}
.footer .links .on dt:after {transform:rotate(90deg);}
.footer .sns a {display:block; width:44px; height:44px; background:#fff no-repeat 50% 50%; border:#ddd 1px solid; border-radius:50%;}
.footer .sns .s1 {background-image:url('/pub/images/icon_sns01.svg');}
.footer .sns .s2 {background-image:url('/pub/images/icon_sns02.svg');}
.footer .sns .s3 {background-image:url('/pub/images/icon_sns03.svg');}

.fpartner {border-top:#EBEBEB 1px solid;gap:25px;}
.fpartner .inner {display:flex; gap:70px; justify-content:center;}
.fpartner a {display:block; font-size:0; line-height:65px; height:65px;}
.fpartner a.i2 img {width:auto; height:50px;}
.fpartner {display:flex; justify-content:space-around;}

.quick {position:fixed; top:50%; right:0; width:90px; transform:translateY(-50%); z-index:30;}
.quick ul {border:#eee 1px solid; border-bottom:0; border-radius:3px 0 0 0; overflow:hidden; background:#fff;}
.quick li {position:relative;}
.quick li:after {content:""; position:absolute; bottom:0; left:50%; width:60px; height:1px; background:#DEDEDE; transform:translateX(-50%);}
.quick li:last-child:after {display:none;}
.quick li a {display:block; padding:15px 0 20px; color:#333; text-align:center;}
.quick li a i {position:relative; display:block; width:100%;}
.quick li a i:before,
.quick li a i:after {content:""; position:absolute;}
.quick li a i:before {top:0%; left:50%; width:20px; height:20px; background:#E8EDFF; border-radius:50%; margin-left:-20px;}
.quick li a i:after {bottom:0; left:0; width:100%; height:28px; background:#2B4294; mask:no-repeat 50% 100%; -webkit-mask:no-repeat 50% 100%;}
.quick li a p {font-size:17px; font-weight:700; letter-spacing:-.5px; margin-top:8px;}
.quick li.i1 a i {height:31px;}
.quick li.i2 a i:after {mask-image:url('/pub/images/icon_quick01.svg'); -webkit-mask-image:url('/pub/images/icon_quick01.svg');}
.quick li.i2 a i {height:35px;}
.quick li.i1 a i:after {mask-image:url('/pub/images/icon_quick02.svg'); -webkit-mask-image:url('/pub/images/icon_quick02.svg');}
.quick li.i3 a i {height:31px;}
.quick li.i3 a i:after {mask-image:url('/pub/images/icon_quick03.svg'); -webkit-mask-image:url('/pub/images/icon_quick03.svg');}
.quick li.i4 a i {height:26px;}
.quick li.i4 a i:after {mask-image:url('/pub/images/icon_quick04.svg'); -webkit-mask-image:url('/pub/images/icon_quick04.svg');}
.quick .gotop {display:block; font-size:12px; color:#fff; font-weight:900; line-height:30px; background:#859FFA; border-radius:0 0 0 3px; text-align:center;}


.pop_quick_i4 {position:relative; width:1220px; max-width:100%; padding:80px 120px; background:#F7F8FC; font-size:18px;}
.pop_quick_i4 .tit {font-size:38px; color:#000; font-weight:700; line-height:50px; margin-bottom:30px;}
.pop_quick_i4 .s_tit {font-size:28px; color:#000; font-weight:700; line-height:40px; margin:30px 0 15px;}
.pop_quick_i4 p.c {color:#2B4294; line-height:30px;}
.pop_quick_i4 .tt {color:#000; font-weight:700; line-height:20px; margin:20px 0 ;}
.pop_quick_i4 table {margin-bottom:20px;}
.pop_quick_i4 th,
.pop_quick_i4 td {border:#707070 1px solid; color:#666; text-align:center;}
.pop_quick_i4 th {line-height:20px; padding:20px;}
.pop_quick_i4 td {line-height:35px; padding:50px 20px; letter-spacing:-.5px;}
.pop_quick_i4 table + p {color:#A7A7A7; line-height:20px; margin-bottom:15px;}
.pop_quick_i4 label.check {display:block;}
.fancybox-close {top:80px; right:70px; width:40px; height:40px; background:url('/pub/images/btn_close2.svg') no-repeat 50% 50%;}
.pop_quick_i4 .info_box{width:100%;margin-top:10px}
.pop_quick_i4 .info_box li{margin-bottom:10px; display:flex; align-items:center;gap:20px}
.pop_quick_i4 .info_box li .th{width:8%;}
.pop_quick_i4 .info_box li .td{width:92%;}
.pop_quick_i4 .info_box li .td.dpf{display:flex;align-items:center;gap:10px}
.pop_quick_i4 .info_box li .td input[type="text"], .pop_quick_i4 .info_box li .td select{width:100%;height:48px;}
.pop_quick_i4 .info_box li .td input:focus{border-color:#000;outline:none !important;}
.pop_quick_i4 .info_box .necessary{color:#CE1313;}

/* main */
.mvisual_wrap {position:relative; margin-top:100px; padding:35px 0; background:url('/pub/images/bg_mvisual.svg') no-repeat 50% 50% / cover;}
.mvisual {position:relative; margin:0 -22px;}
.mvisual .mv {display:block; padding:0 22px;}
.mvisual .img {display:block; width:100%; height:340px; overflow:hidden;}
.mvisual .txt {position:relative; font-size:14px; color:#000; font-weight:400; display:block; height:90px; background:#fff; padding:15px;}
.mvisual .txt p {line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mvisual .txt .date {position:absolute; bottom:15px; left:15px; font-size:12px; color:#999; line-height:14px;}
.mvisual .txt i {position:absolute; bottom:15px; right:15px; width:50px; height:20px; line-height:20px; text-align:center; border-radius:10px; font-size:11px; color:#fff; font-weight:900;}
.mvisual .txt .c1 {background:#2B4294;}
.mvisual .txt .c2 {background:#34ADD6;}
.mvisual .slick-arrow {position:absolute; top:calc(50% - 17px); width:34px; height:34px; background:#fff; border-radius:5px; z-index:1; font-size:0;}
.mvisual .slick-arrow:before {content:""; display:block; width:100%; height:100%; background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%;}
.mvisual .slick-prev {left:-32px;}
.mvisual .slick-next {right:-32px;}
.mvisual .slick-next:before {transform:scale(-1);}

/* 250115_st */
 .main_side{position:absolute;left:50%;top:135px;display:flex;flex-flow:column;gap:20px;margin-left:768px;}
 .main_side .top {width:200px;    box-shadow:rgba(231, 232, 234, .6) 0 3px 20px;}
 .main_side .buttom {width:200px;    box-shadow:rgba(231, 232, 234, .6) 0 3px 20px;}

.mcon {padding-bottom:80px;}
.mlink_area {background:#fff; box-shadow:rgba(231,232,234,.6) 0 3px 20px; display:flex; margin:50px 0 60px;}
.mlink_area a {width:calc(100%/7); height:100px; text-align:center; display:flex; justify-content:center; align-items:center; gap:10px; font-size:17px; color:#000; font-weight:700;}
.mlink_area a .icon {position:relative; width:60px; height:60px; background:#DAE5FD no-repeat 50% 50%; border-radius:50%;}
.mlink_area a .icon i {position:absolute; top:6px; right:-4px; width:20px; height:20px; line-height:20px; text-align:center; background:#FA9952; border-radius:50%; font-size:10px; color:#fff; font-weight:900; font-family:'Pretendard', sans-serif;}
.mlink_area a.i1 .icon {background-image:url('/pub/images/icon_mlink01.svg');}
.mlink_area a.i2 .icon {background-image:url('/pub/images/icon_mlink02.svg');}
.mlink_area a.i3 .icon {background-image:url('/pub/images/icon_mlink03.svg');}
.mlink_area a.i4 .icon {background-image:url('/pub/images/icon_mlink04.svg');}
.mlink_area a.i5 .icon {background-image:url('/pub/images/icon_mlink05.svg');}
.mlink_area a.i6 .icon {background-image:url('/pub/images/icon_mlink06.svg');}
.mlink_area a.i7 .icon {background-image:url('/pub/images/icon_mlink07.svg');}

.mboards {display:flex; gap:30px;}
.mboards .tit {font-size:20px; color:#000; font-weight:700; line-height:26px; margin-bottom:23px;}
.mboards .tit .more {display:inline-block; vertical-align:top; font-size:14px; margin-left:18px;}
.mboards .tit .more:after {content:""; display:inline-block; vertical-align:top; width:26px; height:26px; border:#EBEBEB 1px solid; border-radius:50%; background:url('/pub/images/icon_plus.svg') no-repeat 50% 50%; margin-left:7px;}
.mboards .news_area {width:55.715%;}
.mboards .jq_tab li {width:20%;}
.mboards .cont .list {display:flex; gap:30px;}
.mboards .cont a {position:relative; width:calc((100% - 60px)/3); height:210px; border:#E7E7E7 1px solid; padding:30px 30px 25px; font-size:18px; color:#000; font-weight:700; line-height:28px;}
.mboards .cont p {overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.mboards .cont .date {position:absolute; bottom:25px; left:30px; font-size:12px; color:#999; line-height:14px;}
.mboards .cont .new {position:absolute; bottom:25px; right:30px; width:20px; height:20px; line-height:20px; text-align:center; background:#FA9952; border-radius:50%; font-size:10px; color:#fff; font-weight:900; font-family:'Pretendard', sans-serif;}
.mboards .status_area {width:calc(44.285% - 30px);}
.mboards .status_area .img {height:275px; text-align:center; overflow:hidden;}

/* sub */
.container {position:relative; margin-top:100px; padding-top:60px; z-index:1;}
.container:before {content:""; position:absolute; top:0; left:0; width:100%; height:184px; background:#EBF1FE; z-index:-1;}
.container .inner {position:relative; padding:0 20px 130px 400px; min-height:calc(100vh - 224px);}
.container .aside {position:absolute; top:0; left:20px; width:270px; z-index:1;}
.container .aside .home,
.container .aside .g dt,
.container .aside .g dd,
.container .aside .s dt {display:none;}
.container .aside h2 {font-size:30px; color:#fff; font-weight:700; line-height:184px; background:url('/pub/images/bg_aside.svg') #4560BF no-repeat bottom -40px left -10px; text-align:center;}
.container .aside li {position:relative;}
.container .aside a {position:relative; display:block; font-size:20px; color:#333; font-weight:700; line-height:60px; border:#E2E2E2 1px solid; padding:0 25px; margin-top:-1px;}
.container .aside a:after {content:""; position:absolute; top:0; right:25px; width:0; height:100%; background:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.container .aside li.on {z-index:1;}
.container .aside li.on a {border-color:#4560BF; font-weight:900;}
.container .aside li.on a:after {width:7px;}
.container .aside li.indep.on a:after {transform:rotate(90deg);}
.container .aside .depth {position:relative; background:#F7F8FC; display:none; z-index:1;}
.container .aside li.on .depth {display:block;}
.container .aside .depth a {border-color:#4560BF;}
.container .aside .depth a:after {display:none;}
.container .aside .depth a.on,
.container .aside .depth.tab01 a:nth-child(1),
.container .aside .depth.tab02 a:nth-child(2),
.container .aside .depth.tab03 a:nth-child(3),
.container .aside .depth.tab04 a:nth-child(4) {color:#fff; font-weight:700; background:#2B4294;}
.container .contents {width:100%;}
.container .title {position:relative; font-size:40px; color:#111; font-weight:900; line-height:44px; padding:12px 0 30px; margin-bottom:90px;}
.container .title p {font-size:20px; color:inherit; font-weight:400; line-height:22px; margin-top:20px;}
.container .title .location {position:absolute; bottom:0; right:0; font-size:18px; font-weight:400; line-height:20px; display:flex;}
.container .title .location i {width:15px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50%;}
.container .title .location em {width:35px; background:url('/pub/images/arrow_locat.svg') no-repeat 50% 50%;}
.container p {font-size:18px; color:#666; line-height:30px;}
.btit {font-size:34px; color:#000; font-weight:700; line-height:50px; margin-bottom:70px;}
.btit strong {color:#2B4294; font-weight:900;}
.btit.s {font-size:30px; margin:80px 0 20px;}
.btit.s:first-child {margin-top:0;}
.stit {position:relative; font-size:32px; color:#2B4294; line-height:35px; margin:120px 0 30px; padding-left:20px;}
.stit:before {content:""; position:absolute; top:50%; left:0; width:5px; height:28px; border-radius:3px; margin-top:-14px; background:linear-gradient(#6486FF,#404A6F);}
.stit strong {font-weight:900;}
p.btb {font-size:18px; color:#707070; font-weight:400; line-height:35px; margin-top:40px; text-align:center;}
p.btb b {font-weight:700;}
.ltit {margin:100px 0 40px;}
.ltit span {display:inline-block; vertical-align:top; font-size:20px; color:#2B4294; font-weight:900; line-height:22px; border-bottom:#2B4294 2px solid;}
.etit {font-size:28px; color:#191F28; font-weight:800; line-height:1.25; margin:48px 0 24px;}
.etit:first-child {margin-top:0;}
.etit + .tb {font-size:16px; color:#58616A; line-height:1.45; margin:8px 0 32px;}

.contents .jq_tab li > * {font-size:17px; line-height:62px;}
.jq_tab.set4 {margin-bottom:35px;}
.jq_tab.set4 li {width:25%;}
.jq_tab.set2 li {width:50%;}
.jq_tab.set3 {margin-bottom:60px;}
.jq_tab.set3 li {width:calc(100%/3);}

/* 인사말 */
.greeting .ibox {position:relative; padding-right:300px;}
.greeting .ibox p {font-size:22px; color:#333; line-height:40px;}
.greeting .ibox strong {display:block; padding:50px 0; font-size:28px; color:#141414;}
.greeting .ibox .img {position:absolute; top:0; right:0; width:270px; text-align:right;}
.greeting .ibox .img i {display:block;}
.greeting .ibox .img p {font-size:18px; color:#000; font-weight:700; line-height:20px; margin:30px 0 10px;}
.greeting .ibox .img strong {color:#000; font-weight:900; padding:0;}
.about_icdc li {position:relative; margin-bottom:20px; box-shadow:rgba(0,0,0,.08) 6px 5px 24px; padding:52px 20px 52px 220px;}
.about_icdc li:last-child {margin-bottom:0;}
.about_icdc li i {position:absolute; top:50%; left:60px; width:124px; height:124px; line-height:124px; background:#DAE5FD no-repeat 50% 50%; border-radius:50%; transform:translateY(-50%);}
.about_icdc li .num {margin-bottom:10px;}
.about_icdc li .num strong {font-size:22px; color:#2B4294; font-weight:900; line-height:24px; border-bottom:#2B4294 2px solid;}
.about_icdc li p {font-size:20px; color:#777; line-height:32px;}
.about_icdc li p strong {color:#2B4294;}
.about_icdc li.i1 i {background-image:url('/pub/images/icon_about_icdc01.svg');}
.about_icdc li.i2 i {background-image:url('/pub/images/icon_about_icdc02.svg');}
.about_icdc li.i3 i {background-image:url('/pub/images/icon_about_icdc03.svg');}

/* 설립목적 및 연혁 */
.walked_way {display:flex; gap:25px; margin:100px 0 60px;}
.walked_way dl {width:calc((100% - 50px)/3); border:#ddd 1px solid;}
.walked_way dt {font-size:18px; color:#fff; font-weight:700; line-height:30px; padding:25px 10px; background:#2B4294; text-align:center;}
.walked_way dd {padding:20px;}
.walked_way p {position:relative; font-size:16px; color:#666; line-height:25px; padding-left:10px;}
.walked_way p:before {content:""; position:absolute; top:11px; left:0; width:2px; height:2px; background:#666;}
.history_wrap {position:relative;}
.history_wrap .hisarea,
.history_wrap .his_dbl {position:relative;}
.history_wrap .year_bg {position:absolute; top:50%; left:0; font-size:181px; color:#000; opacity:.02; font-weight:700; font-family:'GmarketSansMedium'; transform:translateY(-50%);}
.history_wrap .ibox {position:relative; background:no-repeat 50% 50% / cover; height:233px; display:flex; flex-direction:column; justify-content:center; padding-left:calc(50% + 40px); color:#fff; margin-bottom:40px;}
.history_wrap .ibox .tt {font-size:28px; font-weight:700; margin-bottom:25px;}
.history_wrap .ibox p {position:relative; font-size:16px; line-height:25px; margin-bottom:20px; padding-left:12px;}
.history_wrap .ibox p:last-child {margin-bottom:0;}
.history_wrap .ibox p:before {content:""; position:absolute; top:11px; left:0; width:2px; height:2px; background:#fff;}
.history_wrap .hisbox {position:relative; padding:0 0 100px 50%; margin-top:100px;}
.history_wrap .hisbox:before {content:""; position:absolute; top:29px; left:50%; width:1px; height:calc(100% - 29px); background:#2B4294;}
.history_wrap .hisbox .year {position:relative; font-size:32px; color:#2B4294; font-weight:900; line-height:35px; padding-left:50px;}
.history_wrap .hisbox .year:before,
.history_wrap .hisbox .year:after {content:""; position:absolute; top:50%; border-radius:50%; transform:translateY(-50%);}
.history_wrap .hisbox .year:before {left:-11px; width:23px; height:23px; border:#2B4294 1px solid;}
.history_wrap .hisbox .year:after {left:-5px; width:11px; height:11px; background:#2B4294;}
.history_wrap .hisbox .year i {position:absolute; top:50%; left:0; width:0; height:0; z-index:-1;}
.history_wrap .hisbox .year i:before {content:""; position:absolute; top:50%; left:50%; width:41px; height:41px; background:#EBF1FE; border-radius:50%; opacity:.7; transform:translate(-50%,-50%);}
.history_wrap .hisbox dl {padding-left:50px; display:flex; margin-top:40px;}
.history_wrap .hisbox dt {font-size:18px; color:#262626; font-weight:700; line-height:30px; width:35px;}
.history_wrap .hisbox dd {width:calc(100% - 35px);}
.history_wrap .hisbox dd p {position:relative; font-size:18px; color:#959595; line-height:30px; padding-left:14px; letter-spacing:-1px;}
.history_wrap .hisbox dd p:before {content:""; position:absolute; top:13px; left:0; width:3px; height:3px; background:#FA9952;}
.history_wrap .ibox.i21 {background-image:url('/pub/images/img_year21.png'); height:620px; padding:0; margin-bottom:-160px;}
.history_wrap .ibox.i21 + .hisbox {margin-top:0;}
.history_wrap .ibox.i20 {background-image:url('/pub/images/img_year20.jpg');}
.history_wrap .ibox.i19 {background-image:url('/pub/images/img_year19.jpg');}
.history_wrap .ibox.i18 {background-image:url('/pub/images/img_year18.jpg');}
.history_wrap .hisbox.rev {padding:0 50% 100px 0; text-align:right;}
.history_wrap .hisbox.rev .year_bg {left:auto; right:0;}
.history_wrap .hisbox.rev .year {padding:0 50px 0 0;}
.history_wrap .hisbox.rev .year:before {left:auto; right:-11px;}
.history_wrap .hisbox.rev .year:after {left:auto; right:-5px;}
.history_wrap .hisbox.rev .year i {left:auto; right:0;}
.history_wrap .hisbox.rev dl {padding:0 50px 0 0; flex-direction:row-reverse;}
.history_wrap .hisbox.rev dd p {padding:0 14px 0 0;}
.history_wrap .hisbox.rev dd p:before {left:auto; right:0;}
.history_wrap .his_dbl .year_bg {margin-top:150px;}
.history_wrap .his_dbl .year_bg + .hisbox {padding-bottom:150px;}
.history_wrap .his_dbl .hisbox + .hisbox {margin-top:-8px;}
.history_wrap .his_dbl .hisbox:last-child:before {display:none;}

/* 조직도 */
.organization {position:relative; text-align:center; font-size:20px;}
/* .organization:before {content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#CFCFCF;} */
.organization > * {position:relative; z-index:1;}
.organization .org_cnt {height:78px; width:320px; margin:0 auto 40px;}
.organization .org01 {color:#2B4294; line-height:76px; border:#2B4294 1px solid; background:#fff; box-shadow:rgba(0,0,0,.08) 6px 6px 24px;}
.organization .org01:before {content:""; position:absolute; top:calc(100% + 1px); left:50%; width:1px; height:40px; background:#CFCFCF;}
.organization .org_this {color:#fff; line-height:78px;}
.organization .org_this:before,
.organization .org_this:after {content:""; position:absolute;}
.organization .org_this:before {top:100%; left:50%; width:1px; height:100%; background:#CFCFCF;}
.organization .org_this:after {top:-9px; right:-9px; border-radius:50%; border:#fff 48px solid; border-right:#859FFA 48px solid; z-index:-1; transform:rotate(-45deg);}
.organization .org_this span {position:relative; display:block; background:#2B4294; border-radius:0 45px 0 0; z-index:1;}
.organization .side {position:relative; display:flex; justify-content:space-between; margin:-40px 0 0;}
.organization .side:before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#CFCFCF;}
.organization .side li {position:relative; color:#4D4D4D; line-height:76px; height:78px; width:240px; background:#E8E8E8; border:#BCBCBC 1px solid; box-shadow:rgba(0,0,0,.08) 6px 6px 24px; z-index:1;}
.organization .side li:before {content:""; position:absolute; top:50%; border:transparent 4px solid; border-bottom:#FA9952 4px solid; border-radius:50%; margin-top:-4px;}
.organization .side li.left:before {left:calc(100% - 4px); border-right:#FA9952 4px solid; transform:rotate(-45deg);}
.organization .side li.right:before {right:calc(100% - 4px); border-left:#FA9952 4px solid; transform:rotate(45deg);}
.organization .team {position:relative; display:flex; gap:20px; padding-top:40px;}
.organization .team:before {content:""; position:absolute; top:0; left:50%; width:calc(100% - ((100% - 60px)/4)); height:1px; background:#CFCFCF; transform:translateX(-50%);}
.organization .team li {position:relative; width:calc((100% - 60px)/4); z-index:1; box-shadow:rgba(0,0,0,.08) 6px 6px 24px; background:#fff;}
.organization .team li:before,
.organization .team li:after {content:""; position:absolute; left:50%;}
.organization .team li:before {top:-40px; width:1px; height:40px; background:#CFCFCF;}
.organization .team li:after {top:-4px; border:transparent 4px solid; border-top:#FA9952 4px solid; border-left:#FA9952 4px solid; transform:translateX(-50%) rotate(45deg); border-radius:50%;}
.organization .team .tt {color:#090909; line-height:78px; text-align:center; background:#E8EDFF;}
.organization .team .cn {padding:50px 30px; height:auto; text-align:left;}
.organization .team .cn p {color:#666; margin-bottom:15px; padding-left:15px; text-indent:-15px;}
.organization .team .cn p:last-child {margin-bottom:0;}

/* CI소개 */
.container .jq_tab li button {font-size:17px; line-height:62px;}
.g01.s04 .jq_tab li {width:calc(100%/3);}
.ci_wrap p {margin-top:20px;}
.ci_wrap .itit + p {margin-top:0;}
.ci_type {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-content:center; gap:50px 150px; height:495px; padding:80px 90px; box-shadow:rgba(0,0,0,.08) 6px 6px 24px; margin-top:60px;}
.ci_type li {max-width:500px; text-align:left;}
.ci_type strong {display:block; font-size:20px; color:#666; line-height:22px; margin-bottom:20px;}
.tac.mt {margin-top:40px;}
.tac.mt8 {margin-top:80px;}
.tac.mt12 {margin-top:120px;}
.color_type_wrap {margin-top:120px;}
.color_type_wrap .ltit {margin:0;}
.color_type {display:flex; gap:30px;}
.color_type li {position:relative; width:calc((100% - 90px)/4); padding-top:60px;}
.color_type li .ltit {position:absolute; top:0; left:0;}
.color_type li .cbox {box-shadow:rgba(0,0,0,.16) 0 3px 12px;}
.color_type li .color {height:94px; padding:20px;}
.color_type li .color span {font-size:18px; color:#fff; font-weight:700; line-height:25px; opacity:.46;}
.color_type li .txt {padding:20px;}
.color_type li .tt {font-size:18px; font-weight:700; line-height:20px; margin-bottom:10px;}
.color_type li p {font-size:17px; color:inherit; font-weight:700; line-height:25px; letter-spacing:-.5px; opacity:.46;}
.color_type li.c1 .color {background:#2B4294;}
.color_type li.c1 .txt {color:#2B4294;}
.color_type li.c2 .color {background:#5AA6C0;}
.color_type li.c2 .txt {color:#5AA6C0;}
.color_type li.c3 .color {background:linear-gradient(-60deg, #2B4294, #5AA6C0);}
.color_type li.c3 .txt {color:#5AA6C0;}
.color_type li.c4 .color {background:#767475;}
.color_type li.c4 .txt {color:#767475;}

/* 오시는길 */
.map_wrap {position:relative; margin-bottom:220px;}
.map_wrap #map {width:100%; height:480px;}
.radius_border{border:1px solid #919191;border-radius:5px;}     
.custom_zoomcontrol {position:absolute;top:50%;right:10px;width:36px;height:80px;overflow:hidden;z-index:2;background-color:#f5f5f5; transform:translateY(-50%);}
.custom_zoomcontrol span {position:relative; display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}  
.custom_zoomcontrol span:before,
.custom_zoomcontrol span:after {content:""; position:absolute; top:50%; left:50%; background:#666; transform:translate(-50%,-50%);}
.custom_zoomcontrol span:before {width:16px; height:2px;}
.custom_zoomcontrol span:after {width:2px; height:16px;}
.custom_zoomcontrol span.minus:after {display:none;}
.map_wrap .map_txt {position:absolute; bottom:-130px; right:30px; width:650px; max-width:100%; height:250px; background:#2B4294; padding:30px; z-index:20;}
.map_wrap .map_txt .logo {height:60px; border-bottom:rgba(255,255,255,.21) 1px solid; margin-bottom:26px;}
.map_wrap .map_txt .logo:before {content:""; display:block; width:233px; height:43px; background:#fff; mask:url('/pub/images/logo.svg') no-repeat 0 0 / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 0 0 / contain;}
.map_wrap .map_txt dl {display:flex; margin-bottom:20px;}
.map_wrap .map_txt dl:last-child {margin-bottom:0;}
.map_wrap .map_txt dt,
.map_wrap .map_txt dd {font-size:18px; color:#fff; line-height:20px;}
.map_wrap .map_txt dt {position:relative; font-weight:700; width:150px; padding-left:30px;}
.map_wrap .map_txt dt:before {content:""; position:absolute; top:0; left:0; width:30px; height:100%; background:no-repeat 0 50%;}
.map_wrap .map_txt dd {width:calc(100% - 150px);}
.map_wrap .map_txt .t1 dt:before {background-image:url('/pub/images/icon_map_a01.svg');}
.map_wrap .map_txt .t2 dt:before {background-image:url('/pub/images/icon_map_a02.svg');}
.map_wrap .map_txt .t3 dt:before {background-image:url('/pub/images/icon_map_a03.svg');}
.map_trans {border-top:rgba(112,112,112,.21) 1px solid;}
.map_trans li {position:relative; padding:40px; border-bottom:rgba(112,112,112,.21) 1px solid;}
.map_trans li:before {content:""; position:absolute; top:40px; left:0; width:28px; height:32px; background:no-repeat 50% 50%;}
.map_trans .tit {font-size:20px; color:#000; font-weight:700; line-height:32px; height:32px; width:120px; background:#E8EDFF; border-radius:16px; text-align:center; margin-bottom:20px;}
.map_trans p {font-size:20px; color:#666; line-height:30px;}
.map_trans .t1:before {background-image:url('/pub/images/icon_map_t01.svg');}
.map_trans .t2:before {background-image:url('/pub/images/icon_map_t02.svg');}
.map_trans .t3:before {background-image:url('/pub/images/icon_map_t03.svg');}

/* 법정감염병 안내 */
.guide_hand {position:relative; font-size:15px; color:#2B4294; line-height:20px; padding-left:30px; background:url('/pub/images/icon_guide_hand.svg') no-repeat 5px 50%; margin-bottom:15px;}
.tbl table {border-top:#707070 1px solid; text-align:center;}
.tbl th,
.tbl td {border-bottom:#DBDBDB 1px solid; border-right:#DBDBDB 1px solid;}
.tbl th {font-size:16px; font-weight:700;}
.tbl thead th {color:#fff; line-height:50px; background:#2B4294;}
.tbl tbody th,
.tbl tbody td strong {font-size:16px; color:#000;}
.tbl tbody th {background:#F8F8F8;}
.tbl tbody td {font-size:14px; color:#7D7D7D; line-height:25px; padding:20px 15px 20px 20px; vertical-align:top;}
.tbl tbody .see td {padding:12px 20px;}
.tbl tbody td li {text-align:left;}
.tbl col.w1 {width:12%;}
.tbl col.w2 {width:22%;}
.tbl col.w3 {width:20%;}
.tbl col.w4 {width:26%;}

.tbl td > ul > li {position:relative; cursor:pointer; padding-left:16px; text-indent:-16px; word-break:break-all; letter-spacing:-1px;}
.tbl td > ul > li * {text-indent:0;}
.tbl .dep {position:relative;}
.tbl .dep i:not(.popi) {position:relative; display:inline-block; vertical-align:top; width:23px; height:12px; background:#FA9952; border-radius:6px; margin:6px 0 0 4px;}
.tbl .dep i:not(.popi):before,
.tbl .dep i:not(.popi):after {content:""; position:absolute; top:50%; left:50%; background:#fff; transform:translate(-50%,-50%); transition:.2s linear;}
.tbl .dep i:not(.popi):before {width:8px; height:2px;}
.tbl .dep i:not(.popi):after {width:2px; height:8px;}
.tbl .dep .sub {border-top:#2B4294 1px solid; width:calc(100% + 20px); background:#EBF1FE; padding:10px; margin-left:-20px; display:none;}
.tbl .dep .sub li {line-height:28px;}
.tbl .dep.on i:after {width:8px; height:2px;}
.pop_dtl {position:absolute; /*top:100%;*/ right:-20px; width:410px; background:#fff; border:#959595 1px solid; z-index:10; padding:0 20px; letter-spacing:-.5px; display:none;}
.pop_dtl .btn_close {position:absolute; top:0; right:0; width:30px; height:30px; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%;}
.pop_dtl .tt {font-size:20px; color:#2B4294; font-weight:700; line-height:22px; padding:14px 0; border-bottom:#DFDFDF 1px solid; text-align:center;}
.pop_dtl .cn {padding:30px 0; display:flex; flex-wrap:wrap; gap:14px; overflow:hidden;}
.pop_dtl .cn a {position:relative; font-size:14px; color:#6D6D6D; line-height:20px; display:flex; gap:18px; width:100%; border-bottom:#fff 1px solid;}
.pop_dtl .cn a i {position:relative;}
.pop_dtl .cn a i:before {content:""; position:absolute; top:50%; left:-9px; width:1px; height:12px; background:#6D6D6D; margin-top:-6px;}
.pop_dtl .cn a i.i:after {content:""; display:inline-block; vertical-align:top; width:15px; height:20px; background:url('/pub/images/icon_link.svg') no-repeat 50% 50% / contain; margin-left:10px;}

/* 감염병 발생 현황 */
.container.status_board_wrap {padding-top:0; margin-top:0; width:100%;}
.container.status_board_wrap:before {display:none;}
.status_wrap {position:relative; width:100%; max-width:1640px; margin:0 auto; border-top:#fff 10px solid;}
.status_aside {position:absolute; top:0; left:0; width:110px; height:100%; max-height:877px; background:#204093; z-index:10;}
.status_aside ul {display:flex; flex-direction:column; width:100%; height:100%; overflow:hidden auto;}
.status_aside li {width:100%; display:flex; flex-direction:column;}
.status_aside li a {display:block; padding:25px 0; text-align:center;}
.status_aside li:first-child a {padding-top:40px;}
.status_aside li i {display:block; width:100%; height:37px; background:no-repeat 50% 50%; margin-bottom:15px;}
.status_aside li p {font-size:17px; color:#fff; font-weight:700; line-height:20px;}
.status_aside li.i1 i {background-image:url('/pub/images/icon_status01.svg');}
.status_aside li.i2 i {background-image:url('/pub/images/icon_status02.svg');}
.status_aside li.i3 i {background-image:url('/pub/images/icon_status03.svg');}
.status_aside li.i4 i {background-image:url('/pub/images/icon_status04.svg');}
.status_aside li.i5 i {background-image:url('/pub/images/icon_status05.svg');}
.status_aside li.on > a {background:#34ADD6;}
.status_aside .snb {background:#cde3ef; display:none;}
.status_aside .snb a {padding:20px 0; border-bottom:#fff 2px solid;}
.status_aside .snb a p {color:#13419a; font-weight:500;}
.status_aside .snb a:last-child {border-bottom:0;}
/* .status_aside .snb a.on {background:#5dabc5;} */
.status_aside .snb a.on p {font-weight:700;}
.status_aside .on .snb {display:block;}
.status_contents {width:100%; height:calc(100vh - 10px); padding-left:110px;}
.status_contents .inbox {width:100%; height:100%; overflow:auto;}
.status_contents img {height:100%; max-width:none;}
.status_contents .tableauPlaceholder {position:relative; width:100% !important; height:calc(100vh - 10px) !important; max-height:calc(100vh + 21px); overflow:auto !important;}
.status_contents .tableauPlaceholder iframe {position:relative; top:0; /* width:calc(100% + 20px) !important; */}

.status_wrap.tac {padding:100px 0 100px; width:1250px; max-width:100%; margin:0 auto; overflow:auto;}

/* 교육행사 접수 */
.pop_receipt {position:relative; width:1220px; max-width:100%; padding:80px 120px; background:#F7F8FC; font-size:18px;}
.pop_receipt .tit {font-size:38px; color:#000; font-weight:700; line-height:42px; margin-bottom:30px;}
.pop_receipt p.c {color:#2B4294; line-height:30px;}
.pop_receipt .tt {color:#000; font-weight:700; line-height:20px; margin:80px 0 20px;}
.pop_receipt table {margin-bottom:20px;}
.pop_receipt th,
.pop_receipt td {border:#707070 1px solid; color:#666; text-align:center;}
.pop_receipt th {line-height:20px; padding:20px;}
.pop_receipt td {line-height:35px; padding:50px 20px; letter-spacing:-.5px;}
.pop_receipt table + p {color:#A7A7A7; line-height:20px; margin-bottom:15px;}
.pop_receipt label.check {display:block;}
.fancybox-close {top:80px; right:70px; width:40px; height:40px; background:url('/pub/images/btn_close2.svg') no-repeat 50% 50%;}

label.check {position:relative; font-size:18px; color:#999; line-height:20px; padding-left:28px; display:inline-block;}
label.check input {display:none;}
label.check i {position:absolute; top:1px; left:0; width:18px; height:18px; background:#fff; border:#2B4294 1px solid;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#2B4294; transform:translate(-50%,-50%); transition:.2s linear;}
label.check input:checked + i:before {width:10px; height:10px;}
label.check .red {color:#CE1313;}
label.check.type_check i {border-color:#ddd; border-radius:2px; transition:.2s linear;}
label.check.type_check i:before {top:0; left:0; width:100%; height:100%; transform:none; background:#58616A; mask:url('/pub/images/icon_check.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/icon_check.svg') no-repeat 50% 50%;}
label.check.type_check input:checked + i {background:#2B4294; border-color:#2B4294;}
label.check.type_check input:checked + i:before {width:100%; height:100%; background-color:#fff;}

label.radio {position:relative; font-size:18px; color:#999; line-height:24px; padding-left:28px;}
label.radio input {display:none;}
label.radio i {position:absolute; top:3px; left:0; width:18px; height:18px; background:#fff; box-shadow:inset rgba(0,0,0,.08) 0 1px 12px; border-radius:50%;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; background:#D1D1D1; transform:translate(-50%,-50%); border-radius:50%; transition:.2s linear;}
label.radio input:checked + i {box-shadow:rgba(0,0,0,.16) 0 3px 6px;}
label.radio input:checked + i:before {background:#2B4294;}
label.radio.type_radio {padding-left:32px;}
label.radio.type_radio i {top:0; width:24px; height:24px; border:#E2E2E2 1px solid;}

.process {border-top:#101010 1px solid; border-bottom:rgba(16,16,16,.2) 1px solid; padding:20px 25px;}
.process dl {display:flex; margin-bottom:20px;}
.process dl:last-child {margin-bottom:0;}
.process dt,
.process dd {line-height:22px;}
.process dt {width:130px; font-size:20px; color:#000; font-weight:700;}
.process dd {width:calc(100% - 130px); font-size:18px; color:#666;}
.process dd .sang {display:inline-block; vertical-align:top; font-size:18px; color:#fff; line-height:28px; width:70px; height:28px; text-align:center;}
.process dd .sang.ing {background:#2B4294;}
.process dd .sang.end {background:#666;}

.board_write {border-top:#101010 1px solid;}
.board_write dl {display:flex; font-size:18px; border-bottom:#DEDEDE 1px solid; width:100%;}
.board_write dl:last-child {border-bottom:rgba(0,0,0,.2) 1px solid;}
.board_write dt,
.board_write dd {padding:30px 25px;}
.board_write dt {color:#000; font-weight:700; line-height:58px; width:320px; background:#F7F8FC; padding-left:60px;}
.board_write dt .org {color:#FA9952;}
.board_write dd {width:calc(100% - 320px);}
.board_write dd input.text,
.board_write dd .btn {height:58px;}
.board_write dd input.text {border:#E6E6E6 1px solid; padding:0 20px; color:rgba(0,0,0,.57);}
.board_write dd input.text[disabled] {background:#F5F5F5;}
.board_write dd input.text::placeholder {color:rgba(0,0,0,.36);}
.board_write dd input.text + p {margin-top:10px;}
.board_write dd .radios {display:flex; gap:20px; margin-top:20px;}
.board_write dd.inbtn {display:flex;}
.board_write dd.inbtn .text {width:calc(100% - 160px);}
.board_write dd.inbtn .btn {width:140px; color:#828282; font-weight:700; line-height:56px; height:58px; text-align:center; border:#828282 1px solid; margin-left:20px;}
.board_write dd textarea.text {padding:20px;}

/* 신청조회 */
.inquiry_wrap {width:100%; padding:60px 180px; box-shadow:rgba(0,0,0,.16) 12px 12px 30px;}
.inquiry_wrap li {display:flex; margin-bottom:30px;}
.inquiry_wrap li span {font-size:18px; color:#000; font-weight:700; line-height:58px; width:110px;}
.inquiry_wrap .text {font-size:17px; color:rgba(0,0,0,.57); padding:0 20px; width:calc(100% - 110px);}
.inquiry_wrap .text::placeholder {color:rgba(0,0,0,.36);}
.inquiry_wrap .capcha {display:flex;}
.inquiry_wrap .capcha > * {height:58px;}
.inquiry_wrap .capcha .img {width:270px; overflow:hidden;}
.inquiry_wrap .capcha .text {width:calc(100% - 458px); margin:0 30px;}
.inquiry_wrap .capcha .btn {width:58px; border:#ddd 1px solid; background:no-repeat 50% 50%;}
.inquiry_wrap .capcha .re {background-image:url('/pub/images/icon_re.svg');}
.inquiry_wrap .capcha .spk {background-image:url('/pub/images/icon_spk.svg'); margin-left:12px;}
.inquiry_wrap p {font-size:24px; color:#999; line-height:26px; text-align:center; margin-top:40px;}
.inquiry_wrap p strong {color:#2B4294;}
.inquiry_wrap .board_bottom .btns {margin-top:60px;}
.inquiry_wrap .board_bottom .btns .btn {color:#2B4294; border:#2B4294 1px solid; line-height:53px;}

.gname {background:#F5F5F5; padding:40px 25px 30px; border:0; margin-bottom:70px;}

/* 개인정보처리방침 */
.yak_area {font-size:18px; color:#666; line-height:30px;}
.yak_area .shabox {font-size:20px; color:#777; line-height:35px; text-align:center; padding:50px; box-shadow:rgba(0,0,0,.08) 6px 6px 24px; margin-bottom:100px;}
.yak_area .icons {display:flex; flex-wrap:wrap; box-shadow:rgba(0,0,0,.08) 6px 6px 24px; padding:60px;}
.yak_area .icons li {width:calc(100%/3); text-align:center; border-left:#E8E8E8 1px solid;}
.yak_area .icons li:nth-child(-n+3) {padding-bottom:85px; border-bottom:#E8E8E8 1px solid;}
.yak_area .icons li:nth-child(n+4) {padding-top:85px;}
.yak_area .icons li:nth-child(3n-2) {border-left:0;}
.yak_area .icons .img {height:147px; line-height:147px;}
.yak_area .icons .img img {width:auto; height:auto; object-fit:none;}
.yak_area .icons strong {display:block; font-size:16px; color:#000; line-height:24px; margin:25px 0 10px;}
.yak_area .icons p {font-size:14px; color:#666; line-height:20px;}
.yak_area .tit {font-size:20px; color:#000; font-weight:800; line-height:24px; margin:100px 0 40px;}
.yak_area p {line-height:30px;}
.yak_area .tbl {margin-top:40px; border-top:#000 1px solid;}
.yak_area .tbl th,
.yak_area .tbl td {border:#9E9E9E 1px solid; border-top:0;}
.yak_area .tbl thead th {color:#000; background:#EEEEEE; height:80px;}
.yak_area .tbl tbody td {font-size:18px; color:#666; line-height:25px; vertical-align:middle; padding:40px 15px;}
.yak_area ul.pl li {padding-left:25px; text-indent:-25px;}

.body_certificates .fancybox-close {top:0; right:0;}
.pop_certificates {position:relative;}
.pop_certificates .btn_print {display:block; font-size:17px; color:#fff; font-weight:700; line-height:30px; height:30px; width:120px; text-align:center; border-radius:3px; margin:5px auto; background:#2B4294;}
.pop_certificates .outbox {position:relative; width:100%; max-width:calc(100vw - 40px); max-height:calc(100vh - 90px); padding:0 20px 20px; overflow:auto;}
.pop_certificates .bgbox {position:relative; width:595px; height:842px; padding:50px 70px; background:url('/pub/images/bg_pop_certificates.svg') no-repeat 50% 50% / contain; color:#020511;}
.pop_certificates .num {font-size:13px; font-weight:500; font-family:'Pretendard';}
.pop_certificates .title {font-size:50px; font-weight:800; text-align:center; margin:40px 0;}
.pop_certificates .dl_wrap {display:flex; flex-direction:column; gap:10px; font-family:'Pretendard';}
.pop_certificates .dl_wrap dl {display:flex; font-size:17px;}
.pop_certificates .dl_wrap dt {margin-right:5px;}
.pop_certificates .name {align-items:flex-end;}
.pop_certificates .name dd {width:140px;}
.pop_certificates .edu {margin:50px 0 40px; padding-left:20px;}
.pop_certificates .edu dt {width:70px;}
.pop_certificates .edu dd {width:calc(100% - 70px);}
.pop_certificates .con {font-size:19px; line-height:34px; font-family:'Pretendard'; text-align:center;}
.pop_certificates .date {display:flex; gap:30px; justify-content:center; margin:110px 0 30px; font-family:'Pretendard';}
.pop_certificates .date li {font-size:17px;}
.pop_certificates .btm {position:relative; font-size:31px; font-weight:800; text-align:center; z-index:1;}
.pop_certificates .btm i {position:absolute; top:50%; left:calc(50% + 130px); width:100px; height:100px; background:url('/pub/images/img_stemp.png') no-repeat 50% 50% / contain; transform:translateY(-50%); z-index:-1;}

/* 장비신청 */
.equipment_wrap * {letter-spacing:-.024em;}
.page_tabs {display:flex; margin-bottom:100px;}
.page_tabs li {width:50%;}
.page_tabs li a {display:block; font-size:17px; color:#1E2124; line-height:63px; height:63px; width:100%; background:#F7F8FC; text-align:center;}
.page_tabs li.on a {color:#fff; background:#2B4294;}
input.text,
select.text,
textarea.text {border-radius:4px;}
input.text,
select.text {padding:0 20px;}
textarea.text {padding:12px 20px;}

.gbox {background:#F7F8FC; padding:32px;}
.flex {display:flex;}
.flex_center {display:flex; justify-content:center; align-items:center;}
.about_equipment .flex {gap:32px;}
.about_equipment .box {width:calc(50% - 16px); background:#fff; border:#E2E2E2 1px solid;}
.about_equipment .imgfit {border-bottom:#E2E2E2 1px solid;}
.about_equipment .txt {padding:24px 32px;}
.about_equipment .tt {font-size:20px; color:#4661BF; font-weight:800; line-height:1.3; margin-bottom:24px;}
.about_equipment p {font-size:16px; color:#33363D; line-height:1.4;}
.about_equipment p + p {margin-top:16px;}

.application_form {margin-top:48px;}
.application_form .month_area {border:#E2E2E2 1px solid; padding:32px;}
.month_area .month_pick {gap:32px; margin-bottom:24px;}
.month_area .month_pick strong {order:2; font-size:24px; color:#1E2124; font-weight:800; line-height:34px;}
.month_area .month_pick .arrow {width:20px; height:20px; background:url('/pub/images/arrow_month.svg') no-repeat 50% 50% / contain; font-size:0;}
.month_area .month_pick .prev {order:1;}
.month_area .month_pick .next {order:3; transform:scaleX(-1);}
.month_area .etc {font-size:14px; color:#58616A; font-weight:700; line-height:1.45;}
.month_area {position:relative;}
.before_cover {position:absolute; top:0; left:0; width:100%; height:100%; background:#0009; z-index:10; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:24px; font-size:24px; color:#fff; font-weight:800; line-height:1.5; text-align:center; pointer-events:none; user-select:none; transition:.2s linear;}
.before_cover:before {content:""; display:block; width:33px; aspect-ratio:33/36; background:url('/pub/images/icon_arrow.svg') no-repeat 50% 50% / contain;}
.month_area.start .before_cover {opacity:0;}
.month_tbl {border-top:#33363D 1px solid;}
.month_tbl th,
.month_tbl td {border:#E2E2E2 1px solid; border-top:0;}
.month_tbl th {padding:12px 20px; font-size:16px; color:#33363D; font-weight:700; line-height:1.4; text-align:center;}
.month_tbl th:first-child {color:#DC2626;}
.month_tbl th:last-child {color:#3B82F6;}
.month_tbl td {position:relative; padding:12px; vertical-align:top; height:103px;}
.month_tbl td:first-child,
.month_tbl td:last-child {background:#F4F5F6;}
.month_tbl td:before,
.month_tbl td:after {content:""; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); pointer-events:none; user-select:none; transition:.2s linear;}
.month_tbl td:before {height:calc(100% + 2px); border:#F59E0B 2px solid; opacity:0;}
.month_tbl td.today:after {height:2px; background:#4661BF;}
.month_tbl td.on:before {opacity:1;}
.month_tbl td span {display:block; font-size:14px; color:#33363D; font-weight:700; line-height:1.45;}
.month_tbl td.on span {color:#F59E0B;}
.month_tbl td .btns {margin-top:4px; display:flex; flex-direction:column; gap:4px;}
.month_tbl td .btns .btn {display:block; font-size:13px; font-weight:700; line-height:23px; height:25px; text-align:center; border:1px solid; border-radius:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.month_tbl td .btns .btn_blue {color:#4661BF; background:#4661BF1A; border-color:#4661BF33;}
.month_tbl td .btns .btn_green {color:#2096BD; background:#32ADD61A; border-color:#32ADD633;}
.month_tbl td .btns .btn_gray {color:#fff; background:#CDD1D5; border-color:#CDD1D5;}
.rental_status {margin:16px 0; padding:32px 24px; gap:32px; background:#F7F8FC; border:#E2E2E2 1px solid;}
.rental_status .state {gap:24px;}
.rental_status .state li {position:relative; font-size:14px; font-weight:800; line-height:22px; padding-left:24px;}
.rental_status .state li:before {content:""; position:absolute; top:50%; left:0; width:16px; aspect-ratio:1/1; border-radius:50%; transform:translateY(-50%); border:1px solid;}
.rental_status .state li.c1 {color:#4661BF;}
.rental_status .state li.c2 {color:#32ADD6;}
.rental_status .state li.c3 {color:#58616A;}
.rental_status .state li.c1:before {background:#4661BF1A; border-color:#4661BF33;}
.rental_status .state li.c2:before {background:#32ADD61A; border-color:#32ADD633;}
.rental_status .state li.c3:before {background:#CDD1D5; border-color:#CDD1D5;}
.rental_status .btn {display:block; font-size:16px; color:#fff; font-weight:800; line-height:46px; height:48px; width:146px; text-align:center; background:#859FFA; border-radius:4px;}
.form_area.tbl col.th,
.form_area.tbl col.td {width:210px;}
.form_area.tbl table {border-top:#222 1px solid;}
.form_area.tbl tbody th {font-size:18px; color:#222; padding:20px; width:210px; background:#F7F8FC; text-align:left;}
.form_area.tbl tbody th span {color:#4661BF;}
.form_area.tbl tbody td {font-size:16px; color:#33363D; padding:16px 24px; text-align:left; vertical-align:middle;}
.form_area .items {gap:72px;}
.form_area .items .item {width:calc(50% - 36px); justify-content:space-between; align-items:center;}
.form_area .items .name {font-size:16px; color:#33363D; line-height:1.4;}
.form_area input.text,
.form_area select.text {height:42px;}
.form_area .items .count .text {width:160px;}
.form_area .date {font-size:22px; color:#4661BF; font-weight:800; line-height:1.25;}
.form_area .affiliation_list {display:flex; align-items:center; gap:16px;}
.form_area .affiliation_list select.text {width:160px;}
.form_area .affiliation_list input.text {width:298px;}
.form_area .wlong,
.inputs_area {width:100%; max-width:560px;}
.form_area .radios {gap:8px;}
.form_area .etc {font-size:14px; color:#33363D; font-weight:400; margin-top:8px;}
.form_area .eq_capcha {display:flex; align-items:center;}
.form_area .eq_capcha > * {height:42px;}
.form_area .eq_capcha .img {width:150px; overflow:hidden; flex-shrink:0;}
.form_area .eq_capcha .text {width:120px; margin:0 12px;}
.form_area .eq_capcha .btn {width:42px; flex-shrink:0; border:#ddd 1px solid; background:#fff no-repeat 50% 50%;}
.form_area .eq_capcha .re {background-image:url('/pub/images/icon_re.svg');}
.form_area .eq_capcha .spk {background-image:url('/pub/images/icon_spk.svg'); margin-left:8px;}
.radio_bg input {position: absolute;opacity: 0;width: 1px;height: 1px;}
.radio_bg:has(input:focus) {outline: 2px solid #333;outline-offset: 2px;}
.radio_bg span {display:block; font-size:16px; color:#33363D; line-height:40px; height:42px; padding:0 24px; background:#fff; border:#E2E2E2 1px solid; border-radius:21px; transition:.2s linear;}
.radio_bg input:checked + span {color:#fff; font-weight:800; background:#859FFA; border-color:#859FFA;}
.terms_area {margin-top:48px;}
.terms_area .tit {font-size:20px; color:#333D4B; font-weight:600; line-height:1.3; margin:32px 0 8px;}
.terms_area .textbox {background:#F9FAFB; border:#E5E8EB 1px solid; border-radius:4px; padding:24px 10px 24px 24px; font-size:16px; color:#6B7684; line-height:1.4; margin-bottom:8px;}
.terms_area .scroll {padding-right:14px; max-height:160px; overflow:auto;}
.btns_btm {margin-top:60px; gap:24px;}
.btns_btm .btn {font-size:18px; height:60px; width:240px; border-radius:4px; text-align:center;}
.btns_btm .btn_blue {color:#fff; font-weight:800; line-height:60px; background:#859FFA;}
.btns_btm .btn_line {color:#33363D; font-weight:700; line-height:58px; border:#E2E2E2 1px solid;}

/* 달력 */
.ui-datepicker {width:330px; max-width:calc(100vw - 40px); margin-top:-1px; padding:32px 24px; background:#fff; border:#ccc 1px solid; border-radius:10px; display:none;}
.ui-datepicker-header {position:relative; border-bottom:0; overflow:hidden; display:flex; justify-content:center; align-items:center; gap:12px; padding-bottom:18px;}
.ui-datepicker-title {order:2; text-align:center; font-size:16px; color:#222; font-weight:600; line-height:32px; display:flex; justify-content:center; align-items:center; gap:4px;}
.ui-datepicker-title select {padding-right:30px; height:32px;}
.ui-datepicker-prev,
.ui-datepicker-next {display:block; height:32px; line-height:32px; width:32px; text-align:center; display:flex; justify-content:center; align-items:center; background:#fff; border:#ccc 1px solid; border-radius:50%;}
.ui-datepicker-prev {order:1;}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {display:block; width:20px; height:30px; background:url('/pub/images/arrow_month.svg') no-repeat 50% 50%; font-size:0;}
.ui-datepicker-next {order:3;}
.ui-datepicker-next .ui-icon {transform:scaleX(-1);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {text-align:center; height:40px; font-size:15px;}
.ui-datepicker-calendar td a {display:block; width:32px; height:32px; line-height:32px; border-radius:50%;}
.ui-datepicker-calendar th:first-child,
.ui-datepicker-calendar td:first-child a {color:#DC2626;}
.ui-datepicker-calendar th:last-child,
.ui-datepicker-calendar td:last-child a {color:#3B82F6;}
.ui-datepicker-calendar td.ui-datepicker-today a {color:#fff; background:#859FFA;} /* 오늘 */
.ui-datepicker-calendar td a.ui-state-active {color:#859FFA; background:#fff; border:#859FFA 1px solid;} /* 선택 */
.ui-datepicker-calendar td.ui-state-disabled span {display:block; width:32px; height:32px; line-height:32px; border-radius:50%; margin:0 auto; color:#ccc; background:#f2f2f2; text-decoration:line-through;} /* 대여불가(주말/공휴일/범위밖) */

/* 대여조회 */
.excl_in {font-size:16px; color:#DC2626; font-weight:700; background:#FEF2F2; border:#DC2626 1px solid; display:none;}
.excl_in:before {content:""; display:block; width:20px; height:20px; background:url('/pub/images/icon_excl.svg') no-repeat 50% 50% / contain;}
.inputs_area {position:relative; display:inline-block;}
.inputs_area .not_input {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:4px; align-items:center; padding:0 24px; gap:4px; pointer-events:none; user-select:none;}
.no_list_state {width:100%; max-width:550px; padding:24px; margin:60px auto 0; gap:8px;}
.not .inputs_area .not_input,
.no_state .no_list_state {display:flex;}
.equipment_list table {border-top:#1E2124 1px solid;}
.equipment_list col.w58 {width:58px;}
.equipment_list col.w70 {width:70px;}
.equipment_list col.w96 {width:96px;}
.equipment_list col.w101 {width:101px;}
.equipment_list col.w108 {width:108px;}
.equipment_list col.w113 {width:113px;}
.equipment_list tr {position:relative;}
.equipment_list th,
.equipment_list td {border-bottom:#E2E2E2 1px solid; padding:22px 0; text-align:center;}
.equipment_list th {font-size:17px; color:#33363D; font-weight:700; line-height:1.4; background:#F7F8FC;}
.equipment_list td {font-size:16px; color:#464C53; line-height:1.4;}
.equipment_list .btn_hover {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0;}
.equipment_list .ico_state {margin:0 auto;}
.equipment_list td a.ico_state {display:block; max-width:none; padding:0; font-size:12px; font-weight:700; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:clip;}
.ico_state {display:block; width:66px; height:28px; line-height:26px; text-align:center; border-radius:4px; border:1px solid; font-size:12px; font-weight:700; white-space:nowrap; overflow:hidden; box-sizing:border-box;}
.ico_state.cr_orange {color:#F59E0B; background:#F59E0B1A; border-color:#F59E0B;}
.ico_state.cr_not {color:#8A949E; background:#F9FAFB; border-color:#E5E7EB;}
.ico_state.cr_blue {color:#3B82F6; background:#3B82F61A; border-color:#3B82F6;}
.ico_state.cr_green {color:#46BF54; background:#46BF541A; border-color:#46BF54;}
.ico_state.cr_gray {color:#6B7280; background:#F9FAFB; border-color:#D1D5DB;}
.ico_state.cr_red {color:#DC2626; background:#DC26261A; border-color:#DC2626;}
.ico_state.bg_red {color:#fff; background:#DC2626; border-color:#DC2626;}
.ico_state.bg_blue {color:#fff; background:#4661BF; border-color:#4661BF;}
.ico_state.bg_turquoise {color:#fff; background:#32ADD6; border-color:#32ADD6;}
.tbl_after {margin-top:24px;}
.tbl_after p {font-size:16px; color:#58616A; line-height:1.45;}
.tbl_after p + p {margin-top:8px;}
.tbl_after p.red {color:#DC2626;}

.view_info {display:flex; align-items:flex-start; gap:32px;}
.view_info .imgfit {width:420px; aspect-ratio:42/23; border:#E2E2E2 1px solid; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.view_info .imgfit img {display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;}
.view_info .txt {width:calc(100% - 452px); border-top:#E2E2E2 1px solid; border-bottom:#E2E2E2 1px solid; display:grid; grid-template-columns:repeat(2, max-content); gap:24px; padding:32px 25px;}
.view_info .txt li {position:relative; font-size:16px; color:#33363D; line-height:1.4; padding-left:102px; flex:1 1 auto;}
.view_info .txt li strong {position:absolute; top:0; left:0; padding-left:14px;}
.view_info .txt li strong:before {content:""; position:absolute; top:50%; left:0; width:6px; aspect-ratio:1/1; border-radius:50%; background:#4661BF; transform:translateY(-50%);}
.equipment_view #dateArea {display:flex; flex-direction:column; gap:4px;}
.equipment_view .date_plus {gap:16px;}
.equipment_view .radios {align-items:center; gap:24px;}
.equipment_view .radios li {display:flex; align-items:center; gap:16px; padding-left:0;}
.equipment_view .date_plus .text {width:160px;}
.equipment_view .date_plus span {width:20px; line-height:42px; text-align:center;}
.equipment_view .date_plus .btn {gap:8px; font-size:16px; font-weight:800; line-height:42px; height:42px; padding:0 16px; border-radius:4px;}
.equipment_view .date_plus .btn:before {content:""; display:block; width:20px; height:20px;}
.equipment_view .date_plus .btn_plus {color:#fff; background:#859FFA;}
.equipment_view .date_plus .btn_plus:before {background:url('/pub/images/icon_dateplus.svg') no-repeat 50% 50% / contain;}
.equipment_view .date_plus .btn_minus {color:#859FFA; background:#fff; border:#859FFA 1px solid;}
.equipment_view .date_plus .btn_minus:before {background:url('/pub/images/icon_dateminus.svg') no-repeat 50% 50% / contain;}
.equipment_view textarea.text {height:130px;}
.filebox {display:flex; gap:16px;}
.filebox .file input {display:none;}
.filebox .file span {display:block; font-size:16px; color:#fff; font-weight:800; line-height:38px; height:38px; width:94px; text-align:center; background:#859FFA; border-radius:4px;}
.filebox .file_input {font-size:14px; color:#33363D; line-height:38px;}
.filebox + .etc {font-size:12px; color:#4661BF; line-height:1.45; margin-top:16px;}
.equipment_view .terms_box {padding:24px 32px; background:#F4F5F6; border:#E2E2E2 1px solid; margin-top:24px; display:flex; flex-direction:column; gap:8px;}
.equipment_view .terms_box p {font-size:16px; color:#58616A; line-height:1.4;}
.equipment_view .terms_box .check {font-size:16px; color:#333D4B;}

.equipment_end {padding:64px; background:#F7F8FC; text-align:center;}
.equipment_end:before {content:""; display:block; width:64px; height:64px; background:url('/pub/images/icon_end.svg') no-repeat 50% 50% / contain; margin:0 auto 24px;}
.equipment_end p {font-size:20px; color:#222; font-weight:700; line-height:1.25;}
.equipment_end .btns_btm {margin-top:40px;}

/* 팝업 */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; font-size:16px; color:#4A4B4D; visibility:hidden; opacity:0; transition:.3s;}
.popup.is-active {visibility:visible; opacity:1;}
.popup .dm {background:#0009;}
.popup .inbox {position:absolute; top:50%; left:50%; width:720px; max-width:calc(100vw - 40px); max-height:calc(100vh - 40px); background:#fff; border-radius:4px; padding:40px; transform:translate(-50%,-50%);}
.popup .btn_close {position:absolute; top:40px; right:40px; width:34px; height:34px; background:url('../images/btn_pop_close.svg') no-repeat 50% 50%; font-size:0;}
.popup .tit {font-size:28px; color:#191F28; font-weight:800; line-height:35px; margin-bottom:24px; text-align:center;}
.popup .scroll {max-height:calc(100vh - 208px); overflow:auto;}

.pop_rental_status .month_tbl th,
.pop_rental_status .month_tbl td {padding:4px; border:#E2E2E2 1px solid;}
.pop_rental_status .month_tbl th:first-child,
.pop_rental_status .month_tbl td:first-child {border-left:0;}
.pop_rental_status .month_tbl th:last-child,
.pop_rental_status .month_tbl td:last-child {border-right:0;}
.pop_rental_status .month_tbl td:first-child,
.pop_rental_status .month_tbl td:last-child {background:#fff;}
.pop_rental_status .month_tbl th {padding:7px;}
.pop_rental_status .month_tbl td {height:90px;}
.pop_rental_status .month_tbl td:before,
.pop_rental_status .month_tbl td:after {display:none;}
.pop_rental_status .month_tbl .btns li {display:flex;}
.pop_rental_status .month_tbl .count,
.pop_rental_status .month_tbl .name {font-size:13px; font-weight:700; border-radius:4px;}
.pop_rental_status .month_tbl .count {width:20px; height:25px; line-height:25px; text-align:center; color:#fff;}
.pop_rental_status .month_tbl .name {width:calc(100% - 20px); height:25px; line-height:23px; padding:0 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pop_rental_status .month_tbl .c_blue .count {background:#4661BF;}
.pop_rental_status .month_tbl .c_blue .name {color:#4661BF; background:#4661BF1A; border-color:#4661BF33;}
.pop_rental_status .month_tbl .c_green .count {background:#32ADD6;}
.pop_rental_status .month_tbl .c_green .name {color:#2096BD; background:#2096BD1A; border-color:#2096BD33;}
.pop_rental_status .rental_status {padding:24px 32px; flex-direction:column; gap:16px;}
.pop_rental_status .rental_status .tt {font-size:16px; color:#33363D; font-weight:700;}
.pop_rental_status .rental_status .state {gap:16px;}
.pop_rental_status .rental_status .state li {font-size:16px; padding-left:14px;}
.pop_rental_status .rental_status .state li:before {width:6px; height:6px;}
.pop_rental_status .rental_status .state span {color:#33363D;}
.pop_rental_status .rental_status .state li.c1:before {background:#4661BF;}
.pop_rental_status .rental_status .state li.c2:before {background:#32ADD6;}
.is_error {border-color:#DC2626 !important;}

/* 대여승인 - 수령/반납 안내 */
.equipment_list td.rental_status_td {padding:12px 4px;}
.rental_status_wrap {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.rental_notice_bubble {position:relative; display:inline-block; margin-bottom:9px; padding:6px 9px; background:#4661BF; border-radius:5px; color:#fff; font-size:11px; font-weight:700; line-height:1.3; white-space:nowrap; box-sizing:border-box; pointer-events:none;}
.rental_notice_bubble:after {content:""; position:absolute; top:100%; left:50%; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #4661BF; transform:translateX(-50%);}
.rental_status_notice_btn {display:block; margin:0 auto; padding:0; border:0; background:none; cursor:pointer;}
.rental_status_notice_btn .ico_state {cursor:pointer;}
.rental_status_notice_btn:hover .ico_state {opacity:.8;}

.rental_notice_layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999;}
.rental_notice_layer.on {display:block;}
.rental_notice_dim {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.45);}
.rental_notice_popup {position:absolute; top:50%; left:50%; width:calc(100% - 40px); max-width:50%; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 5px 25px rgba(0,0,0,.25); transform:translate(-50%, -50%);}
.rental_notice_head {position:relative; padding:20px 55px 18px 22px; border-bottom:#E2E2E2 1px solid; font-size:20px; color:#222; font-weight:700;}
.rental_notice_close {position:absolute; top:50%; right:15px; width:36px; height:36px; padding:0; border:0; background:none; font-size:30px; color:#555; line-height:36px; cursor:pointer; transform:translateY(-50%);}
.rental_notice_body {padding:28px 22px; min-height:100px;}
#rentalNoticeContent {font-size:16px; color:#33363D; line-height:1.7; white-space:pre-wrap; word-break:break-word;}
.rental_notice_btns {padding:0 22px 22px; text-align:center;}
.rental_notice_btns .btn {min-width:100px; border:0; cursor:pointer;}

.rental_guide_row th {vertical-align:top;}
.rental_guide_box {padding:14px 18px; background:#F7F8FC; border:1px solid #E2E8F0; border-radius:8px;}
.rental_guide_box p {margin:0; font-size:15px; color:#58616A; line-height:1;}
.rental_guide_box p + p {margin-top:6px;}
.rental_guide_box strong {color:#2B4294; font-weight:700;}
#rentalNoticeContent img {max-width: 100%;height: auto !important;}
#rentalNoticeContent {line-height: 1;	word-break: break-word;}
#rentalNoticeContent img {max-width: 100%;height: auto !important;}
#rentalNoticeContent table {max-width: 100%;}