@charset "utf-8";

/* ***** sub layout ***** */
.location{background:#3a64b3;}
.location a{display:block;}
.location .dep1{display:flex;border-left:1px solid rgba(221,221,221,0.2);}
.location .dep1 > li{position:relative;width:240px;}
.location .dep1 > li > a{display:flex;align-items:center;position:relative;padding:0 45px 0 15px;height:66px;color:#fff;background:url('/images/iusc/sub/ico_arrow.png') no-repeat right 25px center;border-right:1px solid rgba(221,221,221,0.2);transition-duration:0.1s;}
.location .dep1 > li.home{width:62px;text-indent:-9999px;}
.location .dep1 > li.home > a{display:block;padding:0;background:url('/images/iusc/sub/ico_home.png') no-repeat center;}
.location .dep2{display:none;position:absolute;left:0;right:0;top:66px;background:#fff;border:1px solid #22345c;box-shadow:4px 4px 7px rgba(0,0,0,0.14);z-index:3;}
.location .dep2 > li{border-bottom:1px solid #ccc;}
.location .dep2 > li > a{padding:16px 20px;color:#282828;}
.location .dep1 > li.active > a{background-image:url('/images/iusc/sub/ico_arrow_on.png');}
.location .dep1 > li.active > a:before{display:none;}
.location .dep2 > li > a:hover{font-weight:500;}
.sub-top{margin-bottom:40px;}
.sub-top h2{padding:45px 0 20px;font-weight:700;font-size:50px;color:#000;border-bottom:2px solid #ddd;}
.sub-contents{padding-bottom:100px;}

/* ***** sub common ***** */
.btn-area{margin:40px 0;text-align:center;}
.btn-area:after{display:block;content:'';clear:both;}
.btn-area.left{text-align:left;}
.btn-area.right{text-align:right;}
.btn-area .left{float:left;}
.btn-area .right{float:right;}

.btn{display:inline-flex;justify-content:center;align-items:center;margin:2px;padding:10px 30px;min-width:190px;min-height:71px;line-height:1em;font-weight:700;font-size:22px;color:#fff;text-align:center;vertical-align:middle;background:#22345c;border:1px solid #22345c;box-sizing:border-box;transition-duration:0.2s;}
.btn.black{background:#33363c;border-color:#33363c;}
.btn.line{color:#333;background-color:#fff;border-color:#ccc;}
.btn.inline{margin:5px;padding:2px 10px;min-width:130px;min-height:51px;font-weight:400;font-size:20px;color:#333;background-color:#fbfbfb;border-color:#ccc;border-radius:5px;}
.btn.inline2{margin:5px;padding:2px 10px;min-width:180px;min-height:65px;font-weight:700;font-size:22px;color:#22345c;background-color:#fff;border-color:#133b91;border-radius:5px;}
.btn.inline2.gray{color:#aaa;border-color:#aaa;}
.btn:hover{box-shadow:1px 1px 20px rgba(0,0,0,0.1);}
.btn-delete{display:inline-flex;width:40px;height:40px;text-indent:-9999px;background:url('/images/iusc/sub/ico_delete.png') no-repeat center;}

.tab-link{display:inline-flex;margin:10px 0 55px;}
.tab-link li{flex:1;margin-left:-1px;background:#fff;border:1px solid #ddd;}
.tab-link li a{display:flex;justify-content:center;align-items:center;padding:0 20px;min-width:300px;height:70px;font-weight:500;font-size:24px;color:#aaa;text-align:center;box-sizing:border-box;}
.tab-link li.active{background:#798ead;border:none;}
.tab-link li.active a{font-weight:700;color:#fff;}

.h3-title{margin-bottom:13px;padding-left:34px;font-weight:700;font-size:30px;color:#1b4089;background:url('/images/iusc/sub/bul_h3.png') no-repeat left 5px;}
.h3-content{margin-bottom:60px;}
.h3-content.pdl{padding-left:34px;}
.h3-content p{margin-bottom:10px;font-weight:500;font-size:22px;line-height:1.75em;}
.h3-content .row{margin:20px 0 40px;}
.h3-content .row p{line-height:1.4em;}
.h3-content .row b{font-weight:700;}
.h4-title{margin-bottom:15px;font-weight:700;font-size:26px;}

/* ***** sub contents ***** */
.goal-box{margin:30px 0;padding:45px 70px 15px;background:#f2f4f7;}
.goal-box > ul{display:flex;flex-wrap:wrap;}
.goal-box > ul > li{display:flex;align-items:center;gap:30px;margin-bottom:30px;padding-left:35px;width:50%;box-sizing:border-box;}
.goal-box > ul > li em{display:block;flex-shrink:0;width:99px;height:99px;line-height:99px;text-align:center;font-weight:700;font-size:30px;color:#fff;background:url('/images/iusc/sub/bg_goal1.png') center;}
.goal-box > ul > li.item3 em,
.goal-box > ul > li.item4 em,
.goal-box > ul > li.item7 em,
.goal-box > ul > li.item8 em{background-image:url('/images/iusc/sub/bg_goal2.png');}
.goal-box > ul > li p{position:relative;padding-left:14px;font-weight:400;line-height:1.4em;}
.goal-box > ul > li p:before{position:absolute;left:0;top:0;content:'-';}

.history-grp{display:flex;position:relative;margin-bottom:55px;padding:10px 30px 65px;border-bottom:1px solid #ddd;}
.history-grp .year{display:block;flex-shrink:0;width:175px;font-weight:700;font-size:40px;color:#1b4089;line-height:30px;box-sizing:border-box;}
.history-grp i{display:block;position:relative;flex-shrink:0;margin:13px 0 0;width:9px;height:9px;background:#1b4089;border-radius:50%;}
.history-grp .con{margin-left:-4px;padding-left:34px;}
.history-grp .con .title{display:block;font-weight:600;font-size:30px;color:#000;line-height:1.3em;}
.history-grp .con .list{position:relative;margin:23px 0;}
.history-grp .con .list:before{content:'';position:absolute;left:-35px;top:-40px;bottom:-10px;border-left:1px solid #ddd;z-index:-1;}
.history-grp .con .list > li{position:relative;margin-bottom:12px;padding-left:13px;font-weight:500;font-size:22px;color:#555;line-height:1.3em;}
.history-grp .con .list > li:before{content:'';position:absolute;left:0;top:12px;width:4px;height:4px;background:#aaa;}

.greeting-wrap{padding:45px 34px 0;}
.greeting-wrap .row1{margin-bottom:80px;}
.greeting-wrap p{margin-bottom:15px;font-weight:600;font-size:22px;line-height:1.75em;}
.greeting-wrap p.big{font-size:40px;}
.greeting-wrap p.big strong{font-weight:700;}
.greeting-wrap .list{display:flex;gap:20px;margin:25px 0 70px;}
.greeting-wrap .list > li{padding:20px;width:calc(100% / 3 - 10px);text-align:center;background:#f9fafc;border-radius:15px;box-sizing:border-box;}
.greeting-wrap .list > li.box2{background:#f3fbf7;}
.greeting-wrap .list > li.box3{background:#fcfaf9;}
.greeting-wrap .list > li em{display:block;text-align:left;}
.greeting-wrap .list > li i{display:block;margin:-10px 0 25px;}
.greeting-wrap .list > li .title{display:block;margin-bottom:20px;font-family: 'goorm-sans';font-weight:700;font-size:26px;color:#333;}
.greeting-wrap .list > li p{font-weight:400;color:#555;line-height:1.4em;}
.greeting-wrap p.sign{text-align:right;margin-top:160px;font-weight:700;font-size:24px;}

.num-list > li{position:relative;margin-bottom:5px;padding-left:25px;font-weight:500;font-size:22px;line-height:1.4em;}
.num-list > li em{position:absolute;left:0;top:0;}
.dot-list > li{position:relative;margin-bottom:15px;padding-left:14px;font-weight:500;font-size:22px;line-height:1.4em;}
.dot-list > li:before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;background:#000;}
.s-bul{position:relative;padding-left:14px;}
.s-bul:before{content:'';position:absolute;left:0;top:13px;width:7px;height:11px;background:url('/images/iusc/sub/ico_bul.png') no-repeat left center;}

.map-wrap .h3-title{margin-bottom:40px;}
.map-area{overflow:hidden;}
.map-area .root_daum_roughmap{width:100% !important;}
.map-area .root_daum_roughmap .map_border{opacity:0;}
.map-area .root_daum_roughmap .wrap_controllers{border:none;}
.map-area .wrap_controllers{display:none;}
.map-con{padding:20px 40px;color:#333;background:#f2f4f7;}

.article-wrap{padding-top:15px;}

.table-info{margin-bottom:10px;}
.table-info table{border:1px solid #ddd;}
.table-info table th,
.table-info table td{padding:10px;height:66px;font-size:20px;color:#000;text-align:center;border-top:1px solid #ddd;box-sizing:border-box;}
.table-info table th{font-weight:700;color:#fff;background:#323841;}
.table-info table tr:nth-child(even) td{background:#f8f8f8;}

.table-info2{margin-bottom:10px;border-left:1px solid #ddd;}
.table-info2 table th,
.table-info2 table td{padding:10px;height:66px;font-size:20px;color:#000;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;}
.table-info2 table th{font-weight:700;color:#fff;background:#798ead;}
.table-info2 table thead th{border-color:#697b96;}
.table-info2 table tfoot td{background:#f8f8f8;}

.empty{padding:100px 0 !important;width:100% !important;text-align:center !important;font-size:20px !important;}
.board-search{display:flex;align-items:center;margin-bottom:40px;padding:20px 40px 20px 35px;background:#fafafa;border:1px solid #ddd;}
.board-search .count{font-size:22px;}
.board-search .count b{font-weight:700;color:#0949a9;}
.board-search .search{display:flex;align-items:center;margin-left:auto;}
.board-search .search *{margin:0 5px;}
.board-search .search *:first-child{margin:0 5px 0 0;}
.board-search .search *:last-child{margin:0 0 0 5px;}
.board-search .search select{width:140px;height:56px;border-color:#ccc;border-radius:0;}
.board-search .search input[type="text"]{width:400px;height:56px;border-color:#ccc;border-radius:0;}
.board-search .btn-search{display:inline-block;padding:0 50px 0 30px;min-width:120px;height:56px;font-weight:700;font-size:22px;color:#fff;text-align:left;background:#263c62 url('/images/iusc/sub/ico_search.png') no-repeat right 30px center;vertical-align:middle;}
.board-search .btn-search:hover{box-shadow:1px 1px 20px rgba(0,0,0,0.1);}

.board-list{margin-bottom:10px;border-top:2px solid #0949a9;}
.board-list table th,
.board-list table td{padding:10px;height:66px;font-size:20px;color:#000;text-align:center;border-bottom:1px solid #ddd;box-sizing:border-box;}
.board-list table th{font-weight:700;}
.board-list table td.title{text-align:left;}
.board-list table td.title a{display:inline-block;position:relative;max-width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;}
.board-list table td.title a:before{display:block;content:'';position:absolute;left:0;bottom:0;width:0;height:7px;background:#0949a9;transition-duration:0.3s;opacity:0.2;}
.board-list table td.title a:hover:before{width:100%;}

.paging{display:flex;align-items:center;justify-content:center;margin:40px 0;text-align:center;}
.paging a{display:block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;vertical-align:middle;box-sizing:border-box;}
.paging .num{position:relative;font-weight:500;color:#555;}
.paging .num.active{margin-top:-5px;font-weight:800;color:#0949a9;}
.paging .num.active span{border-bottom:2px solid #2a59af;}
.paging .page{margin:0 5px;text-indent:-9999px;background:url('/images/iusc/sub/ico_page_first.png') no-repeat center;border:1px solid #dadada;border-radius:50%;box-sizing:border-box;}
.paging .prev{margin-right:20px;background-image:url('/images/iusc/sub/ico_page_prev.png');}
.paging .next{margin-left:20px;background-image:url('/images/iusc/sub/ico_page_next.png');}
.paging .last{background-image:url('/images/iusc/sub/ico_page_last.png');}
.m-page{display:none;}

.paging + .btn-area{margin-top:-96px;}

.board-view{margin-bottom:25px;color:#555;background:#fff;border-top:2px solid #000;}
.board-view a{color:inherit;}
.board-view .title-row{display:flex;align-items:center;justify-content:space-between;padding:10px 25px 10px 20px;height:76px;border-bottom:1px solid #ddd;box-sizing:border-box;}
.board-view .title-row h3{line-height:1.3em;font-weight:600;font-size:26px;color:#000;}
.board-view .info{display:flex;}
.board-view .info li + li{margin-left:50px;}
.board-view .info li b{display:inline-block;margin-right:20px;font-weight:700;color:#000;}
.board-view .file-row{display:flex;line-height:1.3em;border-bottom:1px solid #ddd;}
.board-view .file-row b{display:inline-block;position:relative;padding:25px 45px;width:230px;font-weight:700;color:#000;background:#f7f7f7;box-sizing:border-box;}
.board-view .file-list{padding:25px 25px 25px 30px;}
.board-view .file-list li + li{margin-top:5px;}
.board-view .con-row{padding:60px 50px;min-height:350px;color:#333;line-height:1.5em;border-bottom:1px solid #ddd;box-sizing:border-box;}
.board-view .con-row *{line-height:1.5em;}
.board-view .page-row li{display:flex;line-height:1.3em;border-bottom:1px solid #ddd;}
.board-view .page-row li b{display:inline-block;position:relative;padding:25px 70px;width:230px;font-weight:700;color:#000;background:#f7f7f7 url('/images/iusc/sub/ico_prev.png') no-repeat 42px 33px;box-sizing:border-box;}
.board-view .page-row li.next b{background-image:url('/images/iusc/sub/ico_next.png');}
.board-view .page-row li p{position:relative;padding:25px 145px 25px 30px;width:calc(100% - 230px);box-sizing:border-box;}
.board-view .page-row li p a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board-view .page-row li p .date{position:absolute;right:0;padding:0 25px;}
.board-view .page-row li p a:hover{font-weight:500;}

.sub-top + .sub-contents .board-view{margin-top:-42px}

.photo-list{padding:40px 0;border-top:2px solid #000;}
.photo-list ul{display:flex;flex-wrap:wrap;gap:65px 25px;}
.photo-list li{width:calc(100% / 3 - 17px);}
.photo-list li .img{margin:0 auto 20px;width:450px;height:300px;background:#f6f4f1 url('/images/iusc/common/noimage.png') no-repeat center;overflow:hidden;transition-duration:0.3s;}
.photo-list li .img img{width:100%;height:100%;transition-duration:0.3s;}
.photo-list li .title{display:block;margin-bottom:15px;font-weight:700;font-size:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.photo-list li .date{font-size:22px;color:#333;}
.photo-list li a:hover .img img{transform:scale(1.05);}

.photo-slider{margin-bottom:60px;border:1px solid #ddd;}
#photoSlider{margin-bottom:20px;}
#photoSlider .swiper-slide{height:520px;text-align:center;}
#photoSlider .swiper-slide img{height:100%;}
#photoSlider > button{position:absolute;margin-top:-38px;width:76px;height:76px;text-indent:-9999px;background-color:#fff;background-size:auto 24px;z-index:10;border:1px solid #ddd;border-radius:50%;}
#photoSlider .swiper-button-prev{left:56px;background-image:url('/images/iusc/main/ico_gallery_prev.png');}
#photoSlider .swiper-button-next{right:56px;background-image:url('/images/iusc/main/ico_gallery_next.png');}
#photoThumSlider{position:static;padding:20px;background:#eee;border-top:1px solid #ddd;}
#photoThumSlider .swiper-wrapper{margin-left:8px;justify-content:center;}
#photoThumSlider .swiper-slide{position:relative;padding:10px;text-align:center;background:#fff;border:3px solid #fff;box-sizing:border-box;}
#photoThumSlider .swiper-slide:before{content:'';position:absolute;left:3px;right:3px;top:3px;bottom:3px;border:1px solid #ccc;}
#photoThumSlider .swiper-slide img{width:auto;height:117px;}
#photoThumSlider .swiper-slide-thumb-active{border-color:#0949a9;}
#photoThumSlider .swiper-slide-thumb-active:before{display:none;}

.required{display:inline-block;margin-left:2px;font-weight:700;font-size:24px;color:#db2121;}
.table-form{margin-bottom:25px;background:#fff;border-top:1px solid #ddd;}
.table-form th,
.table-form td{padding:10px 20px;height:76px;font-size:20px;color:#000;line-height:1.2em;border-bottom:1px solid #ddd;text-align:left;box-sizing:border-box;}
.table-form th{padding:10px 10px 10px 40px;font-weight:700;background:#f7f7f7;}

.sub-top + .sub-contents .table-form{margin-top:-42px;}

/* member */
.login-wrap{margin:100px 0;padding:100px 20px;border:1px solid #ddd;}
.login-area{margin:0 auto;max-width:600px;}
.login-area ul li b{display:block;margin-bottom:17px;font-weight:700;font-size:26px;}
.login-area ul li + li{margin-top:40px;}
.login-area ul li input{height:65px;border-radius:10px;}
.login-area .id-save{margin-top:20px;}
.login-area .btn{display:block;margin-top:50px;width:100%;}
.login-area .btm{margin-top:32px;text-align:center;}
.login-area .btm a{position:relative;padding:0 20px;font-weight:500;font-size:22px;color:#555;}
.login-area .btm a.join{color:#3e5dad;}
.login-area .btm a.join:before{content:'';position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#ccc;}

.join-wrap{margin:80px 0;}
.sub-title{display:inline-block;font-weight:700;font-size:34px;}
.table-desc{margin:15px 0;font-weight:500;font-size:22px;}
.table-title{display:flex;align-items:flex-end;margin-bottom:20px;}
.table-title .title{display:inline-block;font-weight:700;font-size:34px;margin-bottom:0;}
.table-title .table-desc{flex-shrink:0;margin:0 0 0 auto;}
.sub-top + .sub-contents .join-wrap{margin-top:65px;}

.table-form2{margin-bottom:25px;padding:25px 0 5px;background:#fff;border-top:2px solid #0949a9;}
.table-form2 th,
.table-form2 td{padding:13px 0;height:80px;font-size:20px;color:#000;line-height:1.2em;text-align:left;box-sizing:border-box;}
.table-form2 th{padding:13px 10px 13px 0;font-weight:700;font-size:24px;}
.table-form2 td input{height:65px;}
.table-form2 td input.full{width:calc(100% - 190px);}
.table-form2 td input.full + .btn{margin:2px 0 2px 10px;}

.agree-wrap{position:relative;margin-bottom:78px;}
.agree-con{border:1px solid #ddd;overflow:hidden;}
.agree-con > div{padding:25px;max-height:300px;font-weight:500;font-size:22px;line-height:1.3em;overflow-y:auto;box-sizing:border-box;}
.agree-con p{margin:0 0 20px;line-height:1.4em;}
.agree-con p b{font-weight:600;}
.agree-wrap .agree-check{position:absolute;right:0;top:0;}
.certify-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:100px;padding:50px 70px;background:#f7f7f7;border:1px solid #ddd;}
.certify{display:flex;align-items:center;gap:40px;}
.certify .tit{display:block;margin-bottom:12px;font-weight:600;font-size:22px;}
.certify p{font-weight:500;font-size:18px;line-height:1.4em;}
.certify-wrap .btn.black{min-height:65px;}

.result-wrap{margin:100px 0;padding:110px 20px;text-align:center;background:#f7f7f7;border:1px solid #ddd;}
.result-wrap i{display:block;margin-bottom:40px;}
.result-wrap p{font-weight:700;font-size:36px;line-height:1.3em;}
.result-wrap .btn-area{margin:80px 0 0;}

.find-wrap{display:flex;margin:100px 0;border:1px solid #ddd;}
.find-wrap > div{position:relative;flex:1;padding:55px 60px 55px 50px;}
.find-wrap > div + div:before{content:'';position:absolute;left:0;top:85px;bottom:85px;width:1px;background:#ddd;}
.find-wrap .title{display:block;margin-bottom:17px;font-weight:700;font-size:30px;color:#333;}
.find-wrap p{margin-bottom:35px;font-weight:500;font-size:18px;}
.find-wrap ul li{display:flex;align-items:center;}
.find-wrap ul li b{padding-right:10px;width:100px;font-weight:700;font-size:24px;box-sizing:border-box;}
.find-wrap ul li span{width:calc(100% - 100px);}
.find-wrap ul li input{height:65px;border-radius:10px;}
.find-wrap ul li + li{margin-top:25px;}
.find-wrap .btn-area{margin:30px 0 0;}

.result-wrap2{margin:100px 0;padding:130px 20px;text-align:center;background:#fff;border:1px solid #ddd;}
.result-wrap2 i{display:block;margin-bottom:30px;}
.result-wrap2 p{font-weight:600;font-size:30px;line-height:1.2em;}
.result-wrap2 .btn-area{margin:40px 0 0;}

@media all and (min-width:1921px){
	#container{min-height:950px;}
}

#visitor-counter {
  position: fixed;
  bottom: 50px;
  right: 20px;
  width: 220px;
  font-family: '맑은 고딕', sans-serif;
  font-size: 14px;
  z-index: 1000;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border: 2px solid #e1b37a; /* 금색 테두리 추가 */
}

/* 상단 헤더 (타이틀) 영역 */
.visitor-header {
  background-color: #191E3D;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  font-size: 16px;
}

/* 본문 영역 */
.visitor-body {
  background-color: #edf0f5;
  padding: 10px 15px;
}

/* 리스트 영역 */
.visitor-body ul {
  list-style: none;
  padding: 0;
  margin-left: 15px;
  
}

/* 항목 스타일 */
.visitor-body li {
  margin-bottom: 8px;
  color: #333;
  font-weight: 500;
}

.visitor-body li.highlight {
  font-weight: bold;
  font-size: 16px; /* 기존보다 살짝 키움 */
}

/* 앞에 동그라미 기호 스타일 */
.visitor-body li::before {
  content: "•";
  color: #56758b;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.visitor-num {
	color: #173774;
}

@media (max-width: 1024px) {
  #visitor-counter {
    display: none;
  }
}