@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 1610px) {
	.inner { width:100%; padding:0 30px; }
	.about_map .inner { padding:0 30px; }
	.related .listshow { width: calc(100% + 50px);  margin:0 0 0 -20px; }
	.move_wrap { padding:0 30px; }
	.move_wrap .inner { width:100%; padding:0 30px 0 0; }
	.move .swiper-pagination-progressbar::before, .move .swiper-pagination-progressbar::after { width:20px; }
	.move_wrap.fix .move .swiper-pagination-progressbar::after, .move_wrap.fix .move .swiper-pagination-progressbar::before { width:20px; }
	
	.news_slide .wrap { width:calc(100% - 30px); }
	.notice.active .news_slide { width:calc(100% + 30px) !important; }
	.notice .swiper-pagination-progressbar { width:calc(100% - 150px); }
	.webznIssueNo { left:30px; }
	
	.main_slide .slide .inner { padding:0 110px; }
	.main_content {  }
	
	.webznTabs_wrap .inner { display:flex; flex-direction:column-reverse; }
	.remote { position:static; width:330px; margin:0px auto 40px auto; }
	.remote_control { display:flex; justify-content: center; }
	.remote ul { margin-bottom:0; margin-right:20px; }
	.remote ul li { margin:0 5px; }
}

@media all and (max-width: 1400px) {
	
	.move_wrap.noswiper .inner { width:100%; }
	/*subpage*/
	.content_wrap { padding:50px 0 0; margin-bottom:0; }
	.content_wrap h3 { font-size:2em; }
	.about_map { margin-bottom:0;}
	.office_text { right:30px; bottom:30px; }
	.editor_info ul { width:100%; margin:0; }
	.editor_info ul li { margin:0; align-items:flex-start; }
	.editor_text {  }
	.list_year ul {  }
	.list_year li { width:20%; margin:20px 0; }
	.related { padding:70px 0; }
	.related ul { width:calc(100% + 30px); margin:-15px }
	.related ul li { width:calc(25% - 30px); margin:15px; }

	.skip_top.float { position:absolute; }
	.move { margin-bottom:0; }
	.banner a { font-size:0.9em; }
	.banner img { width:30%; }
	.banner_wrap .banner:nth-child(2) img { right:-1em; }
	
	
}
@media all and (max-width: 1200px) {
	
	.gnb li::after { margin:0 10px; }
	
	/*main page*/
	.main_slide .slide .inner { }
	.swiper-button-next, .swiper-button-prev { display:none; }
	.slick-prev, .slick-next { display:none !important; }
	.main_slide .slide strong { font-size:1.6em; line-height:1.5em; margin:20px 0; }
	.main_slide .slide p { font-size:1em; line-height:1.5em; }
	.main_content h2 { font-size:1.8em; }
	.article_list ul { width:calc(100% + 30px); margin:-15px -15px 0; }
	.article_list ul li { width:calc(33.333% - 30px); margin:15px; }
	.article_list ul li .title { font-size:1.3em; margin-bottom:10px; }
	.article_list .article_wrap ul { margin:10px -20px 0; }
	.notice.main_wrap { margin:100px 0 70px; }
	.news_slide { padding-bottom:60px; }
	.notice .swiper-pagination-progressbar { width:100%; }
	
	/*subpage*/
	.content_wrap { padding:60px 0; }
	.content_wrap h3 { margin-bottom:30px; transform:none; }
	.about_text { padding-top:0; }
	.about_text .logo { width:40%; height:0; position:relative; padding-bottom:40%; display:inline-block; }
	.about_text img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
	.editor_pic { width:100px; height:100px; }
	.editor_text { width:calc(100% - 125px); font-size:13px; }
	.editor_info ul li { align-items:flex-start; }
	.office { flex-direction:column; }
	.office_map { width:100%;padding:0 !important;margin-bottom:0; }
	.office_text { width:40%; padding:30px; }
	.office_text strong { font-size:1.2em; margin-bottom:20px; }
	.office_text dl { margin-top:10px; }
	.office_text dl dd, .office_text dl dt { padding:0; }
	
	.archive_tab { display:block; border-top:none; border-bottom:none; }
	.archive_tab::before { display:none; }
	.archive_tab .tab_list strong { font-size:1em;margin-bottom:20px;  }
	.archive_tab .tab_list strong br { display:none; }
	.archive_tab .tab_list { width:100%; padding:0; border-bottom:1px solid #333; }
	.archive_tab .tab_list ul { display:flex; justify-content:space-between;} 
    .archive_tab .tab_list li { width:50%; }
    .archive_tab .tab_list li a { justify-content:center; }
    .archive_tab .tab_list li a span { display:none; }
    .archive_tab .tab_list li:first-child { border-right:1px solid #333 !important; }
    .archive_tab .tab_list li:first-child.active { border-left:1px solid #333; }
    .archive_tab .tab_list li:last-child.active { border-right:1px solid #333; }
    .archive_tab .tab_list li.active { border-top:1px solid #333; }
    .archive_tab .tab_list li.active::before { display:none; }
    .archive_tab .tab_list li.active::after { background:#fff; width:100%; bottom:-2px; height:4px; }
	.archive_tab .tab-container { width:100%; max-height:none; padding:30px 0; }
}

@media all and (max-height: 800px) {
	#qna_popup .inner-layer-popup { height:calc(100% - 60px); }
}

@media all and (max-width: 1100px) {
	/*popup*/
	.int_search .inner { width:100%; padding:0; }
	.int_search .search_wrap { border-bottom-width:1px; }
	.int_search .search_wrap .inputText { width:calc(100% - 45px); height:45px; font-size:1.3em; }
	.int_search .search_wrap .btn_search { width:45px; height:45px; font-size:1.3em; }
	.search_popup .btn-layer-close { width:50px; height:50px; border-radius:50px; opacity:1; background:#fff; top:auto; right:auto; left:50%; bottom:-25px; color:#333; transform:translateX(-50%) rotate(0deg); border:1px solid #333;}
	.search_popup .btn-layer-close:hover { background:#1524cc; transform:translateX(-50%) rotate(90deg); }
	.search_popup .btn-layer-close:hover::after, .search_popup .btn-layer-close:hover::before { background:#fff; }
	.search_popup .inner-layer-popup { overflow:visible; }
	
	.article_content { width:calc(100% - 240px); }
	.list_year li { width:16.666%; }
	
	.header .header_bottom .sns li { margin-left:10px; }
	
}

@media all and (max-width: 1000px) {
	
	.inner_view { width:100%; padding:0 20px; }
	.header .header_bottom .info { border-width:1px; }
	
	.login li .login_input label { height:40px; }
	
	/*subpage*/
	.sub_title.visual_type { margin:0 0 35px; }
	.sub_title_top { padding:0; }
	.sub_title h2 { margin-bottom:0; }
	.sub_title.visual_type { padding:20px 0 60px; }
	.sub_title h2.webznView { font-size:1.6em; }
	.sub_title .title { }
	.sub_container { margin-bottom:0; padding-bottom:50px; }
	.btn_l { height:40px; padding:0 40px; }
	.editor_info ul li {  }
	.history ul { padding:30px; }
	.article_header em { margin-top:20px; }
	.related { margin:70px 0 -50px; }
	.move .swiper-slide a { font-size:1em; }
	.move .swiper-slide { height:50px; }
	.sub_menu li a { font-size:1em; height:45px; line-height:45px; }
	.article_wrap .title_wrap .category { font-size:1.8em; }
	
	/*board*/
	.board_list li.t_head { padding:15px 0; }
	.board_list li { padding:15px 0; }
	.b_num { display:none; }
	.b_tit { width:calc(100% - 300px); padding-left:0; }
	.b_date { width:100px; }

	.error_box { width:calc(100% - 40px); background-position:10% 50%; background-size:200px; }
	.error_box .text_wrap { width:60%; }

	.period_wrap { flex-direction:column; align-items:flex-start; }
	.date_pick { border-top:1px dashed #e3e3e3; width:100%; padding-top:15px; margin-top:15px; justify-content: space-between; }
	.date_pick .selectText { width:calc(33.333% - 3px) !important; }
	.date_pick .form_wrap { width:50%; margin:0; }
	.key_wrap { justify-content:flex-start; }
	.key_wrap .inputText { width:calc(100% - 71px); }
	.key_wrap .selectText { margin-bottom:5px; }
	.is_result { margin-bottom:-50px; }
	
	.move .swiper-pagination-progressbar::before, .move .swiper-pagination-progressbar::after { height:48px; }
	
	.article_info { border-top:none; opacity:1; transform: translateY(0); }
	.article_info.visible {  }
	.article_info > li { flex-direction:column; justify-content:flex-start; align-items:flex-start; transform:translateY(50%); opacity:0; transition:all 1s cubic-bezier(0.5, 0.7, 0.4, 1.000);}
	.visible li { opacity:1; transform: translateY(0); }
	.article_info li ul { width:100%;  }
	.article_info li strong { margin-bottom:20px; padding:5px 10px; font-size:1.1em; }
	.article_info > li > ul { border-top:2px solid #333; }
	.article_info > li { margin-bottom:30px; }
	.article_info > li:last-child { margin-bottom:0; }
	.article_info li ul li { border-left:none; }
	.article_info li ul li .row .corner { padding:0; margin-bottom:15px; width:100%; font-size:1em; }
	.article_info li ul li .row { flex-direction:column; padding:20px 0; }
	.article_info li .text { font-size:1em; }
	.bg_text { font-size:14em; }
	
	.file_list.img_type .btn_wrap { bottom:0; }
	.about_container .tabs li a { height:45px; line-height:45px; }
	.about_container .tabs li a::after { bottom:0; }

}

@media all and (max-width: 960px) {
		
	.header { height:auto; }
	.header .header_bottom .inner { justify-content:flex-end; padding:0 20px; margin:0; }
	.header h1 { position:absolute; transform:translateY(-50%); top:50%; left:20px; margin:0; z-index:9; }
	.header h1 a { background:url(/images/user/logo.svg) 50% 50% no-repeat; width:124px; height:30px; }
	.header h1 img { display:none; }
	.header .header_bottom { padding:15px 0; display:flex; justify-content:space-between; }
	.header .header_bottom button.gnb_open { display:inline-block; }
	.header .header_bottom button { background:none; margin-left:0; border-radius:0px !important; }
	.header .header_bottom button:hover { background:#fff; color:#333; }
	.header .header_bottom button, .main_container .header .info { }
	.main_container .header { background:transparent; }
	.main_container .header:hover { background:transparent; color:#fff; }
	
	.gnb { left:30px; transform:none; }
	.gnb { width:100%; bottom:auto; top:50%; transform:translateY(-50%); }
	.gnb li { display:none; }
	.gnb li:last-child { display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:80px; }
	.main_content { margin:0; }
	.main_slide .slide .inner { padding:0 30px; justify-content:center; }
	.main_slide .slick-dots { bottom:3em; }
	
	.header .header_top { position:fixed; top:0; left:0; width:100%; padding:0; height:100%; z-index:999; border:none; pointer-events:none; display:block; opacity:0; visibility:hidden; }
	.header.on .header_top { pointer-events:auto; opacity:1; visibility:visible; }
	.header.on .header_top .list_wrap { left:0; }
	.header .header_top .this { display:block; position:absolute; top:25px; }
	.header .header_top .this a { border:1px solid #333; padding:3px 10px; font-size:0.8em; border-radius:50px; }
	.header .header_top .inner { width:100%; height:100%; padding:0; }
	.header .header_bottom .right { margin-left:40px; }
	.header .header_top .list_wrap li::after { display:none; }
	.header .header_top .list_wrap { position:absolute; top:0; width:400px; height:100%; background:#fff; box-shadow:0 5px 10px 0 rgba(0,0,0,0.3); padding:40px 30px 30px; z-index:999; left:-100%; transition:left 0.3s; flex-direction:column; }
	.header .header_top .list_wrap .header_left { margin:0px; margin-top:200px; flex-direction: column; }
	.header .header_top .list_wrap .header_left li { margin-bottom:10px; opacity:0; display:block; }
	.header .header_top .list_wrap .header_left li:first-child { position:absolute; top:30px; left:30px; }
	.header .header_top .list_wrap .header_left li:last-child { margin-bottom:0; }
	.header .header_top .list_wrap .header_left li a { font-size:1em; font-weight:600; color:#333; text-transform:uppercase; }
	.header .header_top .list_wrap .header_left { }

	.header .header_top .incSessionTime { align-items:flex-start; width:100%; margin:0; flex-direction:column; }
	.header .header_top .incSessionTime > p { font-size:0.9em; font-weight:600; color:#333; width:100%; }
	.header .header_top .incSessionTime .time_info { width:100%; padding:5px 5px 5px 15px; color:#333; margin:15px 0; background:#f4f4f4; border:1px solid #e7e7e7; }
	.header .header_top .incSessionTime .time_info span { width:calc(100% - 80px); font-size:13px; }
	.header .header_top .incSessionTime .time_info button { height:27px; padding:0 10px; width:80px; }
	
	.header .header_top .header_right { display:flex; flex-direction:row;flex-wrap:wrap; }
	.header .header_top .header_right li { margin-right:5px; }
	.header .header_top li.apctp { position:absolute; bottom:30px; padding-top:0; right:30px; margin-bottom:0 !important; }
	.header .header_top .header_right li a, 
	.header .header_top .list_wrap .header_left li.apctp a { font-size:13px; color:#333; font-weight:900; margin:0 3px; display:flex; align-items:center; }
	.gnb_open { display:none; font-size:0.9em; }
	.gnb_close { display:inline-block; border:none; width:32px; height:32px; border-radius:32px; position:absolute; top:20px; right:20px;}
	
	.header .header_bottom .apctp { display:none; }
	.header.on .header_top .header_right { transform:translateY(-60px); }
	
	.header .header_bottom .sns { display:none; }
	.header.on .header_bottom .sns { display:flex; position:fixed; bottom:30px; left:30px; opacity:0; z-index:999; animation:fadeRight 1s both; }
	
	.header.on .header_bottom .sns .insta { background-position:0 0%; }
	.header.on .header_bottom .sns .facebook { background-position:20% 0%;  }
	.header.on .header_bottom .sns .naver { background-position:40% 0%;  }
	.header.on .header_bottom .sns .youtube { background-position:60% 0%; }
	.header.on .header_bottom .sns .rss { background-position:80% 0%; }
	
	
	.header_top::after {  pointer-events:none; position:fixed; top:0; left:0; width:100%; height:100vh; content:''; display:block; z-index:998; background:rgba(0,0,0,0.2); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
	.header.on .header_top::after { opacity:1; }
	.header.on .header_top .apctp { display:inline-block; }
	
	.header.on .header_bottom .gnb { width:auto; position:fixed; z-index:999; top:70px; bottom:auto; width:340px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0 5px; transform:none; animation:fadeRight 1s both; }
	
	.header.on .gnb::before { transform:translateY(-10px); }
	.header.on .gnb ul { flex-direction:column; }
	.header.on .gnb li { display:block; margin:5px 0; /* animation:textDown 0.5s both;  */}
	.header.on .gnb li a { font-size:13px; line-height:15px; }
	.header.on .gnb li a.link::after { background:#333 !important; }
	.header.on .gnb li a.link:hover { color:#333 !important; }
	.header.on .gnb li:last-child { display:none; }
	.header.on .header_top .list_wrap .header_left li { animation:fadeRight 1s both; }
	
	.webznIssueNo { position:static; transform:none; }
	.main_slide { height:calc(100vh - 65px); }
	.main_content { }

	
	.header .header_top li a { display:inline-block !important; font-size:13px; line-height:15px; }
	.header .header_top li a::before {  }
	
	html, body { font-size:13px; }
	
	.content_wrap { padding:40px 0 0; }
	.content_wrap h3 { transform:none; font-size:1.5em; }
	.about_container { }
	.about_container .tabs li a { font-size:1em; font-weight:500; }
	.about_text { font-size:1em; }
	.greeting .text { padding-left:40px; }
	.greeting .text p { font-size:1em; }
	.about_text .text { width:calc(60% - 30px); }

	.move .swiper-slide a { height:50px; line-height:50px; }
	
	


}

@media all and (max-width: 900px) {
	
	*:focus { outline:none; }

	
	.news_slide .slick-slide:hover { transform:translateY(0); }
	.main_slide .slide em { font-size:1em; }
	.main_slide .slide .inner { }
	.banner_wrap { flex-direction:column; }
	.banner_wrap .banner { width:100%; }
	.hotClick { margin-top:30px; }
	.banner_wrap .banner:nth-child(1) img { right:-1em; }
	.banner_wrap .banner:nth-child(2) img { right:-1.8em; }
		
	/*board*/
	.bottom_wrap { padding-top:20px; }
	.board_write ul li > .title { font-size:1.1em; }
	.file_up input[type="file"] { height:40px; }
	.file_up label { height:40px; padding:8px 0; }
	.inputText, .selectText { height:40px; }
	.board_img_list li { padding:25px 0; }
	.board_img_list li .b_thumb { width:80px; height:80px; }
	.board_img_list li .b_text { width:calc(100% - 80px); padding-left:20px; }
	.board_img_list li .b_text .title { font-size:1.2em; margin-bottom:10px; }
	.board_img_list li .b_text .text { font-size:0.95em; line-height:1.5em; margin-top:5px; }
	
	.related .listshow { width: calc(100% + 50px);  margin:0 0 0 -20px; }
	.fixed-menu { }
	.move {  margin:0; width:100%; padding: 0; }
	.move.fix { border-top:1px solid #222; }
	
	.article_wrap { padding:40px 0 20px; }
	.article_wrap:first-child { padding-top:0; }
	.article_wrap .title_wrap .title { padding:0; }
	.article_list ul li { width:100%; display: flex; justify-content: space-between; margin:15px 15px 25px; }
	.article_list ul li .img_box { width:180px; padding-bottom:0; height:111px; border-radius:10px; }
	.article_list ul li .img_box a { border-radius:10px; }
	.article_list ul li .title { font-size:1.3em; }
	.article_list ul li .text_box { width:calc(100% - 200px); }
	.thumb_video::before { width:15px; height:15px; }
	.thumb_video::after { width:50px; height:50px; }
	
	.sub_title .article_header.title { margin-top:40px; }
	.sub_title .article_header.title strong { font-size:1em; }
	.article_header h2 { font-size:2em; }
	
	.is_list_wrap .title { position:relative; }
	.is_list_wrap .title .btn_s { position:absolute; top:0; right:0; }

	.sub_title .title { margin-top:40px; }
	.article_header strong { font-size:1em; }
	.article_header .subtitle { font-size:1em; color:#727272; }
	.article_header em { font-size:12px; }
	.article_view { padding:40px 0 0; flex-direction:column; border-top:1px solid #ededed; }
	.article_content { width:100%; opacity:1; margin-top:0;}
	.article_view.active .writer_info { position:static !important; transform:none !important; }
	.article_view .writer_info { width:100%; padding-top:50px; border-top: 1px solid #ededed; margin-top:50px!important; }
	.article_view .writer_info .writer_pic { margin-bottom:0; }
	.article_view .writer_info .writer_text { align-items: flex-start; padding-left:20px; }
	
	.related .btn_list, .related.active .btn_list { right:20px; width:50px; height:50px; top:-25px; }
	.writer_info button { height:37px; padding:0 14px; border-color:#ccc; }

	.article_content .resp { margin-top:40px; }
	.about_container .tabs li::after { margin:0 15px; }
	
	.remote { margin:-50px auto 40px auto; }
	
	.outreach .article_list { margin-top:0; }
	.outreach .article_list ul li { width:calc(50% - 30px); flex-direction:column; }
	.outreach .article_list ul li .img_box { width:100%;height:0;padding-bottom: 61.808%; }
	.outreach .article_list ul li .img_box a { border-radius:0px; }

}

@media all and (max-width: 800px) {
	
	.main_slide .inner {  }
	.main_slide .swiper-slide strong, .main_slide .swiper-slide p { }
	
	.hotClick ol li a { padding:3px 10px; }
	.hotClick { border-radius:10px; }
	.banner ul li { width:calc(50% - 15px); }
	.banner ul li a .bg_box { border-radius:10px;height:135px; }
	.news_slide .slick-slide { border-radius:10px; }
	.news_slide .slick-slide a { padding:20px; }
	
	.footer { padding:30px 0 50px; }
	.footer_text { margin-top:20px; font-size:0.85em; }
	.footer_content { flex-direction:column; }
	.footer_left { width:100%; }
	.sns { margin-top:25px; }
	.sns li:first-child { margin-left:0; }
	
	
	/*subpage*/
	.sub_title h2 { font-size:1.7em; margin:10px 0;}
	.about_text { flex-direction:column; }
	.about_text .logo { background:none; width:100%; height:auto; padding:0; margin:20px 0 40px; display:flex; justify-content:center; }
	.about_text .logo img { position:static; transform:none; width:40%; height:auto; }
	.about_text .text { width:100%; }
	.content_wrap { margin-bottom:0; padding:20px 0 0; }
	.content_wrap h3 {  }
	.about_map { padding-top:0; }
	.bg_text { font-size:7em; white-space: nowrap; }
	.about_container .tab_container { padding-top:40px; }
	.greeting { flex-direction: column; }
	.greeting img { position:static; transform:none; width:100%; height:auto; }
	.greeting .text { width:100%; padding:0; margin-top:30px; }
	
	.editor_info ul { margin:0; width:100%; }
	.editor_info ul li { flex-direction:column; margin:0; }
	.editor_mem { width:100%; border-bottom:1px solid #ddd; padding:20px 0; }
	.editor_mem:last-child { border-bottom:none; }
	
	.toggle_box { padding:20px; }
	.archive_tab .tab-container { padding:20px 0; }
	.archive_tab .tab_list li a { padding:10px 0; font-size:1em; }
	.archive_tab .toggle > li .toggle_tit a { font-size:1.3em; padding:20px 0; }
	.archive_tab .toggle > li .toggle_tit a:hover, .list_topic li a:hover { padding:20px 0; color:#333; background:#fff; }
	.archive_tab .toggle > li:hover .toggle_tit a::after, .archive_tab .toggle > li:hover .toggle_tit a::before,
	.archive_tab .toggle > li.active .toggle_tit a::after, .archive_tab .toggle > li.active .toggle_tit a::before, 
	.archive_tab .toggle > li.active:hover .toggle_tit a::after, .archive_tab .toggle > li.active:hover .toggle_tit a::before { background:#333; }
	.archive_tab .toggle > li.active .toggle_tit a { background:#fff; color:#333; padding:20px 0; }
	.archive_tab .toggle > li.active:hover .toggle_tit a { background:#fff; }
	.toggle_tit a::after, .toggle_tit a::before { width:10px; height:1px; right:10px; }
	.list_topic li a { font-size:1.3em; padding:20px 0; }
	.list_topic li a span { opacity:1; }
	.list_year ul { }
	.list_year li { width:25%;}
	.list_year li .cover { width:70px; height:70px; border-radius:25px; }
	.list_topic li a span { font-size:0.8em; }

	.article_wrap .title_wrap .category { font-size:1.5em; }

	.error { background:#fff;  }
	.error_box { box-shadow:none; width:100%; height:100%; background-position:50% 90%; background-size:150px;}
	.error_box .text_wrap { width:100%; text-align:center; }
	.error_box .title strong.small { font-size:2.5em; }
	
	.move .swiper-pagination-progressbar::before, .move .swiper-pagination-progressbar::after { height:48px; }
	.nothing_wrap { background:#fff; margin:30px 0 0 !important; }
	.nothing_wrap .nothing.imgtype { background:none; }
	
	.sub_title .article_header.title strong { font-size:0.9em; margin-bottom:20px; }
	
	.about_container .content_wrap { padding-bottom:0; }
	.about_container .tab_list .inner { overflow-x:auto;  }
	.about_container .tabs { justify-content:flex-start; white-space:nowrap; }
	.about_container .tabs li a { bottom:0; }
	.about_container .tabs li:last-child a { margin-right:20px; }
	
	.outreach .article_list { padding:20px 25px; }
	.outreach .article_list ul { justify-content:space-between; }
	.outreach .article_list ul li { width:calc(50% - 10px); margin:0 0 15px; }
	.outreach .article_list ul li:last-child { margin:0 0 15px; }
		
	.search_wrap .search_select { width:20%; }
	.search_wrap .search_box { width:60%; }

}

@media all and (max-width: 700px) {
	/*main page*/
	.main_slide .slick-slide p { text-align:left; }
	.news_slide .slick-slide {}
	.news_slide .news a { min-height:140px; }
	.news_slide .news a strong { font-size:1em; }
	
	/*board*/
	.sorting_wrap { justify-content:space-between; flex-direction:column-reverse; margin-bottom:15px; align-items: flex-end;}
	.sorting_wrap .total { width:100%; text-align:left; margin-top:20px; font-size:0.9em; }
	.move .swiper-slide { height:45px; }
	.move.fix { padding-left:20px; }
	.dot li::after, .dot > div::after { margin:0 15px; }
	.move .swiper-slide a { font-size:1em; height:45px; line-height:45px; }
	.article_wrap { padding:30px 0; }
	.article_wrap:first-child { padding-top:0; }
	.article_wrap .title_wrap { margin-bottom:15px; }
	.article_wrap .title_wrap .category { font-size:1.3em; }
	
	.article_list ul { width:100%; margin:0; }
	.article_list .article_wrap ul { margin:0; width:100%; }
	.article_list ul li { margin:0 0 30px; }
	.article_list ul li:last-child { margin:0; }
	
	/*subpage*/
	.sub_title.visual_type { padding:20px 0 40px; }
	.breadcrumb ul { display:none; }
	.breadcrumb .btn_prev { display:inline-block; }
	
	.sub_title.visual_type .breadcrumb .btn_prev { background:none; color:#fff; }
	
	.editor_info ul { width:100%; margin:0; }
	.editor_info ul li { width:100%; margin:0 0 10px; padding:20px 0; border-top:none; border-bottom:1px dashed #ddd; }
	.editor_info ul li:last-child { border-bottom:none; }
	.editor_info ul li strong { margin-bottom:10px; font-size:1.2em; }
	.editor_info ul li p { font-size:1em; letter-spacing:-0.5px; }
	.editor_pic { margin:0; width:80px; height:80px; }
	.editor_text { width:calc(100% - 100px); }

	.history ul li .history_wrap { border-color:#ddd; }
	
	.move_wrap { padding:0 20px; margin-bottom:20px; }
	.move { padding:0; }
	.move .swiper-pagination-progressbar::before, .move .swiper-pagination-progressbar::after { width:20px; height:43px; }
	
	.pageinfo { margin:0 0 20px; padding-bottom:20px; }
	
	.related { padding:40px 0; margin:40px 0 -50px; }
	.related h2 { margin-bottom:20px; font-size:1.5em; }
	.related .listshow .swiper-slide .bg_box { margin-bottom:17px; }
	.related .listshow .swiper-slide .title { font-size:1em; }
	.related .listshow .swiper-slide .category { font-size:0.9em; margin:0 0 2px; }
	.related .swiper-wrapper p { margin-left:20px; }
	
	.bottom_wrap .pagination { position:static; transform:none; width:100%; margin-bottom:20px; }
	
	.office_map { height:250px; }
	.about_map .inner { padding:0 20px; }
	.content_wrap { padding:0; }
	.about_map { }
	.content_wrap h3 { margin-bottom:20px; font-size:1.2em; }
	.office_box { margin-bottom:20px; display:block; }
	.office { width:100%; }
	.office_text { position:static; width:100%; font-size:12.5px; padding:20px; margin:0; border-top:none; box-shadow:none; }
	.office_text strong { font-size:1em; padding:2px 0; margin-bottom:10px; }
	.office_text dl { margin-top:5px; }
	
	.article_info { font-size:13px; }
	.article_info li strong { margin-bottom:10px; }
	.article_info li ul li .row .corner { margin-bottom:5px; }

	.editor_text { font-size:14px; }
	
	.history ul { padding:0; }
	.history ul::after, .history ul li::after, .history ul li .history_wrap::after { display:none; }
	.history ul li, .history ul li:nth-child(2n) { text-align:left; padding:0; margin:0;}
	.history ul li:last-child { margin-bottom:0; }
	.history ul li .history_wrap { width:100%; transform:none; border:none; border-bottom:1px dashed #ddd; transition:all .5s; border-radius:0;margin:0;background:none;box-shadow:none; padding:20px 0; }
	.history ul li .history_wrap .date { font-size:1.2em; margin-bottom:4px; }
	.history ul li .history_wrap, .history ul li:nth-child(2n) .history_wrap { transform:translate(00%, 30%); }
	.history ul li.visible .history_wrap, .history ul li.visible:nth-child(2n) .history_wrap { transform:translate(0%, 0%); }
	.history ul li .history_wrap p { font-size:1em; color:#333; }
	.history ul li:first-child .history_wrap { padding-top:0; }
	.history ul li .history_wrap::before { display:none; }
	.history.visible ul li .history_wrap { transform:none;  }
	
	.join { width:calc(100% - 40px); margin:50px auto 0; }
	.join .bottom_wrap { min-height:0; }
	.join .sub_title { margin:20px 0 0; }
	.bottom_wrap { min-height:60px }
	.join_list li button { width:120px; padding:0; }
	.join_list li .calc140 { width:calc(100% - 122px) !important; }
	
	.outreach { margin-top:30px; }



}

@media all and (max-width: 600px) {
	.inner { padding:0 20px; }
	/*main page*/
	.main_content .title_wrap { margin-bottom:20px; }
	.banner ul { display:block; }
	.article_list, .banner { transform:none!important; }
	.banner_wrap .banner .box > a { padding:1em; font-size:0.8em; }
	.banner_wrap .banner .box { height:148px; }
	.hotClick .box { height:148px; }
	.hotClick { margin-bottom:0; }
	.hotClick ol li a { border-width:1px; font-size:12px; padding:8px 15px; line-height:1em; }
	.notice.active .news_slide { width: calc(100% + 20px) !important;}
	.banner_wrap .banner:nth-child(1) img { right:0; }
	.banner_wrap .banner:nth-child(2) img { right:-27px; }
	
	/*board*/
	.sub_title .title { margin-top:20px; }
	.board_list li.t_head { display:none; }
	.board_list li { flex-wrap:wrap; justify-content:flex-start; }
	.board_list li .blind { position:static; width: auto; height: auto; font-size:1em; line-height:1.3em; text-indent:0; color:#727272; }
	.board_list li .lock .blind { position:absolute; left:-9999em; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; }
	.b_tit { width:100%; margin-bottom:4px; }
	.b_file { width:auto; font-size:12px; margin-left:10px; }
/* 	.b_file .icon-file::before { width:1px; height:10px; display:inline-block; margin:0 10px; content:''; background:#ccc; } */
	.b_date, .b_view { width:auto; font-size:11px; }
	.b_view { margin-right:10px; }
	.b_date em, .b_view em { margin-right:5px; }
	.board_list .count_comment { padding:3px 5px; font-size:0.8em; margin:-2px 0 0 5px; }
	.board_list .count_comment span { margin-right:2px; font-size:0.7em;}
	.b_wrap { flex-direction:row-reverse; }
	
	.list_year li .cover { }
	.list_year li strong { font-size:1em; }
	.list_year li .text { margin-top:10px; }
	.list_year li p { margin:5px 0; font-size:0.7em; }
	
	.article_content { font-size:1em; }
	.article_content .share { margin-top:30px; }
	.article_view .writer_info { padding-top:30px; margin-top:30px !important; }
	.writer_info .writer_pic { width:80px; height:80px; }
	.writer_info strong { font-size:1.2em; }
	.writer_info em { margin:10px 0; color:#999; }
	.writer_info .btn_m { height:32px; padding:0 13px; margin-top:5px; border-color:#ccc; }
	.article_view .writer_info .writer_text { padding-left:30px; }
	.related .swiper-wrapper p { margin-left:10px; font-size:12px; }
	.related h2 { font-size:1.2em; }
	.about_text { font-size:1em; }
	.sub_title .title { margin-top: 15px; }
	.board_header strong { font-size:1.2em; }
	.board_header .info { flex-direction:column; }
	.board_header .by { width:100%; margin:0 0 15px; }
	.board_header .by p::after { margin:0 5px; }
	.board_header .by p { display:flex; align-items:center; }
	.board_file { padding:6px; }
	.board_content { font-size:1em; }
	.bottom_wrap {padding-top:20px;min-height:56px;}
	.share .btn_print { margin-left:0; }
	.reply_list ul li { padding:15px; }
	.reply_list ul li .by { margin-bottom:10px; }
	.reply_list ul li .btn_wrap { top:15px; right:15px; }
	.reply_list ul li button { width:20px; height:20px; }
	.reply_wrap .title strong em span { margin-right:2px; }
	.reply_wrap .title strong em { padding:5px; margin-left:0; }
	.btn_m { height:35px; padding:0 10px; font-size:0.8em; }
	.btn_l { height:32px; padding:0 15px; font-size:0.8em; }
	.search_wrap .search_select { height:35px; padding-left:13px; }
	.search_box { height:35px; }

	.article_list ul li .img_box { margin-bottom:15px; width:130px; }
	.article_list ul li .text_box { width:calc(100% - 150px); }
	.article_list ul li .category { font-size:0.8em; }
	.article_list ul li .title { font-size:1.2em; margin-bottom:10px; }
	.article_list ul li .text { font-size:0.9em; }
	
	.office_map, .office_text { border-color:#ddd; }
	
	.error_box .title strong.small { font-size:2em; }
	.error_box .text { margin-top:10px; }
	.error_box .text button { padding:8px 20px; }
	
	.pagination li a { width:auto; height:20px; line-height:20px; padding:0 7px; font-size:0.9em; color:#727272; white-space: nowrap; }
	.pagination li.active a { background:none; border-radius:0; color:#000; }
	.pagination li a span { font-size:0.8em; }
	.pagination li { margin:0; }
	
	.related .listshow .swiper-slide .bg_box { border-radius:10px; }
	.related .listshow .swiper-slide { padding:10px; }
	.related .swiper-wrapper { padding-left:10px; }
	.related {}
	.related .listshow { padding-bottom:30px; }
	.related .swiper-pagination-bullet { margin: 0 5px } 
	
	.wrap-layer-popup.search_popup { background:#fff; }
	.wrap-layer-popup.search_popup > .inner-layer-popup {  }
	.wrap-layer-popup.search_popup .layer-popup-contents { padding:15px; background:#fff; display:flex; align-items:center;}
	.search_popup .btn-layer-close { width:40px; height:40px; }
	.search_popup .btn-layer-close:hover { transform:translateX(-50%) rotate(90deg); }
	.btn-layer-close::before, .btn-layer-close::after { background:#333; }
	.wrap-layer-popup.search_popup.open > .inner-layer-popup { animation:fadePpopup 0.3s both; }
	
	.is_result { padding:20px 0; }
	.is_result .inner { width:calc(100% + 40px); margin:0 -20px; }
	.is_list_wrap { padding:20px; margin-bottom:15px; }
	.is_list_wrap .title a { font-size:1.5em; }
	.is_list_wrap .title { margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #ededed; }
	.is_list_wrap ul li > a { padding:3px 10px; }
	
	.is_search_box { padding:15px; }
	.is_list_wrap .title a { font-size:1.3em; }
	.is_list_wrap .title .title_text { font-size:0.8em; margin-top:5px; }
	.is_list_wrap .title .btn_s { font-size:11px; padding:0 6px; height:24px; }
	.is_list_wrap ul li strong { font-size:1em; line-height: 1.3em; }
	.is_list_wrap ul li p { font-size:11px;line-height: 1.5em; margin:8px 0;}
	.is_list_wrap ul li > a { font-size:10px; padding:0px 10px; }
	
	
	.is_search_box .inputText, .is_search_box .selectText { height:35px !important; }
	.key_wrap .inputText { width:100%; }
	.key_wrap .selectText { width:calc(50% - 3px) !important; }
	.key_wrap .btn_m { width:100%; margin-top:15px; }

	.list_year li strong { font-size:0.9em; }
	.toggle_box { background:#f4f4f4; border-top:1px solid #ededed; padding:20px 15px; }
	.archive_tab { width:calc(100% + 40px); margin-left:-20px; }
	.archive_tab .tab_list strong { display:none;}
	.archive_tab .tab_list li a { padding:6px 0;font-size:12px;font-weight:400; }
	.archive_tab .toggle > li .toggle_tit a { font-size:1.1em; }
	.archive_tab .tab_list li.active a { font-weight:600; }
	.archive_tab .tab_list li:first-child.active { border-left:none; }
	.archive_tab .tab_list li:last-child.active { border-right:none; }
	.archive_tab .toggle > li .toggle_tit a, .archive_tab .toggle > li.active .toggle_tit a, .list_topic li a, .archive_tab .toggle > li.active:hover .toggle_tit a,  .archive_tab .toggle > li:hover .toggle_tit a { padding:15px 20px; }
	.toggle_tit a::after, .toggle_tit a::before { right:20px; }
	.list_topic li a { font-size:1.1em; }
	.list_topic li a span { font-size: 0.5em; }
	.list_year li { width:100%; margin:0 0 5px; border:1px solid #e7e7e7; background:#fff; border-radius:5px; }
	.list_year li:last-child { margin:0; border:1px solid #e7e7e7; }
	.list_year li .cover { background-color:#fff; width:35px; height:35px; border-radius:13px; overflow:hidden; border-color:#ddd; margin-right:15px; }
	.list_year li .cover .bg_box {  width:100%; height:100%; border-radius:0; }
	.list_year li strong { color:#333; margin-right:10px; }
	.list_year li .text { display:flex; margin:0; align-items:center; }
	.list_year li p { background:#fff; border-color:#ddd; color:#333; margin:0; font-size:0.8em; }
	.list_year li a { padding:8px 10px; align-items:center; flex-direction:row; }
	
	.wzno { font-size:10px; padding:0px 10px; }
	
	.move .swiper-slide a:hover { color:#3c3c3c; }
	.move .swiper-slide.on a:hover { color:#004af1; }
	.move_wrap.fix .move .swiper-slide a:hover { color:#999; }
	.move_wrap.fix .move .swiper-slide.on a:hover { color:#fff; }
	
	.board_file { padding:4px; }
	.board_file .file_list .file_box { padding:3px 5px 3px 8px; }
	.board_file .file_list .file_box p { font-size:11px; padding-right:15px; min-width:70px; }
	.board_file .file_list .file_box .btn_inner { display:flex; align-items:center; justify-content:flex-start; width:16px; }
	.board_file .file_list .file_box .btn_inner span { font-size:11px; }
	
	.board_write ul > li { padding:10px 0; }
	.board_write ul li > .title { font-size:0.9em; margin-bottom:10px; }
	.caption .must { font-size:12px; }
	.caption { margin-bottom:10px; }
	.board_write ul > li .exp { font-size:11px; }
	.file_up label { width:90px; font-size:11px; height:32px; padding:4px 0; }
	.file_up .btn_fileup span { margin-left:5px; }    
	
	.news_slide { margin-left:-15px; padding-left:15px; padding-bottom:0; }
	.notice.active .news_slide { width:calc(100% + 30px) !important; }
	.news_slide .news a { padding:20px;min-height:125px; }
	.news_slide .swiper-wrapper { padding:30px 0 25px; }
	
	#qna_popup .inner-layer-popup { width:calc(100% - 30px); height:calc(100% - 60px); }
	#qna_popup .layer-popup-contents { max-height:calc(100% - 115px); }
	#qna_popup .layer-popup-bottom .btn_m { padding:0 40px; }
	#qna_popup .board_write li { padding:13px 0; flex-direction:column; align-items:flex-start; }
	#qna_popup .board_write li label { margin-bottom:7px; font-size:0.9em; }
	#qna_popup .board_write li .calc110 { width:100%; }
	#qna_popup .inner-layer-popup p { font-size:0.9em; }
	#qna_popup p.must { font-size:0.8em; }
	#qna_popup input[type="text"], #qna_popup textarea { font-size:0.9em; }
	
	.editor_info ul li { margin:0; padding:0; }
	.editor_info ul li:last-child { border-bottom:1px dashed #ddd; }
	.about_container { }
	.about_container .tabs li a { font-size:13px; }
	.member_wrap { margin-top:30px; }
	.remote { margin:-20px auto 40px auto; }
	
	.join_list li input { height:35px; }
	.join_list li .calc140 { width:calc(100% - 97px) !important; }
	.join_list .text_show label { top:11px; }
	.join_list .text_show.focus label { top:-4px; }
	.join_list li button { width:95px; }
	
	#joinAgreeText .inner-layer-popup { width:calc(100% - 30px); }
	#joinAgreeText .agree_text { padding:0 15px; height:350px; }
	
	.join .bottom_wrap { padding-top:0; }
	.join .bottom_wrap button { width:calc(100% - 20px); height:45px; font-size:13px; }
	
	#joinAgreeText .layer-popup-bottom .btn_m { font-size:1em; }
	
	.content_wrap.outreach h3 { font-size:1.3em; }
	.outreach .article_list { padding:25px 25px 20px; }
	.outreach .article_list ul { justify-content:space-between; }
	.outreach .article_list ul li { width:100%; margin:0 0 20px; }
	.outreach .article_list ul li p { padding:60px 20px; }

}

@media all and (max-width: 500px) {
	/*main page*/
	.header h1 {  }
	.header h1 a { width:100px; }
	.header h1 a img { height:30px; }
	
	.main_content h2 { font-size:1.5em; }
	.main_content .title_wrap .showmore { font-size:1em; }
	.main_slide .slide p { text-align:left; }
	
	.article_list ul { justify-content:space-between; }
	.article_list ul li { width:calc(50% - 10px); display: block; margin:0 0 30px; }
	.article_list ul li:last-child { }
	.article_list ul li .img_box { width:100%; height:0; padding-bottom:61.808%; }
	.article_list ul li .text_box { width:100%; }
	.article_list ul li .category { margin:0 0 2px; }
	.article_list ul li .title { margin-bottom:10px; line-height:1.3em; font-size:1.1em; }
	.article_list ul li .text { margin-top:9px; }
	.article_list ul li .text a { line-height:1.5em; }
	.article_list ul li .by { width:100%; font-size:10px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.sub_title h2.webznView { font-size:1.4em; }
	.main_wrap.banner { margin-top:20px; }
	.banner ul li { margin-bottom:30px; }
	.main_wrap.banner .title_wrap { margin-bottom:13px; }
	
	.resp .like { font-size:10px; line-height:1em; }
	.resp .like span { width:15px; height:15px; margin-right:1px; }
	.resp .like span::before { background-size:15px 30px; }
	.article_content .resp { margin-top:30px; padding:10px 0 10px 10px; }
	
	.hotClick {  }
/* 	.hotClick ol li { width:100%; border:none; margin:0; }
	.hotClick ol li a { width:100%; display:flex; align-items:center; background:none; border:none; color:#333; box-shadow:none; border-radius:0; padding:0; }
	.hotClick ol li a:hover { background:#fff; color:#333; box-shadow:none; }
	.hotClick ol li a span { width:calc(100% - 30px); display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:7px 0; border-bottom:1px dashed #ccc; }
	.hotClick ol li em { display:inline-block; margin-right:10px; width:20px; height:20px; line-height:20px; background:#0916b2; color:#fff; border-radius:20px; text-align:center; }
	.hotClick ol li a::before { display:none; }
	.hotClick ol li:last-child span { border-bottom:none; } */
	
	.notice.main_wrap { margin:70px 0; }
	.news_slide .slick-slide a { min-height:125px; }
	.news_slide .slick-slide a strong { font-size:12px; }
	.news_slide .news em { font-size:10px; }
	.news_slide .slick-slide { padding:30px 10px; }
	.news_slide .news { border-radius:10px; }
	.news_slide .news a strong { margin-bottom:15px; min-height:45px; }
		
	.footer_text br { display:inline-block; }
	.footer_text { font-size:0.7em; margin-top:5px; } 
	.footer_text strong { margin-bottom:2px; }	
	.footer_logo ul { border-bottom:0; padding-bottom:0; margin-bottom:10px; }
	.footer_logo a img { height:10px; }
	.footer_logo ul li:last-child img { height:11px; }
	.footer_logo ul li:last-child::before { margin:0 7px; height:11px; }
	
	.login_wrap { padding:20px; }
	.login { }
	.login_content { width:100%; }
	.login_wrap .bottom_content { position:static; text-align:left; padding:0; margin-top:30px; font-size:12px; }
	.login_wrap .bottom_content ul { justify-content:center; }
	.login_wrap .bottom_content a img { height:12px; }
	.login_wrap .bottom_content ul li:last-child img { height:14px; }
	.login_wrap .bottom_content .text strong { margin:15px 0 5px; }
	
	.check label { font-size:0.9em; }
	
	/*board*/
	.search_wrap .search_select, .search_select { width:100px; }
	.search_wrap .search_box, .search_box { width:calc(100% - 110px); }

	.sub_title { margin:20px 0 30px; }
	.sub_title h2 { font-size:1.3em; }
	.article_header .subtitle { font-size:13px; margin-bottom:0; }
	.sub_title em { font-size:11px; margin-top:10px; font-weight:400; color:#999; }
	.article_view { padding:30px 0 0; }
	.pageinfo p { font-size:1em; }
	
	.content_wrap { padding-top:0; }
	.content_wrap h3 { font-size:1.6em; }
	.content_wrap.history h3 { position:static;text-indent:0;line-height:1.6em; font-size:1.6em;height:auto;width:auto;color:#333; text-align:left;padding-left:20px;}
	.content_wrap.history { padding:0px; }
	.bg_text { display:none; }
	.related { margin:40px 0 -11px; }
	.related .listshow .swiper-slide { padding:10px; }
	.related .listshow .swiper-slide .bg_box { border-radius:8px; }
	.related .listshow { margin:0 0 0 -10px; width:calc(100% + 20px); }
	.related .listshow .swiper-slide  { font-size:12px; }
	.related .listshow .swiper-slide .category { margin:0; }
	.related .swiper-wrapper { padding-left:0; }
	
	.bg_text { font-size:5em; }
		
	.board_header { padding:15px 0; }
	.board_header strong { margin-bottom:5px; }
	.board_header .by { margin:0 0 8px; }
	.board_header .by p { font-weight:400; font-size:11px; }
	.board_header .by p em { display:none; }
	
	.board_img_list li .b_thumb { width:60px; height:60px; border-radius:10px; }
	.board_img_list li .b_text { width:calc(100% - 60px); padding-left:20px; }
	.board_img_list li .b_text .title { font-size:1em; margin-bottom:0; }
	.board_img_list li .b_text .text { font-size:0.9em; line-height:1.4em; }
	
	.date_pick { flex-wrap:wrap; justify-content:flex-start;  }
	.date_pick .form_wrap { display:flex; width:calc(100% - 10px); }
	.date_pick .form_wrap:last-child { margin-top:3px; }
	.date_pick .width150 { width:35% !important; }
	.date_pick .width100 { width:30% !important; margin-left:3px; }

	.move .swiper-slide a { font-size:0.9em; }
	.dot li::after, .dot > div::after { margin:0 10px; }
	.is_result { padding:20px 0; }
	.article_wrap .title_wrap .title { padding:0; }
	
	.thumb_video::after { width:70px; height:70px; }
	.thumb_video::before { width:25px; height:25px; }
	
	.article_info > li > ul { }
	.article_info > li { border:none; }
	.article_info li ul li, .article_info li ul li:last-child { border-bottom:1px dashed #ccc; }
	.article_info li ul li .row { display: block; padding:15px 0; border:none; }
	.article_info li ul li .row .corner { border-right:0; padding:0; margin-bottom:5px; }
	.article_info li ul li .row div { padding:0; width:100% !important; }
	.article_info li strong { margin-bottom:10px; }
	
	.article_content .resp .left .say { margin-left:15px; }

	.greeting .text .master_sign { justify-content:flex-end; flex-direction:column; }
	.remote { margin:-50px auto 20px auto; }
		
	.join { margin:30px 0 0; width:100%; }
	.join .caption .must { padding-right:10px; }
	.join_list { padding-top:0; }
	.join_list li { padding:15px 10px; margin:0; border-bottom:5px solid #ededed; }

	.join_list li .exp { line-height:1.6em; }
	.join .bottom_wrap { padding-top:10px; }
	.editor_text { font-size:13px; }
	.editor_info ul li p em span.m { display:block; padding-left:47px; }
	
	.wrap-layer-popup.search_login { width:calc(100% - 30px); left:15px; }
	.wrap-layer-popup.search_login > .inner-layer-popup { border-radius:10px; }
	.wrap-layer-popup.search_login .btn-layer-close { top:12px; right:12px; }
	.loginForm button { height:40px; }
	.login_wrap .btn_l { height:40px; }
	.login_wrap .logo { margin-bottom:20px; }
	.login_wrap .logo img { height:17px; }
	
	.actv_view { margin-top:20px; }
	
	a.writer { display:inline-block; }
	.sub_container { padding-bottom:10px; }
	.sub_title .article_header.title { margin-top:20px; }
	.related .listshow .swiper-pagination_wrap { justify-content: center; margin-top:10px; }
	.related .swiper-pagination-bullet { margin:0; }
	.reply_write .forlogin { padding:10px 13px 0px; }
	.reply_write .forlogin p { font-size:12px; }
}

@media all and (max-width: 400px) {
	
	.inner { padding:0 15px; }
	.header .header_top .list_wrap { width:320px; }
	.header .header_bottom .inner { padding:0 15px; }
	.header .header_bottom .info { padding:0 10px; height:30px; font-size:0.8em; }
	.header .header_bottom { padding:15px 0; }
	.header.on .header_bottom .gnb { width:260px; }

	/*board*/
	.search_wrap { width:100%; }
	.reply_list ul li { padding:13px; }
	.reply_list ul li .btn_wrap { top:10px; right:10px; }
	
	.skip_top { width:40px; height:40px; right:10px; }
	
	.editor_info ul li { border-radius:0; border:none; box-shadow:none; border-bottom:1px solid #ededed; padding:15px 0; margin:0; }
	.editor_info ul li:first-child { padding-top:0; }
	.editor_info ul li:last-child { border-bottom:none; padding-bottom:0; }
	.office_map { height:160px; }
	.office_text {  }
	.office_text p { font-size:1em;line-height:1.5em; }
	.office_text strong { padding:0; }
	
	.archive_tab { width: calc(100% + 30px); margin-left:-15px;}
	.related h2 { margin-bottom:5px; }
	.related { padding:40px 0 20px; margin:55px 0 -10px; }
	.related .btn_list, .related.active .btn_list { right:20px; width:calc(100% - 40px); border-color:#c1c1c1; height:40px; top:-20px; font-size:10px; box-shadow:rgb(50 50 93 / 30%) 0px 5px 12px -5px, rgb(0 0 0 / 11%) 0px 5px 10px -10px; }

	.remote { width:100%; }
	.join_list li .calc140 { width:calc(100% - 87px) !important; }
	.join_list li button { width: 85px }
}

@media all and (max-width: 350px) {
	.header .header_bottom .info { display:none; }
	.header .header_top .list_wrap { width:100%; }
	.header.on .header_bottom .gnb { width:calc(100% - 60px); }
	.remote_control { flex-direction:column; align-items:center; }
	.remote ul { margin:0 0 13px; }
}


@media all and (max-width: 300px) {
	
	.login { padding:20px 15px 15px; }
	.login_wrap h1 { margin-bottom:15px; }
	.login_wrap h1 img { width:80%; heihgt:auto; }
	.login_wrap .bottom_content a img { height:10px; }
	.login_wrap .bottom_content ul li:last-child img { height:12px; }
	.btn_l { height:40px; }
	.inputText, .selectText { height:40px; }
	.login li .login_input label { width:40px; height:40px; }
	.login li .inputText { width:calc(100% - 40px); }
}