@charset 'utf-8';

/* media query */
@media (max-width: 1550px) {
	.wing_bnr { display:none; }
}

@media (max-width: 1200px) {
	#snb { width:200px; }
	.contents .content { margin-left:240px; }
	.contents .content.full-page { margin:0; padding:0; }
	.contact-content { grid-template-columns: 1.2fr 1fr; }
}

@media (max-width: 1000px) {
	/* common */
	.wrap { padding-top:105px; }
	#hd { height:105px; }
	#hd .head h1 { padding: 23px 0 0 20px; }
	#hd .hd-utils { display:none; }
	#hd .btn-menu { display:block; }
	#nav { display:none; }
	
	/* sub contents */
	#snb { display:none; }
	.contents .content { margin-left:0; }
	.contact-content { gap:30px; }
}

@media (max-width: 768px) {
	/* common */
	.ver-web { display:none !important; }
	.ver-m { display:block !important; }
	#aside .utils li { font-size:19px; }
	#aside .menu-box ul.depth1 li .idx { font-size:19px; }
	
	/* sub contents */
	.sub-hd { height:200px; margin-bottom:0; }
	.content h3.page-title { font-size:42px; background-color: #ecf0df; padding:25px 0; text-align:center; margin-bottom:0; }
	.content h3.page-title.align-center { margin-bottom:0; }
	.container .contents { padding:0; }
	.content-body { padding:30px; }
	
	/* 1-1 */
	.text-content { padding-top:0; }
	#mission .content .text.main { font-size:21px; margin-bottom:30px; }
	
	/* 2-2 */
	.list-gallery-type { gap:20px; }
	
	/* 2. */
	.bo-list li { padding:20px; overflow:hidden; }
	.bo-list li .date { margin-bottom:7px; }
	.bo-list li .subject { padding-right:0; line-height:1.25; }
	.bo-list li .btn-readmore { position:relative; top:auto; right:auto; transform:none; float:right; margin-top:20px; }

	.bo-v-tail { display:flex; gap:10px; align-items:center; justify-content:center; }
	.bo-v-tail .btn-l { float:none; gap:10px; }
	.bo-v-tail .btn-r { float:none; }
	.bo-v-tail .btn-basic { width:135px; }

	.bo-v-tail2 { display:flex; gap:10px; align-items:center; justify-content:center; }
	.bo-v-tail2 .btn-l { float:none; gap:10px; }
	.bo-v-tail2 .btn-r { float:none; }
	.bo-v-tail2 .btn-basic { width:135px; }


	/* 공지사항 */
	.bo-tail .pager { text-align:center; }
	.bo-tail .btn-area { position:static; margin-top:40px; display:flex; align-items:center; justify-content:center; }
	
	/* */
	.contact-content { display:block; }
	.contact-content .main { margin-bottom:50px; }
	
	/* mypage */
	.mypage-list li dl.main { padding: 0 70px 0 130px; }
	.mypage-list li dl.main:before { left:15px; }
	.mypage-list li dl.main:after { right:20px; }
}

@media (max-width: 574px) {
	/* 2-2 */
	.bo-top .searchbx { width:100%;  }
	
	.list-gallery-type { grid-template-columns: repeat(2, 1fr); gap:25px 20px; }
	.list-gallery-type li .subject { font-size:15px; }
	.list-gallery-type li .date { font-size:13px; }
}


@media (max-width: 480px) {
	/* common */
	.wrap { padding-top:70px; }
	#hd { height:70px; }
	#hd .head { height:70px; }
	#hd .head h1 { max-width:135px; padding: 17px 0 0 15px; }
	#hd .btn-menu { right:15px; background-size: 70% auto; }
	
	#aside .top { height:70px; }
	#aside h1 { max-width:115px; padding: 20px 0 0 15px; }
	#aside .btn-close { top:0; transform:none; right:0; background-size:30% auto; }
	#aside .utils { height:50px; }
	#aside .utils li { font-size:12px; }
	#aside .body { position:relative; height:calc(100vh - 120px); }
	#aside .menu-box ul.depth1 li .idx { font-size:15px; padding: 15px 20px; }
	#aside .menu-box ul.depth1 li .idx:after { right: 10px; background-size:50% auto; }
	#aside .menu-box .depth2 { padding:20px 25px; }
	#aside .menu-box .depth2 li a { font-size:14px; padding:10px 0; }
	
	#partners .swiper-slide { width:120px; }
	
	#ft { padding:20px 20px; }
	#ft address p { justify-content: flex-start; text-align:left; }
	
	/* sub contents */
	.sub-hd { font-size:25px; height:95px; }
	.container .contents { margin-bottom:50px; }
	.contents .content { min-height:300px; }
	.content h3.page-title { font-size:20px; }
	.content-body { padding:30px 20px; }
	
	/* 1-1. */
	#mission .content .text.main { font-size:17px; }
	#mission .content .text { font-size:14px; }
	.text-content .text { font-size:14px; }
	.text-content .main-text { font-size:19px; margin-bottom: 20px; }
	
	.conference-content #pre-reg .inner { padding:40px 15px; }
	.conference-content #pre-reg h4.title { font-size:25px; margin-bottom:30px; }
	.form-box dl { display:block; margin-bottom:20px; }
	.form-box dl dt { margin-bottom:5px; padding-top:0; }
	.form-box dl dd .notis { text-align:left; }
	#pre-reg .form-box dl dd { padding-left:15px; }
	#pre-reg .form-box dl.type-h dd { padding-left:15px; }
	
	.btn-basic { width:180px; height:50px; font-size: 18px; }
	
	/* 2-2 */
	.bo-top { margin-bottom:20px; }
	.bo-top .searchbx { grid-template-columns: 1fr 70px; }
	.bo-top .searchbx .fr-input { font-size:14px; }
	.bo-top .searchbx .btn-search { font-size:14px; }
	
	.list-gallery-type { gap:25px 10px; }
	.list-gallery-type li .subject { font-size:14px; }
	.list-gallery-type li .date { font-size:12px; }
	
	.pager a { font-size:14px; }
	
	/* 3 */
	.bo-v-hd { }
	.bo-v-hd .subject { font-size:25px; }
	.bo-v-hd .date { font-size:12px; }
	.bo-v-hd:after { left:10%; right:10%; width:auto; transform:none; }
	.bo-v-content { font-size:14px; }
	.add-file dt, .add-file dd { font-size:17px; }
	
	.bo-list li .info { margin-bottom:15px; }
	.bo-list li .info .category { font-size:12px; }
	.bo-list li .date { font-size:12px; }
	.bo-list li .subject { font-size:14px; }
	.bo-list li .btn-readmore { font-size:12px; padding-right: 30px; display:block; width:90px; line-height:1.5; float:none; margin:0 auto; margin-top:20px; box-sizing:border-box; }
	.bo-list li .btn-readmore:after { width:18px; height:18px; background-size:100% auto; }
	
	.bo-v-tail { display:block; }
	.bo-v-tail .btn-l { margin-bottom:10px; }
	.bo-v-tail .btn-basic { width:120px; }

	.bo-v-tail2 { display:block; }
	/*.bo-v-tail2 .btn-l { margin-bottom:10px; }*/
	.bo-v-tail2 .btn-r { margin-bottom:10px; }
	.bo-v-tail2 .btn-basic { width:120px; }

	/* 검색결과 */
	.results-top dt, .results-top dd { font-size:15px; }
	.results-empty { font-size:15px; }
	
	/* mypage */
	.mypage-list li { margin-bottom:20px; }
	.mypage-list li dl.main { padding: 0 55px 0 85px; height:100px; }
	.mypage-list li dl.main:before { left:10px; width:60px; }
	.mypage-list li dl.main:after { right:10px; width:35px; height:35px; }
	.mypage-list li dl.main dt { font-size:16px; }
	.mypage-list li dl.main dd { font-size:12px; }
	
	.table-list li { padding-bottom:20px; margin-bottom:20px; }
	.table-list li .subject { font-size:17px; margin-bottom:15px; }
	.table-list li dl { grid-template-columns: 65px 1fr; margin-top:10px; }
	.table-list li dl dt,
	.table-list li dl dd { font-size:14px; min-height:24px; }
	.table-list li dl dt {  }
	.table-list li dl dd .btn { width:60px; height:24px; line-height:24px; font-size:12px; margin-top:-3px; }
	.toggle-content .inbox .notis { font-size:12px; }
}

@media (max-width: 375px) {
	#aside .utils li { font-size:11px; }
	#aside .utils li a { padding:0 10px; }
	
	/* sub contents */
	.content-body { padding:20px 15px; }
	#pre-reg .form-box dl.license-number dd { display:block; }
	
	.pager a { font-size:12px; }
	.pager a.btn.prev { margin-right:15px; }
	.pager a.btn.next { margin-left:15px; }
	
	.bo-list li .info .date { padding-left:0; }
	.bo-list li .info .date:before { display:none; }
}

@media (max-width: 320px) {
	/* sub contents */
	.content-body { padding:20px 10px; }
	
	.pager a { font-size:11px; }
}