/*layout */
#sub .header{border-bottom: 1px solid #eaeaea;}
.container{padding-top: 25px;font-size: 17px;font-weight: 400;}
.container > .inner{display: flex;justify-content: space-between; padding: 40px 0;max-width: 1412px;margin: 0 auto;}

.title1{font-size: 28px;font-weight: 600;color: #1f1f1f;margin-bottom: 45px;}
.title2{font-size: 25px;font-weight: 600;color: #181818;margin-bottom: 20px;}
.title3{font-size: 28px;font-weight: 600;color: #1f1f1f;margin: 50px 0  20px 0;}
.title4{position: relative;font-size:23px;color:#000;font-weight: 500;margin: 35px 0 10px 0;padding-left: 20px;}
.title4::before{content: "";display: block;position: absolute;left: 0;top:10px;width:10px ;height: 10px;background-color: #276dd1;border-radius: 50%;}
.title5{font-size: 18px;font-weight: 500;color: #1f1f1f;margin: 20px 0  20px 0;}


.tc-green{color: #27a986 !important;}
.tc-red{color: #e53e42 !important;}
.tc-red2{color: #de2a2a !important;}
.tc-blue{color: #1f36c3 !important;}
.tc-blue2{color: #2d5ac6 !important;}

.tg-l{text-align: left !important;}
.tg-c{text-align: center !important;}
.tg-r{text-align: right !important;}

.fw-400{font-weight: 400 !important;}

/*margin*/
.mt0{margin-top: 0px !important;}
.mt20{margin-top: 20px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px !important;}
.mb10{margin-bottom:  10px !important;}

/* 레프트 메뉴 */
.snb-area{width:314px;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: 30px;color: #fff;font-weight: 800;}
.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: 60px;font-size: 18px;font-weight: 500; color:#333333;padding: 0 35px 0 30px;text-align: left;word-break: keep-all;}
.snb-list .snb-depth1::after{content: '';position: absolute;TOP:50%; right: 10px; width: 12px;height: 7px;margin-top: -3px; background: url('../images/sub/arr_snb_depth1.png')center no-repeat ;}
.snb-list .snb-depth2{display: none; background-color: #fbfbfb;padding: 0;}
.snb-list .snb-depth2.on{display: block;}
.snb-list .snb-depth2 > li{border-bottom: 1px solid #eaeaea;height: 60px;}
.snb-list .snb-depth2 > li > a{position: relative; display: flex;align-items: center;width: 100%;height: 100%; padding: 0 10px 0 45px;letter-spacing: -1px;}
.snb-list .snb-depth2 > li > a > span{position: relative; display: inline-block;padding: 0 0 0 11px;font-size: 16px;color: #696969;}
.snb-list .snb-depth2 > li > a > span::before{content: '';position: absolute;top:8px; left: 0; width: 5px;height: 1px;background-color: #696969;}
.snb-list .snb-depth2 > li > a > span::before{content: '';position: absolute;top:8px; left: 0; width: 5px;height: 1px;background-color: #696969;}
.snb-list .snb-depth2 > li.on > a > span{color: #333333;font-weight: 500;}
.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:7px;height: 12px;margin-top: -3px; background: url('../images/sub/arr_snb_depth2.png')center no-repeat ;}

.contents{width: calc(100% - 364px); }
.sub-top{position: relative;padding:0;padding: 0 0 15px 0 ;border-bottom: 1px solid #3e3f45;}
.sub-top .page-title{font-size: 35px;color:#333333;font-weight: 700;padding: 0 35px 0 0;}
.sub-top .location{display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 40px;}
.sub-top .location > li{position: relative; padding-left: 15px;margin-left: 15px;font-size: 15px;color:#363636;font-weight: 400;}
.sub-top .location > li a{color:#363636;}
.sub-top .location > li::before{content: ">";display: block;position: absolute;left:0;color:#363636;}
.sub-top .location > li.home{margin-left: 0;padding-left: 0;}
.sub-top .location > li.home::before{display: none;}
.sub-top .location > li strong{color:#363636;}
.btn-print{position: absolute;right:0px;bottom: 24px; display: block; width:24px;height: 23px;background:  url('../images/sub/icon_print.png') center no-repeat;}

.grey-box{padding: 15px ;background-color: #f4f6fc;border-radius: 5px;}
.apply-info-box{padding: 5px 10px;text-align: left;}
.apply-info-box strong{text-align: center;display: block;width: 100%;margin-bottom: 10px;}
.apply-info-box .list3{font-size: 15px;}

/* 만족도*/
.info-eval-wrap {margin: 60px 0;}
.eval-box {background: #fff;display: flex;flex-direction: column;gap: 12px;color: #262626;padding:0; overflow: hidden;}
.eval-box .eval-question{display: flex;align-items: center; padding:20px 0 20px 28px;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_eval03.png') left center no-repeat;font-weight: 500;font-size: 15px;}
.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: 15px;color:#666666;font-weight: 400;position: relative;padding-left: 38px;user-select: none;margin-right: 20px;}
.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;border-bottom: 1px solid #d5d5d5;}
.eval-box .opinion-label{display: block;height: 30px;line-height: 30px; padding: 0 0 0 30px;margin: 0 40px 0 0;/*background: url('../images/sub/icon_eval02.png') left center no-repeat;*/font-weight: 500;font-size: 15px;}
.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: #fbfbfb;padding: 20px 28px;height: auto;border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea;}
.info-bar span{font-size: 15px;color: #222222;}
.info-bar span em{position: relative; display: inline-block;font-style: normal;color:#666666}
.info-bar .info-division{display: block;height: 30px;line-height: 30px; padding: 0 0 0 37px;background: url('../images/sub/icon_eval01.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_eval02.png') left center no-repeat; }
.info-bar .last-modified {margin-left: auto;height: 30px;line-height: 30px;color:#666666;font-size: 15px;}

/*content*/
.article{min-height: 450px;padding: 50px 0;}

/*innput*/
.selbox{display: block;padding-right: 10px;}
.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: 10px;}
.iptxt[type=text]{display: block;height: 49px;width: 100%;border:1px solid #bdbdbd;padding: 0 15px;border-radius:8px;color:#585858;background-color: #fff;}
.iptxt::placeholder{color:#585858;}
.iptxt2{display: block;height: 42px;width: 100%;border:1px solid #cdcdcd;padding: 0 15px;border-radius: 5px;color:#444;}
.iptxt2::placeholder{color:#9c9a9a;text-align: center;}
.iptxt3{display: block;height: 54px;width: 100%;border:1px solid #dddddd;padding: 0 15px;border-radius: 5px;color:#444;background-color: #fff;}
.iptxt3::placeholder{color:#9c9a9a;text-align: center;}
.textarea{width: 100%;padding:5px 0;height: 100%;}
.textarea-box{border: 1px solid #cdcdcd;height: 115px;border-radius: 5px;}

input:focus-visible {
  outline: 3px solid #1a73e8;     /* 굵게 보이는 포커스 링 */
  outline-offset: 2px;             /* 테두리와 간격 */
  border-color: #1a73e8;
}

textarea:focus-visible {
  outline: 3px solid #1a73e8;     /* 굵게 보이는 포커스 링 */
  outline-offset: 2px;             /* 테두리와 간격 */
  border-color: #1a73e8;
}

input.error-incorrect {
  outline-offset: 2px;             /* 테두리와 간격 */
  border-color: #e53e42;
}

select.error-incorrect {
  outline-offset: 2px;             /* 테두리와 간격 */
  border-color: #e53e42;
}

.exclusion{position: absolute; display: block;right:40px}

/*ddd*/
.password-box {display: inline-block; position: relative;width: 405px;margin-right: 15px;}
.password-input {width: 100%;height: 42px;padding: 0 40px 0 10px; border: 1px solid #cdcdcd;border-radius: 5px;box-sizing: border-box;}
.password-input::placeholder{text-align: center;color:#9c9a9a;font-weight: 500;}
.toggle-password {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);border: none;background: none;cursor: pointer;font-size: 16px;}
.input-box2{display: inline-block;width: 405px;}
.input-box3{display: inline-block;width: 245px;}
.agree-box{display: flex;justify-content: center;margin: 18px 0 45px 0;}

.selbox2{position: relative;display: inline-block;width: 245px;}
.selbox2::after{content: "▼";display: block;font-size: 14px;position: absolute;right:12px;top:12px;color:#000000}
.selbox3{position: relative;display: inline-block;width: 245px;}
.selbox3::after{content: "▼";display: block;font-size: 14px;position: absolute;right:12px;top:12px;color:#000000}
.select2{display: block; width: 100%;height: 42px;padding: 0 30px 0 15px;border:1px solid #cdcdcd;border-radius: 5px;color: #000;}
.ckbox {display: inline-block; cursor: pointer;user-select: none;height: 22px; line-height: 22px; }
.ckbox .intck {display: none;}
.ckbox .checkmark {width: 22px;height: 22px;border:1px solid #cdcdcd;border-radius: 5px; display: inline-block;position: relative;background-color: #fff;transition: all 0.2s;vertical-align: bottom;}
.ckbox input:checked + .checkmark {background-color: #007bff;border-color: #007bff;}
.ckbox input:checked + .checkmark::after {content: "";position: absolute;left: 7px;top: 5px;width: 5px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.ckbox .txt{display: inline-block;}
.exclusion{position: absolute; display: block;right:40px}
.inquiry-box .label{font-weight: 700;margin-right: 10px;}
.inquiry-box .iptxt,
.inquiry-box .iptxt::placeholder{color:#0064de}
.email-group{display: flex;align-items: center;}
.email-group .selbox2{flex-grow: 1;max-width: 245px;width: 100%;}
.email-group {display: flex;align-items: center;gap:0 5px;}
.email-group .ad{width: 20px;flex-shrink: 0;text-align: center;}
.email-group .input-box3{flex-grow: 1;width: 185px;}
.radio-group {display: flex;gap: 16px;flex-wrap: wrap;}
.radio-label {position: relative;padding-left:20px;cursor: pointer;user-select: none;}
.radio-label input {position: absolute;opacity: 0;cursor: pointer;}
.radio-mark {position: absolute;top: 50%;left: 0;transform: translateY(-50%);height: 16px;width: 16px;background-color: #fff; border:1px solid #000;border-radius: 50%;}
.radio-label input:checked ~ .radio-mark {background-color: #fff;}
.radio-label input:checked ~ .radio-mark::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 6px;height: 6px;background: #000;border-radius: 50%;}
.captcha-box {display: flex;align-items: center;flex-wrap: wrap;gap: 0 13px;}
.captcha-cont {display: flex;align-items: center;flex-wrap: wrap;gap: 6px;}
.captcha-cont .cage{display: flex;align-items: center;flex-wrap: wrap;}
.captcha-img {width: 118px;height: auto;object-fit: cover;border: 1px solid #d1d1d1;}
.captcha-btn {display: inline-block;margin-right: 10px;}
.captcha-int {height: 31px;width: 154px;border:1px solid #bdbdbd;border-radius: 5px;padding: 0 8px;}
.addr-group{display: flex;align-items: center;}
.addr-group .selbox{max-width: 200px;width: 100%;}
.addr-group {display: flex;align-items: center;gap: 5px;margin-bottom: 5px;}
.addr-group button{width: 100px;flex-shrink: 0;}
.addr-group .iptbox2{flex-grow: 1;}
.addr-group .selbox{flex-grow: 1;}
.addr-group.type2 .iptbox2{max-width: 435px;}
.dropdown-wrap {position: relative;max-width: 300px;}
.dropdown-btn {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;max-width: 200px;width: 100%;height: 44px;padding: 0 30px 0 15px; border:1px solid #dddddd;background: url('../images/sub/icon_select02.png') no-repeat top 50% right 15px #fff;border-radius: 5px;color: #444;text-align: left;}
.dropdown-list {display: none;position: absolute;top: 100%;width: 375px;max-height: 165px;background: white;border: 1px solid #ccc;border-radius: 6px;margin-top: 5px;z-index: 10;overflow-y: auto;padding: 10px 0;}
.dropdown-list li {padding: 5px 10px;cursor: pointer;letter-spacing: -1px;}
.dropdown-list li:hover {background: #f1f1f1;}
.dropdown-list li.no-select{color: #999;}
/*dd*/

/*작성 테이블*/
.form-table1 {table-layout: fixed;width: 100%;font-size: 16px;}
.form-table1 th,
.form-table1 td {padding: 5px 10px 5px 10px;border-bottom: 1px solid #e5e5e5;height:50px ;}
.form-table1 td.tit{text-align: center;font-size: 18px;color:#363636;font-weight: 500;}
.form-table1 td .int-info{display: inline-block;}
.form-table1 th {background-color: #f7f7f7;font-weight: 700;font-size: 18px;font-weight: 500;color:#000}
.required {color: #ef2121;}/*필수항목*/
.form-table1 th.sm-th{background-color: #fff;border-right: 1px solid #e5e5e5;}
.form-table1 th .small{letter-spacing: -1px;font-weight: 400;font-size: 15px;}

/*검색영역*/
.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: 155px;}
.search-box .sel-group.type2 .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: #276dd1 url('../images/sub/icon_search01.png') center no-repeat;border-radius:8px;}
.btn-sch-submit:hover{background-color: #2261bc;}
.btn-reset{display: inline-block; width: 49px;height: 49px;background: #a1a9b5 url('../images/sub/icon_reset01.png') center no-repeat;border-radius:8px;}
.btn-reset:hover{background-color: #8e959f;}
.search-box > .label{flex-shrink: 0;padding-right: 10px;font-size: 18px;color: #201f1f;font-weight: 500;}
/*버튼*/
.btnbox1{margin-top:45px ;display: flex;align-items: center;justify-content: center; gap: 0 10px;}
.btnbox2{display: flex;align-items: center;justify-content: flex-end;gap: 0 10px;}
.btn1{display: inline-block;height:26px;line-height: 24px; height:26px;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}
.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;}
.btn3{display: inline-block;min-width:180px;line-height: 45px;height:45px;padding: 0 5px;border-radius: 10px;color:#ffffff;background-color: #2bbc6c;font-size: 20px;font-weight: 600;text-align: center;}
.btn3:hover{background-color: #27a760;}
.btn4{display: inline-block;min-width:150px;line-height: 45px;height:45px;padding: 0 5px;border-radius: 10px;color:#ffffff;background-color: #276dd1;font-size: 18px;font-weight: 500;text-align: center;}
.btn4:hover{background-color: #215cb1;}
.btn5{display: inline-block;min-width:80px;line-height: 42px;height:42px;padding: 0 5px;border-radius: 10px;color:#ffffff;background-color: #4968b3;font-size: 16px;font-weight: 500;text-align: center;}
.btn5:hover{background-color: #4360a5;}
.btn6{display: inline-block;min-width:142px;line-height: 49px;height:51px;padding: 0 10px;border:1px solid #b0b0b0;border-radius: 10px;color:#535353;background-color: #fff;font-size:20px;font-weight: 600;text-align: center;}
.btn6:hover{background-color: #666;color: #fff;}
.btn7{display: inline-block;min-width:100px;line-height: 43px;height:45px;padding: 0 5px;border-radius: 10px;color:#fff;background-color: #636363;font-size:18px;font-weight: 500;text-align: center;}
.btn7:hover{background-color: #444;}
.btn8{display: inline-block;min-width:180px;line-height: 45px;height:45px;padding: 0 5px;border-radius: 10px;color:#177fb9;font-size: 18px;font-weight:500;text-align: center;border: 1px solid #177fb9;box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.2)}


.bt-blue{background-color: #4968b3;color: #fff;}
.bt-grey{background-color: #dddfde;color: #403f3f;}        
.bt-grey2{background-color: #656565;}
.bt-blue:hover{background-color: #4360a5;}
.bt-grey:hover{background-color: #d1d1d1;}
.bt-grey2{background-color: #565656;} 
.bt-grey2:hover{background-color: #444;}
.btn-grey3{display: inline-block;min-width:180px;line-height: 45px;height:45px;padding: 0 5px;border-radius: 10px;color:#ffffff;background-color: #dddfde;font-size: 20px;font-weight: 600;text-align: center;}

.btn-month{display: block;width: 37px;height:37px;background:  url('../images/sub/icon_calendar02.png') center no-repeat;border-radius: 50%;}
.icon-down{display: block;height: 100%; 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{display: block;height: 100%;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{display:  inline-block;height: 100%;padding:0 0 0 30px;background: url('../images/sub/icon_list.png') left center no-repeat;}
.btns{display: inline-block;}

/* list style */
.note1{position: relative;padding-left: 20px;}
.note1::before{content: "※";display: block;position: absolute;position: absolute;left:0;top:1px;}
.note1 strong{font-weight: 500;color:#5d5d5d}
.list1 > li{position: relative; padding: 0 0 0 13px;font-size: 18px;color: #181818;margin-bottom: 5px;}
.list1 > li::before{content: "";display: block;width: 6px;height: 2px;position: absolute;left:0;top:10px; background-color: #181818;}
.list1 > li strong{font-weight: 500;}
.list2 > li{position: relative; padding: 0 0 0 11px;font-size: 16px;color: #0c0c0c;margin-bottom: 5px;}
.list2 > li::before{content: "";display: block;width: 6px;height: 6px;position: absolute;left:0;top:6px; background-color: #7e7e7e;border-radius: 50%;}
.list2 > li:last-child{margin-bottom: 0;}
.list2 > li .table-box2{margin:10px 0 10px -11px}
.list3 > li{position: relative; padding: 0 0 0 10px;margin-bottom: 5px;}
.list3 > li::before{content: "";display: block;width: 3px;height: 3px;position: absolute;left:0;top:8px; background-color: #0c0c0c;}
.list3 > li:last-child{margin-bottom: 0;}
.list4 > li{position: relative; padding: 0 0 0 10px;color:#3d3d3c}
.list4 > li::before{content: "";display: block;width: 4px;height: 4px;position: absolute;left:0;top:8px; background-color: #3d3d3c;}
.list4 > li:last-child{margin-bottom: 0;}
.list5 > li{position: relative; padding: 0 0 0 10px;color:#2b2b2b}
.list5 > li::before{content: "";display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;left:0;top:8px; background-color: #2b2b2b;}
.list5 > li:last-child{margin-bottom: 0;}
.num-list1 > li{padding-left: 18px;position: relative;margin-bottom: 5px;}
.num-list1 > li .num{display: block;position: absolute;left:0;top:0}
.img-list1{display: flex;gap: 5px;flex-wrap: wrap;margin-top: 30px;}
.img-list1 > li{width: calc(50% - 5px);}
.img-list1 > li img{height: 100%;}
.list3 > li > ul > li{margin-top:4px;}/*250909*/

/**/
.filter{display: flex;justify-content: space-between;margin-bottom:30px}
.filter li{width: calc(33.3% - 8px);}
.filter li .btn-filter{display: flex;justify-content: center;align-items: center;width: 100%;height: 61px;padding: 0 10px;font-size: 19px;font-weight: 500;color:#656565;border:1px solid #c5c5c5;border-radius: 8px;word-break: keep-all;}
.filter li .on{background-color: #286dd2;border-color: #286dd2;color:#fff;}

/*검색영역 달력*/
.daterangepicker .drp-selected{display: none;}
.daterangepicker.opensright:before,
.daterangepicker.opensright:after{display: none;}
.daterange-box{display: flex;width: 287px;background-color: #fff;border: 1px solid #bdbdbd;border-radius: 8px;padding: 0 15px;margin-right: 10px;}
.daterange-box .cage{position: relative; width: calc(50% - 10px);display: flex;flex-wrap: wrap;align-items: center;padding: 0 25px 0 0;}
.daterange-box .cage::after{content: ""; display: block;width: 19px;height: 19px;position: absolute;right: 0;top:50%;margin-top: -10px;background: url('../images/sub/icon_calendar01.png') center no-repeat;}
.daterange-box .iptxt{width:100%;border: 0;padding:0;letter-spacing: -1px;font-size: 15px;color: #201f1f;font-weight: 500;height: 47px;padding-left: 5px;}
.daterange-box .line{position: relative; width: 20px;}
.daterange-box .line::before{content: "";width: 10px;height: 3px;top:50%; background-color: #201f1f;position: absolute;left:8px;}
.daterangepicker {margin-top:5px;padding:5px;width:251px;border-radius: 10px;border: 1px solid #d3d4d7;z-index: 1;}
.daterangepicker .drp-calendar.left .calendar-table{padding-right: 0;}
.daterangepicker .calendar-table th.month{background-color: #FFF;font-size: 17px;color:#000000;height: auto;padding-bottom: 10px;}
.daterangepicker .calendar-table .prev,
.daterangepicker .calendar-table .next{position: absolute; display: flex;align-items: center;justify-content: center;width:15px;min-width: 15px; }
.daterangepicker .calendar-table .prev:hover,
.daterangepicker .calendar-table .next:hover{background-color:transparent ;}
.daterangepicker .calendar-table .prev{left:10px;}
.daterangepicker .calendar-table .next{right:10px;}
.daterangepicker .calendar-table .next span, 
.daterangepicker .calendar-table .prev span{transform: none;-webkit-transform: none;width: 10px;height: 15px;background-size: 100%;background-position: center top; background-repeat: no-repeat;border: 0;padding: 0;}
.daterangepicker .calendar-table .prev span{background-image: url('../images/sub/btn_cal_prev02.png');}
.daterangepicker .calendar-table .next span{background-image: url('../images/sub/btn_cal_next02.png');}
.daterangepicker select.yearselect{width: auto; font-size: 18px;font-weight: 600;color:#1f1f1f}
.daterangepicker select.monthselect{width: auto;font-size: 18px;font-weight: 600;color:#1f1f1f}
.daterangepicker select option{font-size: 13px;font-weight: 400;}
.daterangepicker .calendar-table thead tr:nth-child(2){background-color: #fff;}
.daterangepicker .calendar-table thead tr th{color: #1e1e1e;background-color: #fff;font-size: 16px;font-weight: 500;}
.daterangepicker .calendar-table td{border-radius: 0;border:0;border-left:1px solid #fff;border-bottom:1px solid #fff;height: 30px;background-color: #eeeeee;padding:  0 4px 0 0;text-align: right;font-size: 12px;color:#1e1e1e;}
.daterangepicker td.off, 
.daterangepicker td.off.in-range, 
.daterangepicker td.off.start-date, 
.daterangepicker td.off.end-date{color:#eeeeee}
.daterangepicker .calendar-table td.active {background-color: #c6d4f4;color:#1e1e1e;border-color: #fff;}
.daterangepicker td.available:hover, 
.daterangepicker th.available:hover {background-color: #c6d4f4;color:#1e1e1e;border:0;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.daterangepicker td.off:hover,
.daterangepicker th.off:hover{background-color: #eeeeee;color:#eeeeee;}
.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;}

/*게시판*/
.notice-total {margin-bottom: 20px;letter-spacing: -0.4px; color: #0c0c0c;font-weight: 500;}
.notice-total span{color: #0062c7;}
.notice-total em{font-style: normal;color: #0062c7;}
.board-box{margin-bottom: 45px; display: table; width: 100%; table-layout: fixed;border-top: 2px solid #000000;}
.board-box .board-list-top {display: table-row; color: #262626; font-weight: 500; text-align: center;box-sizing: border-box;}
.board-box .board-list-top>*, 
.board-list li>* {display: table-cell;font-size: 16px; text-align:center;}
.board-box .board-list-top>* {padding: 15px 10px; width: 12%; box-sizing: border-box;border-bottom: 1px solid #000000;}
.board-box .board-list-top .num {width: 6%;}
.board-box .board-list-top .num2 {width: 12%;}
.board-box .board-list-top .class{width:6%;}
.board-box .board-list-top .class2{width:17%;}
.board-list li span>br {display: block;}
.board-box .board-list-top .tit {text-align: center; width: 30%;}
.board-box .board-list-top .tit2 {width: 65%;}
.board-box .board-list-top .tit3 {width: 65%;}
.board-box .board-list-top .tit.type2 {width: 40%;}
.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 .r-period, 
.board-list .board-acc .r-period {max-width: 200px; min-width: 110px;word-wrap: break-word; white-space: normal;}
.board-box .board-list-top .e-period, 
.board-list .board-acc .e-period {max-width: 200px; min-width: 110px;word-wrap: break-word;white-space: normal;}
.board-box .board-list-top .status, 
.board-list .board-acc .status {max-width: 110px; min-width: 90px;}
.board-box .board-list-top .detail, 
.board-list .board-acc .detail {max-width: 110px; min-width: 90px;}
.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;align-items: center;}
.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: 0 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;color: #262626;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #262626}
.board-box .board-list li .tit2 {display: flex;align-items: center;gap: 4px; }
.board-box .board-list li .tit2 a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0; /* flex 안에서 말줄임 허용 */}
.board-box .board-list li .tit2 .icon-lock {flex-shrink: 0; }
.board-box .board-list li .num {display: table-cell; text-align: center;}
.board-box .board-list li .file img{display: inline-block;width: auto;}

.badge{display: inline-block;font-style: normal; color: #276dd1;border:1px solid #276dd1;padding: 1px 10px;border-radius: 4px;font-size: 16px;}
.tag{display: inline-block;font-style: normal;width: 89px;height: 27px;line-height: 27px;background-color: #5ac58a;color:#fff;font-size: 16px;text-align: center;border-radius: 3px;}
.tag.apply{background-color: #5ac58a;}
.tag.wait{background-color: #0062c7;}
.tag.end{background-color: #74726f;}
.tag.apply:hover{background-color: #51b17c;}
.tag.wait:hover{background-color: #0157b0;}
.tag.end:hover{background-color: #656461;}
.tag.done{width: 90%;height: auto;padding: 5px;line-height: 1; max-width: 120px; border:1px solid #b0b0b0;color:#595858;background-color: #fff;border-radius: 8px;}
.tag.pdf{width: 90%;height: auto;padding: 5px;line-height: 1; min-width: 120px; border:1px solid #b0b0b0;color:#595858;background-color: #fff;border-radius: 8px;}

/*게시판 상세*/
.board-view-box {padding: 0 0 45px 0;}
.board-title {padding: 0; font-size: 25px;font-weight: 600;color: #181818;margin-bottom: 10px;}
.board-title2 {font-size: 28px;font-weight: 500;color: #181818;margin-bottom:40px ;}
.post-meta{border-top: 1px solid #d6d6d6;}
.post-meta > ul{display: flex;flex-wrap: wrap;gap: 0 50px;padding: 15px 0;}
.post-meta > ul > li {color:#181818;font-size: 15px;}
.post-meta > ul > li strong{position: relative; display: inline-block;font-weight: 500;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: 400;}
.board-attach{background-color:#f3f7ff;border-radius: 12px;padding:25px 35px;margin-bottom: 35px;}
.board-attach ul li{display: flex;column-gap: 10px;margin-bottom: 15px;align-items: center;font-size: 16px;color:#262626;font-weight: 400;}
.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;line-height: 1.6;color: #262626}

/*table*/
.table-box{border-top:2px solid #232323;margin-bottom: 45px;}
.table-box2{border-top:2px solid #7f7f7f;}
.table1{table-layout:fixed;width: 100%;font-size: 18px;color: #181818;font-weight: 400;}
.table1 th{background-color: #fafafa;border-bottom: 1px solid #c1c1c1;text-align: center;padding: 10px;font-weight: 500;}
.table1 td{border-bottom: 1px solid #c1c1c1;text-align: center;padding: 10px;}
.table1 td img{display: inline-block;}
.table2{table-layout:fixed;width: 100%;color: #0c0c0c;}
.table2 th{background-color: #f2f5fc;text-align: center;padding:15px 10px;font-weight: 500;border-left:1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;}
.table2 td{border-bottom: 1px solid #c1c1c1;text-align: center;padding: 10px 5px;border-left:1px solid #cfcfcf;font-size: 16px;}
.table2 tr th:first-child,
.table2 tr td:first-child{border-left:0}
.table1.bd th,
.table1.bd td{border-left: 1px solid #c1c1c1;}
.no-bdl{border-left: 0 !important;}
.form-table1.type2{font-size: 19px;}
.form-table1.type2 td{text-align: center;color:#181818}

.box1{padding:15px 20px;background-color: #f4f6fc;border-radius: 8px;margin-bottom: 15px;}
.box1 .list2 .list1{padding-top: 10px;} 
.box1 .list1 > li{font-size: 16px;}
.box1 .list1 > li:last-child{margin-bottom: 0;}
.text-box p{line-height: 1.6;}
.text-box p strong{font-weight: 500;}

/*갤러리 리스트*/
.gallbox {max-width: 1412px;}
.gallbox ul {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 30px 25px;list-style: none;padding: 0;margin: 0;}
.gallbox li {overflow: hidden;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);border-radius:10px;overflow: hidden;}
.gallbox a {display: block;text-decoration: none;height: 100%;}
.gallbox .pic {display: block;position: relative;width: 100%;padding-top: 74.66%;overflow: hidden;background-color: #eee;}
.gallbox .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.4s ease;}
.gallbox .pic:hover img {transform: scale(1.08);}
.gallbox div {padding:15px;border: 1px solid #ececec;border-top: 0;}
.gallbox .tit {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;font-weight: 500;color: #343434;margin-bottom: 12px;line-height: 1.4;}
.gallbox .acc {display: flex;justify-content: space-between;color: #878787;font-size: 15px;font-weight: 500;}
.gallbox .view{position: relative; padding-left: 22px;}
.gallbox .view::before {content: "";display: block;width: 20px;height: 11px;background: url('../images/sub/icon_hit02.png') center no-repeat;position: absolute;left:0;top:50%;margin-top: -5px;}
.gallbox .date{position: relative; padding-left: 23px;}
.gallbox .date::before {content: "";display: block;width: 13px;height: 13px;background: url('../images/sub/icon_calendar03.png') center no-repeat;position: absolute;left:0;top:50%;margin-top: -6px;}
/*상세 이미지 슬라이드*/
.board-slider-wrap{position: relative; background-color: #f6f6f6;padding:80px 80px 30px 80px;}
.board-slider-main {width: 100%;height:430px;margin-bottom: 10px;}
/* .board-slider-main img {width: 100%;height: 100%;object-fit: cover;} */
.board-slider-main img {width: 100%;height: 100%;object-fit: contain;}
.board-slider-thumb {height: 103px;}
.board-slider-thumb img {width: 100%;height: 100%;object-fit: cover;cursor: pointer;}
.board-slider-wrap .swiper-button-next, 
.board-slider-wrap .swiper-button-prev{width: 43px;height: 43px;background-color: #e5e5e5;border-radius: 50%;color:#4f4f4f}
.board-slider-wrap .swiper-button-prev{left: 55px;}
.board-slider-wrap .swiper-button-next{right: 55px;}
.board-slider-wrap .swiper-button-prev::after{content: "◀";font-size: 15px;}
.board-slider-wrap .swiper-button-next::after{content: "▶";font-size: 15px;}
.board-slider-wrap .swiper-pagination{position: relative;top:inherit;bottom: inherit;margin-top: 20px;}
.board-slider-wrap .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 5px; background: #ccc;opacity: 1;}
.board-slider-wrap .swiper-pagination .swiper-pagination-bullet-active  {width: 23px; background: #007aff; /* 파란색 */}

 /*영상*/
.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 #000000;border-bottom: 1px solid #000000;}
.board-nav .nav-item{display: flex;color:#262626;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 10px;}
.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: 10px;}
.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:0;margin:50px 0 ;flex-wrap: wrap;}
.pagination .page-num{font-size: 16px;text-align: center;color:#888888;margin: 0 15px; }
.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;margin-right: 5px;border:1px solid #d7d7d7;border-radius: 5px;}
.pagination .btn-prev{ width:30px;height: 30px;background: url('../images/sub/btn_paging_prev.png') center no-repeat;margin-right: 15px;border:1px solid #d7d7d7;border-radius: 5px;}
.pagination .btn-next{ width:30px;height: 30px;background: url('../images/sub/btn_paging_next.png') center no-repeat;margin-left: 15px;border:1px solid #d7d7d7;border-radius: 5px;}
.pagination .btn-last{ width:30px;height: 30px;background: url('../images/sub/btn_paging_last.png') center no-repeat;margin-left: 5px;border:1px solid #d7d7d7;border-radius: 5px;}
.pagination .page-num.active {color: #276dd1;}

/* 달력 */
:root{
    --event1: #0070c0;
    --event2: #009999;
    --event3: #ff6600;
    --event4: #ff5050;
    --event5: #7030a0;
    --event6: #64d064;
}

/* 기존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;align-items: flex-start;flex-wrap: wrap;position: relative;padding-top: 70px;}
.cal-wrap .cal-box{ width: calc(100% - 266px);border-radius: 20px 20px 0 0 ;}
.cal-wrap .cal-box .btn-month{position: absolute;left:56%;top:2px; z-index: 1;}
.event-cal .fc-toolbar{position: absolute;top:0;left:50%;transform: translateX(-50%);  justify-content: center;justify-content: center;align-items: center;display: flex;margin-bottom: 0;}
.event-cal .fc-toolbar .fc-toolbar-chunk:nth-child(2){display: flex;align-items: center;padding: 0 80px 0 60px;}
.event-cal .fc-toolbar .fc-toolbar-title{margin:0;font-size: 30px;font-weight:700;}
.event-cal .fc-toolbar .fc-toolbar-title .month{color: #276dd1;}
.event-cal .fc-toolbar .fc-button-primary{width: 14px;height: 23px;padding: 0;}
.event-cal .fc-toolbar .fc-button-primary span::before{display: none;}
.event-cal .fc-toolbar .fc-button-primary .fc-icon{width: 100%;height: 100%;vertical-align: top;background-size: 100%;background-repeat: no-repeat;background-position: center top;}
.event-cal .fc-toolbar .fc-prev-button .fc-icon{background-image: url('../images/sub/btn_cal_prev01.png');}
.event-cal .fc-toolbar .fc-next-button .fc-icon{background-image: url('../images/sub/btn_cal_next01.png');}
.event-cal .fc-view-harness{border-radius:15px 15px 0 0;overflow: hidden;}
.event-cal .fc-col-header-cell{background-color: #276dd1;border:0;text-align: center;padding: 0 10px;}
.event-cal .fc-col-header-cell .fc-col-header-cell-cushion{color:#fff;padding: 0;height: 32px;font-size: 16px;line-height: 32px;}
.event-cal .fc-daygrid-day-top{justify-content: flex-end;flex-direction: row;}
.event-cal .fc-daygrid-day-top .fc-daygrid-day-number{width:100%;height:20px;padding: 0 4px 0 0;margin: 0;text-align: right;line-height: 20px;font-size: 14px;font-weight: 500; color: #7c7c7c;}
.event-cal .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{position: relative;width: 100%;}
.event-cal .fc-daygrid-day.fc-day-today .fc-daygrid-day-number::before{content: "TODAY";display: block;width:37px;height: 10px;position: absolute;left: 3px;top:0;font-size: 11px;color:#ef2121}
.event-cal .fc-scroller-harness-liquid{border-right: 1px solid #d0d0d0;}
.event-cal .fc-daygrid-event{margin-top: 2px;}
.event-cal .fc-h-event {border:0;border-radius: 20px;}
.event-cal .fc-h-event .fc-event-title-container{text-align: left;padding: 0 10px;}
.event-cal .fc-daygrid-block-event .fc-event-title{padding:0;line-height: 19px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#fff;font-size: 14px;font-weight: 400;letter-spacing: -1px;}
.event-cal .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom: 0;}
.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: 109px; }
.event-cal .fc-scrollgrid-section-sticky > * {position:static}
.event-cal .fc-day-sun .fc-daygrid-day-top .fc-daygrid-day-number{color:#f02525}
.event-cal .fc-day-sat .fc-daygrid-day-top .fc-daygrid-day-number{color:#1c7eda}
.event-cal .fc-daygrid-day-bottom{margin-top: 2px !important;font-size: 12px;}
.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;}
.event-cal .event1{background-color: var(--event1)}
.event-cal .event2{background-color: var(--event2)}
.event-cal .event3{background-color: var(--event3)}
.event-cal .event4{background-color: var(--event4)}
.event-cal .event5{background-color: var(--event5)}
.event-cal .event6{background-color: var(--event6)}
.fc-tooltip{position: absolute;padding: 10px;color:#141414;background: #fff;font-size: 13px;font-weight: 400; border-radius: 5px; white-space: normal;z-index: 10;box-shadow: 0 0 7px rgba(0,0,0,0.4);}
.fc-tooltip ul li{position: relative;padding-left: 11px;margin-bottom: 3px;}
.fc-tooltip ul li::before{content: "";display: block;width: 3px;height: 2px;background-color: #141414;position: absolute;left:0;top:7px }
.fc-tooltip ul li:last-child{margin-bottom: 0;}
.event-dot-info{display: flex;flex-wrap: wrap;justify-content: flex-start;padding-top: 20px;}
.event-dot-info>li{width: 33%;max-width: 250px; position: relative;padding-left: 57px;font-size: 16px;color: #474848;margin-bottom: 10px;}
.event-dot-info>li::after{content: "";display: block;width: 45px;height: 20px;background-color: var(--event1);position: absolute;left:0;top:2px;border-radius: 20px;}
.event-dot-info>li.event1::after{background-color: var(--event1);}
.event-dot-info>li.event2::after{background-color: var(--event2);}
.event-dot-info>li.event3::after{background-color: var(--event3);}
.event-dot-info>li.event4::after{background-color: var(--event4);}
.event-dot-info>li.event5::after{background-color: var(--event5);}
.event-dot-info>li.event6::after{background-color: var(--event6);}

/*이벤트 리스트*/
.cal-choice{width: 259px; margin-left: 7px;background-color: #f4f4f4;border-radius: 15px 15px 0 0;overflow: hidden;border:1px solid #d0d0d0}
.cal-choice .choice-date{display: flex;justify-content: center;align-items: center; height: 32px;background-color: #276dd1; width: 100%;}
.cal-choice .choice-date strong{color:#fff;font-size: 18px;font-weight: 400;}
.choice-list{margin:5px;margin-right: 0; overflow-y: auto;background-color: #fff;border-radius:8px }
.choice-list ul{padding: 0 10px;}
.choice-list ul > li{padding: 15px 0;border-bottom: 1px solid #d0d0d0;}
.choice-list ul > li:last-child {border-bottom: 0;}
.choice-list ul > li strong{position: relative; display: block;padding-left: 16px;margin-bottom: 10px;font-size: 16px;font-weight: 500;color:#1a1a1a}
.choice-list ul > li strong::before{content: "";display: block;width: 8px;height: 8px;position: absolute;left:0;top:5px;background-color: #0070c0;border-radius: 50%;}
.choice-list ul > li.ch-event1 strong::before{background-color: #0070c0;}
.choice-list ul > li.ch-event2 strong::before{background-color: #009999;}
.choice-list ul > li.ch-event3 strong::before{background-color: #ff5050;}
.choice-list ul > li.ch-event4 strong::before{background-color: #7030a0;}
.choice-list ul > li.ch-event5 strong::before{background-color: #ff6600;}
.choice-list ul > li.ch-event6 strong::before{background-color: #64d064;}
.choice-list ul > li.no-data{text-align: center;padding: 30px 0;}
.ch-event-info{display: flex;font-weight: 300;font-size: 14px;}
.ch-event-info dt{width: 97px;font-weight: 500; color:#323131;padding: 0 0 3px 0;}
.ch-event-info dd{position: relative; width: calc(100% - 97px);padding:0 0 3px 10px;color:#767676;font-weight: 400;}
.ch-event-info dd::before{content: "";display: block;width: 1px;height: 100%;position: absolute;left:0;top:0;background-color: #b6b6b6;}

/*달력 선택 팝업*/
.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;}
.event-info{display: flex;margin-bottom: 15px;font-weight: 400;}
.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:#000000}
.event-info dd .btn-event-detail{text-align: left;}

/*조회*/
.inq-wrap{background: #f7f9ff;margin:10px auto}
.inq-box {max-width: 570px;margin:0 auto;padding: 20px 10px;border-radius: 10px;display: flex;}
.inq-box dl{flex-grow: 1; display: flex;flex-wrap: wrap;}
.inq-box dl dt{width: 80px;padding-right: 20px;text-align: right;font-size: 18px;color: #5d5d5d;font-weight: 500;}
.inq-box dl dt label{line-height: 54px;}
.inq-box dl dd{width: calc(100% - 80px); padding-right:15px ;}
.inq-box dl dd .int-info{line-height: 22px;margin: 7px 0 15px 0;}
.inq-box .btn-inq{flex-shrink: 0; display: flex;justify-content: center;align-items: center;width: 166px;height:152px; background-color: #286dd2;border-radius: 10px;font-size:22px;font-weight: 600;color:#fff}
.inq-box .btn-inq:hover{background-color: #2664c0;}
/*비밀번호 입력*/
.psw-check-wrap{margin: 80px auto;width: 98%;max-width: 730px;border:1px solid #dadada;border-radius: 10px;padding: 40px;}
.psw-check-box{display: flex;flex-direction: column;min-height: 83px;width: 100%;padding-left: 130px;padding-top: 5px; background: url('../images/sub/icon_psw03.png') left top no-repeat;}
.psw-check-note{width: 100%;color:#595858;font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.password-check-form{display: flex;gap: 0 5px;}
.password-check-form input{flex-grow: 1;}
.password-check-form button{flex-shrink: 0;}

/*팝업*/
.popwrap {display: none;position: fixed;inset: 0;z-index: 9999;}
.popwrap.active { display: block;}
.popwrap .dimmed {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.4);z-index: 10000;}
.pop-box {position: absolute;z-index: 10001;width:420px;max-width: 90%;max-height: 90vh; margin: 0 auto;background: #fff;overflow: hidden;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 8px;padding: 20px 10px;display: flex;flex-direction: column;box-shadow: 0 0 7px rgba(0,0,0,0.4);}
.pop-body {flex: 1 1 auto;overflow-y: auto;max-height: 100vh;background-color: #fff;border-radius: 8px;text-align: center;margin-bottom: 10px;}
.pop-body > div{width: 100%;padding: 10px;min-height: 70px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;color:#3e3c3c;font-size: 17px;font-weight: 500;}
.pop-foot {display: flex;justify-content: center;gap: 0 10px;}
.popwrap .btn-check{display: flex;justify-content: center;align-items: center;height: 49px;width: 97px;background-color: #286dd2;border-radius: 5px;color:#ffffff;font-size: 19px;font-weight: 500;}
.popwrap .btn-check:hover{background-color: #2664c0;}
.popwrap .btn-cancle{display: flex;justify-content: center;align-items: center;height: 49px;width: 97px;background-color: #636363;border-radius: 5px;color:#ffffff;font-size: 19px;font-weight: 500;}
.popwrap .btn-cancle:hover{background-color: #444;}
.pop-box.type2{width: 730px;text-align: left;}
.pop-box.type2 .pop-body{margin-bottom: 0;}
.pop-box.type2 .psw-check-box{padding-left: 100px;text-align: left;}

/*contents*/
.step-list1{width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 20px 55px; padding: 0;margin: 0 auto;color:#3b3535}
.step-list1 > li{position: relative;}
.step-list1 > li::after{content: "";display: block;width: 23px;height: 31px;position: absolute;top:50%;right: -30px;background: url('../images/sub/arr01.jpg') center no-repeat;}
.step-list1 > li:last-child::after{display: none;}
.step-list1 > li strong{display: block;height: 41px;line-height: 41px;text-align: center;background-color: #f8e3f1;border-radius: 18px 18px 0 0;font-weight: 500;}
.step-list1 > li > div{display: flex; align-items: center;flex-direction: column; justify-content: center;height: calc(100% - 41px);padding: 20px 25px; border:1px solid #d4d4d4;border-radius: 0 0 18px 18px;line-height: 1.4;}
.step-list1 > li > div span{font-weight: 500;}
.step-list1 > li:nth-child(2) strong{background-color: #d6eff3;}
.step-list1 > li:nth-child(3) strong{background-color: #f5eddc;}
.step-list2{width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 20px 55px; padding: 0;margin: 0 auto;color:#3b3535}
.step-list2 > li{position: relative;}
.step-list2 > li dl{    display: flex;flex-direction: column;justify-content: space-between;border: 1px solid #f2f2f2;border-radius: 20px;overflow: hidden;height: 100%;font-size: 18px;color: #2b2b2b;}
.step-list2 > li dl dt{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 65px;background-color: #c2dbfe;text-align: center;}
.step-list2 > li dl .mid{padding: 15px;font-size: 16px;}
.step-list2 > li dl .bot{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 65px;background-color: #fcf5e7;padding: 10px 15px;font-size: 15px;}
.step-list2 > li::after{content: "";display: block;width:20px;height: 14px;position: absolute;top:50%;right: -30px;background: url('../images/sub/arr03.png') center no-repeat;}
.step-list2 > li:last-child::after{display: none;}

.fram1{display: flex;align-items: center;justify-content: center;width:100%;height: 76px;border: 1px solid #eae8e8;border-radius: 18px;background-color: #fcf5e7;}
.fram1 p{color: #3d3d3c;font-size: 20px;font-weight: 600;text-align: center;}
.fram2{border: 1px solid #eae8e8;border-radius: 18px;overflow: hidden;font-size: 18px;}
.fram-table{width: 100%; table-layout: fixed;}
.fram-table th{border-bottom:1px solid #eae8e8;border-left:1px solid #eae8e8;padding: 10px;font-weight: 600;}
.fram-table td{border-left:1px solid #eae8e8;padding: 10px 20px;}
.fram-table td .list4{font-size: 17px;}
.fram-table td .list4>li{margin-bottom: 20px;}
.fram-table .cr1{background-color: #fcf5e7;}
.fram-table .cr2{background-color: #f9edf5;}
.fram-table .cr3{background-color: #e7f4f6;}
.fram-table .cr4{background-color: #e6eef7;}
.fram-table .cr5{background-color: #eff6e7;}
.fram-table .cr6{background-color: #fcf5e7;}
.fram-table .cr7{background-color: #f9eded;}
.fram-table.type2 .cr2{height: 165px;}

.fram3 {display: flex;border: 1px solid #eae8e8;border-radius: 18px;overflow: hidden;align-items: center;background-color: #fcf5e7;}
.fram3 dt{width: 145px;height: 100%; text-align: center;font-weight:600;}
.fram3 dd{width: calc(100% - 145px);background-color: #fff;padding: 20px 15px ;}
.fram3 dd .list4>li{margin-bottom: 8px;}
.fram3 dd .list4>li:last-child{margin-bottom: 0;}
.framework .arr{display: block;padding: 14px 0;text-align: center;}
.framework .arr img{display: inline-block;}
.framework .table1 th{padding: 14px 0;}
.fram-table td .list4.sm>li{margin-bottom: 2px;}
.step-list2 .num-list1{padding: 5px 0;}
.step-list2 .num-list1 > li{margin-bottom: 0;}
.step-list2 em{display: block; font-size: 13px;}
.apply-guide{background-color: #f0f0f0;}
.apply-guide .txt{padding: 70px 0 30px 0;text-align: center;font-size: 35px;font-weight: 700;color: #292929;}
.apply-guide .txt span{font-size: 32px;}
.apply-guide strong{font-size: 50px;color: #4968b3;}
.apply-guide .fc-green{color: #56a61d;}
.apply-guide .fc-pink{color: #d0405a;}
.apply-guide .img{display: block;margin-bottom: 40px;}
.apply-link{display: flex;justify-content: center;gap: 0 28px;}
.apply-link a{width:43%;max-width: 382px;text-align: center;height: 60px;background-color: #4f74e2;border-radius: 30px 30px 0 0;box-shadow: 6px 0px 0px 0px rgb(191, 191, 191);}
.apply-link a span{display: flex;align-items: center;justify-content: center;height: 100%;  color: #fff;font-size: 28px;font-weight: 600;letter-spacing: -1px;}
.apply-link a.green{background-color: #16ac9b;}

/*인사말*/
.greeting-wrap{width: 100%;max-width: 740px;margin: 0 auto;padding-top: 10px;}
.greeting-top{text-align: center;margin-bottom: 20px;}
.greeting-top strong{position: relative; display: inline-block;padding:0 50px;font-size: 29px;color: #4968b3;font-weight: 700;}
.greeting-top strong::before{content: "";display: block;position: absolute;left:0;top:0;width: 28px;height: 25px;background: url('../images/sub/int/deco_greet01.png') left top no-repeat;}
.greeting-top strong::after{content: "";display: block;position: absolute;right:0;bottom:0;width: 28px;height: 25px;background: url('../images/sub/int/deco_greet02.png') left top no-repeat;}
.greeting-cont .pic{display: block;margin-bottom: 25px;}
.greeting-cont .text{color:#333;font-size: 17px;line-height: 1.7;}
.greeting-cont .bottom {display: block;margin-top: 40px;}
.greeting-cont .bottom img{display: inline-block;margin-left: 10px;}

/*탭*/
.tab-bts-box{margin-bottom: 80px;}
.tab-btns {width: 100%; display: flex;border-bottom: 1px solid #7f8484;}
.tab-btns > li{flex: 1;min-height: 79px;margin-left: -1px;}
.tab-btn{position: relative; display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding: 5px;font-size: 30px;color: #6a6a6a;line-height: 1.2;}
.tab-btn span{word-break: keep-all;font-weight: 600;}
.tab-btn.on{color: #3c90d8;}
.tab-content { display: none}
.tab-content.on { display: block; }
.tab-btn::after {content: '';position: absolute;left: 50%;bottom: -1px;width: 0;height: 2px;background: #3c90d8;transition: all 0.3s ease;transform: translateX(-50%);}
.tab-btn.on::after {width: 100%;} 

/* 드롭다운 버튼 (모바일에서만 보임) */
.tab-select {display: none;width: 100%;text-align: left;padding: 10px 50px 10px 10px;border: 2px solid #276dd1;background: #fff;position: relative;}
.tab-select::before{content: '';position: absolute;width: 6px;height: 6px;top: 50%;right: 15px;border-top: 2px solid #999;border-left: 2px solid #999;transform: translateY(-50%) rotate(224deg);transition:  0.3s ease;}
.tab-select::after{content: '';position: absolute;width: 22px;height: 22px;top: 50%;right: 7px;border: 1px solid #999;transform: translateY(-50%);border-radius: 50%;transition:  0.3s ease;}
.tab-select.on::before{transform: translateY(-50%) rotate(45deg);}

.his-top{display: flex;align-items: center;border-bottom: 2px solid #000a0a;}
.his-top p{width: 600px;height: 100%;padding: 0 10px 0 28px;font-size: 50px;color: #1c1c1c;font-weight: 800; }
.his-top p strong{color:#fe764a}
.his-top p .cr1{color: #4968b3;}
.his-top .img{flex-grow: 1;}
.his-list > ul > li{display: flex;}
.his-list > ul > li .year{width: 255px;border-right: 1px dashed #c2c2c2;text-align: center;font-size: 50px;color: #3c90d8;}
.his-list > ul > li .month2{width: calc(100% - 255px);}
.month2{position: relative; margin-bottom: 75px;}
.month2::before{content: "";position: absolute;width: 20px;height: 20px;top:0;left:-10px;background-color: #fff;border-radius: 50%;border: 1px solid #3c90d8;}
.month2::after{content: "";position: absolute;width: 10px;height: 10px;top:5px;left:-5px;background-color: #3c90d8;border-radius: 50%;border: 1px solid #3c90d8;}
.month2 > li{position: relative; display: flex;padding: 0 0 0 20px;margin-bottom: 5px;}
.month2 > li span{flex-shrink: 0; width: 96px;text-align: left;color:#1f6bad;font-size: 24px;font-weight: 600;}
.month2 > li p{font-size: 18px;color:#333}
.his-list > ul > li:last-child .month2{margin-bottom: 0;}

.target{display: flex;gap: 0 50px;}
.target .item{flex: 1;background-color: #f4f6fc;height: 370px;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.target .item .icon{display: block; height:99px;margin-bottom: 15px;}
.target .item .icon img{display: inline-block;}
.target .item strong{display: inline-block;width: 100%;max-width: 326px;color:#373737;font-size: 24px;font-weight: 700;margin: 0 auto;height: 70px; border-bottom: 1px solid #5b5b5b;}
.target .item .txt{display: inline-block;font-size: 16px;color: #373737;padding-top: 15px;max-width: 326px;margin: 0 auto;}

.img-box{width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px; padding: 0;margin: 0 auto;}
.img-box li img{width: 100%;}

.img-box2{width: 100%;display: flex;justify-content: center; gap: 20px 0;}
.img-box2 li {margin-bottom: 25px;width: 33.3%;padding: 0 30px;}
.img-box2 li span{display: block;text-align: center;color:#454545;font-size: 20px;font-weight: 500;padding-top: 15px;}
.img-box2 li img{width: 100%;}
.img-box2.type2{border-top:1px solid #3285e2;padding: 30px 0;}

.numicon_list{width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px 35px; padding: 0;margin: 0 auto;}
.numicon_list li{position:relative;border:1px solid #e9e9e9; text-align:center;padding-bottom: 20px;}
.numicon_list li .num{z-index: 2; margin:4px 0 30px 0; position: relative;color:#fff; text-align:center; font-size:17px;line-height:100%}
.numicon_list li:before{z-index: 1;border-bottom-right-radius:50px;border-bottom-left-radius:50px;position: absolute;top: -1px;left: 50%;transform:translate(-50%, 0);background:#4968b3;width:66px;height:33px;display:block;content:'';}
.numicon_list li .icon{display:block;height: 105px; margin:0 auto 5px auto; }
.numicon_list li .icon img{display: inline-block;}
.numicon_list li p.sub_txt{color:#4d4d4d; line-height:21px;}
.numicon_list li  div{font-size:15px; color:#949494; line-height:18px;letter-spacing: -0.1px;  margin-top:2px;}

.guide-top{display: flex;justify-content: space-between;}
.guide-top p{font-size: 22px;color: #373737;font-weight: 500;}
.guide-top .btn-down{display: inline-block;height: 49px;line-height: 49px; border:1px solid #cacaca;padding: 0 20px;}
.guide-top .btn-down span{font-size: 17px;font-weight: 600;color: #3285e2; padding-right: 27px;background: url('../images/sub/icon_down02.png') right center no-repeat;}

.floor-title{position: relative;margin-bottom: 30px;}
.floor-title::before{content: "";display: block;width: 100%;height: 1px;background-color: #3285e2;top:50%;position: absolute;}
.floor-title span{display: block;width: 143px;height: 62px;line-height: 56px;border:3px solid #3285e2;background-color: #fff;border-radius: 30px;position: relative;z-index: 1;margin: 0 auto;font-size: 28px;font-weight: 600;text-align: center;color:#3285e2}

.map-box{margin-bottom: 50px;}
.map-box .map{display: block; border: 1px solid #e7e7e7;border-bottom: 0;}
.map-info{display: flex;align-items: stretch;justify-content: space-between;background-color: #f4f6fc; border: 1px solid #e7e7e7;padding:20px; color: #181818;}
.map-info h4{font-size: 23px;font-weight: 600;color:#284897;}
.map-info ul{flex: 1;padding-top: 19px;}
.map-info ul > li{position: relative;display: flex;margin-bottom:5px;font-size: 17px;}
.map-info ul > li:last-child{margin-bottom: 0;}
.map-info ul > li:last-child strong img{padding-right: 10px;}
.map-info ul > li strong{width: 110px;flex-shrink: 0;}
.map-info ul > li strong img{display: inline-block;}
.map-box .map-ctr {border-top:1px solid #e0e0e0;width:100%;background:#f9f9f9;padding:0 13px 10px 13px;display:flex;justify-content: space-between;align-items: center;flex-wrap:wrap;}
.map-box .map-ctr .tit{font-size:20px;color:#000;line-height:1;font-weight:500;margin-top:10px;}
.map-box .map-ctr .tit span{font-weight:600;}
.map-box .map-ctr > ul{margin-left:auto;display:flex;margin-top:10px;}
.map-box .map-ctr > ul > li{margin-left:12px;}
.map-box .map-ctr > ul > li a{font-weight:400;font-size:14px;line-height:1;padding-left:13px;position:relative;color:#333;}
.map-box .map-ctr > ul > li a::before{content:"";display:block;width:1px;height:14px;background:#d2d2d2;position:absolute;left:0;top:2px;}
.map-box .map-ctr > ul > li:first-child a{padding:0;}
.map-box .map-ctr > ul > li:first-child a::before{display:none;}

.btn-map{width: 100px;border:1px solid  #8b98bc;background: #fff ;text-align: center;border-radius: 8px;}
.btn-map span{display: inline-block;background: url('../images/sub/icon_map01.png') center 16px no-repeat;font-size: 16px;color: #617ecf;padding:60px 0 15px 0;}
.transit .item {display: flex;align-items: center;border-bottom: 1px solid #d7d7d7;padding: 30px 0;}
.transit .item > span{width: 250px; display: flex;align-items: center; background: url('../images/sub/icon_car01.png') left center no-repeat; padding-left:104px;min-height: 60px;font-size: 19px;color: #4968b3;font-weight: 600;}
.transit .item.bus > span{background: url('../images/sub/icon_bus01.png') left center no-repeat; }
.transit .list5>li{margin-bottom: 7px;}
.transit .list5 li ul{padding: 10px 0   ;}
.transit .list5 li ul li{display: flex;margin-bottom: 3px;}
.transit .list5 li ul li span{width:72px;margin-right: 5px; height: 26px;line-height: 26px;flex-shrink: 0;text-align: center;background-color: #ff551a;color:#fff;border-radius: 4px;}
.transit .list5 li ul li span.blue{background-color: #4b74d7;}

.newwin{display: inline-block;padding-right: 22px;background: url('../images/sub/icon_newwin.png') right center no-repeat  ;}
.viewer-list {border-top: 1px solid #000;border-bottom: 1px solid #000;}
.viewer-list dl{background-position: left 10px center;background-repeat: no-repeat;border-bottom: 1px dashed #e5e5e5;padding: 10px;padding-left: 120px;}
.viewer-list dl dt{font-weight: 600;font-size: 20px;margin-bottom: 10px;}
.viewer-list dl dd .sub-txt{line-height: 1.2;margin-bottom: 10px;}
.viewer-list dl.one{background-image: url('../images/sub/utxtn/icon_viewer01.png');}
.viewer-list dl.two{background-image: url('../images/sub/utxtn/icon_viewer02.png');}
.viewer-list dl.three{background-image: url('../images/sub/utxtn/icon_viewer03.png');}
.viewer-list dl.four{background-image: url('../images/sub/utxtn/icon_viewer04.png');}
.viewer-list dl.five{background-image: url('../images/sub/utxtn/icon_viewer05.png');border-bottom: 0;}
.policy{line-height: 1.5;}
.policy .num-list1 .list1{margin: 10px 0 20px 0;}
.policy .num-list1 .num-list1{margin-top: 10px;} 
.policy .num-list1 .list1 > li{color: #333;font-size: 16px;}
.policy .title4{margin-top: 60px;}
.policy .title5{margin-top: 50px;}
.policy p{line-height: 1.6;}

/*사이트맵*/
.sitemap{position: relative;overflow: hidden;border-top: 2px solid #767676;}
.sitemap dl {position: relative;padding: 23px 23px 23px 21%;overflow: hidden;border-bottom: 1px solid #ddd;display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px 15px;}
.sitemap dl dt {position: absolute;top: 50%;left: 0;width: 15%;text-align: center;transform: translateY(-50%);}
.sitemap dl dt a{font-size: 22px;font-weight: 600; color:#181818;}
.sitemap dl:before {display: block;position: absolute;top: 0;left: 18%;width: 1px;height: 100%;content: "";background-color: #ddd;}
.sitemap dl dd{margin-bottom: 10px;}
.sitemap dl dd > a{position: relative;padding-left: 15px;font-size: 18px;}
.sitemap dl dd > a:before {display: block;position: absolute;top: 8px;left: 0;width: 4px;height: 4px;content: "";background-color: #888;}
.sitemap dl dd .depth3 {padding: 10px;font-size: 16px;}
.sitemap dl dd .depth3 > li{margin-bottom: 5px;}
.sitemap dl dd .depth3 > li > a{display: block; padding-left: 10px;position: relative;color: #888;}
.sitemap dl dd .depth3 > li > a::before{display: block;position: absolute;top: 8px;left: 0;width: 4px;height: 1px;content: "";background-color :#888;}


/*========250827======*/
ul, li{text-align:left;}
.title4-h{font-size:28px;font-weight:600;color:#1f1f1f;margin:50px 0 20px;}
ul.ulc > li{position:relative;margin-top:5px;line-height:1.4;font-size:18px;}
ul.ulc > li:first-child{margin-top:0 !important;}
ul.ulc > li > ul{padding:6px 0 3px 0;}
ul.ulc.litable > li{display:table;}
ul.ulc.litable > li > span:first-child{display:table-cell;white-space:nowrap;padding-right:5px;}
ul.ulc.lidot > li{margin-top:5px;padding-left:13px;}
ul.ulc.lidot > li::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#7e7e7e;position:absolute;left:0;top:9px;}
ul.ulc.libar > li{margin-top:5px;padding-left:13px;}
ul.ulc.libar > li::before{content:"";display:block;width:7px;height:2px;background:#373737;position:absolute;left:0;top:12px;}

table.table-n2{border-collapse:collapse;width:100%;border-top:2px solid #000;}
table.table-n2 caption{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;white-space: nowrap;border: 0;}
table.table-n2{table-layout:fixed;width: 100%;border-top:2px solid #181818;margin:0;padding:0;}
table.table-n2.bodtno{border-top:0;}
table.table-n2 th{background-color: #fafafa;border-bottom: 1px solid #c1c1c1;font-weight: 500;padding:12px 10px;}
table.table-n2 td{border-bottom: 1px solid #c1c1c1;font-weight: 300;padding:12px 20px 12px 20px;}
table.table-n2.tdlf td{text-align: left;}
table.table-n2 th,
table.table-n2 td{text-align: center;color:#181818;font-size:18px;line-height:1.4;}
table.table-n2 td.txtct{text-align: center;}
table.table-n2 td.txtlf{text-align: left;}
table.table-n2 td img{display:inline-block; vertical-align: middle;}
table.table-n2 ul.ulc.libar > li{margin-top:7px;}
.overview-w table.table-n2 th{font-weight:400;}

.step-con > ul{display:flex;margin-left:-53px;}
.step-con > ul > li{width:calc(100% / 3 - 53px);margin-left:53px;position:relative;flex:1 1 auto;}
.step-con > ul > li::before{content:"";display:block;width:23px;height:31px;background:url(../images/sub/step_icon01.png) no-repeat center center / 100% 100%;position:absolute;left:-37px;top:50%;transform:translatey(-50%);}
.step-con > ul > li:first-child::before{display:none;}
.step-con > ul > li .tit{height:41px;border-radius:12px 12px 0 0 ;font-weight:500;font-size:18px;color:#3b3535;background:#f8e3f1;padding:5px 10px;position:relative;z-index:0;display:flex;justify-content: center;align-items: center;}
.step-con > ul > li:nth-child(2) .tit{background:#d6eff3;}
.step-con > ul > li:nth-child(3) .tit{background:#f5eddc;}
.step-con > ul > li .con{min-height:169px;height:calc(100% - 41px);margin-top:-1px;padding:20px 30px;border:1px solid #d4d4d4;border-top:0;border-radius:0 0 12px 12px;background:#fff;display: flex; justify-content: center;align-items: center;flex-wrap:wrap;}
.step-con > ul > li .con .litable {position:relative;}
.step-con > ul > li .con .litable > li{font-weight:300;color:#3b3535;line-height:1.2;letter-spacing:-1px;position:static;margin-top:7px;}
.step-con > ul > li .con .litable > li > span:first-child{font-weight:500;}
.more-dots{width:100%;margin-top:10px;text-align:center;}
.more-dots > *{padding:0 15px;}
.more-dots img{display:inline-block;}

.step-system > ul > li{margin-top:50px;position:relative;width:100%;}
.step-system > ul > li:first-child{margin-top:0;}
.step-system > ul > li::before{content:"";display:block;width:26px;height:23px;background:url(../images/sub/step_icon02.png) no-repeat center center / 100% 100%;position:absolute;left:50%;top:-38px;transform:translatex(-50%);}
.step-system > ul > li:first-child::before{display:none;}
.step-system .step-sys-w{border:1px solid #eae8e8;border-radius:15px;overflow:hidden;display:flex;}
.step-system .step-sys-w .wtit{min-height:74px;min-width:150px;text-align:center;font-weight:600;font-size:20px;color:#3d3d3c;padding:15px 20px;background:#fcf5e7;flex:1 1 auto;display:flex;justify-content: center;align-items: center;} 
.step-system .step-sys-w .wcon{width:calc(100% - 150px);flex:0 0 auto;} 
.step-system .step-sys-w .wcon-table{}
.step-system .wcon-table table{border-top:0;table-layout: fixed;width:100%;}
.step-system .wcon-table table th{border-left:1px solid #eae8e8;padding:0;margin:0;color:#3d3d3c;padding:5px 10px;}
.step-system .wcon-table table td{border-left:1px solid #eae8e8;border-top:1px solid #eae8e8;padding:0;margin:0;color:#3d3d3c;vertical-align: top;}

.step-system .wcon-table table .bordr-btm{border-bottom:1px solid #eae8e8;height:37px;text-align:center;font-weight:600;font-size:17px;color:#3d3d3c;}
.step-system .wcon-table table .tdcor1{background-color:#f9edf5;}
.step-system .wcon-table table .tdcor2{background-color:#e7f4f6;}
.step-system .wcon-table table .tdcor3{background-color:#eff6e7;}
.step-system .wcon-table table .tdcor4{background-color:#fcf5e7;}
.step-system .wcon-table table .tdcor5{background-color:#f9eded;}
.step-system .wcon-table table .tdcor6{background-color:#e6eef7;}
.step-system .wcon-table table .tr-tit th{padding:35px 5px 15px 5px;font-weight:600;font-size:17px;text-align:center;letter-spacing:-1.2px;line-height:1.4;vertical-align: top;}
.step-system .wcon-table table .tr-tit th.in-img{vertical-align: middle;padding:0 10px;}
.step-system .con-tr-wrap .td-ttxt{display:none;}
.step-system .con-tr-wrap .ttit{padding-top:35px;font-weight:600;font-size:18px;color:#3d3d3c;text-align:center;letter-spacing:-1px;}
.step-system .wcon-table table .tr-con td{padding:60px 10px 35px 15px;}
.step-system .wcon-table table .tr-con td .ulc > li{margin-top:15px;}
.step-system .wcon-table table .tr-con td .ulc > li:first-child{margin-top:0;}
.step-system .step-sys-w .wcon .wcon-list{padding:18px;}
.step-system .step-sys-w .wcon .ulc > li{margin-top:5px;padding-left:10px;font-size:17px;color:#3d3d3c;letter-spacing:-1px;}
.step-system .step-sys-w .wcon .ulc > li::before{width:4px ;height:4px;border-radius:0;background:#656565;}
.btm-pdf-down{margin-top:15px;}
.btm-pdf-down ul{margin-bottom:18px;}
.btm-pdf-down ul > li{font-size:18px;color:#181818;font-weight:300;}
.down-btns {min-height:50px;border-radius:10px;border:1px solid #c6c6c6;background:#fff;padding:5px 17px;display:flex;justify-content: center;align-items: center;}
.down-btns span{font-size:20px;color:#181818;font-weight:600;position:relative;padding-right:26px;}
.down-btns span::after{content:"";display:block;width:19px;height:18px;background:url(../images/sub/step_down_icon.png) no-repeat center center / 100% 100%;position:absolute;right:0;;top:50%;transform:translatey(-50%);}
.down-btns:hover{background:#f7f7f7;}
.apply-step{color:#2b2b2b;font-weight:400;font-size:16px;}
.apply-step > ul{margin:0 0 0 -43px;display:flex;flex-wrap:wrap;}
.apply-step > ul > li{width:calc(100% / 4 - 43px); margin:0 0 0 43px;position:relative;}
.apply-step > ul > li::before{content:"";display:block;width:20px;height:14px;background:url(../images/sub/step_icon03.png) no-repeat center center / 100% 100%;position:absolute;left:-31px;top:50%;transform:translatey(-50%);}
.apply-step > ul > li:first-child::before{display:none;}
.apply-step > ul > li .apply-step-con{border:1px solid #f3f3f3;background:#fcf5e7;height:100%;overflow:hidden;border-radius:10px;}
.apply-step > ul > li .tit{min-height:64px;padding:7px 15px;background:#c2dbfe;font-size:18px;text-align:center;letter-spacing:-1px;display:flex;justify-content: center;align-items: center;}
.apply-step > ul > li .list{background:#fff;min-height:135px;padding:18px;}
.apply-step > ul > li .list > ul > li{padding-left:10px;font-size:16px;line-height: 1.3;letter-spacing: -.5px;}
.apply-step > ul > li .list > ul > li::before{width:4px;height:4px;background:#2b2b2b;}
.apply-step > ul > li .txt {padding:20px 18px;min-height:83px;letter-spacing:-.5px;display:flex;justify-content: center;align-items: center;}
/*====//====250827======*/

@media screen and (max-width: 1802px) {
    .container > .inner{padding: 0 20px;}
}

@media screen and (max-width: 1412px) {
    
    .search-box{flex-wrap: wrap;}
    .search-box .sel-group{width: 100%;margin-bottom: 5px;}
    .search-box .sel-group .selbox{width: calc((100% - 287px) / 2);}
    .search-box .sel-group.type2 .selbox{width: calc(100% - 287px);}
    .search-box .input-box{width: calc(100% - 107px);}
    .search-box.type2{flex-wrap: nowrap;}
    .search-box.type2 .sel-group{width: auto;}
    .search-box.type2 .daterange-box{margin-right: 10px;}
    .search-box.type3{flex-wrap: nowrap;}
    .search-box.type3 .sel-group{width: auto;margin-bottom:0}
    .search-box.type3 .sel-group .selbox{width: 200px;}
    .search-box.type3 .daterange-box{margin-right: 10px;}
    .daterange-box{margin-right: 0;}

    .eval-box .eval-question .radio-label{margin-right: 7px;}
    .choice-list{padding: 0 10px;}
    .board-attach .half{display: block;}
    .board-attach .half > li{width: 100%;padding-right: 0;}
}

@media screen and (max-width: 1200px) {
    .snb-area{width: 220px;}
    .snb-list .snb-depth1{padding-left: 10px;font-size: 18px;}
	.snb-list .snb-depth2 > li > a{padding-left: 10px;}
    
    .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%;margin-left: 0;}
    .cal-choice .choice-date{margin-top: 0;}
    .choice-list{height: auto;max-height: 300px;}

    .his-top p br{display: none;}
}

@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;}
	.btn-print{display: none;}
    .sub-top{height: auto;padding: 10px 20px; border-bottom:1px solid  #cacaca;}
    .sub-top .location{margin-bottom: 0;}
	.contents {width: 100%;}
	.title1{font-size: 24px;margin-bottom: 30px;}
    .title2{font-size: 20px;margin-bottom: 10px;}
    .title3{font-size: 20px;margin-bottom: 10px;}
    .title4{font-size: 20px;}
    .title4::before{top:8px}
    .title5{font-size: 17px;}

    .article{padding: 50px 20px;}
	.eval-box{padding: 0;}
	.eval-box .eval-question{padding: 10px 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;}
   
    .info-eval-wrap{padding: 0 20px;}
    .info-bar{padding: 10px 20px;}

    .btn1{font-size: 13px;height: 25px;}
    .btn2{height: 35px;}
    .btn3{height: 35px;line-height: 35px;font-size: 15px;min-width: 120px;}
    .btn4{height: 35px;line-height: 35px;font-size: 15px;min-width: 110px;}
    .btn5{height: 34px;line-height: 34px;font-size: 15px;}
    .btn6{height: 38px;line-height: 36px;font-size: 15px;}
    .btn7{height: 35px;line-height: 35px;font-size: 15px;}
    .icon-list{background-size: 15px;padding-left: 20px;}

    .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 .input-box{padding-right: 5px;width: calc(100% - 103px);}
    .search-box > .label{font-size: 16px;}
    
    .daterangepicker {right: 20px !important;}
    .daterange-box .iptxt{height: 32px;}
    .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;font-size: 15px;}
    .board-box .board-list li .num,
    .board-box .board-list li .num2{display: none;}
    .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{flex-wrap: wrap;padding:0;}
    .board-box .board-list .board-acc>*{display: inline-block;width: auto;margin-right: 10px;margin-top: 5px; 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-box .board-list li .class{width: 100%;position: relative;padding-left: 50px;}
    .board-box .board-list li .class::before{content: "구분 :";display: block;position: absolute;left:0;}
    .board-list .board-acc .r-period{width: 100%;position: relative;padding-left: 75px;max-width: inherit;margin-top: 3px;}
    .board-list .board-acc .r-period::before{content: "모집기간 :";display: block;position: absolute;left:0;}
    .board-list .board-acc .e-period{width: 100%;position: relative;padding-left: 75px;max-width: inherit;}
    .board-list .board-acc .e-period::before{content: "교육기간 :";display: block;position: absolute;left:0;}
    .board-box .board-list li .status{width: 100%;position: relative;padding-left: 50px;}
    .board-box .board-list li .status::before{content: "상태 :";display: block;position: absolute;left:0;}
    .board-box .board-list li .detail{width: 100%;position: relative;padding-left: 75px;}
    .board-box .board-list li .detail::before{content: "상세보기 :";display: block;position: absolute;left:0;}
    .board-box .board-list li .tit2{width: 100%;}

    .tag{height: 18px;line-height: 17px;font-size: 14px;width: 75px;}
    .board-title,
    .board-title2{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: block;padding-left: 20px;}

    .board-nav .nav-item{font-size: 15px;}
    .pagination .page-num{font-size: 15px;}
    .form-table1 th{font-size: 16px;}
    .form-table1 td .captcha-box .int-info{display: block;margin-top: 5px;}
    .form-table1.type2{font-size: 16px;}

    /*캘린더*/
    .cal-wrap{padding: 0;}
    .event-cal .fc-toolbar.fc-header-toolbar{position: relative;}
    .cal-wrap .cal-box .btn-month{left: 57%;top:0}
    .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-scrollgrid{border: 0;}
    .event-cal .fc-daygrid-body{border:1px solid #e3e3e3}
    .event-cal .fc-view-harness{border-radius: 0;}
    .event-cal .fc-toolbar.fc-header-toolbar{margin-bottom: 30px;}
    .event-cal .fc-col-header-cell .fc-col-header-cell-cushion{height: 38px;}
    .event-cal .fc-daygrid-day-top .fc-daygrid-day-number{width: 34px;height: 34px;line-height: 32px; text-align: center;margin: 0;padding: 0;color: #2e2e2e;font-size: 14px;}
    .event-cal .fc-daygrid-day.fc-day-today::before{border: 0;}
    .event-cal .fc-daygrid-day-frame{min-height: 85px;}
    .event-cal .fc-daygrid-more-link{float: none;text-align: center;}
    .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-daygrid-block-event .fc-event-title{padding: 0;color:#fff}
    .event-cal .fc-daygrid-block-event .fc-event-title{padding: 0 5px;}
    .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;}
    .event-dot-info>li{padding-left: 45px;}

    .board-slider-wrap{margin-bottom: 50px;padding: 30px;}
    .board-slider-main{height: 410px;}
    .board-slider-wrap .swiper-button-prev{left: 5px;}
    .board-slider-wrap .swiper-button-next{right: 5px;}

    .youtube-wrap{margin-bottom: 50px;}
    .youtube-wrap {position: relative;padding-bottom: 56.25%; height: 0;font-size: 14px;color: #474848;}
    .event-dot-info>li::after{width: 40px;height: 18px;}

    .table1{font-size: 15px;}
    .table2 td{font-size: 15px;}
    .table2 th{padding: 10px;}
    .form-table1{font-size: 15px;}
    .list1 > li{font-size: 15px;}
    .list1 > li::before{top:11px;}
    .list2 > li{font-size: 15px;}
    .apply-info-box .list3{font-size: inherit;}
    .apply-info-box{padding: 0;}
    .pop-body > div{font-size: 15px;}

    .filter li .btn-filter{font-size: 17px;height: 42px;}

    .fram1 p{font-size: 17px;}
    .fram2{font-size: 15px;}
    .fram-table td .list4{font-size: 15px;}
    .fram-table td{padding: 5px;}
    .step-list2 > li dl{font-size: 16px;}
    .step-list2 > li dl .mid{font-size: 15px;}

    .apply-guide .txt{font-size: 28px;padding-top: 25px;}
    .apply-guide strong{font-size: 40px;}
    .apply-guide .txt span{font-size: 26px;}
    .apply-link a span{font-size: 24px;}

    .greeting-top strong{font-size: 20px;}
    .greeting-cont .text{font-size: 15px;}
    
    .tab-btn{font-size: 27px;}
    .his-top p{font-size: 35px;padding-bottom: 10px;padding-left: 0;}
    .his-list > ul > li .year{width:180px;font-size: 35px;}
    .his-list > ul > li .month2{width: calc(100% - 180px);}
    .month2 > li span{font-size: 20px;width: 75px;}
    .month2 > li p{font-size: 17px;}

    .target{gap: 15px;}
    .target .item{height: 250px;padding: 0 10px;}
    .target .item strong{font-size: 20px;height: 50px;}
    .target .item .txt{font-size: 15px;}
    .target .item .icon{height: 75px;}
    .target .item .icon img{height: 75px;}

    .box1{padding: 10px;}
    .box1 .list1 > li{font-size: 14px;}
    .list1 > li::before{top:6px}
    .btn8{font-size: 16px;}

    .numicon_list{gap: 10px;}
    .numicon_list li .icon{height: 55px;}
    .numicon_list li .icon img{height: 55px;}

    .guide-top p{font-size: 18px;}
    .guide-top .btn-down{height: 40px;line-height: 38px;}
    .guide-top .btn-down span{font-size: 16px;}
    .floor-title span{font-size: 20px;}
    .img-box2 li{padding: 0 5px;}
    .img-box2 li span{font-size: 16px;}

    .map-info h4{font-size: 20px;}
    .map-info ul > li{font-size: 16px;}
    .transit .item > span{font-size: 17px;}

    .viewer-list dl dt{font-size: 17px;}
    .policy .title4{margin-top: 30px;}
    .policy .title5{margin-bottom: 10px;margin-top: 25px;}
}

@media screen and (max-width: 768px) {
    .container{font-size: 14px;}
    .article{padding: 30px 10px;}
    .title1{font-size: 18px;}
    .title2{font-size: 18px;}
    .title4{font-size: 18px;padding-left: 10px;}
    .title4::before{width: 6px;height: 6px;}
    

    .sub-top{padding:10px ;}

    .daterangepicker select.yearselect,
    .daterangepicker select.monthselect{font-size: 15px}
    .daterangepicker .calendar-table thead tr th{font-size: 13px;}
    .daterange-box .iptxt{text-align: center;}

    .board-title2{margin-bottom: 20px;}
    .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{margin-bottom: 20px;}
    .board-attach ul li{font-size: 13px;}
    .board-attach ul li p{max-width: calc(100% - 169px);}
    .board-nav .nav-item{font-size: 14px;}
    .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: 0;}
	.info-bar{padding:10px;}
	.info-bar span{font-size: 14px;}
	.eval-box .eval-question{padding: 10px;}
    .info-bar .info-division{background-size: 22px;}
    .info-bar .info-tel{background-size: 22px;}
	.info-bar .last-modified{font-size: 14px;}
    .info-bar span em{padding-left: 8px;margin-left: 8px;}
	.eval-box .eval-question strong{background-size: 20px;padding-left:24px;height: 22px;}
    .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;}
	.eval-box .opinion-label{padding-left: 0;}

    .pagination{margin-top: 30px;}
    .pagination .page-num{font-size: 13px;margin: 0 3px;}
    .pagination .btn-first{width: 22px;height: 22px;background-size: 9px;}
    .pagination .btn-prev{width: 22px;height: 22px;margin-right: 5px;background-size: 4px;}
    .pagination .btn-next{width: 22px;height: 22px;margin-left:5px;background-size: 4px;}
    .pagination .btn-last{width: 22px;height: 22px;background-size: 9px;}
    
    .event-cal .fc-toolbar .fc-toolbar-chunk:nth-child(2){padding-left: 45px;}
    .event-cal .fc-col-header-cell .fc-col-header-cell-cushion{font-size: 18px;}
    .cal-wrap .cal-box .btn-month{left: 59%;}
    .event-cal .fc-daygrid-day .fc-daygrid-day-number{width: 24px;height: 24px;line-height: 24px; margin-bottom: 5px;border-radius: 50%;}
    .event-cal .fc-daygrid-day.fc-day-today .fc-daygrid-day-number::before{display: none;}
    .event-cal .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{width: 24px;background-color: #ffa525;color:#fff}

    .board-slider{margin-top: 0;}
    .board-slider-main{height: 350px;}
    .board-slider-wrap .swiper-button-next, 
    .board-slider-wrap .swiper-button-prev{width: 30px;height: 30px;}
    .board-slider-wrap .swiper-button-prev{left: 15px;}
    .board-slider-wrap .swiper-button-next{right: 15px;}
    .board-slider-wrap .swiper-button-prev::after{font-size: 11px;}
    .board-slider-wrap .swiper-button-next::after{font-size: 11px;}
    
    .board-slider-thumb{height: 85px;}
    .form-table1{font-size: 14px;}
    .form-table1,
	.form-table1 tbody,
	.form-table1 tr,
	.form-table1 th,
	.form-table1 td {display: block;width: 100%}
	.form-table1 th {text-align: left;background: #f8f9fc;padding: 10px;height: auto;font-size: 15px;}
    .form-table1 th br{display: none;}
  	.form-table1 td {border-top: none;padding: 10px;height: auto;}
    .form-table1 th.sm-th{border-right: 0;padding: 5px;background-color: #f9f8f8;}
    .form-table1 th.mb-cell{display: inline-block; width: 90px;}
    .form-table1 td.mb-cell{display: inline-block;width: calc(100% - 95px);padding: 5px;margin-left: -4px;}
    .form-table1.type2{font-size: 14px;}
    .form-table1.type2 td{text-align: left;}
    
    .event-dot-info>li{font-size: 14px;}
    .choice-list ul > li strong{font-size: 15px;}
    .password-box{width: 100%;margin-right: 0;}
    .password-box + .int-info{margin-top: 5px;}
    
    .search-box > .label{width: 100px;text-align: right;}
    .search-box.type2{flex-wrap: wrap;}
    .search-box.type2 .sel-group{width: calc(100% - 100px);}
    .search-box.type2 .sel-group .daterange-box{width: 100%;margin-right: 0;}
    .search-box.type2 .input-box{width: calc(100% - 205px);}
    .daterange-box{padding: 0 5px;}
    
    .select1{padding-right: 22px;padding-left:5px; background-size: 12px;background-position: top 50% right 5px;}
    .selbox{padding-right: 5px;}
    .input-box2,
    .input-box3,
    .selbox2{width: 100%;margin-right: 0;}
    .selbox3{width: calc(50% - 10px);}
    .selbox2 + .ckbox{margin-top: 5px;}
    .iptxt[type=text]{padding: 0 5px;}

    .password-input,
    .iptxt2,
    .select2,
    .iptxt3{height: 34px;}
    .select2{padding-right: 20px;padding-left: 5px}
    .iptxt2{padding:5px;}

    .btnbox1{margin-top: 30px;}
    .btnbox2{justify-content: center;margin-top: 30px;}
    .btn5{font-size: 14px;}

    .selbox3::after{font-size: 8px;right: 7px;}
    .table1 th,
    .table1 td{padding: 5px;}
    .table1{font-size: 14px;}
    .table2 td{font-size: 14px;}
    .form-table1 td.tit{font-size: 15px;text-align: left;}
    .list1 > li{font-size: 14px;}
    .list2 > li{font-size: 14px;}

    .inq-box dl dt{font-size: 15px;}
    .inq-box .btn-inq{font-size: 18px;height: auto;width: 100px;}
    .popwrap .btn-check{font-size: 14px;height: 34px;}
    .popwrap .btn-cancle {font-size: 14px;height: 34px;}

    .scroll-x{overflow-x: auto;}
    .scroll-x > div{width: 768px;margin-bottom: 0;}

    .psw-check-wrap{padding: 20px;}
    .psw-check-box{background-size: 60px;padding-left: 80px;min-height: inherit;background-position: left center;}
    .psw-check-note{font-size: 14px;}
    .pop-box{padding: 10px;}
    .pop-body > div{font-size: 14px;}

    .filter li{width: calc(33.3% - 3px);}
    .filter li .btn-filter{font-size: 15px;height: 42px;}

    .pop-box.type2 .psw-check-box{padding-left: 75px;}
    .fram1 p{font-size: 16px;}
    .fram2{font-size: 15px;}
    .framework .fram2{overflow-x: auto;}
    .framework .fram2 .fram-table{width: 768px;}
    .step-list2 > li dl{font-size: 15px;}
    .fram-table td .list4{font-size: 14px;}

    .apply-guide .txt{font-size:26px;}
    .apply-guide strong{font-size: 30px;}
    .apply-guide .txt span{font-size: 22px;}
    .apply-link a span{font-size: 20px;}

    .greeting-top strong{font-size: 18px;padding: 0 30px;}
    
    .tab-btn{font-size: 24px;}

    .his-top p{font-size: 28px;padding: 10px 0;}
    .his-top .img{display: none;}
    .his-list > ul > li .year{width:100px;font-size: 24px;}
    .his-list > ul > li .month2{width: calc(100% - 100px);margin-bottom: 30px;}
    .month2 > li span{font-size: 18px;width: 55px;}
    .month2 > li p{font-size: 15px;}

    .target .item strong{font-size: 17px;}
    .target .item .txt{font-size: 15px;}
    .floor-title span{font-size: 18px;height: 53px;line-height: 50px;}

    .transit .item > span{width: 170px;}
    .map-info{padding: 10px;}
    .map-info ul > li{font-size: 15px;}
    .map-info ul > li strong{width: 65px;}
    .map-info ul > li strong img{display: none;}

    .viewer-list dl dt{font-size: 16px;}


	/*========250827======*/
	.title4-h{font-size:24px;font-weight:600;color:#1f1f1f;margin:35px 0 15px;}
	ul.ulc > li{position:relative;margin-top:6px;font-size:17px;}
	ul.ulc.libar > li::before{top:11px;}
	table.table-n2 th,
	table.table-n2 td{font-size:17px;padding:11px 8px;}
	.step-con > ul {flex-wrap:wrap;margin:-30px 0 0 0;}
	.step-con > ul > li {width:100%;margin:30px 0 0 0;}
	.step-con > ul > li::before {width: 18px;height: 26px;left: 50%;top: -27px; transform: translate(-50%, 0) rotate(90deg);}
	.step-con > ul > li .con {min-height: 100px;padding:20px;}
	.step-system > ul > li {margin-top: 40px;}
	.step-system > ul > li::before {width: 22px;height: 20px;top:-30px;}
	.step-system .step-sys-w {flex-wrap: wrap;}
	.step-system .step-sys-w .wtit {width:100%;min-height:60px;font-size:19px;border-right:0;}
	.step-system .step-sys-w .wtit br{display:none;}
	.step-system .step-sys-w .wcon {width:100% ;flex: 1 1 auto;border-top: 1px solid #eae8e8;}
	.step-system .wcon-table table .tr-tit th {padding: 25px 5px 15px 5px;}
	.step-system .wcon-table table .tr-con td {padding: 30px 10px;}
	.step-system .wcon-table table tr th:first-child, 
	.step-system .wcon-table table tr td:first-child{border-left: 0 !important;}
	.step-system .step-sys-w .wcon-table {overflow-x:scroll;}
	.step-system .step-sys-w .wcon-table table{min-width:768px;}
	.step-system .step-sys-w .wcon .wcon-list {padding: 15px;}
	.down-btns {min-height:45px;padding:5px 15px;}
	.down-btns span {font-size: 18px;}
	.apply-step > ul{margin:-40px 0 0 0;}
	.apply-step > ul > li {margin: 40px 0 0 0;width: 100%;}
	.apply-step > ul > li::before {width: 18px;height: 14px; left: 50%;top: -18px;transform: translatey(-50%) rotate(90deg);}
	.apply-step > ul > li .tit {min-height: 50px;padding:10px 15px;}
	.apply-step > ul > li .tit br{display:none;}
	.apply-step > ul > li .list {min-height: 120px;padding: 15px;}
	.apply-step > ul > li .list > ul > li br{display:none;}
	.apply-step > ul > li .txt {padding: 15px;min-height: auto;}
	/*====//====250827======*/

}

@media (min-width: 769px) {
    .tab-bts-box {
        display: block !important;
    }
}
@media (max-width: 701px) {
    .tab-select { display: block; }
    .tab-bts-box { display: none; border: 1px solid #ccc; }
    .tab-bts-box .tab-select{width: 100%;}
    .tab-btns{display: block;}
    .tab-btns > li{min-height: auto;margin: 0;}
    .tab-content{margin-top: 30px;}
    .tab-btns > li:last-child .tab-btn{border-bottom: 0 !important;}
    .tab-btn.on::after{display: none;}
    .tab-btn{font-size: 15px;text-align: left;display: block;}
    .tab-btn span{font-weight: 400;}

    .his-top{border-bottom: 0;}
}

@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 .drp-buttons .btn{font-size: 14px;}
    .daterangepicker .drp-buttons .drp-reset-btn{margin: 0 8px;}
    .event-cal .fc-toolbar .fc-toolbar-title{font-size: 22px;}
    .event-cal .fc-toolbar .fc-button-primary{width: 10px;height: 19px;}
    .event-cal .fc-toolbar .fc-toolbar-chunk:nth-child(2){padding: 0 45px 0 25px ;}
    .cal-wrap .cal-box .btn-month {left:59%;top:3px; width: 20px;height: 20px;border-radius: 0;}
    .event-dot-info>li{width: 50%;max-width: inherit;}
    .search-box.type3 .sel-group .selbox{width:120px;}
    .img-list1{display: block;}
    .img-list1 > li{width: 100%;margin-bottom: 10px;}
    .img-list1 > li img{height: auto;}

    .board-slider-main{height: 220px;}

    .step-list1{display: block;}
    .step-list1 >li{margin-bottom: 30px;}
    .step-list1 > li::after{bottom: -30px;top:inherit;left:50%;transform: rotate(90deg);}
    .step-list2{display: block;}
    .step-list2 >li{margin-bottom: 30px;}
    .step-list2 > li::after{bottom: -25px;top:inherit;left:50%;transform: rotate(90deg);}
    .step-list2 > li dl dt{height: auto;padding: 7px;}
    .step-list2 > li dl .bot{height: auto;padding: 7px;min-height: 20px;}
    .apply-link{gap: 0 10px;}
    .apply-link a{width: 48%;}

    .guide-top{display: block;}
    .guide-top p{margin-bottom: 10px;}

    .sitemap dl{padding-top: 40px;padding: 40px 10px 10px 10px;}
    .sitemap dl:before{display: none;}
    .sitemap dl dt{top:inherit;width: 100%;transform:none;border-bottom: 1px solid #999;padding: 7px;}
    .sitemap dl dt a{font-size: 18px;}
    .sitemap dl dd{padding-top: 10px;margin-bottom: 0;}
    .sitemap dl dd > a{font-size: 16px;}
    .sitemap dl dd .depth3{font-size: 15px;padding: 0;}
}

@media screen and (max-width: 480px) {
    .search-wrap{padding: 10px;}
    .search-box .sel-group{flex-wrap: wrap;}
    .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%;}
    .search-box .sel-group .selbox{width: 50%;}
    .search-box > .label{font-size: 14px;width: 80px;padding-right: 5px;}
    .search-box.type2 .sel-group{width: calc(100% - 80px);}
    .search-box.type2 .sel-group .daterange-box{width: 100%;margin-right: 0;}
    .search-box.type2 .input-box{width: calc(100% - 185px);}
    .search-box.type3{flex-wrap: wrap;}
    .search-box.type3 .sel-group{width: 100%;}
    .search-box.type3 .sel-group .selbox{width: 100%;margin-bottom: 5px;}
    .daterange-box .iptxt{font-size: 13px;}

    .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-daygrid-day-frame{min-height: 70px;}
    .cal-wrap .cal-box .btn-month {left:63%;}
    .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;}
    .event-dot-info>li{padding-left: 14px;}
    .event-dot-info>li::after{width: 10px;height: 10px;border-radius: 50%;top:5px}
    .choice-list ul{padding: 0;}
    .daterange-box{width: 100%;margin-top: 5px;}
    .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;}

    .event-dot-info{display: block;}
    .event-dot-info>li{width: 100%;}
    .captcha-cont{margin-top: 5px;}
    .form-table1 td .int-info{margin-top: 5px;}
    .captcha-box{gap: 0 5px;}
    .captcha-cont{width: calc(100% - 125px);}
    .captcha-btn.sound img{width: 20px;}
    .captcha-btn.refresh img{width: 16px;}
    .captcha-int{width: 100%;margin-top: 5px;}

    .inq-box{display: block;}
    .inq-box dl dd{padding-right: 0;}
    .inq-box .btn-inq{height: 35px;width: calc(100% - 70px);margin-left: 70px;font-size: 14px;}
    .psw-check-wrap{margin: 40px auto;}
    .password-check-form{gap: 0;flex-wrap: wrap;justify-content: space-between;}
    .password-check-form input{width: 100%;margin-bottom: 5px;}
    .password-check-form button{width: calc(50% - 2px);}

    .board-slider-wrap{padding: 20px;}
    .board-slider-main{height: 150px;}
    .board-slider-thumb{height:55px;}
    .board-slider-wrap .swiper-button-prev{left: 0;}
    .board-slider-wrap .swiper-button-next{right: 0;}

    .fram3{display: block;}
    .fram3 dt{width: 100%;padding: 10px;}
    .fram3 dt br{display: none;}
    .fram3 dd{width: 100%;}

    .img-box2{display: block;}
    .img-box2 > li{width: 100%;padding: 0;}

    .map-info{display: block;}
    .btn-map{display: block;width: 100%;margin-top: 10px;}
    .btn-map span{display: inline-block;padding:5px 20px;background: url(../images/sub/icon_map01.png) left center no-repeat;background-size: 14px;}
    

    .transit .item{display: block;padding: 15px;}
    .transit .item > span{background-size: auto 30px;padding-left: 50px;width: 100%;min-height: 40px;margin-bottom: 10px;}
    .transit .item.bus > span{background-size: auto 40px;}

    .viewer-list dl{background-size: 55px;padding-left: 65px;background-position: left 10px;}
    
}

@media screen and (max-width: 400px) {
    .search-box > .label{width: 44px;}
    .search-box.type2 .sel-group{width: calc(100% - 44px);}
    .search-box.type2 .input-box{width: calc(100% - 147px);}

    .psw-check-wrap{padding: 10px;}
    
    .filter {align-items: stretch;margin-bottom: 15px;}
    .filter li .btn-filter{font-size: 14px; height: 100%;padding:3px;}

    .apply-guide .txt{font-size:18px;}
    .apply-guide strong{font-size: 20px;}
    .apply-guide .txt span{font-size: 17px;}
    .apply-link{display: block;padding: 10px;}
    .apply-link a{display: block;width: 100%;margin-bottom: 10px;box-shadow: none;height: auto;border-radius: 18px;}
    .apply-link a span{padding: 10px;font-size: 16px;}
}