/*layout */
.sub .header{position: relative;} 
.container{padding-top: 79px;font-family: 'S-CoreDream';font-size: 17px;color: var(--black2);}
.container > .inner{display: flex;justify-content: space-between; padding: 40px 0;max-width: 1920px;margin: 0 auto;padding: 0 80px;}

/* 레프트 메뉴 */
.snb-area{width:281px;margin-bottom: 40px;}
.snb-area .snb-title{position: relative;display: flex;align-items: center;justify-content: center; width: 100%;height: 172px;background: url(../images/sub/bg_snb_title.png) center no-repeat;border-radius: 15px 15px 0 0;z-index: 1;}
.snb-area .snb-title h2{font-size: 36px;color: #fff;font-weight: 600;}
.snb-list{border:1px solid #d0d0d0;border-top:0;}
.snb-list > li{border-bottom:1px solid #e5e5e5}
.snb-list > li:last-child{border: 0;}
.snb-list .snb-depth1{position: relative; display: flex;align-items: center;width: 100%;height: 70px;font-size: 17px;color: var(--grey2);padding: 0 35px 0 25px;font-weight: 500;text-align: left;word-break: keep-all;}
.snb-list .snb-depth1::after{content: '';position: absolute;TOP:50%; right: 10px; width: 16px;height: 8px;transform: translateY(-50%);background: url('../images/sub/arr_snb_depth1.png')center no-repeat ;}
.snb-list .snb-depth2{display: none; background-color: #f1f6fc;padding: 20px 20px;}
.snb-list .snb-depth2.on{display: block;}
.snb-list .snb-depth2 > li{margin-bottom:15px ;}
.snb-list .snb-depth2 > li > a{position: relative; display: flex;align-items: center;width: 100%;font-size: 16px;color:#626262;padding: 0 0 0 12px;letter-spacing: -1px;}
.snb-list .snb-depth2 > li > a::before{content: '';position: absolute;top:8px; left: 0; width: 4px;height: 4px;background-color: #626262;border-radius: 100%;}
.snb-list .snb-depth2 > li > a:hover,
.snb-list .snb-depth2 > li.on > a{color: #276dd1;}
.snb-list .snb-depth2 > li.on > a::before,
.snb-list .snb-depth2 > li > a:hover::before{background-color: #276dd1;}

.snb-list .snb-depth2 > li:last-child{border-bottom: 0;margin-bottom: 0;}
.snb-list > li .snb-depth1:hover{color:#276dd1}
.snb-list > li.on .snb-depth1{color:#fff;background-color: #276dd1;}
.snb-list > li.on .snb-depth1::after{width:15px;height: 8px; background: url('../images/sub/arr_snb_depth2.png')center no-repeat ;}

.contents{width: calc(100% - 350px); }
.sub-top{position: relative;height:165px;padding:0;}
.sub-top .page-title{height: 80px;font-size: 30px;color: var(----black4);font-weight: 500;padding: 15px 0 0 0 ;}
.sub-top .location{display: flex;}
.sub-top .location > li{position: relative; padding-left: 15px;margin-left: 15px;font-size: 16px;color: var( --grey3);font-weight: 400;}
.sub-top .location > li a{color: var( --grey3);}
.sub-top .location > li::before{content: ">";display: block;position: absolute;left:0;color: var( --grey3);font-size: 16px;}
.sub-top .location > li.home{margin-left: 0;padding-left: 0;}
.sub-top .location > li.home::before{display: none;}
.sub-top .location > li strong{font-size: 17px;color: var( --grey3)}
.sub-top .sub-top-btn .btn-print{position: absolute;right:0px;bottom: 50px; display: block; width:47px;height: 47px;border-radius: 50%;background: #eff0f2 url('../images/sub/icon_print.png') center no-repeat;}
.dept-box {width: 100%;height: 220px;display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 auto;background: url('../images/sub/bg_dept_box01.png') no-repeat center/cover;border-radius: 16px;}
.dept-inn {display: inline-block;font-size: 30px;color:#fff;font-weight: 500;}
.dept-lbl {display: inline-block;border: 1px solid rgba(255, 255, 255, 0.7);border-radius: 30px;padding: 4px 10px;min-width: 244px;margin-bottom: 20px;}

/* 만족도 */
.info-eval-wrap {margin: 60px 0;}
.eval-box {background: #fff;display: flex;flex-direction: column;gap: 12px; border:1px solid #d5d5d5;border-bottom: 0; border-radius: 8px 8px 0 0;color: #262626;padding:25px 38px 0 38px; overflow: hidden;}
.eval-box .eval-question{display: flex;align-items: center;padding: 0 0 12px 0;border-bottom: 1px solid #d5d5d5;}
.eval-box .eval-question strong{display: block;height: 30px;line-height: 30px; padding: 0 0 0 41px;margin: 0 40px 0 0; background: url('../images/sub/icon_eval01.png') left center no-repeat;font-weight: 500;font-size: 16px;}
.eval-box .eval-question .radio-wrap{display: inline-block;}
.eval-box .eval-question .radio-input {position: absolute;opacity: 0;}
.eval-box .eval-question .radio-label {display: inline-flex;align-items: center;cursor: pointer;font-size: 16px;color:#737373;font-weight: 200;position: relative;padding-left: 38px;user-select: none;margin-right: 35px;}
.eval-box .eval-question .radio-label::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 26px;height: 26px;border: 1px solid #cecece;border-radius: 50%;background-color: #fff;box-sizing: border-box;}
.eval-box .eval-question .radio-input +  .radio-label::after {content: "";position: absolute;left: 7px;top: 50%;transform: translateY(-50%);width: 11px;height: 11px;background: #e8eaed;border-radius: 50%;}
.eval-box .eval-question .radio-input:checked +  .radio-label::after {background: #437ee1;}
.eval-box .eval-opinion {display: flex;gap: 8px;align-items: center;flex-wrap: wrap;padding: 0 0 12px 0;}
.eval-box .opinion-label{display: block;height: 30px;line-height: 30px; padding: 0 0 0 41px;margin: 0 40px 0 0;background: url('../images/sub/icon_eval02.png') left center no-repeat;font-weight: 500;font-size: 16px;}
.eval-box .opinion-input {flex: 1;height: 42px; padding:0 10px;border: 1px solid #e0e0e0;border-radius: 4px;}
.eval-box .btn-submit {background: #546383;color: #fff;width: 108px;height: 42px; border: none;border-radius: 4px;cursor: pointer;}
.info-bar { display: flex;align-items: center;flex-wrap: wrap;gap: 10px;justify-content: space-between;background: #7c91b3;padding: 15px 30px;height: auto;border-radius: 0 0 8px 8px;}
.info-bar span{font-size: 14px;color: #fff;}
.info-bar span em{position: relative; display: inline-block;font-style: normal;padding-left: 16px;margin-left: 15px;}
.info-bar span em::before{content: "";display: block;width: 1px;height: 14px;background-color: #fff;position: absolute;left: 0;top:8px;}
.info-bar .info-division{display: block;height: 30px;line-height: 30px; padding: 0 0 0 37px;background: url('../images/sub/icon_eval03.png') left center no-repeat;margin-right: 30px; }
.info-bar .info-tel{display: block;height: 30px;line-height: 30px; padding: 0 0 0 37px;background: url('../images/sub/icon_eval04.png') left center no-repeat; }
.info-bar .last-modified {margin-left: auto;height: 30px;line-height: 30px;}

/*content*/
.article{min-height: 450px;padding: 0;color: var(--black2);font-weight: 400;}
.wb-en .article{margin-bottom:50px;}

/*innput*/
.selbox{display: block;padding-right: 15px;}
.wb-en .selbox{padding-right:0;margin-right:15px;}
.select1{display: block;width: 100%;height: 49px;padding: 0 30px 0 15px; border:1px solid #bdbdbd;background: url('../images/sub/icon_select01.png') no-repeat top 50% right 15px #fff;border-radius: 8px;color: #585858;}
.input-box{display: block;padding-right: 15px;}
.iptxt[type=text]{display: block;height: 49px;width: 100%;border:1px solid #bdbdbd;padding: 0 15px;border-radius:8px;color:#585858;}
.iptxt::placeholder{color:#585858;}
.exclusion{position: absolute; display: block;right:40px}

/*검색영역*/
.search-wrap{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 30px 20px;margin: 0 0 50px 0;background-color: #f3f7ff;border-radius:8px;}
.search-box{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 1170px;}
.search-box .sel-group{display: flex;flex-shrink: 0;}
.search-box .sel-group .selbox{width: 185px;}
.search-box .sel-group.type3 .selbox{width: 252px;}
.search-box .input-box{width: 100%;flex-grow: 1;}
.search-box .btn-box{flex-shrink: 0;}
.btn-sch-submit{display: inline-block; width: 49px;height: 49px;background: var(--blue1) url('../images/sub/icon_search01.png') center no-repeat;border-radius:8px;}
.btn-reset{display: inline-block; width: 49px;height: 49px;background: #a1a9b5 url('../images/sub/icon_reset01.png') center no-repeat;border-radius:8px;}

/*버튼*/
.btnbox1{margin-top:45px ;display: flex;align-items: center;justify-content: center; }
.btn1{display: inline-block;height:28px;padding: 0 5px; border:1px solid #3476d4;border-radius: 5px;color:#3476d4;background-color: #fff;font-size: 14px;}
.btn1:hover{background-color: #3476d4;color:#fff}
.icon-down{padding:0 0 0 25px;background: url('../images/sub/icon_down.png') left center no-repeat;}
.icon-down:hover{background-image: url('../images/sub/icon_down_ov.png');}
.icon-view{padding:0 0 0 25px;background: url('../images/sub/icon_view.png') left center no-repeat;}
.icon-view:hover{background-image: url('../images/sub/icon_view_ov.png');}
.icon-list{padding:0 0 0 37px;background: url('../images/sub/icon_list.png') left center no-repeat;}
.btn2{display: flex;align-items: center;justify-content: center; width: auto; min-width:161px;height: 47px;padding: 0 5px; border:1px solid #276dd1;border-radius: 10px;color:#fff;background-color: #276dd1;}
.btn2:hover{background-color: #215cb1;}
.btn-month{display: block;width: 37px;height:37px;background: #ecf4ff url('../images/sub/icon_calendar02.png') center no-repeat;border-radius: 50%;}


/*게시판*/
.notice-total {margin-bottom: 20px;letter-spacing: -0.4px; color: var(--blue1);font-weight: 300;}
.notice-total em{font-style: normal;color: var(--grey1);}
.board-box{margin-bottom: 45px; display: table; width: 100%; table-layout: fixed;border-top: 1px solid var(--black3);}
.board-box .board-list-top {display: table-row; color: var(--black2); font-weight: 300; text-align: center;box-sizing: border-box;background-color:var(--bg1);}
.board-box .board-list-top>*, 
.board-list li>* {display: table-cell;}
.board-box .board-list-top>* {padding: 15px 10px; width: 12%; box-sizing: border-box;border-bottom: 1px solid var(--black3);}
.board-box .board-list-top .num {width: 12%;}
.board-list li span>br {display: block;}
.board-box .board-list-top .tit {text-align: center; width: 65%;}
.board-box .board-list-top .board-acc{display: flex;}
.board-box .board-list-top .board-acc>* {width: 100%; padding: 0 5px; box-sizing: border-box;}
.board-box .board-list-top .day, 
.board-list .board-acc .day {min-width: 110px;}
.board-box .board-list-top .file,
.board-list .board-acc .file {max-width: 95px;}
.board-box .board-list-top .view, 
.board-list .board-acc .view {max-width: 110px; min-width: 75px;}
.board-box .board-list-top .col5 {width: 60%;}
.board-box .board-list-top .col4 {width: 50%;}
.board-box .board-list-top .col3 {width: 40%;}
.board-box .board-list-top .col2 {width: 30%;}
.board-box .board-list-top .col1 {width: 7%;}
.board-box .board-list-top>div, 
.board-box .board-list>li>div {padding-left: 0; padding-right: 0; white-space: nowrap;}
.board-box .board-list .board-acc{display: flex;}
.board-box .board-list .board-acc>* {margin-right: 0; width: 100%; padding: 0 5px; box-sizing: border-box;}
.board-box .board-list {display: table-row-group; text-align: center; position: relative;}
.board-box .board-list li {display: table-row; padding: 0;}
.board-box .board-list li>* {padding: 5px;height: 54px;vertical-align: middle; display: table-cell; border-bottom: 1px solid #d6d6d6;}
.board-box .board-list li .tit {text-align: left;width: 100%;letter-spacing: -0.35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: var(--black2)}
.board-box .board-list li .num {display: table-cell; text-align: center;}
.board-box .board-list-top .class{width:17%;}
.badge{display: inline-block;font-style: normal; color: var(--blue1);border:1px solid var(--blue1);padding: 1px 10px;border-radius: 4px;font-size: 16px;}


/*검색영역 달력*/
.daterangepicker .drp-selected{display: none;}
.daterange-box{padding-right: 15px;}
.daterange-box .cage{position: relative; width: 265px;display: flex;flex-wrap: wrap;align-items: center;background-color: #fff;padding: 0 25px 0 10px;border-radius: 8px;border: 1px solid #bdbdbd;}
.daterange-box .cage::after{content: ""; display: block;width: 12px;height: 7px;position: absolute;right: 10px;top:50%;margin-top: -3px;background: url('../images/sub/icon_select01.png') center no-repeat;}
.daterange-box .iptxt{width: calc(100% - 22px);border: 0;padding: 0 5px;letter-spacing: -1px;text-align: center;}
.daterangepicker {margin-top:15px;padding:35px 50px 20px;width:586px;border-radius: 10px;border: 1px solid #d3d4d7;z-index: 1;}
.daterangepicker .drp-calendar.right{float: right;}
.daterangepicker .drp-calendar.left, 
.daterangepicker .drp-calendar.right{padding: 0;width: 48%;max-width: 230px;}
.daterangepicker .calendar-table .prev,
.daterangepicker .calendar-table .next{position: absolute;top:50%;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;margin-top: -25px;border:1px solid #bfbfbf;border-radius: 50%;}
.daterangepicker .calendar-table .prev{left:0;}
.daterangepicker .calendar-table .next{right:0;}
.daterangepicker .calendar-table .next span, 
.daterangepicker .calendar-table .prev span{padding: 3px;border-color: #bfbfbf;}
.daterangepicker .calendar-table .prev{left: 13px;}
.daterangepicker .calendar-table .next{right: 13px;}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td{border-radius: 0;border:0;font-size: 14px;height: 30px;}
.daterangepicker .calendar-table th{color: #484848;}
.daterangepicker .calendar-table td{position: relative; border-bottom:1px solid #e8eaed;}
.daterangepicker .calendar-table th.month{background-color: #FFF;padding-bottom: 20px;font-size: 17px;color:#000000}
.daterangepicker .calendar-table thead tr:nth-child(2){background-color: #e8eaed;}
.daterangepicker .calendar-table thead tr:nth-child(2) th:first-child{color: #fff;background-color: #096dd1;}
.daterangepicker .calendar-table tbody tr td:first-child{color:#096dd1}
.daterangepicker .calendar-table .off,
.daterangepicker .calendar-table .weekend.off{color: #8c8c8c;}
.daterangepicker .drp-buttons{text-align:center;border-top: 0;}
.daterangepicker .drp-buttons .btn{font-size: 16px;}
.daterangepicker td:hover{background-color: gray;}
.daterangepicker td.active{background-color: turquoise;}
.daterangepicker td.start-date{border-radius: 20px 0 0 20px; }
.daterangepicker td.end-date{border-radius: 0 20px 20px 0;}
.daterangepicker td.active,
.daterangepicker td.in-range,
.daterangepicker td.active:hover {background-color: #f3f7ff;color: #000;}
.daterangepicker td.start-date.end-date{border-radius:0;}
.daterangepicker td.start-date.end-date::before{display: none;}
.in-range::before,
.start-date::before,
.end-date::before{content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;box-sizing: border-box;}
.in-range::before{ border-top: 1px solid #096dd1;border-bottom: 1px solid #096dd1; }
.start-date::before{border: 1px solid #096dd1;border-right: 0;border-radius: 20px 0 0 20px;}
.end-date::before{border-radius: 0 20px 20px 0;border: 1px solid #096dd1;border-left: 0;}
.daterangepicker.openscenter:before,
.daterangepicker.openscenter:after{display: none;}
.daterangepicker .drp-calendar.right{float: right;}
.daterangepicker .drp-buttons{padding: 0;padding-top: 20px;}
.daterangepicker .drp-buttons .btn{display: inline-block; width: 78px;height: 30px;text-align: center;color:#FFF;font-weight: 300;font-size: 16px;border-radius: 5px;margin-left: 0;}
.daterangepicker .drp-buttons .cancelBtn {background-color: #2d2d2d;}
.daterangepicker .drp-buttons .drp-reset-btn {background-color: #a2a2a2;margin: 0 12px;}
.daterangepicker .drp-buttons .btn-primary {background-color: #276dd1;}

/*게시판 상세*/
.board-view-box {border-top:1px solid var(--black3)}
.board-title {padding: 25px 0; font-size: 28px;font-weight: 500;color: var(--black4);border-bottom: 1px solid #d6d6d6;}
.post-meta > ul{display: flex;flex-wrap: wrap;gap: 0 50px;padding: 15px 0;}
.post-meta > ul > li {color:var(--black4);font-size: 15px;}
.post-meta > ul > li strong{position: relative; display: inline-block;font-weight: 400;padding-right: 17px;margin-right: 15px; }
.post-meta > ul > li strong::before{content: "";display: block;width: 1px ;height: 12px;background: #848484;position: absolute;right:0;top:6px}
.post-meta > ul > li span{display: inline-block;font-weight: 300;}
.board-attach{background-color:#f3f7ff;border-radius: 12px;padding:25px 35px 15px 35px;}
.board-attach ul li{display: flex;column-gap: 10px;margin-bottom: 15px;align-items: center;font-size: 16px;color:#262626;font-weight: 300;}
.board-attach ul li img{width: 25px;}
.board-attach ul li p{position: relative; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 950px}
.board-attach ul li .capacity{flex-shrink: 0;color:#5f5f5f;font-style: normal;font-weight: 300;letter-spacing: -1px;}
.board-attach ul li .btns{display: flex; column-gap: 5px;flex-shrink: 0;}
/*.board-attach ul li:last-child{margin-bottom: 0;}*/
.board-attach .half{display: flex;flex-wrap: wrap;}
.board-attach .half > li{width: 50%;padding-right: 10px;}
.board-content {min-height: 250px; padding: 45px 0;line-height: 1.6;color: var(--black2)}

/*상세 이미지 슬라이드*/
.board-slider-wrap {position: relative;max-width: 1024px;width: 98%;margin: 0 auto 120px auto;}
.board-slider {width: 100%;max-width: 100%;margin: 20px 0;box-sizing: border-box;}
.board-slider-main {padding: 0 25px;}
.board-slider-main img {width: 100%;height: auto;display: block;}
.board-slider-thumb {display: flex;padding: 0 20px;}
.board-slider-thumb .slick-slide {cursor: pointer;padding: 0 5px;}
.board-slider-thumb img {width: 100%;height: 131px;transition: border 0.3s;}
.board-slider-thumb .slick-current img {border: 2px solid #333;}
.board-slider-wrap .slick-arrow {display: block;position: absolute;top: 50%;margin-top: -21px;width: 42px;height: 42px;background-color: #fff;border-radius: 50%;border: 1px solid #959595;z-index: 1;}
.board-slider-wrap .slick-prev {left: 0;}
.board-slider-wrap .slick-next {right: 0;}
.board-slider-wrap .slick-arrow em {border: solid #4a4a4a;border-width: 0 2px 2px 0;border-radius: 0;display: inline-block;padding: 5px;}
.board-slider-wrap .slick-prev em {transform: rotate(135deg);margin-left: 5px;}
.board-slider-wrap .slick-next em {transform: rotate(-45deg);}
/* 컨트롤 영역 */
.board-slider-controls {position: absolute;left: 45px;bottom:27%;display: flex;justify-content: space-between;align-items: center;padding:0 30px;height: 45px;background-color: rgba(0, 0, 0, 0.6);color: #fff;border-radius: 0 25px;}
.board-slider-controls .slide-count {display: flex;align-items: center;font-weight: 500;}
.board-slider-controls .slide-count em{display: inline-block;width:45px;height: 1px;background-color: #fff;margin: 0 10px;}
.board-slider-controls .slide-buttons{display: flex;align-items: center;margin-left: 15px;}
.board-slider-controls .slide-buttons button {width: 18px;height: 18px;}
.board-slider-controls .slide-buttons .btn-prev em,
.board-slider-controls .slide-buttons .btn-next em{border: solid #fff;border-width: 0 2px 2px 0;border-radius: 0;display: inline-block;padding: 4px;}
.board-slider-controls .slide-buttons .btn-prev em{transform: rotate(135deg);}
.board-slider-controls .slide-buttons .btn-next em{transform: rotate(-45deg);;}
.board-slider-controls .slide-buttons .btn-pause em::after{content:"⏸";display: inline-block;font-size: 18px;font-style: normal;margin-top: -3px; }
.board-slider-controls .slide-buttons .btn-play em::after{content:"▶";display: inline-block;font-size: 14px;font-style: normal;margin-top: 2px; }

/*영상*/
.youtube-wrap{max-width: 978px;height: 548px;position: relative;overflow: hidden;margin: 0 auto 120px auto;border-radius: 30px;}
.youtube-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}

.board-nav {border-top: 1px solid var(--black3);border-bottom: 1px solid var(--black3);}
.board-nav .nav-item{display: flex;color:var(--black2);font-size: 16px;}
.board-nav .nav-item.next{border-top:1px solid #d6d6d6}
.board-nav .nav-item p{display: flex;flex-wrap: wrap;align-items: center;width: calc(100% - 120px);padding: 0 30px;}
.board-nav .nav-item p a{display: block;width: 100%;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.board-nav .nav-item strong{display: flex;flex-wrap: wrap;align-items: center;justify-content: center; height: 54px; width: 120px;text-align: center;}
.board-nav .nav-item strong span{position: relative; display: inline-block;border: 1px solid #e7e7e7;width: 24px;height: 24px;background: #fff;border-radius: 5px;margin-right: 15px;}
.board-nav .nav-item strong span::before{content: '';position: absolute;width:6px;height: 6px;left: 7px;top: 6px;border-top: 1px solid #464646;border-left: 1px solid #464646;}
.board-nav .nav-item.prev strong span::before {transform: rotate(45deg);top:10px}
.board-nav .nav-item.next strong span::before {transform: rotate(225deg);top:5px}

/*페이징*/
.pagination {display: flex;justify-content: center;align-items: center;gap: 5px;margin:50px 0 0 0;flex-wrap: wrap;}
.pagination .page-num{font-size: 16px;text-align: center;color:#888888;margin: 0 13px;}
.page-num,
.btn-first,
.btn-prev,
.btn-next,
.btn-last {display: flex;justify-content: center;align-items: center;}
.pagination .btn-first{ width:30px;height: 30px;background: url('../images/sub/btn_paging_first.png') center no-repeat;border: 1px solid #cbcbcb;border-radius: 3px;}
.pagination .btn-prev{ width:30px;height: 30px;background: url('../images/sub/btn_paging_prev.png') center no-repeat;border: 1px solid #cbcbcb;border-radius: 3px;margin-right: 15px;}
.pagination .btn-next{ width:30px;height: 30px;background: url('../images/sub/btn_paging_next.png') center no-repeat;border: 1px solid #cbcbcb;border-radius: 3px;margin-left: 15px;}
.pagination .btn-last{ width:30px;height: 30px;background: url('../images/sub/btn_paging_last.png') center no-repeat;border: 1px solid #cbcbcb;border-radius: 3px;}
.pagination .page-num.active {color:#276dd1}

/* 달력 */
:root{
    --fc-event-text-color: #0b52b8;
    --fc-event-bg-color: #e2eeff;
    --fc-event-border-color: #e2eeff
}

/* 기존css 초기화 */
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:hover,
.fc .fc-button-primary{background-color: transparent; border:0;}
.fc .fc-daygrid-day.fc-day-today{background-color:transparent;}

.cal-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cal-wrap .cal-box{position: relative; width: calc(100% - 374px);border-radius: 20px 20px 0 0 ;}
.cal-wrap .cal-box .btn-month{position: absolute;left:55%;top:3px; z-index: 1;}

.event-cal .fc-toolbar{position: relative; justify-content: center;justify-content: center;align-items: center;display: flex;margin-bottom: 50px;}
.event-cal .fc-toolbar .fc-toolbar-chunk:nth-child(2){display: flex;align-items: center;padding: 0 80px 0 25px;}

.event-cal .fc-toolbar .fc-button{padding: 0;}
.event-cal .fc-toolbar .fc-button-primary{width: 23px;height: 23px;border:1px solid #cbcbcb;background-color: #fff;}
.event-cal .fc-toolbar .fc-button .fc-icon{font-size: 19px;color:#cbcbcb;line-height: 23px;vertical-align:top}
.event-cal .fc-toolbar .fc-toolbar-title{margin:0;font-size: 30px;font-weight: 600;}
.event-cal .fc-view-harness{border-radius: 20px 20px 0 0;overflow: hidden;}
.event-cal .fc-col-header-cell{background-color: #276dd1;border:0;text-align: left;padding: 0 19px;}
.event-cal .fc-col-header-cell .fc-col-header-cell-cushion{color:#fff;padding: 0;height: 57px;font-size: 20px;line-height: 57px;}
.event-cal .fc-scroller-harness-liquid{border-right: 1px solid #d9d9d9;}
.event-cal .fc-daygrid-day-top{flex-direction: row;}
.event-cal .fc-daygrid-event{margin-top: 5px;}
.event-cal .fc-h-event {background-color: var(--fc-event-bg-color);border: 1px solid var(--fc-event-border-color);border-radius: 20px;}
.event-cal .fc-h-event .fc-event-title-container{text-align: center;}
.event-cal .fc-daygrid-block-event .fc-event-title{padding:4px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.event-cal .cal-choice{width: 344px;}
.event-cal td{border: 0;border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
.event-cal .fc-daygrid-day-frame{ height: 100%;min-height: 165px; }
.event-cal .fc-daygrid-day-top .fc-daygrid-day-number{width: 43px;height: 43px;padding: 0;text-align: center;line-height: 43px;border-radius: 50%;font-size: 19px;color: var(--grey2);margin-left:12px;margin-top: 3px; }
.event-cal .fc-scrollgrid-section-sticky > * {position:static}
.event-cal .fc-day-today .fc-daygrid-day-number{background-color: #ffa525;color: #fff;}
.event-cal .fc-day-sun .fc-daygrid-day-top .fc-daygrid-day-number{color:#fc0000}
.event-cal .fc-day-sat .fc-daygrid-day-top .fc-daygrid-day-number{color:#24a5f7}
.event-cal .fc-toolbar.fc-header-toolbar{margin-bottom: 50px}
.event-cal .fc-daygrid-day-bottom{margin-top: 10px !important;}
.event-cal .fc-popover{position: fixed;top: 50%;left: 50%;width: 98%;max-width: 300px;transform: translate(-50%, -50%);border-radius: 10px 10px 0 0;overflow: hidden;}
.event-cal .fc-popover .fc-more-popover-misc{display: none;}
.event-cal .fc-popover-header{background-color: #276dd1;padding: 8px 10px;}
.event-cal .fc-popover-header .fc-popover-title{color:#fff}
.event-cal .fc-popover-header .fc-popover-close{color:#fff;opacity: 1;}

/*이벤트 리스트*/
.cal-choice{width: 374px; padding-left: 15px;}
.cal-choice .choice-date{display: flex;justify-content: center;align-items: center; height: 55px;background-color: #276dd1; width: 100%;border-radius: 20px 20px 0 0;margin-top: 92px;}
.cal-choice .choice-date strong{color:#fff;font-size: 24px;font-weight: 600;}
.choice-list{padding: 0 25px;border: 1px solid #d9d9d9;overflow-y: auto;}
.choice-list ul > li{padding: 35px 0 0 0;border-bottom: 1px solid #d5d5d5;}
.choice-list ul > li:last-child {border-bottom: 0;}
.choice-list ul > li.no-data{text-align: center;padding: 50px 0;}

.choice-list .event-info dd .btn-event-detail{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.choice-list .event-info dd {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.event-info{display: flex;margin-bottom: 15px;font-weight: 300;}
.event-info dt{width: 64px;height: 26px;line-height: 26px;background-color: #e2eeff;color:#276dd1;text-align: center;border-radius: 15px;}
.event-info dd{width: calc(100% - 64px);padding-left: 10px;color:var(--black3)}
.event-info dd .btn-event-detail{text-align: left;}

/*주요사업*/
.biz-wrap{width: 100%;max-width: 1172px;margin: 0 auto;}
.biz-list{display: grid; grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));gap: 90px 50px;}
.biz-list li{border:1px solid #b8b8b8;border-radius:30px 30px;}
.biz-list dl{padding: 20px 10px 20px 30px;}
.biz-list dl dt{font-size: 23px;font-weight: 500;margin-bottom: 20px;}
.biz-list dl dd{font-size:19px;position: relative;padding-left: 16px;letter-spacing: -1px;margin-bottom: 10px;}
.biz-list dl dd::before{content: "";display: block;position: absolute;left: 0;top:10px;width:5px ;height: 5px;border-radius: 50%; background-color: var(--blue1);}
.biz-list dl dd em{font-size: 16px;font-style: normal;}
.biz-list dl:last-child dd{margin-bottom: 0;}
.pic-box {width: 100%;height: 316px;padding: 60px;box-sizing: border-box;overflow: hidden;position: relative;z-index: 2;border-radius: 30px 30px 0 0 ;}
.pic-box .bg {background-size: cover;background-position: top left;background-repeat: no-repeat;background-color: #ddd;position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;}
.pic-box .mask {position: absolute;top: 0;right: 0;width: 100%;height: 100%;overflow: hidden;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
.pic-box.item1 .bg {background-image: url("../images/sub/about/img_biz_001_02_01.jpg");}
.pic-box.item1 .mask {
  background: url("../images/sub/about/img_biz_001_02_02.jpg") right center no-repeat;
  background-size: cover;
}
.pic-box.item2 .bg {background-image: url("../images/sub/about/img_biz_001_02_03.jpg");}
.pic-box.item2 .mask {
  background: url("../images/sub/about/img_biz_001_02_04.jpg") right center no-repeat;
  background-size: cover;
}
.pic-box.item3 .bg {background-image: url("../images/sub/about/img_biz_001_02_05.jpg");}
.pic-box.item3 .mask {
  background: url("../images/sub/about/img_biz_001_02_06.jpg") right center no-repeat;
  background-size: cover;
}
.pic-box.item4 .bg {background-image: url("../images/sub/about/img_biz_001_02_07.jpg");}
.pic-box.item4 .mask {
  background: url("../images/sub/about/img_biz_001_02_08.jpg") right center no-repeat;
  background-size: cover;
}
.pic-box.item5 .bg {background-image: url("../images/sub/about/img_biz_001_02_09.jpg");}
.pic-box.item5 .mask {
  background: url("../images/sub/about/img_biz_001_02_10.jpg") right center no-repeat;
  background-size: cover;
}
.pic-box.item6 .bg {background-image: url("../images/sub/about/img_biz_001_02_11.jpg");}
.pic-box.item6 .mask {
  background: url("../images/sub/about/img_biz_001_02_12.jpg") right center no-repeat;
  background-size: cover;
}

/*달력 선택 팝업*/
.month-picker{position: absolute; left:50%; top:50px; transform: translateX(-50%); padding:15px; background-color: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.1); border-radius: 10px; z-index: 100; display: none;}
.month-picker .mp-header{display: flex;align-items: center; justify-content: space-between; padding-bottom: 15px;}
.month-picker .mp-header .mp-year{font-weight: 700;color:#010101;}
.month-picker .mp-header > button{position: relative; width: 11px;height: 11px;}
.month-picker .mp-header > button::before {content: '';position: absolute;width: 6px;height: 6px;left:0;top: 0;border-top: 2px solid #010101;border-left: 2px solid #010101;}
.month-picker .mp-header .mp-prev::before {transform: rotate(-45deg);}
.month-picker .mp-header .mp-next::before {transform: rotate(135deg);}
.month-picker .mp-list{display: flex; flex-wrap: wrap; width: 235px;  background-color: #fff;}
.month-picker .mp-list >li{text-align: center; border:1px solid #E2E2E2; flex: 1 1 30%;}
.month-picker .mp-list >li >button{width: 100%; padding:3px 0;}
.month-picker .mp-list >li >button span{color:#010101;}
.month-picker .mp-list >li >button.on,
.month-picker .mp-list >li >button:hover,
.month-picker .mp-list >li >button:focus{background-color:#FFFDE9}

/*이벤트 팝업*/
.event-popup {position: fixed;top: 50%;left: 50%;width: 98%;max-width: 645px;transform: translate(-50%, -50%);background: #fff;border-radius: 16px;z-index: 9999;border:1px solid #d6d6d6;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px;}
.event-popup .popup-header {display: flex;position: relative;justify-content: space-between;align-items: center;height: 66px;padding: 0 64px;background-color: #276dd1}
.event-popup .event-date {width: 100%;font-size: 25px;font-weight: 600;color: #fff;text-align: center;}
.event-popup .btn-close {position: absolute;right: 24px;top:20px;width:21px;height: 21px;}
.event-popup .btn-close:before, 
.event-popup .btn-close:after {position: absolute;left: 8px;top:0;content:'';height: 21px;width: 2px;background-color: #fff;}
.event-popup .btn-close:before {transform: rotate(45deg);}
.event-popup .btn-close:after {transform: rotate(-45deg);}
.event-popup .popup-body .event-title {padding: 25px 25px 10px 25px;border-bottom: 1px solid #d6d6d6;}
.event-popup .popup-body .event-desc {padding: 25px;color:#000;min-height: 200px; max-height: 320px;overflow-y: auto;line-height: 1.6;}
.event-popup .popup-body .event-info dd{color: #000;}

/*list*/
.list1 > li{position: relative; padding: 0 0 0 10px;color: var(--black4)}
.list1 > li::before{content: "";display: block;position: absolute;left: 0;top:8px;width:4px ;height: 4px;border-radius: 50%;background: var(--blue2);}
.list2 > li{position: relative; padding: 0 0 0 10px;color: var(--black1);margin-bottom: 7px;font-size: 20px;/*display: flex;width: 100%;word-break: keep-all;flex-wrap: wrap;*/}
.list2 > li .st{flex-shrink: 0;padding-right: 5px;}
.list2 > li::before{content: "";display: block;position: absolute;left: 0;top:10px;width:3px ;height: 3px;background-color: #3685f6;}
.list2 > li:last-child{margin-bottom: 0;}
.list2 p{width: 100%;margin: 10px 0;}
.list2 .btn-newwin{font-size: 18px;}
.list3 {width: 100%;}
.list3 > li{position: relative; padding: 0 0 0 13px;color: var(--black2)}
.list3 > li::before{content: "";display: block;position: absolute;left: 0;top:12px;width:6px ;height:1px;background-color: var(--black2);}
.list2 .list3{margin-top: 7px;}
.list4 > li{position: relative; padding: 0 0 0 10px;color: var(--black1)}
.list4 > li::before{content: "";display: block;position: absolute;left: 0;top:8px;width:4px ;height: 4px;border-radius: 50%;background: var(--black1);}
.list5 > li{position: relative; padding: 0 0 0 22px;margin-bottom: 7px;}
.list5 > li:before {content: "";display: block;position: absolute;left:0;top:4px; width: 16px;height: 16px;background-image: url('../images/sub/bullet02.svg');background-size: contain}
.num-list1 > li{padding-left: 26px;position: relative;margin-bottom: 5px;}
.num-list1 > li .num{display: block;position: absolute;left:0;top:0}
.num-list1 > li .num.blue{color: #3685f6;}
.note1{color:var(--blue2);padding: 0 0 0 20px;position: relative;font-weight: 500;margin-top: 20px;}
.note1::before{content: "* ";display: block;position: absolute;left:0;top:0 }

/*다크모드*/
.dark .pagination .btn-first{ background-color: #fff;}
.dark .pagination .btn-prev{ background-color: #fff;}
.dark .pagination .btn-next{ background-color: #fff;}
.dark .pagination .btn-last{ background-color: #fff;}

/*title*/
.title1{position: relative;padding: 0 0 0 10px; font-size: 18px;color: var(--blue2);font-weight: 500;}
.title1::before{content: "";display: block;position: absolute;left:0;top:5px;width: 2px;height: 17px;background-color: var(--blue2);}
.title2{position: relative;margin: 65px 0 20px 0;padding: 0 0 0 24px; font-size: 24px;color: var(--black1);font-weight: 500;background: url('../images/sub/bullet01.png') left 8px no-repeat;}
.title3{position: relative;margin: 20px 0 10px 0;padding: 0 0 0 10px; font-size: 20px;color: var(--black1);font-weight: 400;}
.title3::before{content: "";display: block;position: absolute;left: 0;top:10px;width:3px ;height: 3px;background-color: #3685f6;}
.title4{font-size: 26px;color: var(--black4);font-weight: 500;}
.title5{font-size: 24px;color: var(--blue1);font-weight: 500;margin-bottom: 25px;}
.title6{position: relative;font-size: 20px;color: var(--black1);font-weight: 500;margin: 35px 0 20px 0;padding-left: 20px;}
.title6::before{content: "";display: block;position: absolute;left: 0;top:10px;width:10px ;height: 10px;background-color: var(--blue1);border-radius: 50%;}
.title7{position: relative;font-size: 30px;color: var(--black1);font-weight: 500;margin: 60px 0 ;text-align: center;}
.decs{margin-bottom: 15px;}

/* 주요기능 */
.functions {display: grid;grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));gap: 15px;padding: 0;margin: 0 auto;margin-top: 30px;}
.functions li {position: relative;padding-top:45px;height: 250px;text-align: center;}
.functions li .txt{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;background-color: #fff5eb;border-radius: 8px;font-size: 19px;color: #272727;font-weight: 500;line-height: 1.6;padding: 60px 10px 10px 10px;word-break: keep-all;}
.functions li .txt em{display: block;font-style: normal;color:#303030;font-size: 16px;font-weight: 300;line-height: 1.2;}
.functions li .icon{display: flex;align-items: center;justify-content: center;width: 100px;height: 100px;position: absolute;top:0;left:50%;margin-left: -50px;background-color: #fff;border-radius: 50%;border: 1px solid #d9dcde;}
.functions li.item2 .txt {background-color: #f0faef;}
.functions li.item3 .txt{background-color: #e9f9fa;}
.functions li.item4 .txt{background-color: #e4f5fe;}
.functions li.item5 .txt{background-color: #e6eaf9;}
.functions li.item6 .txt{background-color: #eaf4ff;}
/* 핵심가치 */
.values {width: 100%; display: grid;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 20px 40px;padding: 0;margin: 0 auto;margin-top: 30px;}
.wb-en .values li {width: 100%;border: 3px solid #c3d6d7;border-radius:75px ;overflow: hidden;padding:4px;}
.values li strong{display: flex;align-items: center;justify-content: center;text-align: center;height: 49px;width: 100%;color:#000000;font-size: 21px;font-weight: 400;background-color:#c2eeeb ;}
.wb-en .values li span{display: flex;align-items: center;justify-content: center;text-align: center;height: 114px;width: 100%;color:var(--black1);font-size: 21px;font-weight: 400;}
/* 경영목표 */
.wb-en .goals{width: 100%; display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 20px 100px;padding: 0;margin: 0 auto;overflow: hidden;}
.goals li {width: 100%;position: relative;}
.goals li::after{content: "";display: block;width: 56px;height: 10px;background: url('../images/sub/about/arr_goals.png') center no-repeat;right: -85px;top:50%;margin-top: -5px;position: absolute;}
.wb-en .goals li strong{display: flex;align-items: center;justify-content: center;text-align: center;height: 115px;width: 100%;color:#1e1e1e;border: 1px solid #c3d6d7;border-bottom: 0; font-size: 19px;font-weight: 400;background-color:#ffe0b0 ;border-radius:25px 25px 0 0 ;word-break: keep-all;}
.wb-en .goals li span{display: flex;align-items: center;justify-content: center;text-align: center;height: 80px;width: 100%;color:#ff7038;border: 1px solid #c3d6d7;border-top: 0; font-size: 26px;font-weight: 500;border-radius:0 0 25px 25px }
.goals li:last-child:after{display: none;}
/* 전략 */
.wb-en .strategy {width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 20px 50px; padding: 0;margin: 0 auto;}
.wb-en .strategy li .top{display: flex;align-items: center;justify-content: center;text-align: center;height:140px;width: 100%;color:#000000;font-size: 19px;font-weight: 400;background-color:#d4ecff ;border-radius: 15px;padding: 5px;margin-bottom: 20px}
.wb-en .strategy li .bottom{display: flex;justify-content: center;text-align: left;min-height: 240px;width: 100%;border:1px solid #d4d4d4;border-radius: 15px;padding:15px ;}
.wb-en .strategy li .list4{font-size: 17px;font-weight:300;}
.wb-en .strategy li .list4 li{margin-bottom: 12px;word-break: keep-all;}
.wb-en .strategy li .list4 li:last-child{margin-bottom: 0;}

/*연혁*/
.history{position: relative;margin-top: 120px;}
.history .his-title{position: relative;width: 80%; max-width: 376px;font-size: 32px;color: var(--white1);text-align: center;font-weight: 500;background-color:  var(--blue1);border-radius:50px;padding: 19px 10px;z-index: 5;margin: 0 auto;}
.his-cont{position: relative;z-index: 5;padding: 80px 0 50px 0;}
.his-cont::before {display: block;position: absolute;top: 0;left: 50%;bottom: 0;content: '';width: 1px;background: var(--blue1);z-index: 1;}
.his-cont .item{display: flex;flex-direction: column;margin-bottom: 30px;}
.his-cont .item > * {width: 100%;}
.his-cont .item strong{display:block;position:relative;margin-bottom: 10px;color:var(--blue1);font-size: 26px;font-weight:500 ;}
.his-cont .item strong span{font-size: 18px;}
.his-cont .item strong:before{content: "";display: block;position:absolute;top: 12px;width:16px;height:16px; background-color: var(--blue1);border-radius: 50%;}
.his-cont .item strong::after{content: "";display: block;position: absolute;top: 20px;width: calc(37% - 10px);height: 1px;background-color: var(--blue1);}
.his-list{font-size:19px;color: var(--black3);font-weight: 500;}
.his-cont .box-left{padding-right:50%;text-align:right;}
.his-cont .box-left > *{padding-right:37%;}
.his-cont .box-left strong:before{right:-8px}
.his-cont .box-left strong::after{right:0}
.his-cont .box-right{padding-left:50%;text-align:left;}
.his-cont .box-right > *{padding-left:37%;}
.his-cont .box-right strong:before{left:-8px}
.his-cont .box-right strong::after{left:0}

/*시설현황*/
.fac-list1 > li{display: flex;align-items: center;border-bottom: 1px solid #d6d6d6;padding:45px 0;}
.fac-list1 > li:first-child{padding-top: 20px;}
.fac-list1 > li .pic{width: 434px;flex-shrink: 0;  border-radius: 0 20px 0 0 ;overflow: hidden;}
.fac-list1 > li dl{flex-grow: 1;padding-left: 80px;}
.fac-list1 > li dl dt{font-size: 26px;font-weight: 500;margin-bottom: 25px;}
.fac-list1 > li dl dd{font-size:20px;position: relative;padding-left: 16px;letter-spacing: -1px;margin-bottom: 15px;}
.fac-list1 > li dl dd::before{content: "";display: block;position: absolute;left: 0;top:10px;width:4px ;height: 4px;background-color: var(--blue1);}
.fac-list1 > li dl dd span{display: block;color:#276dd1;font-size: 17px;font-weight: 300;padding-top: 15px;}
.fac-list2 {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px 30px;}
.fac-list2 > li .pic{border-radius: 0 20px 0 0 ;overflow: hidden;display: block;margin-bottom: 15px;}
.fac-list2 > li dl dt{display: flex;align-items: center;justify-content: center;height: 40px;font-size: 22px;font-weight: 500;background-color: #276dd1;border-radius: 20px;color:#ffffff;text-align: center;margin-bottom: 25px;}
.fac-list2 > li dl dd{font-size:20px;text-align: center;}
.fac-list2 > li dl dd span{position: relative;display: inline-block;padding-left: 16px;letter-spacing: -1px;}
.fac-list2 > li dl dd span::before{content: "";display: block;position: absolute;left: 0;top:10px;width:4px ;height: 4px;background-color: var(--blue1);}
.facility .pic img {opacity: 0;transform: scale(0.95);transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.facility .pic img.show {opacity: 1;transform: scale(1.05);}
/*찾아오시는길*/
.map-box{margin-bottom: 50px;}
.map-box .map{display: block; border: 1px solid #8e8e8e;border-bottom: 0;}
.map-info{display: flex;height: 100px;align-items: flex-start;justify-content: space-between;background-color: #1c3a64;padding:0; color: #fff;}
.map-info h4{width: 235px;text-align: center;padding-top: 19px;font-size: 22px;font-weight: 500;}
.map-info ul{flex: 1;padding-top: 19px;}
.map-info ul > li{position: relative;display: flex;padding-left: 16px;margin-bottom: 10px;font-size: 18px;}
.map-info ul > li *{font-weight: 300;}
.map-info ul > li::before{content: "";display: block;position: absolute;left: 0;top:10px;width:4px ;height: 4px;background-color: #fff;}
.map-info ul > li:last-child{margin-bottom: 0;}
.map-info ul > li strong{width: 70px;flex-shrink: 0;}
.btn-map{width: 100px;height: 100%;border:1px solid  #1c3a64;background: #fff ;text-align: center;}
.btn-map span{display: inline-block;background: url('../images/sub/about/icon_map01.jpg') center  22px no-repeat;font-size: 16px;color: #1c3a64;padding: 63px 0 0 0;}
.transit{display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));gap: 20px 25px;}
.transit > div{display: flex;justify-content: center;border: 1px solid #c1c1c1;border-radius:20px;padding: 40px 10px;}
.transit ul li{display: flex;margin-bottom: 17px;font-size: 20px;}
.transit ul li:last-child{margin-bottom: 0;}
.transit .icon{text-align: center;font-size: 18px;font-weight: 500;}
.transit .subway .icon{margin-right: 50px;width: 60px;padding-top: 68px;background: url("../images/sub/about/icon_subway01.png") center top no-repeat; }
.transit .bus .icon{margin-right: 40px;width: 60px;padding-top: 66px;background: url("../images/sub/about/icon_bus01.png") center top no-repeat;}
.transit .line{width: 89px;flex-shrink: 0;height: 28px;line-height: 28px; text-align: center;color: #fff;border-radius: 15px;background-color: #ffb316;margin-right: 15px;font-size: 17px;}
.transit .bus .line{width: 73px;}
.transit .line.red{background-color: #c83546;}
.transit .bus .line{background-color:#8191a9;}
/*인사말*/
.greeting-top{color: var(--black1);font-size: 27px;font-weight: 500;text-align: center;border-top:2px solid var(--black3);border-bottom:1px solid var(--black3);padding: 38px 20px;margin-bottom: 75px;}
.greeting-top strong{display: block;margin-bottom: 30px;}
.greeting-top strong span{color: #276dd1}
.greeting-top em{display: block;font-size: 18px;font-weight: 300;color: var( --black4);font-style: normal;}
.greeting-cont{display: flex;flex-wrap:wrap}
.greeting-cont .pic{width: 41%; max-width: 560px;}
.greeting-cont .text{max-width: 59%; font-family: 'SourceHanSerifKR', serif;padding-left: 60px;color:var(--black1);line-height: 2;word-break: keep-all;}
.greeting-cont .text *{font-family: 'SourceHanSerifKR', serif;}
.greeting-cont .text > strong{font-size: 21px;font-weight: 600;}
.greeting-cont .text .bottom{font-family: 'S-CoreDream';color: var(--grey1) ;font-size: 16px;text-align: right;display: block;}
.greeting-cont .text .bottom .name{font-family: 'S-CoreDream';font-size: 22px;font-weight: 600;color: var(--black2);font-style: normal;}
.wb-en .greeting-top{color:#1a1a1a;font-size: 26px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;}
.wb-en .greeting-cont .text .bottom .name{padding-left:10px;}
.wb-en .greeting-top strong{margin-bottom:0;}
.greeting-cont .text .wel-style{display:block;color:var(--blue1);font-size:24px;font-weight:500;}

/* en 서버스타일 */
.gks-desc{display:flex;align-items:center;gap:35px;margin-top: 55px;}
.gks-desc .swiper-box{max-width:670px;width:50%}
.gks-desc .sub-slide{position:relative;/* overflow:hidden; *//*max-width:768px;*/margin:0 auto;}
.gks-desc .sub-slide .swiper-slide{text-align:center;height:auto;max-height:450px;}
.gks-desc .sub-slide .swiper-slide a{position: relative;display: block;height:100%;}
.gks-desc .sub-slide .swiper-slide a::after{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;content: '';}
.gks-desc .sub-slide .swiper-slide.swiper-slide-active a::after{display: none;}
.gks-desc .sub-slide .swiper-slide.swiper-slide-next a::after{display:none;}
.gks-desc .sub-slide .swiper-slide a img{max-width: 100%;width:100%;height:100%;}
.gks-desc .sub-slide .swiper-container{width: 100%;position:static;overflow:hidden;}
.gks-desc .sub-slide .swiper_pagination{display:none;}
.gks-desc .sub-slide-page.swiper-pagination{display:none;}

.gks-desc .sub-slide .button_arrow{border: 0;position: absolute;top: 53%;transform: translateY(-50%);bottom: auto;left:auto;cursor:pointer;z-index: 20;overflow: hidden;text-indent: -999px;width: 45px;height: 45px;outline: none;transition: all 0.4s;background-repeat: no-repeat;background-color: #0000005c;border-radius: 50%;box-sizing:border-box;}
.gks-desc .sub-slide .button_arrow.swiper-button-prev{background-image: url(../images/sub/sub_swiperr_arrow_l.png);left: 50px;background-position: 12px center;}
.gks-desc .sub-slide .button_arrow.swiper-button-next{background-image: url(../images/sub/sub_swiperr_arrow_r.png);right: 50px;background-position: right 6px top 60%;}
.gks-desc .desc-part{width:50%;}
.gks-desc .desc-part > ul > li{border-bottom:1px solid #e3e3e3;padding: 10px 0;}
.gks-desc .desc-part > ul > li:last-child{border-bottom:none;}

p.bl-style{font-size:18px;color:#104a9c;font-weight:500;padding-left:10px;position:relative;margin-bottom:10px;}
p.bl-style::before{content:'';position:absolute;top: 3px;left:0;width:3px;height:17px;background:url(../images/sub/ul_blueline_ico.gif) no-repeat;}

.ul-blue-cir{margin:-10px 0 0 -20px;}
.ul-blue-cir > li{margin:10px 0 0 20px;position:relative;padding-left:10px;float:left;font-size:16px;}
.ul-blue-cir > li::before{content:'';position:absolute;top: 9px;left:0;width:5px;height:5px;background:#3667ac;border-radius:50%;}
.ul-blue-cir .itm-name{display:inline-block;color: #000000;font-weight: 500;margin-right: 10px;}

h5.blue-tit{color:#1a1a1a;font-size:24px;font-weight:500;padding-left:28px;position:relative;margin: 60px 0 14px;}
h5.blue-tit::before{content:'';position:absolute;top: 9px;left:4px;width:14px;height:15px;background:url(../images/sub/pre_blue_title.png) no-repeat;}
h5.blue-tit.mt-s2{margin:25px 0 14px;}

ul.ul-blue-bk{margin-top:20px;}
ul.ul-blue-bk > li{padding-left: 20px;position:relative;font-size:18px;color:#191919;line-height: 1.5;}
ul.ul-blue-bk > li::before{content:'';position:absolute;top: 13px;left: 8px;width:3px;height:3px;background:#3685f6;}
ul.ul-blue-bk > li + li{margin-top:8px;}
ul.ul-blue-bk ul{margin-top:5px;}

ul.ul-bar-hori{margin-top:20px;}
ul.ul-bar-hori > li{padding-left: 20px;position:relative;font-size:18px;color:#191919;line-height: 1.5;}
ul.ul-bar-hori > li::before{content:'';position:absolute;top: 12px;left: 7px;width:7px;height:2px;background:url(../images/sub/ul_horizontal_line.gif) no-repeat;}
ul.ul-bar-hori > li + li{margin-top:8px;}
ul.ul-bar-hori ul{margin-top:5px;}
.nor-table1 ul.ul-bar-hori > li{font-size:inherit;color:inherit;font-weight:300;}

.ul-norm > li{margin:12px 0 0 0;}
.ul-norm > li:first-child{margin-top:0;}
.ul-norm > li ul{padding:7px 0 0 12px;}
.nor-table1 .ul-norm > li{font-weight:300;color:inherit;font-size:inherit;}

.nor-table1{margin-top:20px;}
.nor-table1 table {border-top:2px solid #000000;border-bottom: 2px solid #a0a0a0;width:100%;}
.nor-table1 tr th,
.nor-table1 tr td{border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;font-size:16px;}
.nor-table1 tr th{background:#f0f7ff;padding: 22px 5px;color:#000000;font-weight:600;}
.nor-table1 tr td{text-align:center;padding: 12px 8px;color:#111111;font-weight:300;}
.nor-table1 thead tr th:last-child,
.nor-table1 tr td:last-child{border-right:0;}
.nor-table1 .txt-lf{text-align:left;}
.nor-table1 td.txt-lf{text-align:left;padding:10px 8px 10px 22px;}
.nor-table1 td.txt-lf2{text-align:left;}
.nor-table1 .fw500{font-weight:500;}
.nor-table1 .fw600{font-weight:600;}
.nor-table1 .bg-grey{background:#f8f8f8;}
.nor-table1 .clr-blue{color:#0255c7;}

.nor-table1.orga-stlye thead th{font-size:20px;}
.nor-table1.orga-stlye tbody td,
.nor-table1.orga-stlye .list4 > li{font-size:19px;color:#191919;}
.nor-table1.orga-stlye .list4 > li{font-weight:300;line-height: 1.8;}
.nor-table1.orga-stlye .list4 > li::before{top:14px;}
.nor-table1.orga-stlye .space,
.nor-table1.orga-stlye .space > li{font-size:inherit;font-weight:inherit;}
.nor-table1.orga-stlye .space.mt1 > li + li{margin-top:120px;}
.nor-table1.orga-stlye .space.mt2 > li + li{margin-top:60px;}

ol.no-list{counter-reset:nums;}
ol.no-list > li{font-size: 16px;font-weight: 300;color: #111111;padding-left: 18px;position: relative;line-height: 1.5;}
ol.no-list > li::before{content:counter(nums)'.';counter-increment:nums;position: absolute; left: 0; top: -1px;}

.sub-stairs{margin-top: 25px;}
.sub-stairs > ul{display:flex;}
.sub-stairs > ul > li{position:relative;}
.sub-stairs > ul > li::before{content:'';position:absolute;top:50%;transform:translateY(-50%);right:-24px;width:11px;height:24px;background:url(../images/sub/segmentation_arrow.png) no-repeat;}
.sub-stairs > ul > li:last-child::before{display:none;}
.sub-stairs .top{background:#437ee1;border-radius:20px 20px 0 0;padding:25px 5px 20px;}
.sub-stairs .top .tit{text-align:center;font-size:22px;color:#ffffff;font-weight:600;}
.sub-stairs .bm{border:1px solid #acacac;padding: 23px 8px 10px;text-align:center;font-size: 17px;color:#111111;min-height: 379px;line-height: 1.6;}
.sub-stairs .bm.mh190{min-height:190px;}
.sub-stairs.seg4 > ul{gap:35px;}
.sub-stairs.seg4 > ul > li{width: calc((100% - 35px * 3) / 4);}
.sub-stairs.seg2 > ul{gap:100px;}
.sub-stairs.seg2 > ul > li{width: calc((100% - 100px) / 2);}
.sub-stairs.seg2 > ul > li::before{right:-57px;}

.sub-stairs2{margin-top: 25px;}
.sub-stairs2 > ul{display:flex;}
.sub-stairs2 > ul > li{position:relative;padding: 2px 2px 2px 2px;border-radius: 20px;background:#104a9c;}
.sub-stairs2 > ul > li::before{content:'';position:absolute;top:28px;right: -18px;width:18px;height:36px;background:url(../images/sub/segmentation_arrow2.png) no-repeat;}
.sub-stairs2 > ul > li:last-child::before{display:none;}
.sub-stairs2 .top{padding:25px 5px 20px;}
.sub-stairs2 .top .tit{text-align:center;font-size:22px;color:#ffffff;font-weight:600;}
.sub-stairs2 .top .tit .rank{color:#00fff0;font-weight: inherit;padding-right: 6px;}
.sub-stairs2 .bm{background:#fff;padding: 23px 30px 10px;font-size: 18px;color:#104a9c;font-weight: 500;line-height: 1.6;border-radius: 17px;}
.sub-stairs2.mheight1 .bm{min-height: 420px;}
.sub-stairs2.mheight2 .bm{min-height: 140px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 15px;}
.sub-stairs2.seg4 > ul{gap:35px;}
.sub-stairs2.seg4 > ul > li{width: calc((100% - 35px * 3) / 4);}

.sub-stairs3{margin-top: 25px;}
.sub-stairs3 > ul{display:flex;}
.sub-stairs3 > ul > li{position:relative;padding: 2px 2px 2px 2px;border-radius: 20px;background:#104a9c;}
.sub-stairs3 .top{padding:15px 5px 10px;display:flex;justify-content: center;align-items: center;}
.sub-stairs3 .top .tit{text-align:center;font-size:21px;color:#ffffff;font-weight:600;}
.sub-stairs3 .top .tit .rank{color:#00fff0;font-weight: inherit;padding-right: 6px;}
.sub-stairs3 .bm{background:#fff;padding: 15px 5px 8px;font-size: 15px;color:#191919;line-height: 1.6;border-radius: 17px;}
.sub-stairs3.mheight1 .top{min-height: 85px;}
.sub-stairs3.mheight1 .bm{min-height: 208px;height:calc(100% - 85px);}
.sub-stairs3.seg5 > ul{gap:25px;flex-wrap:wrap;}
.sub-stairs3.seg5 > ul > li{width: calc((100% - 25px * 4) / 5);}
.sub-stairs3 ul.ul-blue-bk,
.sub-stairs3 ul.ul-blue-bk > li{font-size:inherit;color:inherit;color:inherit;}
.sub-stairs3 ul.ul-blue-bk > li{margin-top:0;/*padding-left:10px;*/}

.wb-en .snb-area .snb-title h2{text-align:center;line-height: 1;}
.wb-en .snb-list .snb-depth1{font-size:17px;}
.dept-inn{font-size:28px;}
.wb-en .dept-lbl{padding:5px 40px 6px;font-weight:inherit;}
.wb-en .dept-nm{font-weight:inherit;}

.gks-desc2{margin-top: 60px;position:relative;}
.gks-desc2 .swiper-box{position:absolute;left:0;top:-40px;}
.gks-desc2 .sub-slide{position:relative; overflow:hidden; max-width:630px;margin:0 auto;border-radius: 30px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);}
.gks-desc2 .sub-slide .swiper-slide{text-align:center;height:auto;max-height:450px;}
.gks-desc2 .sub-slide .swiper-slide a{position: relative;display: block;height:100%;background:#fff;}
.gks-desc2 .sub-slide .swiper-slide a::after{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;content: '';}
.gks-desc2 .sub-slide .swiper-slide.swiper-slide-active a::after{display: none;}
.gks-desc2 .sub-slide .swiper-slide.swiper-slide-next a::after{display:none;}
.gks-desc2 .sub-slide .swiper-slide a img{max-width: 100%;width:100%;height:100%;}
.gks-desc2 .sub-slide .swiper-container{width: 100%;position:static;overflow:hidden;}
.gks-desc2 .sub-slide .button_arrow{border: 0;position: absolute;top: 53%;transform: translateY(-50%);bottom: auto;left:auto;cursor:pointer;z-index: 20;overflow: hidden;text-indent: -999px;width: 45px;height: 45px;outline: none;transition: all 0.4s;background-repeat: no-repeat;background-color: #0000005c;border-radius: 50%;box-sizing:border-box;}
.gks-desc2 .sub-slide .button_arrow.swiper-button-prev{background-image: url(../images/sub/sub_swiperr_arrow_l.png);left: 30px;background-position: 12px center;}
.gks-desc2 .sub-slide .button_arrow.swiper-button-next{background-image: url(../images/sub/sub_swiperr_arrow_r.png);right: 30px;background-position: right 6px top 60%;}
.gks-desc2 .desc-part{width:calc(100% - 80px);margin-left:auto;border:2px solid #f5f5f5;border-radius:40px;padding: 40px 10px 85px 605px;position:relative;min-height: 380px;}
.gks-desc2 .desc-part .infor > li{position:relative;padding-left: 150px;font-size:24px;color:#333333;}
.gks-desc2 .desc-part .infor > li::before{content:'';position:absolute;top: -8px;left:0;width:48px;height:48px;background-repeat:no-repeat;background-position:center;background-color:#f1faff;border:1px solid #4c86d9;border-radius: 50%;}
.gks-desc2 .desc-part .infor > li:nth-child(1)::before{background-image:url(../images/sub/sub_swiperr_information_ico1.png);}
.gks-desc2 .desc-part .infor > li:nth-child(2)::before{background-image:url(../images/sub/sub_swiperr_information_ico2.png);}
.gks-desc2 .desc-part .infor > li:nth-child(3)::before{background-image:url(../images/sub/sub_swiperr_information_ico3.png);}
.gks-desc2 .desc-part .infor > li + li{margin-top: 35px;}
.gks-desc2 .desc-part .infor .communication{display:inline-block;color:#104a9c;font-weight:500;min-width:65px;position: absolute;left: 64px;}
.gks-desc2 .desc-part .infor .none{display:none;}
.gks-desc2 .desc-part.no-site-style{display:flex;align-items:center;padding:20px 10px 20px 605px}

.gks-desc2 .go-site-btn{display:inline-block;font-size:24px;color:#276dd1;font-weight:500;position:absolute;right:67px;bottom:36px;padding: 5px 90px 5px 60px;background: url(../images/sub/sub_swiperr_site_btn_ico2.png) no-repeat right center;}
.gks-desc2 .go-site-btn::before{content:'';position:absolute;top: -2px;left:0;width:46px;height:46px;background: url(../images/sub/sub_swiperr_site_btn_ico1.png) no-repeat #276dd1 center;border-radius:50%;}

.bmtip-txt{font-size:19px;margin-top:13px;}
.bmtip-txt.clr-blue{color:#0b499e;}

table .tcol-arrow-style,
table .tcol-arrow-style > li{font-size:inherit;font-weight:inherit;color:inherit;}
.tcol-arrow-style > li{position:relative;}
.tcol-arrow-style > li + li{margin-top:25px;}
.tcol-arrow-style > li::before{content:'';position:absolute;top: -17px;left: 50%;transform: translateX(-50%);width:18px;height:10px;background:url(../images/sub/nor_table_blue_arrow.png) no-repeat;}
.tcol-arrow-style > li:first-child::before{display:none;}

.scroll768,
.scroll1024{overflow-x:auto;}

.ul-table-s > li{display:table;font-size:18px;color:#191919;}
.ul-table-s > li + li{margin-top:6px;}
.ul-table-s > li > span:first-child{padding-right:8px;display:table-cell;white-space:nowrap;}

.sky-blu-arrow{display:inline-block;font-style:normal;color:#00c0ff;}

.searh-cond-bar{background:#f3f7ff;border-radius:15px;padding:30px 100px;display:flex;gap:42px;}
.searh-cond-bar .select-put{width:203px;height:50px;border-radius:10px;background:url(../images/sub/search_dbar_ico1.png) no-repeat #fff right 15px center;border:1px solid #bdbdbd;font-size:17px;color:#585858;font-weight:300;}
.searh-cond-bar .ctr-put{display:flex;gap:35px;flex:1 1 auto;}
.searh-cond-bar .ctr-put input[type="text"]{width:100%;height:50px;border-radius:10px;background:#fff;font-size:17px;color:#585858;font-weight:300;border:1px solid #bdbdbd;padding:0 20px 0 30px;}
.searh-cond-bar .ctr-put .btn-put{display:flex;}
.searh-cond-bar .ctr-put .btn-put a{display:block;width:50px;height:50px;border-radius:10px;}
.searh-cond-bar .ctr-put .btn-put a + a{margin-left:13px;}
.searh-cond-bar .ctr-put .btn-put .ssearch-btn{background:url(../images/sub/search_dbar_ico2.png) no-repeat #276dd1 center;}
.searh-cond-bar .ctr-put .btn-put .srefresh-btn{background:url(../images/sub/search_dbar_ico3.png) no-repeat #a1a9b5 center;}

.lt-table1{}
.lt-table1{margin-top:15px;}
.lt-table1 table {border-top:1px solid #000000;width:100%;}
.lt-table1 tr th{border-bottom:1px solid #000000;padding: 17px 5px;color:#262626;font-weight:300;font-size:17px;}
.lt-table1 tr td{border-bottom:1px solid #d6d6d6;text-align:center;padding: 13px 8px;color:#6e6e6e;font-weight:300;font-size:16px;}
.lt-table1 .txt-lf{text-align:left;}
.lt-table1 .fw500{font-weight:500;}
.lt-table1 .fw600{font-weight:600;}
.lt-table1 .sign-noti{display:inline-block;font-style:normal;font-size:16px;color:#276dd1;text-align:center;width:65px;height:30px;line-height:30px;border:1px solid #276dd1;border-radius:5px;}
.lt-table1 .files-way{display:inline-block;}
.lt-table1 .title-name{color:#262626;}

.lt-ttxt{margin-top:40px;font-size:17px;color:#585858;font-weight:300;}
.lt-ttxt .clr-blue{color:#276dd1;}

.lt-pagi-set{margin-top:50px;}
.lt-pagi-set .pagination{display:table;margin:0 auto;}
.lt-pagi-set .pagination li{float:left;}
.lt-pagi-set .pagination{}
.lt-pagi-set .pagination li a{display: flex;justify-content: center;align-items: center;font-size:16px;color:#888888;font-weight:300;margin-top: 3px;margin-bottom: 3px;}
.lt-pagi-set .pagination li.active a{background:#6e6e6e;color:#fff;}
.lt-pagi-set .p-btn{display:block;width:30px;height:30px;margin:0 3px;border:1px solid #d2d2d2;border-radius:4px;}
.lt-pagi-set .nums{display:block;width: 30px;height:30px;margin: 0 5px;}
.lt-pagi-set .nums.start{margin-left:20px;}
.lt-pagi-set .nums.end{margin-right:20px;}
.lt-pagi-set .nums.active{color:#276dd1;font-weight:400;}

.lt-v-top{border-top:1px solid #000000;}
.lt-v-top .title{font-size:28px;color:#353535;font-weight:500;padding-top: 20px;}
.board-view-box .some-infor{padding: 15px 0;}
.board-view-box .some-infor .f-l{float:left;}
.board-view-box .some-infor .f-r{float:right;}
.board-view-box .some-infor > ul{}
.board-view-box .some-infor > ul > li{font-size:15px;color:#5a5a5a;font-weight:200;float: left;}
.board-view-box .some-infor > ul > li + li{margin-left:45px;}
.board-view-box .some-infor .name{display:inline-block;position:relative;padding-right:30px;font-weight:300;color:#353434;}
.board-view-box .some-infor .name::after{content:'';position:absolute;top: 5px;right: 14px;width: 2px;height: 13px;background:#848484;}
.lt-v-top .files-box{background:#f3f7ff;border-radius:15px;padding:20px 40px;margin-top: 15px;}
.lt-v-top .files-box > ul > li{padding-left:35px;position: relative;display: flex;align-items: center;gap: 4px 0;flex-wrap: wrap;}
.lt-v-top .files-box > ul > li + li{margin-top:10px;}
.lt-v-top .files-box .btn-area{display:inline-block;vertical-align: middle;}
.lt-v-top .files-box .f-img{display:inline-block;position:absolute;left:0;top:1px;}
.lt-v-top .files-box .name{font-size:16px;color:#262626;font-weight:200;min-width: 700px;display: inline-block;vertical-align: middle;}
.lt-v-top .files-box .btns{width:123px;height:31px;line-height:31px;border-radius:5px;background:#fff;border:1px solid #276dd1;font-size:14px;color:#276dd1;background-repeat:no-repeat;padding-right:5px;}
.lt-v-top .files-box .btns + .btns{margin-left:10px;}
.lt-v-top .files-box .db-btn{padding-left:33px;background-image:url(../images/sub/lt_top_ctrl_ico1.png);background-position:8px center;}
.lt-v-top .files-box .pw-btn{padding-left:40px;background-image:url(../images/sub/lt_top_ctrl_ico2.png);background-position:13px center;}
.lt-v-top .letter-con{padding: 35px 0 25px;}
.lt-v-top .letter-con p{font-size:17px;color:#262626;font-weight:300;line-height: 2.8;}
.lt-v-top .letter-con .signature{margin-top: 55px;}
.lt-v-top .view-panel{border-top:1px solid #000000;border-bottom:1px solid #000000;}
.lt-v-top .view-panel > div > a{display:flex;padding: 14px 10px;font-size:16px;color:#262626;align-items: center;}
.lt-v-top .view-panel .top{border-bottom:1px solid #d6d6d6;}
.lt-v-top .view-panel .fronter{display:inline-block;width:105px;position:relative;padding-left:37px;flex: 0 0 auto;}
.lt-v-top .view-panel .fronter::before{content:'';position:absolute;top: -2px;left:0;width:25px;height:25px;border:1px solid #cecece;border-radius:4px;background-position:center;background-repeat:no-repeat;}
.lt-v-top .view-panel .top .fronter::before{background-image:url(../images/sub/lt_ctrl_list_arrow1.png);}
.lt-v-top .view-panel .bm .fronter::before{background-image:url(../images/sub/lt_ctrl_list_arrow2.png);}
.lt-v-top .back-list-btn{display:block;margin:45px auto 0;width:162px;height:48px;line-height:50px;border-radius:10px;font-size:17px;color:#ffffff;padding-left:80px;background:url(../images/sub/lt_ctrl_list_btn.png) no-repeat left 40px center #276dd1;}

.wb-en .board-box .board-list{font-size:16px;}
.wb-en .board-box .board-list li .num{color:#6e6e6e;}
.wb-en .board-box .board-list .board-acc > *{color:#6e6e6e;}
.wb-en .board-box .board-list .board-acc{align-items:center;}

.wb-en .select1,
.wb-en .search-box .input-box .iptxt[type=text]{font-weight:300;}
.wb-en .board-content{font-weight:300;}

.sub-vt-btn{display:none;width:60px;height:60px;font-size:14px;color:#ffffff;text-align:center;padding-top: 28px;border-radius:50%;background: url(../images/sub/view_backtop_btn_arrow.png) no-repeat #818ca2 center 13px;position: fixed;right: 10px;bottom: 100px;z-index: 5;}
.sub-vt-btn.show{display:block;}

.mece-box{padding-bottom: 60px;border-bottom: 1px solid #d6d6d6;}
.mece-box > ul{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 50px 70px;}
.mece-box > ul > li{width: calc((100% - 70px * 2) / 3);}
.mece-box > ul > li > a{display:block;border-radius:20px;}
.mece-box .img-put{display:block;border-radius:20px;height: 232px;}
.mece-box .img-put img{width:100%;height:100%;}
.mece-box .text-put{border-radius: 0 0 20px 20px;border:1px solid #bdbdbd;border-top-width:0;padding:15px 20px;}
.mece-box .text-put .name{font-size:16px;color:var(--black2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mece-box .text-put .details{margin:-5px 0 0 -35px;padding-top: 15px;}
.mece-box .text-put .details > li{float:left;font-size:14px;color:#6e6e6e;font-weight:300;margin:5px 0 0 35px;position:relative;padding-left:30px;}
.mece-box .text-put .details > li::before{content:'';position:absolute;left:0;}
.mece-box .text-put .view::before{width:19px;height:12px;background:url(../images/sub/mece_ico1.png) no-repeat;top: 3px;}
.mece-box .text-put .date::before{width:17px;height:15px;background:url(../images/sub/mece_ico2.png) no-repeat;top: 2px;}

.mvmf-top-txt{font-size:19px;color:#272727;padding-bottom:35px;}

.btn-map .en-style{background:url(../images/sub/about/icon_map02.png) center no-repeat; width:100%;height:100%;padding:0;}

.map-info.en-style{height:auto;align-items: stretch;}
.map-info.en-style h4{width:36%;text-align:left;padding:20px 5px 20px 40px;align-self: center;}
.map-info.en-style ul{padding:10px;align-self: center;}
.map-info.en-style ul > li{margin-bottom:2px;}
.map-info.en-style ul > li strong{width:auto;margin-right:10px;}
.map-info.en-style .btn-map{height:auto;}


/* 미션·비전 및 주요기능 */
.wb-en .vision-mission-top{display: flex;align-items: center;flex-direction: column;justify-content: center;position: relative;gap: 30px 0; background: url(../images/sub/about/bg_vision_mission.jpg); background-size: cover; width: 100%;border-radius: 20px;min-height: 206px;margin: 0 auto 60px auto;padding:20px 220px 20px 20px;} 
.vision-mission-top .character{display: block;position: absolute;right:8%;bottom: -60px;width: 105px;height: 220px;}
.wb-en .vision-mission-top dl{display: flex;width: 95%;max-width:860px;}
.vision-mission-top dl dt{flex-shrink: 0;width: 157px;height: 32px;padding: 3px 5px;text-align: center;border-radius: 15px;background-color: #fff;color:#276dd1 ;font-size: 19px;font-weight: 500;}
.wb-en .vision-mission-top dl dd{color:#fff;font-size:21px;padding-left:25px ;}
.vmsection{border-bottom: 1px solid #dfdfdf;padding-bottom: 35px;}
.vmsection.col{display: flex;align-items: center;min-height: 257px;padding: 30px 0;}
.vmsection.col h4{flex-shrink: 0; width: 320px;padding-left:40px;}


@media screen and (max-width: 1802px) {
    .container > .inner{padding: 0 20px;}

}

@media screen and (min-width: 1401px) and (max-width:1550px) {
	.sub-stairs2.mheight1 .top{min-height:109px;display: flex;align-items: center;justify-content: center;}
	.sub-stairs2.mheight1 .bm{padding:23px 20px 10px;height:calc(100% - 109px);}
	.sub-stairs2.mheight2 .top{min-height:109px;display: flex;align-items: center;justify-content: center;}
	.sub-stairs2.mheight2 .bm{height:calc(100% - 109px);}
	
	.sub-stairs3.seg5 > ul{gap:25px 13px;}
	.sub-stairs3.seg5 > ul > li{width:calc((100% - 13px * 4) / 5);}
	.sub-stairs3.seg5 .top .tit{font-size:19px;}
	
	.wb-en .strategy li .top{height:160px;}
	
	.wb-en .fac-list2 > li dl dt{font-size:21px;}
}

@media (min-width: 1024px) {
  .pic-box .bg {transform: scale(1);transition: all 0.5s;}
  .pic-box .mask {transform: scale(1.1);transition: all 1s;}
  .pic-box:hover .bg {transform: scale(1.1);}
  .pic-box:hover .mask {transform: scale(1);clip-path: polygon(64% 0, 100% 0, 100% 100%, 35% 100%);}
}


@media screen and (max-width: 1400px) {
    .contents {width: calc(100% - 320px);}
    .eval-box .eval-question .radio-label{margin-right: 7px;}

    .cal-wrap .cal-box{width: calc(100% - 270px);}
    .cal-choice{width: 270px;}
    .choice-list{padding: 0 10px;}

    .board-attach .half{display: block;}
    .board-attach .half > li{width: 100%;padding-right: 0;}
	
	.gks-desc{gap:15px;flex-direction: column;}
	.gks-desc .swiper-box{width:auto;}
	.gks-desc .sub-slide .button_arrow{top:55%;}
	.gks-desc .sub-slide .swiper-slide{max-height:none;}
	.gks-desc .desc-part{width:100%;}
	
	.gks-desc2 .swiper-box{position:static;}
	.gks-desc2 .desc-part{width: 100%;margin-top: 20px;padding: 30px 30px 70px;min-height: 0;}
	.gks-desc2 .desc-part.no-site-style{padding:30px;}
	.gks-desc2 .go-site-btn{right:30px;bottom:15px;}
	
	.sub-stairs.seg4 > ul{flex-wrap:wrap;gap:20px 35px;}
	.sub-stairs.seg4 > ul > li{width:calc((100% - 35px) / 2);}
	.sub-stairs.seg4 > ul > li:nth-child(2n)::before{display:none;}
	
	.sub-stairs2.seg4 > ul{flex-wrap:wrap;gap:20px 35px;}
	.sub-stairs2.seg4 > ul > li{width:calc((100% - 35px) / 2);}
	.sub-stairs2.seg4 > ul > li:nth-child(2n)::before{display:none;}
	.sub-stairs2.mheight1 .bm{min-height:310px;}
	
	.sub-stairs3.seg5 > ul > li{width:calc((100% - 25px * 2) / 3);}
	
	.mece-box > ul{gap:50px 30px;}
	.mece-box > ul > li{width:calc((100% - 30px * 2) / 3);}
	
	.vision-mission-top .character{right:10px;}
	.wb-en .vision-mission-top{padding:20px 117px 20px 20px;}
	.wb-en .vision-mission-top dl{width:100%;max-width:none;}
	
	.functions li .txt{letter-spacing: -1px;font-size: 17px;}
	
	.vmsection.col{display: block;min-height: auto;}
	.vmsection.col h4{margin-bottom: 30px;}
	
	.values{gap:20px;}
	
	.fac-list1 > li .pic{width: 300px;}
    .fac-list1 > li dl{padding-left: 30px;}
	
	.wb-en .fac-list2{gap:20px;}
	.wb-en .fac-list2 > li dl dt{font-size:18px;}
}

@media screen and (max-width: 1200px) {
    .snb-area{width: 220px;}
    .snb-list .snb-depth1{padding-left: 10px;font-size: 18px;}
	.wb-en .snb-list .snb-depth1{height:85px;}
    
    .contents {width: calc(100% - 250px);}
    .eval-box .eval-question{display: block;}
    .eval-box .eval-question strong{width: 100%;margin-bottom: 13px ;}
    
    .cal-wrap{display: block;}
    .cal-wrap .cal-box{width: 100%;margin-bottom: 30px;}
    .cal-choice{width: 100%;padding-left: 0;}
    .cal-choice .choice-date{margin-top: 0;}
    .choice-list{height: auto;max-height: 300px;}
	
	
   .sub-stairs.seg2 > ul{gap:35px;}
   .sub-stairs.seg2 > ul > li{width:calc((100% - 35px) / 2);}
   .sub-stairs.seg2 > ul > li::before{right:-24px;}
	
	.searh-cond-bar{padding:30px 50px;gap:22px;}
	.searh-cond-bar .ctr-put{gap:25px;}
	
	.lt-v-top .files-box .name{min-width:0;}
	
	.mece-box > ul > li{width:calc((100% - 30px) / 2);}
	
	.functions{gap: 10px 5px;}
	
	.wb-en .goals{gap: 10px 60px;}
    .goals li::after{right: -58px;}
    .wb-en .goals li strong{font-size: 16px;}
    .wb-en .goals li span{font-size: 18px;height: 65px;}
	
	.wb-en .strategy li .top{height:170px;}
	
	.greeting-cont .pic{width: 340px;}
    .greeting-cont .text{flex-grow: 1;width: 30%;padding-left: 30px;}
	
	.map-info.en-style h4{padding:10px 5px 10px 20px;}
	.map-info.en-style .btn-map{width:70px;}
}

@media screen and (max-width: 1024px) {
    .container{font-size: 15px;}

    .container > .inner{padding:0;}
    .sub .header{border-color: #cacaca;}
    .container{padding-top: 0;}
    .snb-area,
    .sub-top .page-title,
    .sub-top .sub-top-btn,
    .dept-box{display: none;}
    .sub-top{height: auto;padding: 10px 20px; border-bottom:1px solid  #cacaca;}
    .contents {width: 100%;}

    .article{padding: 50px 20px;}

    .eval-box .eval-question strong{font-size: 15px;}
    .eval-box .eval-question .radio-label{font-size: 15px;}
    .eval-box .opinion-label{font-size: 15px;margin-right: 15px;}
    .eval-box{padding: 20px;padding-bottom: 0;}
    .info-eval-wrap{padding: 0 20px;}
    .info-bar{padding: 10px 20px;}

    .btn1{font-size: 13px;height: 25px;}
    .btn2{height: 35px;}

    .select1{height: 34px;}
    .iptxt[type=text]{height: 34px;}
    .btn-sch-submit{height: 34px;}
    .btn-reset{height: 34px;}

    .search-wrap{padding: 15px 10px 15px 15px;margin-bottom: 30px;}
    .search-box{flex-wrap: wrap;}
    .search-box .sel-group{width: 100%;margin-bottom: 5px;}
    .search-box .sel-group .selbox{padding-right: 5px;width: 50%;}
    .search-box .sel-group.type3 .selbox{padding-right: 0;width: 100%;}
    .search-box .input-box{padding-right: 5px;width: calc(100% - 103px);}
    .search-box .sel-group .daterange-box {width: 50%;padding-right: 0;}
    .search-box .sel-group .daterange-box .cage{width: 100%;}
    .daterangepicker {right: 20px !important;}
	.wb-en .search-box .sel-group{gap:15px;}
	.wb-en .search-box .sel-group .selbox{margin-right:0;padding-right:0;}

    .board-box .board-list-top{display: none;}
    .board-box .board-list li{display: flex;flex-wrap: wrap;align-items: baseline;padding: 7px 5px;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;}
    .board-box .board-list li>*{border-bottom: 0;padding: 0;text-align: left;height: auto;}
    .board-box .board-list li .num{display: none;}
    .board-box .board-list li .class{width: 100%;}
    .board-box .board-list li .tit{width: 100%;padding: 5px 0;}
    .board-box .board-list li .tit + div{width: 100%;}
    .board-box .board-list .board-acc{display: block;padding:5px 0;}
    .board-box .board-list .board-acc>*{display: inline-block;width: auto;margin-right: 10px;padding: 0; }
    .board-list .board-acc .view{padding:0 0 0 25px;max-width: inherit;min-width: inherit;  background: url('../images/sub/icon_hit01.png') left no-repeat;}
    .board-box .board-list .board-acc .file img{height: 20px;}

    .board-title{font-size: 18px;}
    .board-attach{padding: 10px;}
    .board-attach ul li{position: relative; font-size: 15px;flex-wrap: wrap;margin-bottom: 8px;}
    .board-attach ul li img{width: 20px;}
    .board-attach ul li p{max-width: calc( 100% - 185px);width: auto;}
    .board-attach ul li .btns{ margin-top: 5px;padding-left:0;}
    .board-attach ul li .btns .btn1{font-size: 0;height: 22px;}
    .board-attach ul li .btns .btn1 span{height: 15px;display: inline-block;padding-left: 20px;}
    .board-nav .nav-item{font-size: 15px;}
    .pagination .page-num{font-size: 15px;}

    /*캘린더*/

    .event-cal .fc-toolbar {margin-bottom: 30px;}
    .event-cal .fc-toolbar .fc-toolbar-title{font-size: 28px;}
    .event-cal td{border: 0;}
    .event-cal .fc-toolbar.fc-header-toolbar{margin-bottom: 30px;}
    .event-cal .fc-daygrid-day-top .fc-daygrid-day-number{width: 34px;height: 34px;line-height: 34px;}
    .event-cal .fc-view-harness{border:1px solid #d5d5d5;border-radius: 20px;}
    .event-cal .fc-daygrid-day-frame{min-height: 85px;}
    .event-cal .fc-col-header-cell{background-color: #fff;text-align: center;}
    .event-cal .fc-col-header-cell .fc-col-header-cell-cushion{color: var(--black3);}
    .event-cal .fc-daygrid-more-link{float: none;text-align: center;}
    .event-cal .fc-daygrid-day-top .fc-daygrid-day-number{margin: 0;}
    .event-cal .fc-daygrid-day-top{justify-content: center;}
    .event-cal .fc-daygrid-day-events{text-align: center;}
    .event-cal .fc-daygrid-event{margin-top: 0;}
    .event-cal .fc-view .fc-daygrid-event-harness{display: inline-block;}
    .event-cal .fc-view .fc-daygrid-event-harness .fc-event{width: 10px;height: 10px;border:0}
    .event-cal .fc-view .fc-daygrid-event-harness-abs .fc-event{width: 100%;}
    .event-cal .fc-view .fc-daygrid-body-unbalanced .fc-daygrid-day-events{min-height: 10px;}
    .event-cal .fc-view .fc-daygrid-block-event .fc-event-title{font-size: 0;}
    .event-cal .fc-view .fc-daygrid-event-harness-abs .fc-event-title{display: none;}
    .event-cal .fc-view .fc-daygrid-event-harness-abs .fc-h-event .fc-event-main-frame{ height: 10px;}
    .event-cal .fc-view .fc-daygrid-event-harness .fc-event{background-color: #00b1ff;}
    .event-cal .fc-view .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(2) .fc-event {background-color: #2368e8;}
    .event-cal .fc-view .fc-daygrid-day-events .fc-daygrid-event-harness:nth-child(3) .fc-event {background-color: #5cd67f;} 
    .event-cal .fc-daygrid-day-bottom{margin-top: 0 !important;}
    .event-cal .fc-popover .fc-daygrid-event-harness{margin-top: 5px;}
    .cal-choice .choice-date{height: 42px;}
    .cal-choice .choice-date strong{font-size: 18px;}

    .event-popup .popup-header{height: 44px;}
    .event-popup .event-date{font-size: 18px;}
    .event-popup .btn-close{right: 15px;top: 11px;}

    .board-slider-wrap{margin-bottom: 50px;}
    .youtube-wrap{margin-bottom: 50px;}
    .youtube-wrap {position: relative;padding-bottom: 56.25%; height: 0;}
   
   .gks-desc{margin-top:0;}
   
   .scroll1024 table{width:1024px;}
   
	.title1{font-size: 17px;}
	.title2{margin-top: 30px;font-size: 20px;margin-bottom: 10px;}
	.title3{font-size: 17px;margin-top: 0;}
	.title4{font-size: 20px;}
	.title5{font-size: 17px;}
	.title6{font-size: 16px;padding-left: 15px;margin: 15px 0 10px 0;}
	.title6::before{top:6px}
	.title7{font-size: 20px;margin: 30px 0;}
	
	.functions li{height: auto;min-height: 150px;}
    .functions li .icon{width: 65px;height: 65px;margin-left: -34px;}
    .functions li .icon img{width: 50%;}
    .functions li .txt{font-size: 16px;padding-top: 25px;}
	
    .wb-en .values li{border-radius: 25px;}
    .wb-en .values li span{font-size: 16px;}
	
	.wb-en .strategy{gap: 10px;}
    .wb-en .strategy li .top{font-size: 16px;height: 85px;margin-bottom: 0;}
    .wb-en .strategy li .list4{font-size: 16px;}
    .wb-en .strategy li .bottom{padding: 10px;}
	
	.pic-box{height: 240px;}
    .biz-list{gap: 20px 10px;}
    .biz-list dl{padding: 15px;}
    .biz-list dl dt{font-size: 18px;margin-bottom: 10px;}
    .biz-list dl dd{font-size: inherit;font-size: 16px;}
	
	.history{margin-top: 80px;}
    .history .his-title{padding: 10px;font-size: 26px;}
    .his-cont .item strong{font-size: 20px;}
    .his-list{font-size: 17px;}
    .his-list br{display: none;}
    .directors{margin-top: 80px;}
    .directors .dirs-title{padding: 10px;font-size: 26px;}
    .dirs-list{padding-left: 70px;}
    .dirs-list::before{left: 70px;}
    .dirs-list > li .term{font-size: 18px;}
    .dirs-list > li .name{font-size: 18px;width: 80px;}
	
	.fac-list1 > li dl dt{font-size: 18px;}
    .fac-list1 > li dl dd{font-size: 16px;margin-bottom: 5px;}
    .fac-list1 > li dl dd span{padding-top: 5px;font-size: inherit;}
    .fac-list2 > li dl dt{font-size: 18px;margin-bottom: 10px;}
    .fac-list2 > li dl dd {font-size: 16px;}
	
	.greeting-top,
	.wb-en .greeting-top{padding: 20px 10px;font-size: 20px;}
    .greeting-top strong{margin-bottom: 15px;}
    .greeting-top em{font-size: 16px;}
	
	.map-info.en-style h4{font-size: 18px;width: 30%;padding-left:15px;padding-right: 5px;}
    .map-info ul > li{font-size: 16px;}
    .transit ul li{font-size: 16px;}
    .transit .line{font-size: 16px;}
    .transit .subway .icon,
    .transit .bus .icon{margin-right: 20px;}
    .transit .icon{font-size: 16px;}
    .transit > div{padding: 20px;}
}

@media screen and (max-width: 768px) {
    .container{font-size: 14px;}
    .article{padding: 30px 10px;}

    .post-meta > ul{gap: 0 20px;}
    .post-meta > ul > li{font-size: 13px;}
    .post-meta > ul > li strong{padding-right: 9px;margin-right: 5px;}
    .post-meta > ul > li strong::before{top:2px}
    
    .board-attach ul li{font-size: 13px;}
    .board-nav .nav-item{font-size: 13px;}
    .board-nav .nav-item strong{height: 40px;width: 80px;}
    .board-nav .nav-item p{width: calc(100% - 80px);padding: 0 10px 0 15px;}
    .board-content{min-height: 150px;}

    .info-eval-wrap{padding: 0 10px;margin-top: 30px;}
    .eval-box{padding: 10px;}
    .info-bar .info-division{background-size: 22px;}
    .info-bar .info-tel{background-size: 22px;}
    .info-bar span em{padding-left: 8px;margin-left: 8px;}
    .eval-box .eval-question .radio-label{font-size: 13px;padding-left: 25px;}
    .eval-box .eval-question .radio-label::before{width: 17px;height: 17px;}
    .eval-box .eval-question .radio-input + .radio-label::after{width: 8px;height: 8px;left: 4px;}

    .pagination{margin-top: 30px;}
    .pagination .page-num{font-size: 13px;margin: 0 3px;}
    .pagination .btn-first{width: 22px;height: 22px;}
    .pagination .btn-prev{width: 22px;height: 22px;margin-right: 5px;}
    .pagination .btn-next{width: 22px;height: 22px;margin-left:5px}
    .pagination .btn-last{width: 22px;height: 22px;}
    
    .event-cal .fc-toolbar .fc-toolbar-chunk:nth-child(2){padding-right: 45px;}
    .event-cal .fc-col-header-cell .fc-col-header-cell-cushion{font-size: 18px;}
    .cal-wrap .cal-box .btn-month{left: 59%;top: 8px;width: 26px;height: 26px;background-size: 15px;}

    .board-slider{margin-top: 0;}
    .board-slider-main{padding: 0 15px;}
    .board-slider-controls{left:20px;height: 32px;bottom: 33%;padding: 0 10px;}
    .board-slider-wrap .slick-arrow{width: 30px;height: 30px;margin-top: -15px;}
    .board-slider-wrap .slick-arrow em{padding: 4px;}
    .board-slider-thumb{padding: 0 10px;}
    .board-slider-thumb img{height: 85px;}
	
	.scroll768 table{width:768px;}
	
	.nor-table1 tr th{padding:16px 5px;}
	.nor-table1 tr td{padding:8px 5px;}
	.nor-table1 td.txt-lf{padding:8px 5px 8px 15px;}
	
	.nor-table1.orga-stlye thead th{font-size:18px;}
	.nor-table1.orga-stlye tbody td,
	.nor-table1.orga-stlye .list4 > li{font-size:17px;}
	.nor-table1.orga-stlye .list4 > li::before{top:13px;}
	
	.gks-desc .swiper-box{width:100%;}
	.gks-desc .sub-slide .button_arrow.swiper-button-prev{left:25px;}
	.gks-desc .sub-slide .button_arrow.swiper-button-next{right:25px;}
	
	h5.blue-tit{font-size:22px;margin:35px 0 10px;}
	h5.blue-tit::before{top:7px;}
	h5.blue-tit.mt-s2{margin:20px 0 10px;}
	
	ul.ul-blue-bk,
	ul.ul-bar-hori{margin-top:12px;}
	ul.ul-blue-bk > li,
	ul.ul-bar-hori > li,
	.ul-table-s > li{font-size:16px;}
	.ul-table-s > li > span:first-child{padding-right:6px;}
	
	.sub-stairs .top{padding:18px 5px 14px;}
	.sub-stairs .top .tit{font-size:20px;}
	.sub-stairs .bm{font-size: 16px;min-height: 300px;padding:15px 5px 10px;}
	
	.sub-stairs2 .top{padding:11px 5px;}
	.sub-stairs2 .top .tit{font-size:20px;}
	.sub-stairs2 .bm{font-size:16px;padding:12px 15px 7px;}
	.sub-stairs2.mheight1 .bm{min-height:250px;}
	.sub-stairs2.mheight2 .bm{min-height:100px;}
	
	.sub-stairs3.seg5 > ul > li{width:calc((100% - 25px) / 2);}
	.sub-stairs3 .top .tit{font-size:18px;}
	.sub-stairs3.mheight1 .top{min-height:70px;padding:8px 5px 6px;}
	.sub-stairs3.mheight1 .bm{min-height: 180px;height: calc(100% - 70px);}
	
	.wb-en .sub-top .location{flex-wrap:wrap;}
	
	.bmtip-txt{font-size:17px;}
	
	.gks-desc2{margin-top:0;}
	.gks-desc2 .sub-slide{max-width: none;width: 100%;}
	.gks-desc2 .sub-slide .button_arrow{top:55%;}
	.gks-desc2 .desc-part{margin-top:15px;padding:20px 18px 57px;}
	.gks-desc2 .desc-part .infor > li{padding-left: 120px;font-size:18px;min-height:30px;}
	.gks-desc2 .desc-part .infor > li::before{top:-8px;width:38px;height:38px;}
	.gks-desc2 .desc-part .infor > li:nth-child(1)::before{background-size:24px;}
	.gks-desc2 .desc-part .infor > li:nth-child(2)::before{background-size:26px;}
	.gks-desc2 .desc-part .infor > li:nth-child(3)::before{background-size:23px;}
	.gks-desc2 .desc-part .infor > li + li{margin-top:20px;}
	.gks-desc2 .desc-part .infor .communication{min-width:50px;left: 52px;}
	.gks-desc2 .desc-part.no-site-style{padding:20px;}
	.gks-desc2 .go-site-btn{font-size:18px;bottom:10px;right:20px;padding:5px 80px 5px 45px;background-size: 63px;}
	.gks-desc2 .go-site-btn::before{width: 36px;height: 36px;background-size: 22px;top:-1px;}
	.gks-desc2 .sub-slide .button_arrow.swiper-button-next{right:15px;}
	.gks-desc2 .sub-slide .button_arrow.swiper-button-prev{left:15px;}
	
	.searh-cond-bar{flex-direction: column;gap:12px;padding:15px;}
	.searh-cond-bar .select-put,
	.searh-cond-bar .ctr-put input[type="text"]{font-size:15px;height:40px;}
	.searh-cond-bar .ctr-put{gap:15px;}
	.searh-cond-bar .select-put{width:100%;}
	.searh-cond-bar .ctr-put input[type="text"]{padding-left:10px;padding-right:10px;}
	.searh-cond-bar .ctr-put .btn-put a{width:40px;height:40px;}
	.searh-cond-bar .ctr-put .btn-put a + a{margin-left:8px;}
	
	.lt-ttxt{margin-top: 30px;font-size:16px;}
	
	.lt-table1 tr th{padding:13px 5px;}
	.lt-table1 tr td{padding:10px 5px;}
	
	.lt-pagi-set{margin-top: 30px;}
	.lt-pagi-set .nums.start{margin-left:15px;}
	.lt-pagi-set .nums.end{margin-right:15px;}
	
	.lt-v-top .title{font-size:22px;padding-top: 15px;}
	.board-view-box .some-infor{margin-top: 20px;padding-top: 8px;}
	.lt-v-top .files-box{padding:15px;}
	.lt-v-top .letter-con{padding:25px 0 15px;}
	.lt-v-top .letter-con p{font-size:16px;line-height: 2;}
	.lt-v-top .letter-con .signature{margin-top: 35px;}
	.lt-v-top .view-panel > div > a{padding:10px 6px;font-size:15px;}
	.lt-v-top .view-panel .fronter{width:85px;padding-left:34px;}
	.lt-v-top .back-list-btn{margin:30px auto 0;height: 45px;line-height: 47px;}
	
	.sub-vt-btn{width: 45px;height: 45px;padding-top: 20px;background-position: center 10px;font-size: 13px;}
	
	.vision-mission-top{margin-bottom: 30px;min-height: auto;gap: 10px;}
	.vision-mission-top dl dt{font-size:16px;width:110px;line-height: 30px;}
	.vision-mission-top .character{width:62px;height:130px;bottom:-30px;}
	.wb-en .vision-mission-top{padding:20px 74px 20px 20px;gap:20px 0;}
	.wb-en .vision-mission-top dl dd{font-size:17px;padding-left:15px;}
	
	.title1{font-size: 15px;}
    .title2{font-size: 17px;padding-left: 17px;background-position: left 4px;}
    .title3{font-size: 15px;}
    .title4{font-size: 17px;}
    .title5{font-size: 16px;}
    .title6{font-size: 15px;}
    .title7{font-size: 17px;}
	
	.functions li .txt{font-size: 15px;}
	
    .wb-en .values li span{font-size: 15px;height: 80px;}
	
	.wb-en .goals li strong{font-size: 15px;height: 90px;}
    .wb-en .goals li span{font-size: 16px;}
	
	.wb-en .strategy li .top{font-size: 15px;}
    .wb-en .strategy li .list4{font-size: 15px;}
	
	.pic-box{height: 180px;}
    .biz-list{gap: 20px 10px;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
    .biz-list dl dt{font-size: 16px;}
    .biz-list dl dd{font-size: 15px;}
    .fac-list1 > li{padding: 25px 0;}
    .fac-list1 > li dl dt{font-size: 16px;}
    .fac-list2 > li dl dt,
	.wb-en .fac-list2 > li dl dt{font-size: 16px;}
    .fac-list1 > li dl dd{font-size: 15px;}
    .fac-list2 > li dl dd{font-size: 15px;}
	
	.history{margin-top: 30px;}
    .history .his-title{font-size: 20px;}
    .his-cont .item strong{font-size: 17px;}
    .his-list{font-size: 15px;}
    .directors{margin-top: 30px;}
    .directors .dirs-title{font-size: 20px;}
    .dirs-list > li .term{font-size: 15px;}
    .dirs-list > li .name{font-size: 15px;}
	
	.iframe-box.type2{padding: 0;}
    .greeting-top{margin-bottom: 30px;}
    .greeting-cont{display: block;}
    
    .greeting-cont .pic{display: block;width: 100%; text-align: center;max-width: inherit;margin-bottom: 20px;}
    .greeting-cont .pic img{display: inline-block;max-width: 310px;}
    .greeting-cont .text{width: 100%;padding-left: 0;max-width: inherit;}
    .greeting-cont .text > strong{display: block;text-align: center;font-size: 17px;}
    .greeting-cont .text .bottom{font-size: 15px;}
    .greeting-cont .text .bottom .name{font-size: 17px;}
	.greeting-cont .text .wel-style{font-size:20px;}
	
	.map-info.en-style{position: relative;}
	.map-info.en-style h4{font-size: 16px;position: absolute;left:10px;top:10px;padding: 0;width: auto;}
	.map-info.en-style ul{padding:60px 10px 20px;}
    .map-info.en-style ul > li{font-size: 15px;}
}

@media screen and (max-width: 640px) {
    .daterangepicker{width: 278px;right: 0 !important;padding: 10px;transform: translateX(-50%);left: 50% !important;}
    .daterangepicker .drp-calendar.left, 
    .daterangepicker .drp-calendar.right{float: none;padding:0;max-width: 100%;width: 100%;}
    .daterangepicker .drp-calendar.left {margin-right: 0;margin-bottom: 15px;}
    .daterangepicker .drp-calendar.left .calendar-table{padding: 0;}
    .daterangepicker .calendar-table .prev, 
    .daterangepicker .calendar-table .next{top:43px;}
    .daterangepicker .drp-buttons .btn{font-size: 14px;}
    .daterangepicker .drp-buttons .drp-reset-btn{margin: 0 8px;}
	
	.sub-stairs.seg4 > ul > li,
	.sub-stairs.seg2 > ul > li{width:100%;}
	.sub-stairs.seg4 > ul{gap:35px;}
	.sub-stairs > ul > li::before{top:auto;bottom:-32px;right:50%;transform:rotate(90deg) translateY(-50%);}
	.sub-stairs.seg4 > ul > li:nth-child(2)::before{display:block;}
	.sub-stairs .bm,
	.sub-stairs .bm.mh190{min-height:0;}
	.sub-stairs.seg2 > ul{flex-direction: column;}
	.sub-stairs.seg2 > ul > li::before{right:50%;}
	
	.sub-stairs2.seg4 > ul > li,
	.sub-stairs2.seg2 > ul > li{width:100%;}
	.sub-stairs2.seg4 > ul{gap:35px;}
	.sub-stairs2 > ul > li::before{top:auto;bottom:-29px;right:50%;transform:rotate(90deg) translateY(-50%);background-size: contain;width: 12px;height: 25px;}
	.sub-stairs2.seg4 > ul > li:nth-child(2)::before{display:block;}
	.sub-stairs2.mheight1 .bm{min-height:0;}
	.sub-stairs2.seg2 > ul{flex-direction: column;}
	.sub-stairs2.seg2 > ul > li::before{right:50%;}
	
	.sub-stairs3.seg5 > ul{gap:15px;}
	.sub-stairs3.seg5 > ul > li{width:100%;}
	.sub-stairs3.mheight1 .bm{min-height:100px;height:auto;}
	
	.board-view-box .some-infor .f-l,
	.board-view-box .some-infor .f-r,
	.board-view-box .some-infor > ul > li{float:none;}
	.board-view-box .some-infor > ul > li + li{margin-left:0;margin-top:2px;}
	.board-view-box .some-infor .name{min-width:72px;}
	
	.mece-box > ul{gap:30px 0;}
	.mece-box > ul > li{width:100%;}
	.mece-box .text-put{padding:10px 15px;}
	.mece-box .text-put .name{white-space: normal;}
	.mece-box .text-put .details{padding-top: 10px;}
	.mece-box .img-put{height:auto;}
	
	.values{gap: 10px;}
	
	.wb-en .goals{gap: 10px;}
    .goals > li::after{display: none;}
	
	.history .his-title{margin-bottom: 30px;}
    .his-cont{padding: 0 20px;}
    .his-cont::before{left: 20px;top:6px}
    .his-cont .box-left{padding-right: 0;text-align: left;}
    .his-cont .box-right{padding-left: 0;text-align: left}
    .his-cont .item strong:before{width: 12px;height: 12px;}
    .his-cont .item strong::after{width: 35px;top: 12px;right: inherit;left:0}
    .his-cont .item strong:before{left: -6px;top: 6px;}
    .his-cont .box-left > *{padding-left: 50px;padding-right: 0;}
    .his-cont .box-right > *{padding-left: 50px;padding-right: 0;}
	
	.fac-list1 > li{display: block;text-align: center;padding: 20px 0;}
    .fac-list1 > li .pic{display: block;text-align: center;width: auto;max-width: 329px;margin: 0 auto 10px auto;}
    .fac-list1 > li dl{padding-left: 0;display: inline-block;}
    .fac-list1 > li dl dt{background-color: #276dd1;border-radius: 20px;color: #fff;height: 30px;line-height: 30px;display: inline-block;padding: 0 20px;min-width: 200px;}
    .fac-list1 > li dl dd{text-align: left;}
    .fac-list2{display: block;}
    .fac-list2 > li {margin-bottom: 30px;border-bottom: 1px solid #d6d6d6;padding: 20px 0;margin-bottom: 0;}
    .fac-list2 > li .pic{display: block;text-align: center;width: auto;max-width: 329px;margin: 0 auto 10px auto;}
    .fac-list2 > li dl{text-align: center;}
    .fac-list2 > li dl dt{background-color: #276dd1;border-radius: 20px;color: #fff;height: 30px;line-height: 30px;display: inline-block;padding: 0 20px;min-width: 200px;}
	
}

@media screen and (max-width: 480px) {

    .eval-box .eval-question strong{font-size: 14px;padding-left: 30px;margin-bottom: 10px;}
    .eval-box .eval-question .radio-wrap{margin-bottom: 8px;}
    .eval-box .opinion-label{font-size: 14px;padding-left: 30px;}
    .eval-box .btn-submit{width: 100%;height: 35px;}
    .info-bar{padding: 10px;display: block; }
    .info-bar .info-division{height:22px;line-height: 22px;}
    .info-bar .last-modified{text-align: right;display: block}
    .event-cal .fc-toolbar.fc-header-toolbar{margin-bottom: 20px;}
    .event-cal .fc-col-header-cell .fc-col-header-cell-cushion{font-size: 14px;}
    .event-cal .fc-toolbar .fc-toolbar-title{font-size: 16px;}
    .cal-wrap .cal-box .btn-month {left: 58%;top: 0;}
    .event-cal .fc-daygrid-day-frame{min-height: 70px;}
    
    .event-cal .fc-daygrid-day-top .fc-daygrid-day-number{font-size: 14px;}
    .event-cal .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom: 0;}
    .event-cal .fc-daygrid-day-bottom{margin: 0;}
    .event-cal .fc-daygrid-more-link{font-size: 10px;}

    .sel-group.type2{display: block;}
    .search-box .sel-group.type2 .selbox{width: 100%; padding-right: 0;margin-bottom: 5px;}
    .search-box .sel-group.type2  .daterange-box{width: 100%;}
    
    .daterangepicker .calendar-table th, 
    .daterangepicker .calendar-table td{height: 22px;}
    .daterangepicker .calendar-table th.month{font-size: 16px;padding-bottom: 10px;}
    .daterangepicker .calendar-table th, 
    .daterangepicker .calendar-table .prev,
    .daterangepicker .calendar-table .next{width: 22px;min-width: 22px;height: 22px;}
    .daterangepicker .calendar-table .next span, 
    .daterangepicker .calendar-table .prev span{padding: 2px;}


    .board-slider-wrap{padding-top: 33px;}
    .board-slider-controls{left:15px;bottom: inherit;top:0;border-radius: 0;width: calc(100% - 30px);}
    .board-slider-thumb img{height: 90px;}
	
	.gks-desc2 .desc-part{border-radius: 25px;}
	.gks-desc2 .desc-part .infor > li{padding-left:55px;}
	.gks-desc2 .desc-part .infor .communication{display:block;margin-right:0;position:static;padding-bottom: 4px;}
	
	.wb-en .vision-mission-top{padding: 15px 74px 15px 15px;}
	.wb-en .vision-mission-top dl{display:block;}
	.wb-en .vision-mission-top dl dd{padding-left: 2px;margin-top: 5px;}
	
	.map-info.en-style{display: block;height: auto;}
    .map-info.en-style h4{position: static;padding: 10px 10px 0;}
    .map-info.en-style .btn-map{width: 100%;padding: 10px;}
    .map-info.en-style ul{padding:10px;}
    .map-info.en-style ul > li{margin-bottom: 8px;flex-direction: column;}
	.map-info.en-style ul > li strong{margin-right:0;}
	.map-info.en-style .btn-map{height:45px;padding:7px;}
	.btn-map .en-style{background-size: contain;}
	
}

@media screen and (max-width: 360px) {
	.vmsection.col h4{margin-bottom: 20px;}
    
    .functions{display: block;}
    .wb-en .goals{display: block;}
    .goals li{margin-bottom: 10px;border-radius: 8px;}
    .goals li:last-child{margin-bottom: 0}
    .wb-en .goals li strong{height: auto;padding: 5px;}
    .wb-en .goals li span{height: 50px; padding: 5px;}
    .values{margin-top: 0;}
    .wb-en .strategy{display: block;}
    .wb-en .strategy li {margin-bottom: 10px;}
    .wb-en .strategy li .top{height: auto;border-radius: 8px 8px 0 0;}
    .wb-en .strategy li .top br{display: none;}
    .wb-en .strategy li .bottom{border-radius: 0 0 8px 8px;min-height:0;}
    .wb-en .strategy li .list4 li{margin-bottom: 5px;}
}

