.reserve_tab{border:4px solid #ccd5e1; margin-bottom: 2rem;  }
.tab_1{display: flex; width: 100%; }
.tab_1 li{width: 100%; text-align: center; position: relative;}
.tab_1 li a{display: inline-block; position:relative; padding: 20px 5px 20px 25px; color: #333;}
.tab_1 li a:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-55%);width: 0.9rem;height: 0.9rem;border-radius: 50%;background: #ddd;}
.tab_1 li.active a{color: #0C347C;font-weight: 700;}
.tab_1 li.active a:before{ background: #0C347C url("../images/icon/check.svg") center no-repeat;}
.tab_2 {display: flex; width: 100%;border-top: 1px solid #ccd5e1;padding: 10px;background: #f3f6ff;position: relative; justify-content: center;}
.tab_2 li{position: relative;}
.tab_2 li+li{margin-left: 1rem;}
.tab_2 li a{display: inline-block; padding: 10px 20px; color: #333; border-radius: 5px; position: relative;}
.tab_2 li.active a{color: #4571E9;font-weight: 800;}

.page_head .book_info a{display: inline-block; padding: 10px 20px 10px 35px; border-radius: 5px; color: #fff; font-weight: 600; font-size: .9rem; transition: all .3s; }
.page_head .book_info a:hover{box-shadow: 2px 3px 5px rgba(0,0,0,.1);}
.page_head .book_info a:nth-child(1){background:#ffc023 url("../images/icon/star.svg") 13px 13px  no-repeat;}
.page_head .book_info a:nth-child(2){background:#31b0ac url("../images/icon/microscope.svg") 15px  13px  no-repeat; margin-left: 5px;}

.search_field{display: flex;}
.search_field .select{position: relative; width: 30%;}
.search_field .select select{height: 100%;width: 100%;font-size: 1rem;background: #F8F8F8;padding: 10px 50px 10px 20px;border: 1px solid #ededed;cursor: pointer;transition: all 0.3s;}
.select select{color: #999; font-weight: 500; font-size: .95rem;}
.select select:focus{border: 1px solid #333;}
.search_field .select+.select select {border-left: 0;}
.select option {color: #333;}
.select:after{content: ''; width: 20px; height: 20px; position: absolute; right: 16px;  top: 50%; transform: translateY(-50%);background: url("../images/icon/ico_select.svg") center no-repeat;}
.search_field .search {position: relative;height: 55px; width: 40%; }
.search_field .search input{background: #F8F8F8; border: 1px solid #ededed; border-left: 0; height: 100%; width:100%; font-weight: 300; font-size: 1rem;  padding: 10px 60px 10px 20px; transition: all 0.3s;}
.search_field .search input:focus {border: 1px solid #333; border-radius: 0;}
.search_field .search input::placeholder{color: #999; font-weight: 500; font-size: .95rem;}
.search_field .search .btn_search {position: absolute; right: 0; top: 0; width: 100px; height: 100%; background: #143F70; color: #fff; font-weight: 500; font-size: 1rem;}

.btn-slide-prev,
.btn-slide-next{width: 40px; height: 40px; border: 1px solid #e5e5e5;display:inline-block;}
.btn-slide-prev{background: url("../images/icon/chevron-left.svg") center no-repeat;}
.btn-slide-next{background: url("../images/icon/chevron-right.svg") center no-repeat;}
.btn-slide-next{border-left: 0;}

.bookmark{overflow: hidden; margin-top: 2rem;}
.page_sub_head{display: flex; justify-content: space-between;margin-bottom: 20px;}
.page_sub_head h3{ color: #333;  font-size: 1.3rem;}
.bookmark .slide_btn{display: flex; cursor: pointer;}
.bookmark .slide_btn .book_prev,
.bookmark .slide_btn .book_next{width: 40px; height: 40px; border: 1px solid #e5e5e5;}
.bookmark .slide_btn .book_prev{background: url("../images/icon/chevron-left.svg") center no-repeat;}
.bookmark .slide_btn .book_next{background: url("../images/icon/chevron-right.svg") center no-repeat;}
.bookmark .slide_btn .book_next{border-left: 0;}
.bookmark_item{border: 1px solid #e5e5e5; transition: all .3s ease;}
.bookmark_item:hover{box-shadow: 0 0 10px rgba(0,0,0,.1)}
.bookmark_item .thumb{ position: relative;height: 200px;overflow: hidden;border: 1px solid #eee;background: #eee;}
.bookmark_item .thumb img{position: absolute;top: 50%;left: 50%;width: 100%!important;height: 100%!important;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);object-fit: cover;}
.bookmark_item .txt{padding: 0 20px; }
.bookmark_item .label{padding-top: 10px;}
.bookmark_item .label span{display: inline-block;  font-size: .85rem; font-weight: 600;}
.bookmark_item .label .sort{color: #4D86D9; background: #E8EFFA; border-radius: 20px; padding: 2px 10px; }
.bookmark_item .label .green{color: #3B9F17; padding: 0 3px; }
.bookmark_item .label .red{color: #BD3A3A; padding: 0 3px; }
.bookmark_item .subject{min-height: 96px;margin-top: 5px;}
.bookmark_item .subject strong{font-weight:600; display: block;}
.bookmark_item .subject span{color: #555;font-size: .88rem;}
.bookmark_item .detail {padding: 10px 0;}
.bookmark_item .detail li{display: flex;font-size: .85rem;}
.bookmark_item .detail li span{ color: #999; min-width: 55px;}
.bookmark_item .detail li p{color: #555;}
.bookmark_item .btn_area{margin: 10px 20px 15px;}
.bookmark_item .btn{display: block; width: 100%; text-align: center; padding: 8px; font-size: .9rem; font-weight: 600;  }


.equip {margin-top: 2rem;}
.equip .count{font-size: .88rem; color: #555;}
.equip .count span{color:#0D58C8; font-weight: 600;}
.equip_list > li{transition: all .3s ease;}
.equip_list > li > a{display: flex; border: 1px solid #e5e5e5;  margin-bottom: 15px; }
.equip_list > li:hover {box-shadow: 5px 0 10px rgba(0,0,0,.07);}
.equip_list li .thumb{width: 300px;  position: relative;}
.equip_list li .thumb img{position: absolute;top: 50%;left: 50%;width: 100%!important;height: 100%!important;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);object-fit: cover;}
.equip_list li .txt{padding: 25px; width: 55%;}
.equip_list li .txt .location span{font-size: .85rem; color: #777; position: relative; display: inline-block; padding-right: 10px; font-weight: 600;}
.equip_list li .txt .location span+span{padding-left: 15px;}
.equip_list li .txt .location span+span:after{content: ''; width: 5px; height: 10px; position: absolute; left: 0; top:50%; transform: translateY(-50%); background: url("../images/icon/location.png") center no-repeat;}
.equip_list li .subject {padding: 20px 0;}
.equip_list li .subject strong{color: #333; font-weight: 600; display: block;}
.equip_list li .subject span{color: #555;}
.equip_list .detail li{display: flex;font-size: .85rem;}
.equip_list .detail li span{ color: #999; min-width: 55px;}
.equip_list .detail li p{color: #555;}
.equip_list .status{display: flex; min-width: 95px; justify-content: center; align-items: center; border-left: 1px dashed #E2E5E8; border-right: 1px dashed #E2E5E8; padding: 0 20px;}
.equip_list .status .green{color: #3B9F17; font-weight: 600; font-size: .95rem;}
.equip_list .status .red{color: #BD3A3A; font-weight: 600; font-size: .95rem;}
.equip_list .link_group{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;width: 15%; padding: 55px 40px;}
.equip_list .link_group button{display: block; width: 100%; text-align: center; padding: 8px 5px; font-weight: 600;font-size: .92rem; transition: all .3s ease; }
.equip_list .link_group button:after{background: #77797D;}


.ico_bookmark{width:30px; height: 30px; position: absolute; right: 10px; top: 10px; border: 1px solid #E2E5E8; box-shadow: 0 4px 10px rgba(0,0,0,.15);background: #fff url("../images/icon/bookmark.svg") center no-repeat; border-radius: 5px; z-index: 2; }
.ico_bookmark.active{background: #fff url("../images/icon/bookmark_on.svg") center no-repeat;}
.btn_bezier {display: inline-block;background: transparent;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);cursor: pointer;}
.btn_bezier:after {position: absolute;top: 0;left: 0;height: 100%;width: 0;content: '';z-index: -1;
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    will-change: width;}
.btn_bezier:hover:after {width: 100%;}
.btn_bezier:hover {color: #FFF !important;}

.reserve_head{display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem;}
.reserve_head .tit{margin-bottom: 1rem;}
.reserve_head .tit h3{font-size: 1.8rem; color: #222; font-weight: 800;}
.reserve_head .tit p{ color: #666; }
.reserve_head .qr_code{background: #e2e2e2;padding: 5px;}
.reserve_head .qr_code img{width: 65px;}
.reserve_info{display: flex; padding-bottom: 2rem; position: relative;}
.reserve_info .thumb {width: 380px; height: 300px; position: relative;}
.reserve_info .thumb img{width: 100%;}
.reserve_info .thumb img {position: absolute;top: 50%;left: 50%;width: 100%!important;height: 100%!important;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);object-fit: cover;}
.reserve_info .txt{padding-left: 2rem; width: 50%; }
.reserve_info .txt .label{margin-bottom: 10px;}
.reserve_info .txt .label span{display: inline-block; color: #4D86D9;background: #E8EFFA;border-radius: 20px;padding: 2px 10px; font-weight: 600; font-size: .88rem; }
.reserve_info .txt .label span+span{margin-left: 5px;}
.reserve_info .txt .label a+a{margin-left: 5px;}
.reserve_info .txt li{display: flex; position: relative; padding-left: 20px; margin-bottom: 5px;}
.reserve_info .txt li:after{content: ''; width: 5px; height: 5px; border-radius: 5px; background: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.reserve_info .txt li span{min-width: 110px; font-weight: 600;}
.reserve_info .txt li p{color: #555;}
.reserve_info .btn-area{ justify-content: left; padding: 10px 0; margin-top: 0; margin-bottom: 0; }
.reserve_info .btn-area button{ margin-bottom: 4px; }
.reserve_info .qr-code { position: absolute; top: 32px; right: 0; }
.reserve_info .qr-code img { width: 8rem;   /* IE, only works on <img> tags */ /*-ms-interpolation-mode: nearest-neighbor;*/ /* Firefox */ /*image-rendering: crisp-edges;*/ /* Chromium + Safari */ /*image-rendering: pixelated;*/ }

.calendar {position: relative;overflow: hidden;max-width: 100%;flex-grow: 1;display: flex;flex-direction: column;background: #fff;}
.calendar ul {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: row;flex-wrap: wrap; border-right: 1px solid #ebebeb;}
.calendar ul li {width: calc(100% / 7);padding: .8rem .5rem; border-bottom: 1px solid #ebebeb;}
.calendar .days {flex-grow: 1;}
.calendar .days li{min-height: 100px; border-left: 1px solid #ebebeb;}
.calendar .days li.today .date{background: #3686FF; color: #fff;}
.calendar .days li .badge{display: none; line-height: 6px;}
.calendar .days li .badge span{ display: inline-block; width: 5px; height: 5px; background: #31B0AC; border-radius: 5px; }
.calendar .day-names {text-align: center;color: #676767;background: #f9f9f9; border-left: 1px solid #ebebeb; border-top:2px solid #333;flex-shrink: 0;flex-grow: 0;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600;line-height: 1;}
.calendar .date {display: inline-block; width: 25px; height: 25px; border-radius: 1em;text-align: center; line-height: 25px;font-size: 0.875em;font-weight: bold;}
.calendar .outside .date {opacity: 0.5;}
.calendar .event {font-size: 0.8rem; padding:.4rem ; margin-top:2px; line-height: 1.5;overflow: hidden;border-radius: 3px;background: #eef0fc; color: #000;}
.calendar .event span{position: relative;}
.calendar .event span:before {content: '';display: inline-block; width: 0.5em;height: 0.5em;margin-right: 0.5em;background: #31B0AC;border-radius: 100%;flex-shrink: 0;}
.calendar .event.span-2 {width: calc(200% + 2rem);}
.calendar .event.begin {border-radius: 1em 0 0 1em;}
.calendar .event.end {border-radius: 0 1em 1em 0;}
.calendar .event.clear {visibility: hidden;}
.calendar .event b{display: block;}
.calendar .month{margin-bottom: 1rem; text-align: center;}
.calendar .month span{font-size: 1.8rem; font-weight: 800; color: #333;    vertical-align: middle;}
.calendar .month span em{font-style: normal; font-size: 1rem; color: #777;}
.calendar .month a{display: inline-block;    vertical-align: middle;}
.calendar .month .btn_today{border: 1px solid #ddd; padding: 5px 10px;}
.calendar .month .prev{width: 30px; height: 30px; margin: 0 10px; background: url("../images/icon/calendar_prev.svg") center no-repeat;}
.calendar .month .next{width: 30px; height: 30px; margin: 0 10px; background: url("../images/icon/calendar_next.svg") center no-repeat;}

.calendar.small ul{border: 0;}
.calendar.small ul li{background: transparent;}
.calendar.small .day-names{background: transparent;border: 0; border-top: 2px solid #0C347C;}
.calendar.small .day-names li{color: #777; font-weight: 500;}
.calendar.small .days li.active .date{background: #e7eaed;}
.calendar.small .days li{min-height: 50px; border: 0; padding: .5rem;}
.calendar.small .days li .badge {display: block}
.calendar.small .event{box-shadow: none;background: transparent; color: #333; font-size: .85rem; border-bottom: 1px solid #d9e3f2}
.calendar.small .event:last-child{border-bottom: 0;}
.calendar.small .days .detail{position: absolute; left:0 ;width: 100%;background: #EBF1FA;margin-top: 5px;border-radius: 4px; padding: 5px;}


.tab_menu{padding-top: 2rem;}
.tab_menu ul{display: flex;}
.tab_menu ul li{width: 100%; text-align: center;border: 1px solid #dddfe1;  background: #f5f5f6;border-radius: 5px 5px 0 0; padding: 15px 0;cursor: pointer;}
.tab_menu ul li a{color: #555; font-weight: 500;}
.tab_menu ul li+li{border-left: 0;}
.tab_menu ul li.active {background: #fff;  border: 1px solid #2770DD;border-bottom: 0;}
.tab_menu ul li.active a{color: #2A74E4; font-weight: 700;}
.tab_contents {padding: 3rem 0;}

/*.board_filter{display: flex; justify-content: space-between; align-items: flex-end;   margin-bottom: 15px;}*/
/*.board_filter .count{color: #444; font-size: 1rem;}*/
/*.board_filter .count span {color: #3686FF; font-weight: 600;}*/
/*.board_search_area {position: relative; margin-bottom: 60px; overflow: hidden;}*/
/*.board_search_area ul {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; border-top: 2px solid #333; border-bottom: 1px solid #e6e6e6;}*/
/*.board_search_area ul li {display: flex; align-items: center; width: 50%; border-bottom: 1px solid #e6e6e6;}*/
/*.board_search_area ul li:nth-of-type(2n-1){border-right: 1px solid #e6e6e6;}*/
/*.board_search_area ul li:last-of-type {border: 0;}*/
/*.select_wrap {display: flex; flex-wrap: wrap;}*/
/*.board_search_area .select select {min-width: 160px;}*/
/*.board_search_area .tit {width: 130px; padding: 20px; background: #f5f4f4; font-weight: 500; border-right: 1px solid #e6e6e6;}*/
/*.board_search{display: flex; }*/
/*.board_search .select{height: 55px; width: 170px;}*/
/*.board_search .select_first{margin-right: 5px;}*/
/*.board_search .select{position: relative;}*/
/*.board_search .select select{height: 100%;width: 100%;font-size: 1rem;background: #F8F8F8;padding: 10px 50px 10px 20px;border: 1px solid #ededed;cursor: pointer;transition: all 0.3s;}*/
/*.board_search .select select:focus{border: 1px solid #333;}*/
/*.board_search .input_addition {position: relative;height: 55px; width: 300px; margin-left: 5px;}*/
/*.board_search .input_addition input{    background: #F8F8F8;border: 1px solid #ededed;height: 100%;width: 100%;font-weight: 300;font-size: 1rem;padding: 10px 60px 10px 20px;transition: all 0.3s;}*/
/*.board_search .input_addition input:focus {border: 1px solid #333;}*/
/*.board_search .input_addition .btn_search {position: absolute; right: 0; top: 0; width: 50px; height: 55px; background: url("../images/icon/search-line.svg") center no-repeat;}*/

.board-list {width: 100%; border-top: 2px solid #333;table-layout: fixed; text-align: center;}
.board-list th{padding: 15px 10px; font-weight: 500; border-bottom: 1px solid #dedede;}
.board-list th.tit{width: 55%;}
.board-list td{padding: 25px 10px; border-bottom: 1px solid #eaeaea; color: #555;}
.board-list .td_tit {text-align: left !important; color: #333; font-size: 1.1rem;  }
.board-list .td_tit a{display: inline-block; max-width: 90%; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; font-weight: 500;}
.board-list .td_tit:hover a{text-decoration: underline;}
.board-list .td_num .mark{display: inline-block;  color: #3078E5; padding: 2px 8px; font-size: .9rem; font-weight: 600;}
.board-list .has_file {display: inline-block;width: 20px;height: 20px; vertical-align: middle; background: url('../images/icon/ico_board_file.svg') center center no-repeat;}
.board-list td.no_data{ padding: 100px 0;}

.board-list.type3 {text-align: left; margin: 0;}
.board-list.type3 li{padding: 1rem 0; border-bottom: 1px solid #a7a7a7; display: flex;}
.board-list.type3 li .txt{ flex: 1; }
.board-list.type3 li .tit{ font-size: 1.15rem;font-weight: 600;padding: 0 0 .5rem 1rem;}
.board-list.type3 li .info { padding: 0; margin-bottom: 0; border: none; background: none;}
.board-list.type3 li .info span {font-size: 1rem;position: relative;display: inline-block;color: #555; padding: 0 1rem;}
.board-list.type3 li .info span + span{padding-left: 10px; margin-left: 10px;}
.board-list.type3 li .info span + span:before {content: '';display: inline-block;width: 1px;height: 10px;background: #d1d1d1;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.board-list.type3 li .file{margin-top: 1rem; padding: 1rem 0 0 1rem; border-top: 1px solid #ddd;}
.board-list.type3 li .file a{color: #777; padding-right: 20px; text-decoration: underline; position: relative;background: url("../images/icon/download-2-line2.svg") right center no-repeat;}
.board-list.type3 li .file a+a{padding-left: 20px;}
.board-list.type3 li .btn-area {display: flex; flex-direction: column; margin: 0; }
.board-list.type3 li .btn-area button { margin: 2px 0; }
.board-list.type3 .download a{color: #777; padding-right: 20px; text-decoration: underline; position: relative;background: url("../images/icon/download-2-line2.svg") right center no-repeat;}
.board-list.type3 .download a+a{padding-left: 20px;}
.board-list.type3 .link a{color: #777; padding-right: 20px; text-decoration: underline; position: relative;background: url("../images/icon/ico_link.svg") right center no-repeat;}


.tbl_form {border-top: 2px solid #333;}
.tbl_form > ul > li {display: flex; align-items: center; border-bottom: 1px solid #e8e8e8;}
.tbl_form .tit {width: 160px;  font-size: 1rem; font-weight: 500; padding: 0 0 0 20px; border-bottom: 0; text-align: left;}
.tbl_form .cont {width: calc(100% - 160px); padding: 20px; border-left: 1px solid #e8e8e8;}
.tbl_form .w_edit {padding: 20px 0;}
.tbl_form input[type="text"]{border: 1px solid #cdcdcd; height: 40px; padding: 5px 20px; line-height: 40px; font-size: 1rem; width: 100%;}
.tbl_form input[type="text"]:focus {border: 1px solid #333;}
.tbl_form textarea{border: 1px solid #cdcdcd;  min-height: 50px; padding: 15px 20px;  font-size: 1rem; width: 100%;}
.tbl_form textarea:focus {border: 1px solid #333;}
.input_desc{color: #777; font-weight: 300; font-size: .95rem; }
.input_desc span{color: #E94E1B;}
.tbl_form_btn {text-align: center; margin-top: 30px;}
.tbl_form_btn .btn{padding: 10px 20px; border: 1px solid #555; display: inline-block;}
.tbl_form_btn .btn.check{background: #fff; color: #333;border: 1px solid #555;}
.tbl_form_btn .btn.del{background: #AF4636;color: #fff;border: 1px solid #AF4636;}
.tbl_form .tit .require{color:#E94E1B; }
.tbl_form .cont .require_txt{display: block; color:#E94E1B; font-size: .9rem;}
.tbl_form .input_group button{padding:7px 10px;margin-left: 10px;font-size: 1rem; color: #333; border: 1px solid #ccc; background: #f0f0f0; border-radius: 5px;}

.tbl_form.type2 > ul{display: flex; flex-wrap: wrap;}
.tbl_form.type2 > ul > li{width: 50%;}
.tbl_form.type2 .cont{padding: 10px}
.tbl_form.type2 input{height: 40px;}
.tbl_form.type2  > ul > li:nth-child(even){border-left: 1px solid #e8e8e8;}
.tbl_form.type2 > ul > li.w_full{width: 100%; border-left: 0;}
.tbl_form.type2 .tit {width: 200px;}
.tbl_form.type2 .cont {width: calc(100% - 200px);}
.tbl_form.type2 .date_input{display: flex; align-items: center;}
.tbl_form.type2 .date_input input{width: 200px;}
.tbl_form.type2 .date_input > span{display: inline-block; padding: 0 15px;}
.tbl_form.type2 .input_group button {width: 40px; height: 40px;}


.doc{border-top: 2px solid #0C347C; }
.doc li{width: 100%;padding: 10px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eaeaea;}
.doc li .txt{width: 60%}
.doc li .tit{ font-size: 1rem;font-weight: 600;padding: 3px 0;}
.doc li .info span {font-size: .95rem;position: relative;display: inline-block;color: #777;}
.doc li .info span + span{padding-left: 10px; margin-left: 10px;}
.doc li .info span + span:before {content: '';display: inline-block;width: 1px;height: 10px;background: #d1d1d1;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.doc li .file a{color: #0C347C; display: inline-block; padding: 10px 20px 10px 40px;  font-size: .95rem;   border: 1px solid #0C347C;}
.doc li .file a:nth-child(1){background: url("../images/icon/download-2-line.svg") 15px center no-repeat; }
.doc li .file a:nth-child(2){background: url("../images/icon/file-list-2-line.svg") 15px center no-repeat; }


.dot_list li{position: relative; padding-left: 10px;}
.dot_list li:before {content: '';  position: absolute; left: 0; top:.6rem;  width: 3px; height: 3px; background: #0C347C; border-radius: 50px;}


.reserve .term {padding: 3rem; background: #f2f4f7;margin-bottom: 2rem;border: 3px solid #d9e0ec;}
.reserve .term strong{font-size: 1.4rem; color: #333; }
.reserve .term p{color: #666;}
.reserve .input_group{display: flex;}
.reserve .tbl_form input::placeholder{color: #bbb; font-weight: 500; font-size: .95rem;}
.reserve .input_group button{width: 40px;height: 40px;border: 1px solid #333;background: #fff url("../images/icon/calendar.svg") center no-repeat;color: #333;font-weight: 500;padding: 5px 10px 5px 30px;margin-left: 10px;font-size: 1rem;}
.reserve .input_group input{width: 200px;}
.reserve .input_group.num input{width: 100px; margin-right: 5px;}
.reserve .checkbox{display: block;}
.reserve .dot_list{font-size: .9rem; color: #555; padding: 15px 0;}
.reserve .btn_area{text-align: center; padding: 2rem 0;}
.reserve .btn_area a{padding: 10px 20px; display: inline-block; border-radius: 5px;font-size: 1.1rem; font-weight: 500;}
.reserve .btn_area a:nth-child(2) {color: #fff; min-width: 150px;}
.reserve .btn_area a:nth-child(1) {color: #555; border: 1px solid #ccc}
.reserve .radio {display: inline-block;}
.reserve h4{ margin:2rem 0 1rem; font-size: 1.2rem;}

.step {display: flex; justify-content: center; padding: 2rem 0; }
.step li{position: relative; padding: 0 30px; text-align: center; min-width: 180px; font-size: 1.1rem; color: #555; }
.step li:before{content: ''; width: 30px; height: 30px; background: #D7D7D7 url("../images/icon/check.png") center no-repeat; border-radius: 50px; display: inline-block; z-index: 1; position: relative;}
.step li.on:before{background: #476CCD url("../images/icon/check.png") center no-repeat;}
.step li strong{display: block; font-weight: 400;}
.step li.on {opacity: 1; }
.step li+li:after{content:''; width: 100%; height: 2px; background: #e8e8e8; position: absolute; left: -50%;top:16px;}
.step li+li.on:after{background: #476CCD;}
.step li.on {color: #0c347c;}

.reserve_success{text-align: center;max-width: 600px; margin: 0 auto; background: #f2f4f7; padding: 3rem  5rem;}
.reserve_success h3{text-align: center; font-size: 1.7rem; color: #222;}
.reserve_success h3 span{color: #3078E5;}
.reserve_success ul{width: 100%; margin: 20px auto; border: 2px solid #eee; border-radius: 10px; padding: 15px;}
.reserve_success ul li{display: flex;font-size: .95rem; margin-bottom: 5px; text-align: left;}
.reserve_success ul li .tit{width: 100px; color: #777;}
.reserve_success ul li .cont{color: #555;}
.reserve_success .dot_list{border: 0; color: #555; }
.reserve_success .dot_list li{font-size: .9rem;}
.reserve_success .btn_area{text-align: center;}
.reserve_success .btn_area a{padding: 10px 20px; display: inline-block; border-radius: 5px; color:#fff; width: 100%;font-size: 1.1rem; font-weight: 500;}
.reserve_success img{display: none;}

.agree_box{border: 0.4rem solid #dcdce2; }
.agree_box .textarea {background-color: #f4f5f9;padding: 2rem; line-height: 1.7rem; color: #333; font-size: .98rem; }
.agree_box .textarea.textarea--scrollable {overflow: auto;max-height: 30rem;}
.agree_box .textarea dl{padding: 20px;margin: 1rem 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd;}
.agree_box .textarea dt{font-weight: 600; margin-bottom: 5px;}
.agree {margin: 2rem 0; text-align: right;}
.agree_wrap .btn_area{text-align: center;}
.agree_wrap .btn_area a{padding: 10px 20px; display: inline-block; border-radius: 5px; font-size: 1.1rem; font-weight: 500;}
.agree_wrap .btn_area a:nth-child(1) {color: #555; border: 1px solid #ccc}
.agree_wrap .btn_area a:nth-child(2) {color: #fff; min-width: 150px;}
.agree_wrap .sub_tit { font-size: 1.6rem; color: #222; margin: 2rem 0 1.5rem 0; }

.reserve_policy {display: flex; border: 1px solid #eaeaea; }
.reserve_policy li{width: 25%; text-align: center; color: #333;}
.reserve_policy li+li{ border-left: 1px solid #eaeaea;}
.reserve_policy li em{font-style: normal; color: #3686FF; font-weight: 500;}
.reserve_policy li small{display: block; color: #d64251; }
.reserve_policy li span{display: block; color: #444; padding: 10px;border-bottom: 1px solid #eaeaea; background: #f9f9f9; font-weight: 500;}
.reserve_policy li p{padding: 10px 0;}

.reserve_img{display: flex; margin: 0 -10px; padding-bottom: 1rem; flex-wrap: wrap;}
.reserve_img li{width: 23%; position: relative; height: 200px; margin:0 10px; margin-bottom: 1rem;}
.reserve_img li video,
.reserve_img li img{position: absolute;top: 50%;left: 50%;width: 100%!important;height: 100%!important;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);object-fit: cover; background-color: #EEEDF2;}
.reserve_img li iframe{position: absolute;top: 50%;left: 50%;width: 100%!important;height: 100%!important;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);object-fit: cover;}
.reserve_img li .reserve_img__youtube,  
.reserve_img li .reserve_img__video { width: 100%; height: 100%; }  
.reserve_img li .reserve_img__youtube:after,  
.reserve_img li .reserve_img__video:after { background: url("../images/icon/ico_play.svg") center center no-repeat; content: ''; padding: 30px; width: 12px; height: 10px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; background-color: rgba(0,0,0,.1); }  

.category {display: flex; padding: 4rem 0; flex-wrap: wrap;}
.category li{width: calc(100% / 3); background-size: cover;color: #fff;  text-align: center; min-height: 400px; position: relative; overflow: hidden;}
.category li .bg {position: absolute; z-index: 10; width: 100%; height: 100%; top: 0; left: 0;overflow: hidden;transition: all 1.5s;}
.category li .bg:before {position: absolute; content: ''; width: 100%; height: 100%;top: 0; left: 0; background: rgba(0,0,0,.6);transition: all 1s;}
.category li:nth-child(1){text-align: left; padding: 5rem 2rem; font-size: 1.7rem; font-weight: 700;}
.category li:nth-child(1) span{color:#0FDDD5; display: inline-block;  font-weight: 700; opacity: 1;}
.category li:nth-child(1) .bg{background: url("../images/contents/category_00.jpg") no-repeat; }
.category li:nth-child(2) .bg{background: url("../images/contents/category_01.jpg") no-repeat; }
.category li:nth-child(3) .bg{background: url("../images/contents/category_02.jpg") no-repeat; }
.category li:nth-child(4) .bg{background: url("../images/contents/category_03.jpg") no-repeat; }
.category li:nth-child(5) .bg{background: url("../images/contents/category_04.jpg") no-repeat; }
.category li:nth-child(6) .bg{background: url("../images/contents/category_05.jpg") no-repeat; }
.category li .txt{ position: relative;z-index: 20;color: #fff;}
.category li a{display: inline-block; width: 100%; height: 100%;  padding: 8rem 1rem;color: #fff;}
.category li strong{display: block; font-size: 1.6rem; margin-bottom: 10px;}
.category li span{display: block; opacity: .5; font-weight: 300; margin-bottom: 3px;}
.category li:hover .bg {transform: scale(1.2); }
.category li:hover .bg:before {background: rgba(0,0,0,.3)}


/*교육신청*/
.page-brcf-eduList .simple-tab__tab a:before{content: ''; width: 20px; height: 20px; margin-right: 10px; display: inline-block; transform: translateY(4px); background-repeat: no-repeat; background-position: left center;}
.page-brcf-eduList .simple-tab__tab a.btn_calendar:before{background-image: url("../images/icon/calendar.svg");}
.page-brcf-eduList .simple-tab__tab a.btn_calendar:hover:before,
.page-brcf-eduList .simple-tab__tab.active a.btn_calendar:before{background-image: url("../images/icon/calendar_03.svg");}
.page-brcf-eduList .simple-tab__tab a.btn_list:before{background-image: url("../images/icon/list.svg");}
.page-brcf-eduList .simple-tab__tab a.btn_list:hover:before,
.page-brcf-eduList .simple-tab__tab.active a.btn_list:before{background-image: url("../images/icon/list_02.svg");}

.schedule_list_type{display: flex; }
.schedule_list_type .schedule_list{width: 70%; padding-top: 13px; padding-right: 50px;}
.schedule_list_type .schedule_calendar{width: 30%; position: relative;}
.schedule_list_type.view-mode--cal .schedule_list{display: none;}
.schedule_list_type.view-mode--cal .schedule_calendar{width: 100%;}

.schedule_list_item {padding-top: 8px;}
.schedule_list_item .info {background: none; border: none;}
.schedule_list_item ul{border-top: 2px solid #0C347C; margin-bottom: 30px;}
.schedule_list_item li{ border-bottom: 1px solid #ddd;}
.schedule_list_item li > article {display: flex;  align-items: center;}
.schedule_list_item li .info{margin: 20px 0; padding: 0 20px; width:35%;}
.schedule_list_item li .info span{display: block;  color: #444; font-size: .9rem;margin: 3px 0;}
.schedule_list_item li .info span em{font-style: normal; font-size: .85rem; border: 1px solid #ddd; border-radius: 15px; display: inline-block; padding: 0 10px;margin-right: 5px; }
.schedule_list_item li .subject{padding: 20px; width: 45%;}
.schedule_list_item li .subject .label span{ font-weight: 500; position: relative;}
.schedule_list_item li .subject .label span+span{/*padding-left: 10px;*/ margin-left: 5px;}
/*.schedule_list_item li .subject .label span+span:before{content: ''; width: 1px; height: 10px; background: #ddd; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}*/
.schedule_list_item li .subject strong{font-size: 1.15rem; font-weight: 600; margin-top: 8px; display: block;}
.schedule_list_item li .link{width: 20%; text-align: center;}
.schedule_list_item li .link button{/*color: #fff;*/ padding: 5px 20px; margin: 2px 0; width: 100%; display: inline-block; font-size: 1rem;}
.schedule_list_item li .subject span+span{margin-left: 5px;}
.schedule_list_item li.no_data{padding: 3rem 0;}


/*장비교육*/
.training .term strong{font-size: 1.4rem; display: block; padding: .5rem 0;}
.training .term {font-weight: 500;}
.training .checkbox {display: block;}
.training .input_group.num input {width: 100px; margin-right: 5px;}
.training .agree{text-align: right; margin: 1rem 0;}
.training .agree .checkbox{display: inline-block;}
.training .btn_area{text-align: center;}
.training .btn_area a{padding: 10px 20px; display: inline-block; border-radius: 5px; font-size: 1.1rem; font-weight: 500;}
.training .btn_area a:nth-child(1) {color: #555; border: 1px solid #ccc}
.training .btn_area a:nth-child(2) {color: #fff; min-width: 150px;}
.training h4{    margin: 2rem 0 1rem; font-size: 1.2rem;}
.agree_box .textarea h5{font-size: 1rem;}

.training_head{display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem;}
.training_head .tit{margin-bottom: 1rem;}
.training_head .tit h3{font-size: 1.8rem; color: #222; font-weight: 800;}
.training_head .tit p{ color: #666; }
.training_info{display: flex;}
.training_info .txt{width: 50%;}
.training_info .txt li{display: flex; position: relative; padding-left: 20px; margin-bottom: 5px;}
.training_info .txt li:after{content: ''; width: 5px; height: 5px; border-radius: 5px; background: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.training_info .txt li span{min-width: 110px; font-weight: 600;}
.training_info .txt li p{color: #555;}
.training_info .btn_area{ padding: 10px 0;}
.training_info .btn_area button{display: inline-block; padding: 15px 30px; font-size: 1rem; border-radius: 5px;}
.training_info .btn_area button+button{margin-left: 5px;}
.training_info .btn_area .btn_blue {padding: 15px 30px 15px 45px; background: #3686FF url("../images/icon/checkbox-circle.svg") 20px center no-repeat;}
.training_info .btn_area .btn_blue:hover {padding: 15px 30px 15px 45px; background: #2770DD url("../images/icon/checkbox-circle.svg") 20px center no-repeat;}


/*qr 스캔*/
.qr_view{ /*max-width: 700px;*/ margin: 0 auto; padding: 0;}
.qr_view .head{display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; box-shadow: 0 5px 15px rgba(0,0,0,.1)}
.qr_view .tit{padding: 2rem 1rem; background: #0c347c;}
.qr_view .tit h3{font-size: 1.3rem; color: #fff;}
.qr_view .tit p{color: #555;color: #fff;}
.qr_view .timer{position: relative; text-align: center;padding: 2rem 1rem;background: #f4f5f9;}
.qr_view .timer:after{content: ''; width: 100%; height: 100px; background: #0c347c; }
.qr_view .timer span{display: block; color: #555;}
.qr_view .timer b{font-size: 2rem; display: block;}
.qr_view .timer .before b {display: block; color: #777;}
.qr_view .timer .after b {display: block; color: #900;}
.qr_view .info{ padding: 1rem; border: none; background: none; margin-bottom: 0; }
.qr_view .info ul {width: 200px; margin: 0 auto;}
.qr_view .info li{padding: 2px 0;}
.qr_view .info li label{ min-width: 65px; text-align: center; font-size: .85rem;border: 1px solid #ddd;border-radius: 15px;display: inline-block;padding: 0 10px;margin-right: 5px;}
.qr_view .bar{padding: 1rem 0; max-width: 700px; margin: 0 auto;}
.qr_view .bar .progress {appearance: none; width: 100%; height: 10px;}
.qr_view .bar .progress::-webkit-progress-bar {background:#f0f0f0;border-radius:10px;box-shadow: inset 3px 3px 10px #ccc;}
.qr_view .bar .progress::-webkit-progress-value {
    border-radius:10px;
    background: #1D976C;
    background: -webkit-linear-gradient(to right, #65aafb, #5867fa);
    background: linear-gradient(to right, #65aafb, #5867fa);
}
.qr_view .bar .progress.danger {}
.qr_view .bar .progress.danger::-webkit-progress-value {
    border-radius:10px;
    background: #6c971d;
    background: -webkit-linear-gradient(to right, #fbaa65, #fa6758);
    background: linear-gradient(to right, #fbaa65, #fa6758);
}
.qr_view .bar .due {display: flex; justify-content: space-between; font-size: .9rem; font-weight: 700;}
.qr_view .time{text-align: right;font-size: .9rem; font-weight: 700; color: #586afa; position: relative;}
.qr_view .time.danger {color:#fa6a58;}
.qr_view .time span { display: inline-block; transform: translate(-50%, 0); position: absolute;}
.qr_view .btn_group{max-width: 280px; margin: 0 auto 2rem;}
.qr_view .btn_group .btn-area {display: flex; justify-content: space-between; padding-bottom: 10px; margin: 0; column-gap: 1em;}
.qr_view .btn_group button{display: inline-block; text-align: center; width: 80px; height: 80px; border-radius: 10px; box-shadow: 0 0 10px #5e8bc2; background: linear-gradient(to bottom, #72a7e2, #3b7dee);}
.qr_view .btn_group button[disabled] {box-shadow: none; background: linear-gradient(to bottom, #ccc, #999);}
.qr_view .btn_group button span{display: block; color: #fff; font-weight: 600;}
.qr_view .btn_group a{background: #fff; border: 1px solid #0c347c; display: inline-block; flex: 1; color: #0c347c; text-align: center; padding: 10px; border-radius: 10px; margin: 10px 0;}


/*로그인*/
.login_wrap {background: #f2f4f7; padding: 5rem 1rem; text-align: center; max-width: 800px; margin: 0 auto;}
.login_wrap .tit h3{font-size: 1.5rem; margin-bottom: 5px; word-break: keep-all;}
.login_wrap .tit p{margin-bottom: 20px; color: #555; font-size: 1.1rem; font-weight: 300;}
.login_box{max-width: 500px; margin: 0 auto;}
.login_box input{ padding: 10px 20px; display: block; margin: 3px 0; width: 100%; border-radius: 5px;background: #fff;border: 1px solid #E1E1E1; height: 50px;}
.login_box button{padding: 1rem; box-shadow: 5px 0 10px rgba(0,0,0,.2);font-weight: 600;}
.login_wrap .link_group {display: flex; align-items: center ; justify-content: center; padding-top: 1rem;}
.login_wrap .link_group li{padding: 0 30px; line-height: 14px;}
.login_wrap .link_group li+li{border-left: 1px solid #aaa;}
.login_wrap .link_group li a{color: #555;}


/*회원가입*/
.join input[type="text"],.join input[type="password"]{width: 250px;}
.join__favorite { padding: 2rem 20px; }
.join__favorite__item { display: inline; }
.join__favorite__item > button { background: #fff; color: #333; border: 1px solid #999; border-radius: 16px; padding: 4px 1rem; margin-bottom: .75rem; margin-right: .25rem; transition: .3s }
.join__favorite__item > button:before { content: '# '; }
.join__favorite__item.active { }
.join__favorite__item.active > button { background: #3686FF; color: #fff; border-color: #1d4aca; }
.join__favorite__item ul { display: inline; }
.join__favorite__item.depth-1 { margin-right: 16px; }
.join__favorite__item.depth-1:after { background: #999; width: 4px; height: 4px; display: inline-block; content: ''; border-radius: 50%; margin-left: 14px; vertical-align: middle; }
.join__favorite__item.depth-1:last-child { margin-right: 0; }
.join__favorite__item.depth-1:last-child:after { display: none; }
.join__favorite__item.active ul { display: inline; }
/*.join__favorite__item.deactive { }
.join__favorite__item.deactive .join__favorite__item > button { color: #e9e9e9; background: #fff; border-color: #e9e9e9; }*/

/*이수증*/
/*.certificate-page { font-size: 1.125rem; font-weight: 600; color: #000; line-height: 2; padding: 0; }
.certificate-page .certificate { width: 750px; margin: auto; text-align: center; position: relative; }
.certificate-page__bg {  }
.certificate-page__bg img { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; }
.certificate-page__contents { padding: 2cm; }
.certificate-page h1 { text-align: center; font-size: 3.5rem; margin: 60px 0 100px; }
.certificate-page__complete-regno { text-align: left; }
.certificate-page ul { text-align: left; }
.certificate-page__txt { padding: 140px 20px 20px; text-align: left; min-height: 7cm; }
.certificate-page__complete-date { margin-bottom: 30px; font-size: 1.625rem; text-align: center; }
.certificate-page__footer { display: inline-block; }*/

/*body {width:100%; height:100%; color:#444; font-size:16px;  font-family: 'Pretendard',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;line-height:1.4;letter-spacing:-1px;}*/
.certificate-page { color: #444; color: #000; font-size: 16px; font-family: 'Pretendard',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; line-height:1.4;letter-spacing:-1px; }
.certificate-page .txt {width:100% !important;}


/*이수증*/
@media print and (color){
    .certificate-page * {-webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .certificate-page .certificate {margin: 10px !important;}
}

.certificate-page .certificate {width:768px;min-height: 850px;max-height: 1200px;overflow: hidden;}
.certificate-page .certificate {position:relative; margin:10px auto; font-weight: 300;}
.certificate-page__contents .bg {position: absolute;top: 27%;left:0;width:100%;opacity: .5;text-align:center;}
.certificate-page__contents {margin:0 auto; background-color:#fff;padding:60px 40px;font-size:22px;min-height: 850px;}
.certificate-page__contents h1 {display:block;padding: 20px 0 0 0;font-size: 60px;text-align: center; letter-spacing: 3px; font-weight: 700; margin-top: .67em; margin-bottom: .67em;}
.certificate-page__contents .txt {position:relative; z-index: 9999; }
.certificate-page__contents .txt ul {width:90%; margin:0 auto; padding-left: 40px;box-sizing: content-box;}
.certificate-page__contents .txt ul li {text-align: left; margin-bottom:20px; list-style: none;}
.certificate-page__contents .txt ul li span {font-weight:600; margin-right:5px;}
.certificate-page__contents .txt {margin:0 auto;text-align: center;}
.certificate-page__contents .txt p {margin-top: 90px;word-break: keep-all;}
.certificate-page__contents .txt p:last-child {position:relative; font-size:32px; font-weight:600; margin-bottom: 0; z-index: 9999;}
.certificate-page__contents .txt p:last-child img {position:absolute;top: -25px;right: 140px;z-index: -1;opacity: .9;}


/*인사말*/
.greeting_img {width: 100%; height: 300px; background: url("../images/contents/greeting.jpg") center no-repeat; background-size: cover;}
.greeting .txt{ display: flex;}
.greeting .dept1 {padding: 48px;position: relative;background: #fff;width: 50%;transform: translateY(-100px);font-size: 1.3rem; color: #222;}
.greeting .dept1 span{font-size: 2rem; font-weight: 800; display: block; margin-bottom: 10px;}
.greeting .dept1 span em{font-style: normal; color: #0c347c;}
.greeting .dept1:after{content: 'Advanced Brain Research Instrumentation Center';padding-right: 50px; position: absolute;top:220px; left: 46px;font-size:4.5rem;font-weight: 700;color: #ededed;line-height: 5rem;}
.greeting .dept2 {width: 50%; padding: 50px; font-size: 1.1rem;}
.greeting .dept2 span{display: block; text-align: right; margin-top: 50px; font-weight: 600; }

.page_tab{position: relative; text-align: center; margin-bottom: 40px }
.page_tab ul{display: flex;border: 1px solid #dedede;width: fit-content;margin: 0 auto;}
.page_tab li{display: inline-block;  text-align: center; position: relative;}
.page_tab li a{display: inline-block; width: 270px;    padding: 20px 10px;}
.page_tab li.active a{background: #0c347c; color: #fff;}
.page_tab li+li a{border-left: 1px solid #dedede;}

.use_process{position: relative;left: 50%;padding: 100px 0;width: 100vw;margin-left: -50vw;background: #f1f4f9;}
.use_process ul{max-width: 1240px;margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.use_process ul li {width: calc(100% /  6 - 25px); margin: 1rem 0; text-align: center;  background: #fff; padding: 2.5rem .5rem 2rem .5rem; position: relative;}
.use_process ul li+li:after{  content: '';display: block;
    position: absolute;width: 0;height: 0;border: solid;border-width: 10px 0 10px 13px;border-color: transparent transparent transparent #90a5ca;left: -23px; top: 50%; transform: translateY(-50%); margin: auto;}
.use_1 ul li i {display: block;font-style: normal; line-height: 1.2; padding: 10px 0 ; color: #fff; font-weight: 700;
    font-size: .8rem; width: 50px; height: 50px;  box-shadow: 0 5px 10px rgba(0,0,0,.2); border-radius: 50px; background: #476ccd; position: absolute; top: -25px; left: 50%; transform: translateX(-50%)}
.use_1 ul li i em{display: block; font-style: normal;}
.use_1 ul li .icon{width: 100px; height: 90px; display: inline-block;}
.use_1 ul li:nth-child(1) .icon{background: url("../images/contents/use_ico_01.svg") center no-repeat;}
.use_1 ul li:nth-child(2) .icon{background: url("../images/contents/use_ico_02.svg") center no-repeat;}
.use_1 ul li:nth-child(3) .icon{background: url("../images/contents/use_ico_04.svg") center no-repeat;}
.use_1 ul li:nth-child(4) .icon{background: url("../images/contents/use_ico_03.svg") center no-repeat;}
.use_1 ul li:nth-child(5) .icon{background: url("../images/contents/use_ico_05.svg") center no-repeat;}
.use_1 ul li:nth-child(6) .icon{background: url("../images/contents/use_ico_06.svg") center no-repeat;}
.use_1 ul li strong{display: block; font-size: 1.2rem; margin: 1rem 0;}
.use_1 ul li small{color: #5185de;}

.use_2 ul li { padding:2rem; width: calc(100% /  4 - 25px);}
.use_2 ul li .tit {padding-bottom: 1rem;}
.use_2 ul li .tit strong{font-size: 1.2rem;}
.use_2 ul li .tit small {display: block;}
.use_download span {display: inline-block; width: 160px; }

.num_list {margin-top: 30px;}
.num_list li {display: flex; align-items: center;  margin-bottom: 5px;  background: #F3F7FA;border: 1px solid #D3DFEB;padding: 30px;}
.num_list li em{font-style: normal; padding-right: 20px; color: #0A50A1; border-right:1px solid #d3dfeb; font-size: 1.3rem;}
.num_list li div{ padding-left: 20px;}
.num_list li strong{font-size: 1.2rem;}

.num_tit{font-size: 2rem; text-align: center; padding: 2rem 0; color: #222; position: relative;}
.num_tit:after{content: ''; display: block; width: 20px ;    height: 2px;background: #000; margin: 1rem auto;}
.num_tit em{display: block; font-size: 1rem; color: #555; font-weight: 300; font-style: normal;}

.cont_tab{padding-top: 3rem; margin-bottom: 1rem;}
.cont_tab ul{display: flex; border-bottom: 1px solid #dddfe1;}
.cont_tab ul li{text-align: center; cursor: pointer; font-size: 1.1rem; position: relative;}
.cont_tab ul li a{color: #555; font-weight: 500; padding:10px 25px; display: inline-block; position: relative;}
.cont_tab ul li+li:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 15px;background: #000;opacity: .2;}
.cont_tab ul li+li{border-left: 0;}
.cont_tab ul li.active {background: #fff; border-bottom: 0;}
.cont_tab ul li.active a{color: #0C347C; font-weight: 700; transition: all .3s ease;}
.cont_tab ul li.active a:after{content: ''; display: block; position: absolute; bottom: 0;left: 0; height: 2px; width: 100%; background: #0c347c;}

.txt_box{background: #f8f8f8; color: #333; border: 1px solid #ebebeb; padding: 1.5rem 2rem; border-radius: 5px;}
.txt_box > .dot_list { margin-left: 0; margin-right: 0; }
.txt_box .use-download span { display: inline-block; width: 160px; }

a.download-link { color: #777; padding-right: 20px; text-decoration: underline; position: relative; background: url(../images/icon/download-2-line2.svg) right center no-repeat; }

.tbl_scroll_noti {text-align: center;padding: .2rem 0;color: #555;margin-bottom: 5px; display: none; position: relative;}
.animated-arrow {display: block;position: absolute;top: 50%; right: 25px; transform: translateY(-50%);width: 50px;height: 1px;background: #ccc;animation: slide-arrow 1.2s ease-in-out infinite;border-radius: 5px;}
.animated-arrow:before,
.animated-arrow:after {content: "";display: block;position: absolute;border-radius: 5px;right: -2px;height: 100%;width: 10px;background: #ccc;}
.animated-arrow:before {top: -3px;transform: rotate(45deg); }
.animated-arrow:after {bottom: -3px;transform: rotate(-45deg);}
@keyframes slide-arrow {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(20px, 0);
    }
}

.page-stats-equip-est .chart-wrap { margin-bottom: 2rem; height: 50vh; }

/* 분류별 사용률 Top3 장비 */
.monthly {display: flex; align-items: center;justify-content: right;}
.monthly a{width: 40px; height: 40px;  border-radius: 0; border: 1px solid #e5e5e5; background: #f7f7f7;}
.monthly span{display: inline-block; padding: 0 15px; height: 38px; line-height: 38px; font-weight: 700; }
.monthly span:last-child{border-left: 1px solid #e5e5e5; }
.monthly_date{ border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; height: 40px; }
.monthly .today {border: 1px solid #e5e5e5; margin-right: 5px; height: 40px; border-radius: 0;}

.page-stats-equip-most-use-top3-per-cate .rank li{padding: 20px 30px;  box-shadow: 0 0 15px rgba(202,205,221,.46); margin-bottom: 10px; display: flex; align-items: center;}
.page-stats-equip-most-use-top3-per-cate .rank li .item{display: flex; align-items: center;}
.page-stats-equip-most-use-top3-per-cate .rank li .num{font-style: normal; font-weight: 600; padding-right: 50px; display: inline-block; color: #000;}
.page-stats-equip-most-use-top3-per-cate .rank li .thumb {width: 100px; height: 100px; border-radius: 50px;    margin-right: 50px; position: relative; overflow: hidden;}
.page-stats-equip-most-use-top3-per-cate .rank li .thumb img{position: absolute;top: 50%;left: 50%;width: 100%!important;height: 100%!important;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);object-fit: cover;}
.page-stats-equip-most-use-top3-per-cate .rank li .tit {flex: 1;}
.page-stats-equip-most-use-top3-per-cate .rank li .tit strong{font-size: 1.1rem;}
.page-stats-equip-most-use-top3-per-cate .rank li .tit span{display: block; color: #777; font-size: .9rem;}
.page-stats-equip-most-use-top3-per-cate .most-use-list { display: flex; flex-wrap: wrap; gap: 5% 5%; }
.page-stats-equip-most-use-top3-per-cate .most-use-list__item { width: 100%; }

.chart-tooltip__series-bullet { height: 1em; width: 1em; display: inline-block; border-radius: 2px; vertical-align: middle; margin-right: 8px; }


/*지역별 지도*/
.map_wrap {display: flex; justify-content: center;}
.map_area {width: 40%; position: relative;padding: 50px 0 10px 20px;}
.map_date{background: #e7ebf4; display: inline-block; padding: 3px 10px; font-size: .85rem; font-weight: 600; border-radius: 20px; color: #3a588d;}
.map_date span{ margin-right: 5px;}
.land {cursor: pointer;}
.land rect,
.land text {display: none;}
.land.has rect,
.land.has text{display: block;}
.land.has:hover path{fill: #a7e5dc;}
.land.has:hover.active path,
.land.active path{fill: #40bcb7;}
.land.has:hover .pin, 
.land.active .pin{fill: #0c347c;}
.map_info{width: 60%;padding: 50px 0 0 50px; }
.inst_wrap{display: flex;}
.inst {width: calc(100% / 3); margin: 0 10px;}
.inst ul{ height: 550px; overflow-y: auto;  padding: 15px; background: #f8f8f8;}
.inst ul::-webkit-scrollbar {width: 5px;}
.inst ul::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.2); }
.inst ul::-webkit-scrollbar-track { background-color: transparent;}
.inst strong{font-size: 1.3rem; margin-bottom: 5px;}
.inst li{padding: 5px 0 5px 15px; position: relative; }
.inst li:before{content: ''; position: absolute; width: 5px; height: 5px; background: #40bcb7; left: 0; top: 14px; }
.inst li+li{border-top: 1px dashed #dadae8;}
/*.inst li:last-child{border-bottom: 1px dashed #dadae8;}*/
.logo_banner{ padding-top: 30px;}
.logo_banner ul{display: flex; flex-wrap: wrap; }
.logo_banner li{width: calc(100% / 6); border: 1px solid #e5e5e5; margin-left: -1px; margin-bottom: -1px;}
.logo_banner li img{width: 100%; padding: 10px 15px;}
.logo_banner li span{display: flex; align-items: center; height: 100%;}


/*장비 QR코드 인쇄*/
.print-qr{/*width: 226.7717px; height: 226.7717px;*/ width: 6cm; height: 6cm; padding: 0 5px; margin: 0 /*auto*/; border: 2px solid #002f63; background: #002f63; text-align: center; font-size: 14px; position: relative; -webkit-print-color-adjust: exact; page-break-inside: avoid; align-self: flex-end; }
.print-qr--page-break { margin-top: 60px; page-break-before: always; }
.print-qr .qr-img{width: 75px; padding: 5px; border: 1px solid #5e8ce7; border-radius: 5px; margin-top: 3px;}
.print-qr h3{font-size: 1.25em; padding: .5em 0; color: #fff; background: #002f63; font-weight: 800;}
.print-qr-cont{background: #fff; border-radius: 7px; padding: 8px 10px;}
.print-qr .btn-group {display: flex; justify-content: space-between; padding-bottom: 7px;}
.print-qr .btn-group button{border-radius: 5px; border: 1px solid #ececec; background: #f2f4f7; padding: 3px 7px; font-size: .85em;}
.print-qr .btn-group button img{width: 15px;}
.print-qr .btn-group span{display: block; color: #1e3958; font-size: 1.09em;}
.print-qr p {line-height: 1.3; font-size: .9em; padding: 5px 0 0; color: #fff;}
.print-qr .print-qr-info { flex: 1; overflow: hidden; font-size: .75em; display: flex; flex-direction: column; }
.print-qr .print-qr-info > div { flex: 1; text-align: left; margin-left: 0.5em; justify-content: start; display: flex; flex-direction: column; margin-top: .5em; }
.print-qr .print-qr-info > div:first-child { margin-top: 0; justify-content: end; }
.print-qr .print-qr-info > div label { display: block; font-weight: bold; margin-bottom: .1em; color: #002f63; }
.print-qr .print-qr-info > div span { overflow: hidden; /*white-space: nowrap;*/ text-overflow: ellipsis; line-height: 1; text-align: left; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }
.print-qr .print-qr__cut { border-color: #000; border-width: 1px; position: absolute; display: block; width: 10px; height: 10px; z-index: -1; }
.print-qr .print-qr__cut--top { border-right-style: solid; right: -2px; top: -20px; }
.print-qr .print-qr__cut--bottom { border-right-style: solid; right: -2px; bottom: -20px; }
.print-qr .print-qr__cut--left { border-bottom-style: solid; left: -20px; bottom: 0; }
.print-qr .print-qr__cut--right { border-bottom-style: solid; right: -20px; bottom: 0; }


/*개인정보처리방침*/
.privacy .dot_list {margin:20px 0 !important;}
.privacy .dot_list li {position: relative; padding-left: 10px; font-size: 1rem; line-height: 1.5rem; margin-top: 10px; color:#333;}
.privacy .dot_list li:first-child {margin-top:0;}
.privacy .dot_list li:before {content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background: #333; border-radius: 50px;}
.privacy .dot_list li p {font-size:.9rem; position:relative; color:#666; line-height: 1.3rem; margin-top:5px;}
.privacy .dot_list li p:before {content: ""; display: inline-block; margin-right:5px; width:5px; height:1px; background: #aaa; vertical-align: 4px;}
.privacy .dot_list li p:last-child {margin-bottom:10px;}
.privacy .dot_list li:last-child p:last-child {margin-bottom:0;}

.privacy .title_cont {padding:30px; background:#f7f7f7; margin-bottom:30px;}
.privacy table.policy img {max-width:50px;}
.privacy table.policy a {display:block; cursor:pointer;}
.privacy table.policy a:hover {text-decoration:underline;}
.privacy .cont_tit img {max-width:30px; margin-right:10px;}
.privacy .cont_wrap strong {display:block;}

.privacy .blue_green {display:inline-block; padding:10px 15px; background:#459AB9; color:#fff; font-size:0.875rem; opacity:.9; cursor:pointer;}
.privacy .blue_green:hover { color:#fff; opacity:1;}

.privacy .before_policy li {justify-content: space-between; align-items:center; padding:15px; border-bottom:1px solid #eee;}
.privacy .before_policy li:first-child {border-top:1px solid #eee;}
.privacy .before_policy li span {font-weight:bold;}


/*장비 운영중/ 수리중*/
.device_wrap .use_process {padding:50px 0;}
.device_wrap .use_process ul {justify-content: flex-start;}
.device_wrap .use_process ul li {border:10px solid #d2d8e2; margin:0 0 0 2rem;}
.device_wrap .use_process ul li:first-child {margin:0;}
.device_wrap .use_process ul li:after {display: none;}
.device_wrap .use_process ul li strong {font-size:1.2rem;}
.device_wrap .use_process ul li .tit {padding:20px 0 0 0;}
.device_wrap .use_process ul li .tit strong {font-size: 2.5rem; color:#4e84de;}
.device_wrap .use_process ul li .tit small {display:inline-block; font-size:1rem; margin-left:5px; color:#666;}

.device_wrap .equip-card-list {margin-top:50px; height:500px; overflow-y:scroll; padding:30px; border:1px solid #ddd;}
.device_wrap .equip-card__contents .subject {padding:10px 0 0 0;}
.device_wrap .equip-card__contents .subject span {font-size: .8rem;}
.device_wrap .equip-card-list .equip-card .equip-card__contents {padding:10px;}

.device_wrap .equip-card-list .equip-card .equip-card__status {min-width:150px; border:0; background:#eee;}
.device_wrap .equip-card-list .equip-card .equip-card__status.ing {background:#666;}
.device_wrap .equip-card-list .equip-card .equip-card__status.success {background:#4e84de;}
.device_wrap .equip-card-list .equip-card .equip-card__status .equip-status span {font-size:1rem; font-weight:bold; color:#fff;}




@media all and (max-width:1200px){

    /*지역별 지도*/
    .map_area svg{width: 100%;}
    .map_area {width: 50%;}
    .map_info{width: 50%;}

    .page_cont_body { padding: 0 15px 40px; }


    /*장비 운영중/ 수리중*/
    .device_wrap .use_process {padding:50px 20px;}

    .device_wrap .equip-card-list {margin-top:50px;}
    .device_wrap .equip-card__contents .subject {padding:20px 0 0 0;}

    .device_wrap .equip-card-list .equip-card .equip-card__status {min-width:150px; border:0; background:#eee;}
    .device_wrap .equip-card-list .equip-card .equip-card__status.ing {background:#666;}
    .device_wrap .equip-card-list .equip-card .equip-card__status.success {background:#4e84de;}
    .device_wrap .equip-card-list .equip-card .equip-card__status .equip-status span {font-size:1rem; font-weight:bold; color:#fff;}


}

@media all and (max-width:991px){
    .equip_list .link_group{padding: 30px 10px;}
    .category li{min-height: 270px;}
    .category li a{padding: 5rem 1rem; }
    
    
    /*교육신청*/
    .schedule_list_type.view-mode--list .schedule_calendar{display: none;}
    .schedule_list_type .schedule_list{width: 100%; padding-right: 0;}
    
    /*인사말*/
    .greeting_img{height: 200px;}
    .greeting .txt {flex-wrap: wrap; padding-top: 30px;}
    .greeting .dept1{width: 100%; transform: translateY(0); padding: 0; font-size: 1.1rem; margin-bottom: 20px;}
    .greeting .dept2{width: 100%; padding: 0;}
    .greeting .dept1:after{display: none;}
    .greeting .dept1 span{font-size: 1.1rem; font-weight: 400; color: #000; display: inline;}
    .greeting .dept1 span em{ font-weight: 700;}
    
    /*이용안내*/
	.use_process{padding:100px 15px;}
    .use_process ul{flex-wrap: wrap; }
    .use_process ul li {width: calc(100% /  3 - 25px); margin-bottom: 3rem;}
    
    /* 분류별 사용률 Top3 장비 */
    .page-stats-equip-most-use-top3-per-cate { }
        .page-stats-equip-most-use-top3-per-cate .most-use-list { gap: 5% 6%; }
            /*.page-stats-equip-most-use-top3-per-cate .most-use-list__item { width: 47%; }*/

    /*지역별 지도*/
    .map_wrap {flex-wrap: wrap;}
    .map_area {width: 100%; padding: 0;}
    .map_info{width: 100%; padding: 0;}

    /*장비예약*/
    .reserve_info .qr-code { display: none; }


    /*장비 운영중/ 수리중*/
    .device_wrap .use_process ul {flex-wrap: nowrap;}


}


@media all and (max-width:768px){
    
    .bookmark_item .subject {min-height: 70px;}

    .page_head .book_info a{padding: 7px 8px 5px;}
    .page_head .book_info a:nth-child(1) {background: #ffc023 ;}
    .page_head .book_info a:nth-child(2) {background: #31b0ac; margin-left: 0;}
    
    .tab_1{flex-wrap: wrap;}
    .tab_1 li{width: 50%; text-align: left; padding-left: 1rem;}
    .tab_1 li a{padding:10px 5px 10px 20px}
    .tab_1 li+li:after{display: none;}
    .tab_2 {flex-wrap: wrap;}
    .tab_2 li{text-align: center;}
    .tab_2 li a{padding: 0;}
    .tab_2 li+li:after{display: none;}
    
    .reserve_head .tit h3{font-size: 1.5rem;}
    .search_field{flex-wrap: wrap;}
    .search_field .select {width: 100%;}
    .search_field .select+.select select{border-left: 1px solid #E5E5E5; border-top: 0;}
    .search_field .search{width: 100%; height: 42px; }
    .search_field .search input{border-top: 0;border-left: 1px solid #E5E5E5; }
    
    .equip_list{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .equip_list > li{width: calc(50% - 10px);}
    .equip_list > li >a {flex-wrap: wrap;}
    .equip_list li .thumb{height: 180px; width: 100%;}
    .equip_list li .txt{width: 100%; padding: 15px;}
    .equip_list .status{width: 100%; justify-content: flex-start; padding: 0 10px;}
    .equip_list .link_group{width: 100%; padding: 10px;}
    .equip_list .link_group a+a{margin-top: .6rem;}
    
    .reserve_info{flex-wrap: wrap;}
    .reserve_info .thumb{width: 100%; height: 250px;}
    .reserve_info .txt{width: 100%; padding-left: 0; padding-top: 1rem;}
    .reserve_info .btn-area {flex-wrap: wrap;}
    .reserve_info .btn-area button{flex: 1; min-width: 40%; margin-left: 2px; margin-right: 2px; }
    
    
    /*
    .board_filter {flex-wrap: wrap;}
    .board_search .select{height: 45px;}
    .board_search .input_addition{height: 45px;}
    .board thead{ position: absolute;top: 0;left: 0;width: 1px;height: 1px;overflow: hidden;}
    .board tbody tr{position: relative;overflow: hidden;display: block; padding: 20px 0; width: 100%;border-bottom: 1px solid #eaeaea;float: left;}
    .board td{border-bottom: 0; padding: 0 7px; position: relative;}
    .board td:before{content: ''; display: inline-block; width: 1px; height: 10px; background: #ddd; margin-right: 15px;}
    .board td.td_num:before,.board td.td_tit:before,.board td.td_write:before, td.td_file:before, td.no_data:before{display: none;}
    td.td_file .has_file:before{content: ''; display: inline-block; width: 1px; height: 11px; background: #ddd; position: absolute; left: 5px; top:6px;}
    .board .td_num{float: left; width: 45px;}
    .board .td_num .mark {padding: 1px 5px;}
    .board .td_tit{ width: calc(100% - 45px);float: left; }
    .board .td_tit a {max-width: 100%;}
    .board .td_write {padding-left: 55px;}
    .board .td_file {padding: 2px 6px 2px 15px;}
    .board td.no_data{min-width: 100vw;}
    .board_btn{text-align: center;}
    */
    
    .calendar ul{border: 0;}
    .calendar ul li{background: transparent;}
    .calendar .day-names{background: transparent;border: 0; border-top: 2px solid #0C347C;}
    .calendar .day-names li{color: #777; font-weight: 500;}
    .calendar .days li.active .date{background: #e7eaed;}
    .calendar .days li{min-height: 50px; border: 0; padding: .5rem;}
    .calendar .days li .badge {display: block}
    .calendar .event{box-shadow: none;background: transparent; color: #333; font-size: .85rem;}
    .calendar .days .detail{position: absolute; left:0 ;width: 100%;background: #EBF1FA;margin-top: 5px;border-radius: 4px; }
    
    .board_list a{padding: 25px 10px;}
    .board_list li .mark{display: none;}
    .board_list .top{width: 100%}
    .board_list .top p.tit{ width: calc(100% - 25px); font-size: 1.1rem; line-height:1.4;}
    .board_list .top p .lock {position: absolute;}
    .board_list .top .etc{ right: 10px; }
    .board_list .top .lock{width: 15px; height: 18px; margin-right: 5px; background-size: contain;}
    .board_list .top .file{width: 15px; height: 18px; background-size: contain;}
    .board_list .top .info span{font-size: .85rem; margin-right:0;}
    .board_list .top .info span.due {display: none;}
    .board_list.qna .top p.tit {width: 100%;}
    .board_list.qna .top .etc{position: static; transform: inherit; padding-bottom:7px;}
    .board_list.qna .top .etc span+span{padding: 5px; font-size: .85rem;}
    
    .tbl_form li{flex-wrap: wrap; padding: 10px 0;}
    .tbl_form .tit{padding-left: 0; width: 100%;}
    .tbl_form .cont{width: 100%; font-size: 1rem; padding: 0; border-bottom: 0; text-align: left;}
    .tbl_form .cont{border-left: 0; padding: 10px 0 0; width: 100%;}
    .tbl_form.type2 > ul > li{width: 100%;}
    .tbl_form.type2 > ul > li:nth-child(even){border-left: 0;}
    .tbl_form.type2 .cont{width: 100%; padding: 10px 0;}
    .tbl_form.type2 .date_input {flex-wrap: wrap;}
    .tbl_form.type2 .date_input .input_group{width: 100%;}
    .tbl_form.type2 .date_input .input_group input{width: calc(100% - 40px);}
    .tbl_form.type2 .date_input > span{margin: 0 auto;}
    
    .tab_menu ul{flex-wrap: wrap;}
    .tab_menu ul:after{display: none;}
    .tab_menu ul li{width: calc(50% - 6px); padding: 10px 0; border-radius: 0; border-bottom: 1px solid #dddfe1; margin: 3px;}
    .tab_menu ul li+li{border-left: 1px solid #dddfe1;}
    .tab_menu ul li.active{border: 1px solid #0C347C;}
    .tab_contents{padding: 2rem 0;}
    
    
    .doc li{flex-wrap: wrap;}
    .doc li .txt{width: 100%; margin-bottom: 10px;}
    .doc li .file{width: 100%; display: flex; justify-content: space-between;}
    .doc li .file a{width: calc(50% - 5px); text-align: center; padding: 5px 20px 5px 40px}
    
    .dot_list li:before {top: .5rem;}
    
    .step{padding: 1rem 0;}
    .step li{min-width: auto; font-size: .9rem;}
    
    .agree{text-align: left;}
    .agree_box .textarea{padding: 1rem;}
    .agree_box .textarea dl{padding: 1rem 0;}
    
    .reserve_success{ padding: 3rem 2rem;}
    .reserve_img{flex-wrap: wrap; margin: 0 -5px; padding-bottom: 1rem;}
    .reserve_img li{width: calc(50% - 10px); margin: 0 5px 10px; height: 120px;}
    
    .category li{width: 100%; min-height: auto; margin-bottom: 10px; min-height: 300px;}
    .category li:nth-child(1){display: none;}
    .category li .bg{ background-size: cover !important;}
    
    /*교육신청*/
    .type_group{display: flex;}
    .type_group a{width: 50%; padding: 10px;}
    .schedule_list_item li article{flex-wrap: wrap;}
    .schedule_list_item li .subject{width: 80%; order: 1;}
    .schedule_list_item li .link {order: 2;}
    .schedule_list_item li .info{width: 100%; order: 3; padding: 0; margin: 0 0 10px 10px; border: 0;}
    
    .training .agree{text-align: center;}
    .reserve .term {padding:2rem; margin-bottom: 1rem;}
    .training .term{padding:2rem; margin-bottom: 1rem;}
    
    /*이용안내*/
    .use_process{padding: 50px 15px;}
    .page_tab ul{width: 100%; flex-wrap: wrap;}
    .page_tab li {width: 100%;}
    .page_tab li a {width: 100%; height: 100%; padding: 10px; }
    .page_tab li+li a{border-left: 0; border-top: 1px solid #dedede;}
    .use_process ul li {width: 100%; margin-bottom: 4rem;}
    .use_process ul li:last-child{margin-bottom: 0}
    .use_process ul li+li:after{top: -50px; left: 50%; transform: translateX(-50%) rotate(90deg);}
    
    .page_tab{margin-bottom: 20px;}
    .num_tit{font-size: 1.5rem;}

    .tbl_scroll_noti{display: block;}
    
    .tbl_scroll { overflow-x: scroll; }
    .tbl_scroll > table { min-width: 600px; }

    /* 분류별 사용률 Top3 장비 */
    .page-stats-equip-most-use-top3-per-cate { }
        .page-stats-equip-most-use-top3-per-cate .most-use-list { display: flex; flex-wrap: wrap; gap: 5% 0; }
            .page-stats-equip-most-use-top3-per-cate .most-use-list__item { width: 100%; }
        .page-stats-equip-most-use-top3-per-cate .rank li{padding: 15px;}
            .page-stats-equip-most-use-top3-per-cate .rank li .num{padding-right: 15px;}
            .page-stats-equip-most-use-top3-per-cate .rank li .thumb {width: 60px; height: 60px; margin-right: 20px; }
            .page-stats-equip-most-use-top3-per-cate .rank li .tit{width: calc(100% - 107px)}

    /*지역별통계*/
    .inst_wrap{flex-wrap: wrap;}
    .inst{width: 100%;}
    .inst ul{height: auto;}
    .logo_banner li{width: calc(100% / 2);}


    /*장비 운영중/ 수리중*/
    .device_wrap .use_process ul li {margin:0 0 0 1rem;}
    .device_wrap .use_process ul li .tit strong {font-size:2rem;}
    .device_wrap .use_process ul li .tit small {margin-left:0px;}
    .device_wrap .equip-card {flex-direction:row; justify-content: space-between;}
    .device_wrap .equip-card .equip-status {margin-left:0;}
    .device_wrap .equip-card-list > li {width:100%;}
    .device_wrap .equip-card-list .equip-card .equip-card__status {min-width: 100px;}
    .device_wrap .equip-card__status {display: flex; align-items: center; justify-content: center; margin-left:0;}
    .device_wrap .equip-card__contents .subject {padding:10px 0 0 0;}
    .device_wrap .equip-card__contents .subject,.device_wrap .equip-card__contents .subject strong,.device_wrap .equip-card__contents .subject span {height:auto;}



}

@media all and (max-width:565px) {
    .equip_list > li {width: 100%;}
    
    .reserve_success ul{width: 100%;}
    .reserve_success .btn_area a{min-width: 100%;}
    
    /*교육신청*/
    .schedule_list_item li .subject{ order: 1; width: 100%; padding: 10pequip-card-listx;}
    .schedule_list_item li .link {order: 3; width: 100%; padding: 0 10px 10px;}
    .schedule_list_item li .info span{border-left: 0; padding-left: 0;}
    .schedule_list_item li .info{ order: 2;}
    .schedule_list_item li .link button{width: 100%; }
    
    /*인사말*/
    .greeting_img{height: 150px;}

    /*지역별 지도*/
    .map_area svg{width: 460px;}


    /*장비 운영중/ 수리중*/
    .device_wrap .use_process ul li {border:8px solid #d2d8e2;}
    .device_wrap .use_process ul li strong {font-size: 1rem;}
    .device_wrap .use_process ul li .tit {padding:10px 0 0 0;}
    .device_wrap .use_process ul li .tit strong {font-size: 1.5rem;}
    .device_wrap .equip-card {display: block;}
    .device_wrap .equip-card-list .equip-card .equip-card__status {min-width: auto; width: 100%; padding:10px 0;}
}

@media print {
    /*body { margin: 0 !important; padding: 2cm 1.5cm 1.5cm !important; }*/
    body { margin: 0 !important; padding: 0 !important; }
    
    @page { margin: 2cm 1cm 1.5cm !important; padding: 0 !important; }
}