@charset "utf-8";

/* ***** responsive ***** */
@media all and (max-width:1620px){
	.main .main-section1 .swiper-wrap{margin-right:0;}
	.main .main-section5 .swiper-wrap{margin:0 -12px;}
	.main #gallerySlider{margin:0 12px;}
	.main #gallerySlider li .img{width:auto;}
}

@media all and (max-width:1430px){
	#wrap{min-width:320px;}
	#header .logo{left:15px;margin-left:0;}
	#gnb .menu > li{padding:0 20px;}
	#header .right{right:15px;margin-right:0;}

	.main .main-section2 .left{width:70%;}
	.main .main-section2 .right{width:28%;}
	.main .notice .tab-bar li{padding:0 10px 25px;}
	.main .notice .tab-page{margin-bottom:40px;}
	.main .notice .tab-page .list{gap:0;flex-direction:column;}
	.main .notice .tab-page .list li{padding:15px 0;width:100%;border-bottom:1px solid #ddd;}
	.main .notice .tab-page .list li .tit{height:30px;-webkit-line-clamp:1;}
	.main .notice .tab-page .list li .desc{display:none;}
	.main .main-section2 .right .img{width:auto;height:auto;}
	.main .main-section4:after{left:50%;}
	.main .main-section4 .left,
	.main .main-section4 .right{width:50%;}
	.main .news-list{gap:30px;padding:50px 20px;}
	.main .news-list li{width:calc(50% - 15px);}
	.main .main-section4 .right{padding:50px 10px 50px 22px;}
	.main #popupSlider .img{margin:0 auto;width:auto;max-width:500px;}

	.photo-list li .img{width:100%;}
}	

@media all and (max-width:1024px){
	body{font-size:16px;}
	input[type='text'], input[type='password'], input[type='number'], button, select, textarea{font-size:18px;}
	-webkit-input-placeholder{font-size:18px;}
	-moz-placeholder{font-size:18px;}
	-ms-input-placeholder{font-size:18px;}
	label + input[type="radio"], label + input[type="checkbox"]{margin-left:10px;}
	
	.inner{padding:0 12px;}
	#header{height:68px;border-bottom:none;}
	#header .logo{left:12px;}
	#header .logo a{width:130px;height:50px;}
	#gnb{display:none;}
	#header .right{right:12px;}
/* 	#header .login{display:none;} */
	#header .btn-menu,
	.scroll #header .btn-menu,
	.hover #header .btn-menu{background-image:url('/images/iusc/common/ico_menu_m_on.png');}
	#allMenu{display:block;left:inherit;right:-85%;top:0;bottom:0;width:85%;min-height:inherit;}
	#allMenu:before{display:none;}
	#allMenu.active{right:0;}
	#allMenu > .inner{display:block;padding:0;}
	#allMenu .m-top{display:block;height:50px;background:#000;}
	#allMenu .left{display:none;}
	#allMenu .right{width:auto;}
	#allMenu .menu{display:block;}
	#allMenu .menu > li{padding:0;width:auto;border-bottom:1px solid #ddd;}
	#allMenu .menu > li:before{display:none;}
	#allMenu .menu > li > a{display:block;margin-bottom:0;padding:0 25px;height:50px;line-height:50px;font-weight:700;font-size:16px;color:#333;}
	#allMenu .menu > li.has-child > a{padding-right:40px;background:url('/images/iusc/common/ico_dep2.png') no-repeat right 22px center;}
	#allMenu .dep2{display:none;padding:10px 25px;background:#f7f7f7;}
	#allMenu .dep2 > li:before{display:none;}
	#allMenu .dep2 > li{padding:0;}
	#allMenu .dep2 > li > a{display:block;padding:6px 0;font-weight:600;font-size:16px;color:#333;}
	#allMenu .btn-menu-close{top:0;left:15px;right:inherit;height:50px;background:url('/images/iusc/common/ico_menu_close_m.png') no-repeat center;}
	#allMenu .menu > li.active > a{color:#fff;background:#1b3f89;}
	#allMenu .menu > li.has-child.active > a{background:#1b3f89 url('/images/iusc/common/ico_dep2_on.png') no-repeat right 22px center;}
	#allMenu .menu > li.active .dep2{display:block;}

	#container{padding-top:68px;min-height:calc(100vh - 312px);}

	#footer{padding-bottom:10px;font-size:14px;}
	#footer .f-top{flex-direction:column;align-items:flex-start;padding:20px 0;}
	#footer .f-logo img{width:163px;}
	#footer .f-link li{display:none;padding:0 15px;}
	#footer .f-link li:nth-child(3),
	#footer .f-link li:nth-child(4){display:block;}
	#footer .f-link li:nth-child(3){padding-left:0;}

	.main .title-area{margin-bottom:20px !important;}
	.main .title-area .title{margin-bottom:10px;font-size:20px;}
	.main .title-area p{font-size:16px;}
	.main .main-section1 .slogan{display:none;}
	.main .main-section2{padding-top:0;}
	.main .main-section2 .inner{flex-direction:column;}
	.main .main-section2 .left{padding:50px 0 30px;width:auto;}
	.main .main-section2 .right{padding:0;width:auto;text-align:center;}
	.main .main-section2 .title{font-size:20px;}
	.main .tab-content.notice{margin-top:7px;}
	.main .notice .tab-bar{align-items:center;justify-content:center;padding-right:0;height:40px;border-top:2px solid #000;border-bottom:1px solid #aaa;}
	.main .notice .tab-bar li{flex:1;padding:0;text-align:center;}
	.main .notice .tab-bar li a{padding:0;font-size:16px;}
	.main .notice .tab-bar li.active a{border-bottom:none;text-decoration:underline;}
	.main .notice .tab-bar li.active a:before{display:none;}
	.main .notice .btn-more{top:-80px;width:30px;height:30px;background-size:auto 14px;}
	.main .notice .tab-page .list li em{margin-bottom:5px;min-width:50px;line-height:28px;font-size:14px;}
	.main .notice .tab-page .list li .tit{margin-bottom:5px;height:24px;line-height:24px;font-size:18px;}
	.main .notice .tab-page .list li .date{font-size:16px;}
	.main .quick-list li:before{display:none;}
	.main .quick-list li a{padding:28px 5px;font-size:16px;}
	.main .quick-list li i{margin-bottom:12px;}
	.main .quick-list li i img{height:40px;}
	.main .main-section2 .right .img{margin:0 auto;width:380px;height:533px;}
	.main .main-section3{padding:50px 0;}
	.main .paper-list ul{flex-wrap:wrap;gap:30px;}
	.main .paper-list ul li{width:calc(50% - 15px);}
	.main .paper-list ul li .tit{font-size:16px;}
	.main .paper-list ul li .bg{margin-bottom:30px;background-size:100% 100%;}
	.main .paper-list ul li .bg .tit{font-size:26px;}
	.main .paper-list ul li .date{font-size:20px;}
	.main .main-section4:after{display:none;}
	.main .main-section4 .inner{padding:0;flex-direction:column;}
	.main .main-section4 .left{padding:30px 12px 25px;width:auto;}
	.main .main-section4 .right{padding:20px 12px 25px;width:auto;background:url('/images/iusc/main/bg_section4_2.png') repeat center;}
	.main .news-list{gap:10px;padding:0;}
	.main .news-list li{width:calc(50% - 5px);}
	.main .news-list li i{margin-bottom:10px;}
	.main .news-list li i img{height:73px;}
	.main .news-list li a{text-align:center;}
	.main .news-list li .tit{font-size:16px;}
	.main .news-list li p{font-size:14px;}
	.main .news-list li p br{display:none;}
	.main #popupSlider .swiper-grp{margin-bottom:10px;}
	.main #popupSlider .swiper-grp .title{font-size:20px;}
	.main #popupSlider .swiper-button-prev,
	.main #popupSlider .swiper-button-next,
	.main #popupSlider .swiper-auto button{width:30px;height:30px;background-size:auto 12px !important;}
	.main #popupSlider .swiper-auto button{background-size:auto 11px !important;}
	.main #popupSlider .btn-more{display:none;}
	.main #popupSlider .img{height:134px;border-radius:25px;}
	.main .main-section5{padding:50px 0;}
	.main #gallerySlider li{min-height:275px;}
	.main #gallerySlider li .img{margin-bottom:17px;height:208px;}
	.main #gallerySlider li .tit{font-size:17px;}
	.main #gallerySlider li .tit em{line-height:28px;font-size:14px;}
	.main #gallerySlider li .desc,
	.main #gallerySlider li .date{display:none;}
	.main #gallerySlider > button{width:45px;height:45px;background-size:auto 14px;}

	.location .dep1 > li{min-width:110px;width:auto;}
	.location .dep1 > li > a{height:45px;font-size:14px;background-size:8px auto;background-position:right 15px center;}
	.location .dep1 > li.home{min-width:inherit;width:45px;}
	.location .dep1 > li.home > a{background-size:15px auto;}
	.location .dep2{top:45px;}
	.location .dep2 > li > a{padding:15px;font-size:14px;}
	
	.sub-top{margin-bottom:35px;}
	.sub-top h2{padding:25px 0 15px;font-size:28px;}
	.sub-contents{padding-bottom:30px;}

	.tab-link{display:flex;margin-bottom:40px;}
	.tab-link li a{padding:0 10px;min-width:inherit;height:58px;font-size:16px;}

	.btn-area{margin:20px 0;}
	.btn-area.right{text-align:center;}
	.btn{padding:5px 30px;min-width:121px;min-height:61px;font-size:20px;}
	.btn.inline{padding:5px 10px;min-width:100px;}
	.btn.inline2{padding:5px 10px;min-width:110px;min-height:60px;font-size:20px;}

	.h3-title{padding-left:30px;font-size:20px;background-position:left top;}
	.h3-content{margin-bottom:40px;}
	.h3-content.pdl{padding-left:0;}
	.h3-content p{font-size:16px;line-height:1.4em;}
	.h3-content .row{margin:20px 0 20px;}

	.goal-box{margin:15px 0;padding:20px;}
	.goal-box > ul > li{gap:10px;margin-bottom:18px;padding-left:0;width:100%;}
	.goal-box > ul > li:last-child{margin-bottom:0;}
	.goal-box > ul > li em{width:50px;height:50px;line-height:50px;font-size:20px;background-size:contain;}
	.goal-box > ul > li p{margin-bottom:0;padding-left:0;}
	.goal-box > ul > li p:before{display:none;}

	.history-grp{flex-wrap:wrap;margin-bottom:20px;padding:0 10px 20px;}
	.history-grp .year{margin-bottom:10px;width:100%;font-size:22px;}
	.history-grp i{margin:8px 0 0;}
	.history-grp .con{padding-left:20px;width:calc(100% - 20px);box-sizing:border-box;}
	.history-grp .con .title{font-size:20px;}
	.history-grp .con .list{margin:10px 0;}
	.history-grp .con .list:before{display:none;}
	.history-grp .con .list > li{margin-bottom:7px;padding-left:8px;font-size:16px;}
	.history-grp .con .list > li:before{top:6px;}

	.map-wrap .h3-title{margin-bottom:25px;}
	.map-area .root_daum_roughmap .wrap_map{height:250px !important;}
	.map-con{padding:15px;font-size:16px;}
	.dot-list > li{font-size:16px;}
	.dot-list > li:before{top:8px;}
	.s-bul:before{top:5px;}

	.greeting-wrap{padding:0;}
	.greeting-wrap p.big{margin-bottom:20px;font-size:26px;line-height:1.3em;}
	.greeting-wrap p{font-size:16px;line-height:1.4em;}
	.greeting-wrap .row1{margin-bottom:30px;}
	.greeting-wrap .list{flex-direction:column;gap:30px;margin:25px 0 30px;}
	.greeting-wrap .list > li{width:100%;}
	.greeting-wrap .list > li .title{font-size:22px;}
	.greeting-wrap p.sign{margin-top:30px;font-size:16px;text-align:left;}

	.num-list > li{margin-bottom:0;font-size:16px;}
	.article-wrap .h3-content{margin-bottom:30px;}

	.table-info{margin-right:-12px;overflow-x:auto;}
	.table-info table{margin-right:12px;width:1100px;}
	.table-info table th, 
	.table-info table td{height:50px;}
	.table-info table td{font-size:18px;}

	.table-info2{margin-right:-12px;overflow-x:auto;}
	.table-info2 table{margin-right:12px;width:1100px;}
	.table-info2 table th, 
	.table-info2 table td{height:54px;}
	.table-info2 table td{font-size:18px;}

	.board-search{flex-direction:column;align-items:flex-start;gap:20px;padding:20px 10px;}
	.board-search .count{padding:5px 10px;font-size:16px;}
	.board-search .search{margin-left:0;}
	.board-search .search select{height:50px;}
	.board-search .search input[type="text"]{width:200px;height:50px;}
	.board-search .btn-search{height:50px;}
	
	.empty{padding:50px 0 !important;font-size:18px !important;}
	.m-list{overflow:hidden;}
	.m-list table{display:block;text-align:left;}
	.m-list table th{display:block;padding:1px 10px;height:auto;font-size:18px;border-bottom:none;}
	.m-list table td{display:inline-block;position:relative;padding:1px 10px;font-weight:500;font-size:18px;color:#555;height:auto;border-bottom:none;}
	.m-list table thead{display:none;}
	.m-list table tbody{display:block;}
	.m-list table tr{display:block;margin:0 -5px;padding:10px 0;border-bottom:1px solid #ddd;}
	.m-list table td{position:relative;line-height:1.5em;}
	.m-list table td:after{display:block;content:'';position:absolute;left:-3px;top:9px;width:1px;height:11px;background:#ddd;}
	.m-list table td.title{display:block;}
	.m-list table td.title a{display:block;font-weight:700;color:#000;}
	.m-list table td.title a.open{margin-left:0;}
	.m-list table td.num{display:none;}
	.paging a{width:36px;height:36px;line-height:36px;}
	.paging .page{background-size:auto 12px;}
	.paging + .btn-area{margin-top:0;}

	.board-view{font-size:18px;}
	.board-view .title-row{align-items:flex-start;flex-direction:column;gap:10px;padding:15px 5px;height:auto;}
	.board-view .title-row h3{font-size:20px;}
	.board-view .info li b{margin-right:10px;}
	.board-view .file-row b{flex-shrink:0;padding:15px;width:100px;}
	.board-view .file-list{padding:15px 15px;}
	.board-view .con-row{padding:40px 15px;}
	.board-view .page-row li b{flex-shrink:0;padding:15px 10px 15px 38px;width:100px;background-position:12px center;}
	.board-view .page-row li p{padding:15px 10px;width:calc(100% - 110px);}
	.board-view .page-row li p .date{display:none;}

	.photo-list ul{gap:30px 20px;}
	.photo-list li{width:calc(50% - 10px);}
	.photo-list li .title{margin-bottom:5px;font-size:18px;}
	.photo-list li .date{font-size:18px;}

	.photo-slider{margin-bottom:40px;}
	#photoSlider{margin-bottom:0;}
	#photoSlider .swiper-slide{height:auto;}
	#photoSlider .swiper-slide img{height:auto;}
	#photoSlider > button{margin-top:-22px;width:45px;height:45px;background-size:auto 14px;}
	#photoSlider .swiper-button-prev{left:10px;border-radius:20px;}
	#photoSlider .swiper-button-next{right:10px;border-radius:20px;}
	#photoThumSlider .swiper-slide{padding:7px;}
	#photoThumSlider .swiper-slide img{width:100%;height:53px;}
	#photoThumSlider .swiper-slide:before{display:none}
	#photoThumSlider .swiper-wrapper{justify-content:flex-start;}

	.sub-title{font-size:26px;}
	.table-title{margin-bottom:10px;}
	.table-desc{font-size:20px;}

	.sub-top + .sub-contents .m-form{margin-top:-30px;}
	.m-form{margin-bottom:0;border-top:0;}
	.m-form table{display:block;text-align:left;}
	.m-form table thead,
	.m-form table tbody{display:block;}
	.m-form table tr{display:block;border-bottom:1px solid #ddd;}
	.m-form table th,
	.m-form table td{display:block;height:auto;font-size:18px;line-height:1.2em;text-align:left;background:#fff;border:none;box-sizing:border-box;}
	.m-form table th{padding:15px 0 0;}
	.m-form table td{padding:10px 0;min-height:50px;}
	.inp-file.w40p{width:calc(100% - 110px);}

	.m-form2{margin-bottom:0;}
	.m-form2 table{display:block;text-align:left;}
	.m-form2 table thead,
	.m-form2 table tbody{display:block;}
	.m-form2 table tr{display:block;}
	.m-form2 table th,
	.m-form2 table td{display:block;height:auto;font-size:18px;line-height:1.2em;text-align:left;box-sizing:border-box;}
	.m-form2 table th{padding:7px 0 0;font-size:20px;}
	.m-form2 table td{min-height:50px;}
	.m-form2 td input{height:60px;}
	.m-form2 td input.full{width:calc(100% - 120px);}

	.login-wrap{margin:40px 0;}
	.login-area ul li b{margin-bottom:10px;font-size:18px;}
	.login-area .id-save{font-size:20px;}
	.login-area .btn{margin-top:15px;}
	.login-area ul li + li,
	.login-area .btm{margin-top:20px;}
	.login-area .btm a{font-size:20px;}

	.join-wrap{margin:40px 0;}
	.sub-top + .sub-contents .join-wrap{margin-top:20px;}
	.agree-wrap{margin-bottom:40px;}
	.agree-wrap .agree-check{position:static;padding-top:10px;text-align:center;font-size:20px;}
	.agree-con > div{padding:20px;font-size:18px;}
	.agree-con p{margin:0 0 10px;}
	.certify-wrap{flex-direction:column;gap:35px;margin-bottom:40px;padding:50px 20px 40px;}
	.certify{flex-direction:column;gap:20px;text-align:center;}

	.result-wrap{margin:0;padding:85px 0;background:#fff;border:none;}
	.result-wrap i{margin-bottom:30px;}
	.result-wrap i img{height:80px;}
	.result-wrap p{font-size:28px;}
	.result-wrap .btn-area{margin:40px 0 0;}

	.find-wrap{flex-direction:column;margin:40px 0;}
	.find-wrap > div{padding:40px 25px;}
	.find-wrap > div:first-child{border-bottom:1px solid #ddd;}
	.find-wrap > div + div:before{display:none;}
	.find-wrap .title{font-size:26px;}
	.find-wrap p{margin-bottom:30px;}
	.find-wrap ul li{align-items:flex-start;flex-direction:column;}
	.find-wrap ul li span{width:100%;}
	.find-wrap ul li b{margin-bottom:10px;font-size:20px;}

	.result-wrap2{margin:40px 0;padding:85px 15px;}
	.result-wrap2 i{margin-bottom:30px;}
	.result-wrap2 i img{height:80px;}
	.result-wrap2 p{font-size:26px;}	
}

@media all and (max-width:768px){
	.mobile-only{display:block !important;}
	.web-only{display:none !important;}

	-webkit-input-placeholder{font-size:12px;}
	-moz-placeholder{font-size:12px;}
	-ms-input-placeholder{font-size:12px;}

	#footer .address p{line-height:1.7em;}
	#footer .address p span{margin:0 25px 0 0;}

	.main .main-section1{height:270px;}
	.main .main-section1 > .inner{margin-top:0;}
	.main #eventSlider{margin:0 14px;width:320px;height:170px;}
	.main #eventSlider li a{padding:14px 62px 14px 16px;font-size:13px;}
	.main #eventSlider li .img{top:15px;width:100px;height:140px;}
	.main #eventSlider li .img-wide{top:15px;width:190px;height:140px;right:0px}
	.main #eventSlider li .cate{margin-bottom:10px;}
	.main #eventSlider li .tit{margin-bottom:10px;height:48px;line-height:24px;font-size:16px;}
	.main #eventSlider .swiper-pagination{left:14px;bottom:14px;}
	.main #eventSlider .swiper-pagination-bullet{width:7px;height:7px;}

	.paging{margin:30px 0;}
	.paging .num{display:none;}
	.m-page{display:inline-block;font-size:16px;vertical-align:middle;}
	.m-page b{font-weight:800;color:#0949a9;border-bottom:2px solid #2a59af;}

	.board-search .search{width:100%;justify-content:flex-start;flex-wrap:wrap;}
	.board-search .search *{margin:2px !important;}
	.board-search .search select,
	.board-search .search input[type="text"]{width:100%;}
	.board-search .btn-search{min-width:inherit;width:100%;font-size:20px;text-align:center;background-position:calc(50% + 25px) center;}

	.photo-list li .img{height:240px;}

	.login-wrap{padding:30px 20px;}
	.login-area h3{margin-bottom:20px;font-weight:700;font-size:30px;text-align:center;}
	.login-area .btm a{padding:0 10px;font-size:18px;}

	.mw100p{width:100% !important;}
	
}

@media all and (max-width:500px){
	.main .main-section2 .right .img{width:100%;height:auto;}
	.main .main-section2 .right .img img{width:100%;}
	.main .paper-list ul{display:block;}
	.main .paper-list ul li{display:none;margin:0 auto;width:306px;}
	.main .paper-list ul li:first-child{display:block;}

	.photo-list{padding:0 0 40px;border-top:none;}
	.photo-list ul{gap:30px 20px;}
	.photo-list li{width:100%;}
}

@media all and (max-width:360px){
	.main .paper-list ul li{width:280px;}
}