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



@media all and (max-width: 1700px) {
/* .member_box { }
.member_box > ul > li { padding:20px 0; }
.member_box ul li .title { margin-bottom:5px; font-size:1.2em; } */
.sea { background:#c5dbec;  }

}

@media all and (max-width: 1500px) {
	.sitemap_nav { width:100%; }

	.sea { background:#c5dbec; }
	.map_asia {  }

	.login { padding:50px 5em; }
}

@media all and (max-width: 1400px) {
	/*subpage*/
	.skip_top.float { position:absolute; }
	.move { margin-bottom:0; }

	.bottom_content { width:100%; padding:0 2em; }
	.login_content { width:50%; }
	.login_wrap { padding-left:50%; }

}

@media all and (max-width: 1270px) {
.inner { width:100%; padding:0 30px; }
.sub_contents .inner { padding:0; }
.announce_wrap .title_wrap { left:30px; }
.announce_wrap .swiper-pagination { margin:0; }
.main-slide-control .swiper-pagination { right:50px; bottom:30px; }

	/*subpage*/
	.sea {  }
	.map_asia { width:570px; height:539px; transform:translateX(0px); }
	.member_box { width:275px; }
	.member_box h3 { font-size:1.3em; margin:0 0 15px; }

	.betwtab .tabs {}
	.betwtab .tab_container {  }

	.greeting .content_header { padding:0; }
	.greeting .content_header .text {}
	.greeting .content_header .text h3 { text-align:left; margin-bottom:15px; }
	.greeting .content_header .text strong { text-align:left; display:block; }
	.greeting .content_header .text p { text-align:left; }
	.greeting .content_header img { width:250px; }

	.gray_box { padding:5em 0px; }

	.awradswiper { margin-top:35px; }
	.awardees_wrap { margin-top:-20px; }
	.awardees_wrap .inner { padding:0; }
	.awardees_wrap .tab_container { padding:0 0; }
	.awardees_wrap .tabs li a { padding:20px 0; }
	.awardees_wrap .tabs li a span { font-size:12px; }
	.history ul li .history_img img { max-width:100%; }
	.history ul li { border-bottom:none; }

}

@media all and (max-width: 1200px) {

	.sitemap { padding:30px 0 0; }
	.sitemap .head { padding:0 2em; }
	.sitemap_header { right:6em; }
	.sitemap .wrap { align-items:flex-start; padding:5em 2em 0; }
	.sitemap_nav ul { flex-direction:column; }
	.sitemap .depth1 { margin:0; padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.3); position:relative; }
	.sitemap .depth1 > a { margin:0; font-size:1.3em; }
	.sitemap .depth1::after { content:''; display:inline-block; width:10px; height:10px; display:inline-block; background:url(/images/user/arrow_bottom_fff.svg) 50% 50% no-repeat; position:absolute; top:25px; right:0; }
	.sitemap .depth1.active::after { transform:rotate(180deg); }
	.sitemap_nav ul:hover li a, .sitemap ul:hover li p { color:#fff; }
	.sitemap .depth2 { display:none; margin-top:20px; }
	.sitemap .depth2 ul { margin-bottom:0; }
	.sitemap .depth3:last-child, .sitemap .depth3:last-child li:last-child { margin-bottom:0; }
	/*main page*/
	.swiper-button-next, .swiper-button-prev { display:none; }
	.static_contr.swiper-button-prev, .static_contr.swiper-button-next { display:flex; }
	.aboutswiper li a { font-size:1.2em !important; }

	.constitution_wrap .tabs { margin:-5px; flex-wrap:wrap; }
	.constitution_wrap .tabs li { width: calc(50% - 10px); margin:5px; }
	.constitution_wrap .tabs li:last-child { margin-right:10px; }
	.constitution_wrap .tabs li a br { display:block !important; }

	.map_asia { transform:translateX(-50px); }


}

@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:50%; bottom:-25px; color:#333; transform:translateX(50%); 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%; }

	.cm_list { width:calc(100% + 20px); margin:-10px;}
	.cm_list li { width:calc(25% - 20px); margin:10px; }

	.sea {  }
	.map_asia { width:477px; height:452px; }
	.member_box h3 { font-size:1.3em; margin:0 0 15px; }
	.member_box ul li li p {  }
	.member_box ul li li a { }

	.awardees .awardees_list li .head { width:250px; }
	.awardees .awardees_list li .text { width:calc(100% - 250px); }

}

@media all and (max-width: 1000px) {

	.donate .inner { padding-bottom:50px; }
	.inner_view { width:100%; padding:0 20px; }
	.login li .login_input label { height:40px; }

	.subpage_inner { width:100%; padding:0; }
	.sub_contents { width:100%; border-top:none; padding:0; }
	.content_header { margin-bottom:20px; }
	.content_header h3 { font-size:1.5em; }
	.sub_contents .inner { padding:0; }
	.leftmenu { display:none; }

	/*subpage*/
	.breadcrumb .btn_prev { padding:0; }
	.sub_title { padding: 10px 0 0; margin:70px 0 30px; }
	.sub_title.visual_type { margin:70px 0 30px; }
	.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;}
	.btn_l { height:40px; padding:0 40px; }
	.login button { height:50px; }
	.editor_info ul li {  }
	.history ul { padding:30px 0; }
	.article_header em { margin-top:20px; }
	.related { margin:70px 0 -50px; }
	.move .swiper-slide a { height:50px; line-height:50px; font-size:1em; }
	.move .swiper-slide { height:50px; }
	.move .swiper-wrapper { display:flex; justify-content:normal;}
	.sub_title { margin:70px 0 0; }
	.greeting .text { width:100%; }

	.header { height:70px; border-bottom:1px solid #ededed !important; }
	.header .inner, .header_content { height:100%; }
	.header_content h1 img { height:30px; }
	#gnb_wrap .gnb { display:none; }
	.gnb_button li, .gnb_button::before { display:none; }
	.gnb_button li:last-child { display:inline-block; }

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

	.hb_wrap .obj { align-items:flex-start; flex-direction:column; border:none; }
	.hb_wrap .obj .title { position:static; padding:0; margin-bottom:20px; }

	/*board*/
	.board_list li.t_head { padding:15px 0; }
	.board_list li { padding:15px 0; }
	.b_num { display:none; }
	.b_tit { width:calc(100% - 240px); }
	.b_date {  }

	.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; }

	.betwtab { flex-direction: column; }
	.betwtab .tabs { }
	.betwtab.council_wrap .tabs li {  }
	.betwtab .tabs li {  }
	.betwtab .tabs li a { width:100%; height:100%; display:flex; align-items:center; padding:15px; justify-content:center; text-align:center; font-size:1em; line-height:1.3em; flex-direction:column; }
	.betwtab .tabs li span { display:none; }
	.betwtab .tabs li.active { border:1px solid #57a2fc; }
	.betwtab .tab_container { width:100%; border-top:none; }
	.betwtab .tab_content > strong { font-size:1.5em; }

	.constitution_wrap .tab_container li { padding:25px 0; border-bottom:1px dashed #ddd; }
	.constitution_wrap li strong { margin-bottom:10px;font-size:1.2em; }
	.constitution_wrap .by { margin:15px 0 30px; font-size:12px; }
	.constitution_wrap li dl { font-size:1em; }
	.constitution_wrap li dt { width:35px; margin:5px 0; }
	.constitution_wrap li dd { width:calc(100% - 35px); margin:5px 0; }
	.constitution_wrap li p { font-size:1em; }
	.constitution_wrap li .text { padding-left:15px; }

	.contactus { margin-bottom:25px; }
	.contact_box strong { margin-bottom:10px; }
	.contact_box p { line-height:1.5em; }
	.contact_box dd { font-size:13px; }

	.greeting .text { width:100%; }
	.council_wrap .tabs li:last-child { margin-top:5px; border-top:1px solid #ddd; }
	.betwtab .tabs li:last-child.active { border-top:1px solid #57a2fc; }

	.hb_wrap.first .sideimg, .hb_wrap .obj_wrap { flex-direction:column; }
	.hb_wrap.first .sideimg img { width:100%; }
	.hb_wrap.first .text { padding-left:0; }
	.hb_wrap .obj { width:100%; padding:0; }
	.hb_wrap .obj:first-child { padding:0 0 40px; margin-bottom:40px; border:none; border-bottom:1px solid #ccc; }
	.hb_wrap .obj:last-child { padding:0; }

	.hb_wrap ol li { margin-bottom:10px; }
	.hb_wrap ol li span { width:7px; height:7px; margin:7px 0 0 0; }

	.sea { margin-bottom:25px; }
	.map_asia { width:563px; height:530px; transform: translateX(0); }
}

@media all and (max-width: 900px) {

	*:focus { outline:none; }

	.header .header_bottom .inner { justify-content:space-between; padding:0 20px; }
	.header h1 { position:static; transform:none;  }

	.news_slide .slick-slide:hover { transform:translateY(0); }
	.main_slide .slide em { font-size:1em; }
	.activities li { margin:15px; width:calc(33.333% - 30px); }
	.content_wrap { padding:0; }
	.main_content .title_wrap { margin-bottom:15px; }
	.main_slide .swiper-slide { padding:2.5em; font-size:13px; }
	.main_slide .swiper-slide p {  }
	.main_slide .swiper-slide img { height:40px; }
	.main_slide .swiper-slide.award { font-size:12px; background-size: 55%; }
	.member_list { margin-bottom:30px; }

	.announce_wrap .title_wrap { position:static; }
	.announcement { padding:0; margin-bottom:20px; }
	.announce_wrap .control { top:auto; bottom:-40px; left:auto; right:0; }


	/*board*/
	.bottom_wrap { padding-top:35px; }
	.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; }

	.header .header_bottom .sns { display:none; }
	.webznIssueNo { position:static; transform:none; }
	.article_content .resp { margin-top:40px; padding-top:0; border-top:none; }

	.hb_wrap .card4 li { width:calc(50% - 20px); margin:10px; }
	.hb_wrap .card3 li { width:calc(50% - 20px); }

	.sea { }
	.member_box { }

	.bottom_content { display:none; }
	.login_content { width:100%; }
	.login_wrap { padding:0; }
	.login_wrap h1 { font-size:2em; }

	.award_content .text_wrap.first { margin-top:0; }
	.award_content .text_wrap .title { font-size:1.4em; }
	.award_content .card_wrap { margin:-5px; width:calc(100% + 10px); }
	.award_content .card_wrap.card3 li { margin:5px; width: calc(33.33% - 10px); }

	.award_box_wrap { margin:20px 0 30px; }
	.award_content .inner > .text_wrap {  }
	.award_content .inner > .text_wrap:last-child { margin-bottom:25px; }

}

@media all and (max-width: 850px) {
.map_wrap { display:none; }
.sea {  border:none; background:none; }
.member_box { width:100%; height:auto; position:static; padding:0; overflow-y:visible; }
.member_box > ul { display:flex; margin:-10px; flex-wrap:wrap; }
.member_box > ul > li { width:calc(50% - 10px); margin:5px; border-color:#ccc; }

.member_box ul li.active { background:#fff; border:1px solid #ccc; color:#000; }
.member_box ul li.active a { color:var(--link); }

}

@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:0; font-size:0.85em; flex-direction:column; }
	.footer_text .logo { margin:0 0 15px 0; }
	.footer_text .logo img { width:90px; }
	.footer_content { flex-direction:column; }
	.footer_left { width:100%; }
	.sns { margin-top:25px; }
	.sns li:first-child { margin-left:0; }


	.cm_list { width:calc(100% + 20px); }
	.cm_list li { width:calc(50% - 20px); }


	/*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-bottom: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; }
	.about_container .content_wrap:first-child { padding-top:0; }
	.about_map { margin-bottom:-50px; }
	.bg_text { font-size:7em; white-space: nowrap; }

	.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; }

	.award_content { font-size:13px; }
	.award_content h3 { font-size:2em; }
	.award_content .award_text .text_wrap { width:calc(100% - 280px); }
	.award_content .text_wrap .title { font-size:1.6em; line-height:1.5em; margin-bottom:8px; }
	.award_box .title { font-size:1.6em; line-height:1.5em; margin-bottom:8px; }
	.award_content .award_text { margin-bottom:20px; }
	.award_content .text_wrap .card_wrap.blue_box li { width:100%; }
	.award_content .card_wrap { width:100%; margin:0; }
	.award_content .card_wrap.card3 li { margin:7px 0; width:100%; display:flex; justify-content:space-between; align-items:center;}
	.award_content .text_wrap .card_wrap.blue_box li p { width:calc(100% - 80px); }
	.award_content .text_wrap .card_wrap.blue_box li img { margin:0; height:30px; }
	.award_content .award_text { flex-direction:column; align-items:center; }
	.award_content .award_text .text_wrap { width:100%; margin-top:20px; }
	.award_content h3 { font-size:1.62em; }
	.awardees .awardees_list li .head { width:200px; margin-bottom:0; }
	.awardees .awardees_list li .text { width:100%; margin-bottom:30px; }
	.awardees .awardees_list li { flex-direction: column-reverse; align-items: center; }
	.list_wrap li { }
	.list_wrap li strong { font-size:1.1em; }
	.list_wrap li p, .list_wrap li dl { font-size:1em; line-height: 1.5em; }
	.award_content .text_wrap p { font-size:1em; }
	.award_content .static-control { display:none; }

	.award_content .text_wrap { font-size:12px; padding:20px 0; }
	.award_content .text_wrap .title { margin-bottom:7px; }
	.awardees ul:not(.card_wrap) li { padding:15px 0; }
	.awardees { padding:40px 0 0; }
	.awardees > strong span { padding:0px 10px; font-size:12px; }
	.awardees > strong { font-size:1.2em; }
	.award_content .text_wrap .mail { font-size:1em; }
	.award_box { height:auto; overflow-y:auto; }
	.word_list li { padding:5px 0 5px 35px; width:100%; }
	.word_list li span { width:25px; height:25px; font-size:0.8em; }

	.award_box_wrap { margin:0 0 -30px; }
	.award_box_wrap .swiper-wrapper { flex-direction: column; }
	.award_box_wrap .award_box { padding:0; border:none; border-radius:0; box-shadow:none; background:none; min-height:0; margin-bottom:30px; }

	.main_slide .swiper-slide .text > span { padding-right:0; }

	.hb_wrap #presidents ul { width:calc(100% + 20px); margin:-10px; }
	.hb_wrap #presidents ul li { align-items:center; flex-direction:column; border:1px solid #ccc !important; margin:10px; padding:15px; width:calc(50% - 20px); }
	.hb_wrap #presidents ul li:last-child { margin-bottom:0; }
	.hb_wrap #presidents ul li > strong { font-size:1.8em;text-align:left;line-height:1em; left:15px; top:15px; }
	.hb_wrap #presidents ul li .img { margin:0 0 15px; }
	.hb_wrap #presidents ul li .text { text-align:center; }
	.hb_wrap #presidents ul li .name strong { font-size:1em; }
	.hb_wrap #presidents ul li p { font-size:11px; margin-top:5px; text-align:center; line-height:1.5em; }
	.hb_wrap #presidents ul { border-top:none; }
	.hb_wrap #presidents ul li:nth-child(2n-1)::after { display:none; }

	.contactus { margin:-10px -10px 25px; }
	.contact_box { width:calc(50% - 10px); margin:5px; }

	.headquarters .text {  }
	.headquarters .text img { width:70px; margin-bottom:10px }
	.headquarters .text strong { font-size:1em; }
	.headquarters .text span { font-size:0.9em; }

}

@media all and (max-width: 700px) {
	/*main page*/

	/*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 { height:13px; margin:0 15px -7px; }
	.move .swiper-slide { height:40px; }
	.move .swiper-slide a { font-size:1em; height:40px; 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:15px 0 40px; }
	.breadcrumb ul { display:none; }
	.breadcrumb .btn_prev { display:inline-block; }
	.sub_contents { padding:0 0 25px; }
	.sub_title_top { margin-bottom:22px; }
	.sub_title .title { margin-top:27px; }
	.sub_title.visual_type .breadcrumb .btn_prev { background:none; color:#fff; }

	.move_wrap { padding:0 20px; }
	.move { padding:0; }
	.move .swiper-pagination-progressbar::before, .move .swiper-pagination-progressbar::after { width:20px; height:43px; }

	.bottom_wrap .pagination { position:static; transform:none; width:100%; margin-bottom:20px; }

	.history li { padding:20px 0; border-bottom:1px solid #ededed; }
	.history li p { position:static; height:auto; width:auto; line-height:1em; padding:5px 10px; margin-bottom:10px; }
	.history li dl dt { font-size:1em; margin-bottom:5px; }
	.history li dl dd { font-size:1em; margin-bottom:15px; }
	.history li:nth-child(2n) {  }

	.betwtab.council_wrap .tabs li {}
	.betwtab .tabs li { }
	.betwtab .tabs li a { font-size:1em; }
	.betwtab .tabs li a br { display:none; }
	.betwtab .tabs li a span { font-size:10px; font-weight:400; line-height:1em; margin-bottom:5px; }
	.council_wrap .tab_content ul { width:100%; margin:0; }
	.council_wrap .tab_content ul li { width:100%; margin:0 0 10px 0; overflow:hidden; }
	.betwtab .tab_content > strong { font-size:1.2em; }
	.council_wrap .tab_content ul li dd img {  }
	.council_wrap .tab_content ul li::after { width:calc(100% - 2px); height:calc(100% - 2px); }
	.contactus { flex-direction: column; }
	.contactus .contact_box { width:100%; padding:25px; margin:0 0 15px 0; font-size:12px; }
	.contactus .contact_box:last-child { margin-bottom:0px; }

	.greeting .content_header img { bottom:0px; width:200px; }

	#presidents ul li { position:relative; }
	#presidents ul li > strong { position:absolute; top:35px; }
	#presidents ul li .img { width:100px; height:100px; margin-right:20px; }

	.hb_wrap ul { flex-direction:column; }
	.hb_wrap ul li {  }
	.hb_wrap.appc ul li { border-bottom:1px solid #ccc; width:100%; padding:20px 0; }
	.hb_wrap.appc ul li strong { font-size:1em; padding:2px 8px; }
	.hb_wrap ul li:nth-child(2n-1)::after { display:none; }

	.hb_wrap .sideimg { flex-direction:column; }
	.hb_wrap .cover { width:100%; display:flex; flex-direction:column; align-items:center; margin-bottom:10px; }
	.hb_wrap #presidents ul { flex-direction: row; }

	.constitution_wrap .tabs { margin:-5px 0; flex-wrap:wrap; }
	.constitution_wrap .tabs li { width:100%; margin:5px 0; }

	.member_box > ul { display:flex; margin:-5px 0; flex-wrap:wrap; }
	.member_box > ul > li { width:100%; margin:5px 0; }

	.headquarters img { width:100%; }
	.headquarters .text { width:calc(100% - 30px); position:static; margin:-50px 15px 0px; padding:25px 20px; }
	.contactus { margin:0 0 25px; }

	.previous ul li { width:100%; margin-bottom:10px; }

	.bulletin { display:block; }
	.bulletin .poster { float:left; margin:0; }
	.bulletin .text { width:100%; }

	/*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; }

}

@media all and (max-width: 600px) {
	.inner { padding:0 20px; }
	/*main page*/
	.main_content .title_wrap { margin-bottom:20px; }

	.cm_list { width:calc(100% + 10px); margin:-5px;}
	.cm_list li { width:calc(50% - 10px); margin:5px; }
	.cm_list li img { height:90%; }
	.cm_list li a { height:45px; }

	.activities li { width:calc(50% - 30px); }

	.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:1.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:40px;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; }

	.history ul { padding:0; }
	.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; }
	.history ul li p { font-size:1em; margin-bottom:10px; }

	.history ul::after, .history ul li::after, .history ul li .history_wrap::after { display:none; }
	.history ul li, .history ul li:nth-child(2n) { border-bottom:1px solid #ddd; text-align:left; padding:0 0 20px; margin:0 0 20px 0; }
	.history ul li:last-child { margin-bottom:0; border-bottom:none; }
	.history ul li .history_wrap { width:100%; transform:translate(50%, -10px); border:none; transition:all .5s; border-radius:10px; }
	.history ul li .history_wrap .date { font-size:1.5em; margin-bottom:10px; }
	.history ul li .history_wrap { padding:20px; font-size:12.5px; }
	.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; }

	.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; }

	.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: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; }

	.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; }

	.announce_wrap .swiper-slide { height:120px; }
	.announce_wrap .swiper-slide p { align-items:flex-start; flex-direction:column; }
	.announce_wrap .swiper-slide .by::before { display:none; }
	.announce_wrap .swiper-slide span:first-child { margin-bottom:5px; }
	.award .text p { padding:0; }
	.main_slide .swiper-slide p { font-size:1em; }
	.main_slide .swiper-slide img { height:25px; margin:20px 0; }
	.main_slide .swiper-slide a.showmore { height:35px; line-height:31px; }
	.main_slide .swiper-slide.bulletin .cover_wrap { margin:-20px 0 15px; position:relative; padding-top:210px;}
	.main_slide .swiper-slide.bulletin .cover_wrap strong br { display:none; }
	.main_slide .swiper-slide.bulletin .cover { width:140px; margin:0 10px; position:absolute; top:0; }
	.main_slide .swiper-slide.bulletin .btn_wrap { width:100%; display:flex; }
	.main_slide .swiper-slide.bulletin .showmore { width:auto; white-space:nowrap; height:35px; line-height:31px; }
	.main_slide .swiper-slide.bulletin h2 { text-align:center; transform:translateY(-10px); }
	.main_slide .swiper-slide.bulletin .logo { width:70%; height:auto; margin:0 auto !important; }

	.main_slide .swiper-slide .text > span { margin:10px 0; line-height:1.5em; }
	.main-slide-control .swiper-pagination { right:25px; bottom:20px; }
	.login_wrap .logo img { height:30px; }
	.login_wrap h1 { margin-bottom:25px; font-size:1.3em; }
	.login_wrap .logo { top:30px; left:30px; }
	.login { padding:0 20px; }
	.login li { margin-bottom:15px; }

	.static-control { display:none; }

}

