@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; gap:15px; } .contactus .contact_box { width:100%; padding:25px; margin: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); } }HoME㽶seo ENTER NUMBET 0015