@media all and (max-width: 500px) {
	/*main page*/

	.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 50px; }
	.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; }

	.award_content .text_wrap { padding:15px 0; }
	.award_content .text_wrap .title { margin-bottom:7px; }
	.award_content .inner > .text_wrap:last-child { padding:40px 0; }
	.gray_box { padding:40px 0; }
	.awardees .awardees_list li .text strong { font-size:1.1em; }

	.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; }

/* 	.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_select { width:100px; }
	.search_box { width:calc(100% - 110px); }

	.sub_title { margin:70px 0 0px; }
	.sub_title h2 { font-size:1.3em; }
	.sub_title_top { margin-bottom:20px; }
	.sub_contents { }
	.hb_wrap p, .greeting .text p, .history li dl { font-size:1em; line-height:1.6em; }
	.hb_wrap .title { font-size:1.5em; }
	.hb_wrap { padding:40px 0; }
	.hb_wrap ol li span { width:18px; height:18px; }
	.hb_wrap ol li p { width:calc(100% - 30px); }
	.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; }

	.content_wrap.history h3 { position:static;text-indent:0;line-height:1.6em;height:auto;width:auto;color:#333; text-align:left;padding-left:20px;}
	.content_wrap.history { padding:20px 0 50px; }
	.bg_text { display:none; }
	.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 -7px; }
	.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; }

	.hb_wrap .closing {margin-bottom:30px !important;}
	.hb_wrap .card4, .hb_wrap .card3 { margin:-5px 0; width:100%; }
	.hb_wrap .card4 li { width:100%; margin:5px 0; }
	.hb_wrap .card3 li { width:100%; margin:5px 0; }
	.contactus .contact_box { width:100%; padding:20px; font-size:11px; box-shadow:rgb(50 50 93 / 20%) 0px 10px 6px -10px, rgb(0 0 0 / 10%) 0px 15px 30px -30px; }
	.contact_box dl { margin-top:10px; }
	.contact_box dt { width:60px;  }
	.contact_box dd { width:calc(100% - 70px); }
	.contact_box p { margin-bottom:5px; }
	.contact_box p.address { font-size:1em; }

	.footer p { line-height:2em; font-size:0.9em; }

	.sitemap { padding:20px 0 0; }
	.sitemap_close { font-size:1.2em; }
	.sitemap .depth1 > a { font-size:1.1em; font-weight:500; }
	.sitemap .depth2 > ul > li > a, .sitemap .depth2 > ul > li > p { font-size:1em; }
	.sitemap_header ul li a { font-size:1em; }

	.betwtab .tab_content > strong br { display:none; }
	.council_wrap .tab_content ul li p { line-height: 1.5em; }

	.awardees_wrap { margin-top:-70px; }
	.awardees .awardees_list li .head p { margin-top:3px; }

	.content_header h3 { font-size:1.5em; }
	.council_wrap .tab_container { margin-top:15px; }
	.council_wrap .img_wrap { flex-direction:column; align-items:flex-start; }
	.council_wrap .img { margin:0 0 10px; }
	.council_wrap .name { text-align:left; }

	.bulletin .poster { float:none; width:100%; text-align:center; }
	.bulletin .text { width:100%; }

}

@media all and (max-width: 400px) {

	.inner { padding:0 15px; }
	.header h1 a { width:100px; }
	.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; }

	/*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; }

	.archive_tab { width: calc(100% + 30px); margin-left:-15px;}
	.related { padding:55px 0 0; margin:55px 0 -50px; }
	.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; }

	.main_slide .swiper-slide.award h2 { font-size:2em; }
	.award .text p { margin:15px 0; }

	.council_wrap .name strong { font-size:1em; }
	.council_wrap .name em { font-size:10px; margin-top:0px; line-height:1.7em; }
	.council_wrap .tab_content ul li dl { flex-direction: column; }
	.council_wrap .tab_content ul li dt { border:none; border-radius:0; padding:0; margin-bottom:0; width:auto; height:auto; text-align:left; line-height:1em; font-weight:600; }
	.council_wrap .tab_content ul li dd { margin-top:0; opacity:0.8; }

	.greeting .content_header {  }
	.greeting .content_header img { bottom:0px; width:150px; }
	.greeting .content_header .text h3 { font-size:1.7em; }
	.greeting .content_header .text strong { font-size:1em; }
	.greeting .content_header .text p { margin:0; }
	.greeting .text p { margin-bottom:20px; }

	#presidents ul { width:100%; margin:0px; }
	#presidents ul li { width:100%; margin:0 0 10px; }


}

@media all and (max-width: 350px) {
	.header .header_bottom .info { display:none; }
	.header .header_top .list_wrap { width:100%; }
}


@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); }
}