@charset "utf-8";

/* 폰트 불러오기 NotoSans */
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/noto-sans-kr-v12-latin_korean-300.woff2) format('woff2'),
         url(../fonts/noto-sans-kr-v12-latin_korean-300.woff) format('woff');
         
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/noto-sans-kr-v12-latin_korean-regular.woff2) format('woff2'),
         url(../fonts/noto-sans-kr-v12-latin_korean-regular.woff) format('woff');
         
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/noto-sans-kr-v12-latin_korean-500.woff2) format('woff2'),
         url(../fonts/noto-sans-kr-v12-latin_korean-500.woff) format('woff');
            
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/noto-sans-kr-v12-latin_korean-700.woff2) format('woff2'),
         url(../fonts/noto-sans-kr-v12-latin_korean-700.woff) format('woff');
            
}

/* 폰트 불러오기 nanum-pen-script-regular */
@font-face {
    font-display: swap;
    font-family: 'Nanum Pen Script';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/nanum-pen-script-v19-korean_latin-regular.woff2) format('woff2'),
         url(../fonts/nanum-pen-script-v19-korean_latin-regular.woff) format('woff');
}

/* 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, span, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {margin:0;padding:0;border:0;}

ol, ul, li, dl, dt, dd {list-style:none;margin:0;padding:0;}
a, a:link, a:visited, a:active { text-decoration: none; }
table {border-spacing:0;border-collapse: collapse;}
img { -ms-interpolation-mode: bicubic; vertical-align: top; max-width: 100%;}
select { color:#555; vertical-align:middle; padding: 5px; }
input { color:#555; vertical-align:middle; }
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:1em;}
button { background: none; cursor: pointer; }
textarea { resize: none; }
input, textarea { font-family: NotoSans; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, button { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: NotoSans; }
html, body { height: 100%; }
.body_wrap { font-size: 15px; line-height:1.4; font-family: NotoSans, HelveticaNeue-Light, AppleSDGothicNeo-Light, Arial, sans-serif; color:#333; min-height: 100%; height: auto !important; position: relative; padding-bottom: 400px; padding-top: 161px; }
.body_wrap.fixed { position: fixed; width: 100%; }
:focus { outline: none; }

.top { position: fixed; top: 0; left: 0; width: 100%; z-index: 555; border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s ease; background-color: #fff; }
.top_conts { height: 80px; position: relative; text-align: right; background: url(../images/bg_header.jpg) center no-repeat; background-size: cover; }
.top h1 { position: absolute; top: 50%; left: 50%; margin-left: -600px; transform: translateY(-50%); z-index: 1; }
.top h1 .home { display: inline-block; width: 89px; height: 37px; background: url(../images/logo2.png) right center no-repeat; vertical-align: middle; padding-left: 15px; margin-left: 12px; position: relative; background-size: auto 32px; }
.top h1 .home2 { width: 132px; background: url(../images/logo3.png) right center no-repeat; background-size: auto 32px; }
.top h1 .home::before { content: ""; position: absolute; top: 5px; left: 0; width: 1px; height: 27px; background-color: #fff; }
.top h1 .logo { display: inline-block; width: 163px; height: 37px; background: url(../images/logo.png) center no-repeat; vertical-align: middle; }
.top h2 { position: absolute; top: 50%; right: 50%; margin-right: -600px; transform: translateY(-50%); z-index: 1; }
.top_tool { padding: 11px 0; line-height: 58px; position: relative; }
.top_tool a { vertical-align: middle; font-size: 16px; line-height: 24px; color: #fff; font-style: italic; margin-right: 30px; opacity: 0.8; }
.top_tool a:hover { opacity: 1; }
.btn_quick { height: 58px; width: 180px; text-align: center; background-color: #AFA88C; position: relative; vertical-align: middle; }
.btn_quick::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-left: 20px solid #2D74B6; border-bottom: 58px solid transparent; }
.btn_quick p { font-size: 16px; font-weight: 500; color: #1E4D78; font-style: italic; }
.btn_quick .icon { position: absolute; top: 0; right: 0; width: 54px; height: 58px; background: url(../images/qck_arrR.png) center no-repeat; transform: translateX(100%); transition: transform 0.2s ease-in-out; }
.btn_quick.on .icon { background-image: url(../images/qck_arrL.png); }
.btn_quick:hover { padding-right: 38px; }
.btn_quick:hover .icon { transform: translateX(0); }
.quick_menu { position: absolute; top: 80px; right: 0; width: 180px; background-color: #333; text-align: left; padding: 10px 0 30px 16px; z-index: 777; transform: translateX(100%); transition: transform 0.2s ease-in-out; }
.on + .quick_menu { transform: translateX(0); }
.quick_menu li { padding: 5px 0; }
.quick_menu li a { display: block; height: 40px; line-height: 40px; font-size: 15px; color: #fff; padding-left: 10px; margin-right: 0; position: relative; }
.quick_menu li a .icon { display: inline-block; text-align: center; width: 40px; }
.quick_menu li a .icon img { vertical-align: middle; }
.quick_menu li a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; border-top-left-radius: 15px; border-bottom-left-radius: 15px; z-index: -1; transform: translateX(100%); transition: transform 0.2s ease-in-out; }
.quick_menu li a:hover::before { transform: translateX(0); }
.gnb_wrap { background-color: #fff; border-bottom: #f3f3f3; }
.gnb { max-width: 1200px; margin: 0 auto; text-align: center; }
.gnb::after { content: ""; display: block; clear: both; }
.gnb > li { display: inline-block; position: relative; height: 80px; background: url(../images/misc_gnb_bg.png) right center no-repeat; padding: 20px 20px 0 10px; }
.gnb > li:first-child { margin-left: 0; }
.gnb > li:last-child { background: none; }
.gnb > li > a { display: inline-block; font-size: 22px; font-weight: 500; color: #1E4D78; padding: 5px 20px; border-radius: 5px; }
.gnb > li:hover > a { color: #fff; background-color: #2D74B6; } 
.gnb_sub { display: none; position: absolute; top: 66px; left: 50%; transform: translateX(-50%); width: 200px; border-top: 7px solid #2D74B6; background-color: #DDEEFF; padding: 15px 0; text-align: left; }
.gnb_sub li a { display: block; height: 50px; line-height: 50px; font-size: 16px; font-weight: 300; color: #333; padding-left: 20px; }
.gnb_sub li span { display: inline-block; padding-left: 10px; line-height: 30px; font-size: 15px; font-weight: 500; color: #124d83;  }
.gnb_sub li a:hover { background-color: #2D74B6; color: #fff; }
.gnb_sub li .emp { padding-left: 10px; font-weight: 500; color: #000; height: 40px; line-height: 40px; cursor: default; }
.gnb_sub li .emp2 { padding-left: 10px; font-weight: 500; color: #000; margin-top: 12px; height: 40px; line-height: 40px; cursor: default; }
.gnb_sub li:hover .emp { font-weight: 500; color: #000; background-color: #DDEEFF; }
.gnb_sub li:hover .emp2 { font-weight: 500; color: #000; background-color: #DDEEFF; }

.container { position: relative; z-index: 333; }

.headline_section { height: 500px; overflow: hidden; position: relative; background-color: #1E4D78; }
.headline_wrap { width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px; padding-left: 950px; }
.headline_txt_slide_box { position: absolute; top: 0; left: 0; width: 950px; height: 500px; background-color: #1E4D78; z-index: 33; }
.headline_txt_slide_box::after { content: ""; position: absolute; top: 0; right: -200px; width: 0; height: 0; border-bottom: 500px solid #1E4D78; border-right: 200px solid transparent; z-index: 33; }
.headline_img_slide { overflow: hidden; }
.headline_img_slide li { height: 500px; }
.headline_img_slide li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.headline_txt_slide { height: 500px; overflow: hidden; }
.headline_txt { position: absolute; top: 80px; left: 50%; margin-left: -110px; width: 500px; height: 360px; }
.headline_txt h3 { font-size: 30px; font-weight: 300; color: #fff; position: relative; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 36px; max-height: 123px; }
.headline_txt > p { font-size: 18px; font-weight: 300; color: #fff; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 24px; max-height: 143px; padding-top: 20px; }
.headline_txt > p::before { content: ""; position: absolute; top: 0; left: 0; width: 280px; height: 0; border-top: 6px solid #AFA88C; border-right: 20px solid transparent; }
.headline_txt .btn_dtl { position: absolute; bottom: 0; left: 0; }
.btn_dtl { height: 54px; width: 191px; text-align: center; background-color: #fff; position: relative; overflow: hidden; }
.btn_dtl p { font-size: 18px; font-weight: 300; line-height: 54px; color: #333; }
.btn_dtl .icon { position: absolute; top: 0; right: 0; width: 49px; height: 54px; background: #AFA88C url(../images/arrR_wh.png) center no-repeat; transform: translateX(100%); transition: transform 0.2s ease-in-out; }
.btn_dtl:hover { padding-right: 49px; }
.btn_dtl:hover p { font-weight: 400; }
.btn_dtl:hover .icon { transform: translateX(0); }
.headline_pagination { position: absolute; bottom: 30px; left: 50%; width: 500px; transform: translateX(-50%); z-index: 99; }
.headline_pagination .swiper-pagination { position: relative; }
.swiper-pagination span { width: 14px; height: 14px; background-color: #fff; border-radius: 50%; cursor: pointer; margin: 0 5px; }

.section_news { background: url(../images/bg_news.jpg) center no-repeat; background-size: cover; padding: 50px 0 90px 0; }
.section_news h3 { max-width: 1200px; margin: 0 auto; text-align: center; font-size: 35px; font-weight: 800; color: #1E4D78; position: relative; }
.section_news h3::before { content: ""; position: absolute; top: 50%; left: 0; width: 440px; height: 1px; background-color: #1E4D78; }
.section_news h3::after { content: ""; position: absolute; top: 50%; right: 0; width: 440px; height: 1px; background-color: #1E4D78; }
.news_conts { position: relative; padding-top: 50px; max-width: 1200px; margin: 0 auto; }
.news_slide, .notice_slide { max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 10px; }
.news_box { box-shadow: 5px 5px 5px #1E4D78;}
.notice_slide .news_box { box-shadow: 5px 5px 5px #737373;}
.news_img { width: 100%; height: 0; padding-bottom: 65.79%; position: relative; background-color: #ece9e2; }
.news_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.news_txt { padding: 30px 25px; background-color: #1E4D78; height: 340px; }
.news_txt h4 { font-size: 22px; font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 30px; height: 90px; margin-bottom: 10px; }
.news_txt p { font-size: 16px; font-weight: 300; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 24px; height: 96px; margin-bottom: 10px; }
.news_txt .date { display: block; font-size: 14px; font-weight: 300; color: #fff; opacity: 0.85; }

.btn_dtl2 { height: 43px; width: 153px; text-align: center; background-color: #fff; position: relative; overflow: hidden; display: inline-block; }
.btn_dtl2 p { font-size: 14px; font-weight: 300; line-height: 43px; color: #333; }
.btn_dtl2 .icon { position: absolute; top: 0; right: 0; width: 40px; height: 43px; background: #2D74B6 url(../images/arrR_wh.png) center no-repeat; transform: translateX(100%); transition: transform 0.2s ease-in-out; }
.btn_dtl2:hover { padding-right: 40px; }
.btn_dtl2:hover p { font-weight: 400; }
.btn_dtl2:hover .icon { transform: translateX(0); }
.news_txt .btn_dtl2 { position: absolute; bottom: 25px; left: 25px; }
.news1_prev, .news2_prev, .news3_prev, .news4_prev { position: absolute; top: 50%; transform: translateY(-50%); left: -60px; width: 40px; height: 74px; background: url(../images/arrL_01_wh.png) center no-repeat; background-size: cover; z-index: 11; }
.news1_next, .news2_next, .news3_next, .news4_next { position: absolute; top: 50%; transform: translateY(-50%); right: -60px; width: 40px; height: 74px; background: url(../images/arrR_01_wh.png) center no-repeat; background-size: cover; z-index: 11; }
.notice1_prev, .notice2_prev { position: absolute; top: 50%; transform: translateY(-50%); left: -60px; width: 40px; height: 74px; background: url(../images/arrL_01.png) center no-repeat; background-size: cover; z-index: 11; }
.notice1_next, .notice2_next { position: absolute; top: 50%; transform: translateY(-50%); right: -60px; width: 40px; height: 74px; background: url(../images/arrR_01.png) center no-repeat; background-size: cover; z-index: 11; }
.swiper-button-disabled { opacity: 0.2; }

.section_welcome { background-color: #ece9e2; padding-bottom: 70px; }
.section_welcome h3 { width: 900px; margin: 0 auto; font-size: 26px; font-weight: 500; color: #fff; line-height: 50px; background-color: #1E4D78; text-align: center; margin-bottom: 50px; }
.section_welcome p { max-width: 1200px; margin: 0 auto; font-size: 20px; color: #1E4D78; }

.sectoin_depart { background-color: #2e75b6; padding: 50px 0 90px; position: relative; }

.depart_list { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; margin-top: 50px; background-color: #1f4e79; border-radius: 15px; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); overflow: hidden; }
.depart_list::after { content: ""; display: block; clear: both; }
.depart_list li { float: left; width: 25%; margin-bottom: 1%; }
.depart_list li:first-child { margin-left: 0; }
.sectoin_depart h3 { max-width: 1200px; margin: 0 auto; text-align: center; font-size: 35px; font-weight: 800; color: #fff; position: relative; }
.sectoin_depart h3::before { content: ""; position: absolute; top: 50%; left: 0; width: 440px; height: 1px; background-color: #fff; }
.sectoin_depart h3::after { content: ""; position: absolute; top: 50%; right: 0; width: 440px; height: 1px; background-color: #fff; }
.depart_img { position: relative; z-index: 11;}
.depart_txt { text-align: center; font-size: 22px; font-weight: 500; color: #fff; padding: 10px; }

.section_employment { background-color: #2e75b6; padding-top: 50px; position: relative; }
.section_employment h3 { max-width: 1200px; margin: 0 auto; text-align: center; font-size: 35px; font-weight: 800; color: #fff; position: relative; }
.section_employment h3::before { content: ""; position: absolute; top: 50%; left: 0; width: 330px; height: 1px; background-color: #fff; }
.section_employment h3::after { content: ""; position: absolute; top: 50%; right: 0; width: 330px; height: 1px; background-color: #fff; }
.employment_conts { max-width: 1200px; margin: 0 auto; padding: 50px 0; display: flex; }
.chart_wrap { width: 400px; }
.chart_wrap h4 { font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 5px; }
.chart_wrap p { font-size: 15px; color: #fff; }
#chart { width: 350px; height: 350px; margin-bottom: 20px; }
.chart_reg { padding-left: 50px; }
.chart_reg dl { margin-bottom: 28px; position: relative; padding-left: 70px; }
.chart_reg dl::before { content: ""; position: absolute; top: 0; left: 0; width: 44px; height: 100%; border: 2px solid #fff; border-radius: 10px; }
.chart_reg .cr_01::before { background-color: #66ffcc; }
.chart_reg .cr_02::before { background-color: #33cccc; }
.chart_reg .cr_03::before { background-color: #009999; }
.chart_reg .cr_04::before { background-color: #006666; }
.chart_reg dl dt { font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px; }
.chart_reg dl dd { font-size: 18px; color: #fff; position: relative; padding-left: 24px; }
.chart_reg dl dd::before { content: "·"; position: absolute; top: 0; left: 10px; }

.footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 400px; background: url(../images/bg_footer.jpg) center no-repeat; background-size: cover; padding-top: 50px; }
.footer_menu { padding: 20px 0; }
.footer_menu a { display: inline-block; font-size: 18px; color: #fff; opacity: 0.8; margin: 5px 15px; word-break: keep-all;  }
.footer_menu a:hover { opacity: 1; }
.footer_conts { max-width: 1200px; margin: 0 auto; position: relative; }
.footer_conts h2 { margin-bottom: 30px; }
.footer_conts h2 a { margin-left: 10px; }
.footer_conts p { display: inline-block; vertical-align: top; width: 500px; font-size: 14px; font-weight: 300; color: #fff; opacity: 0.7; margin: 10px 0;}
.footer_conts p a { color: #fff; cursor: default; }
.footer_conts p span { display: inline-block; width: auto; padding-left: 10px; position: relative; }
.footer_conts p span::before { content: "·"; position: absolute; top: 0; left: 0; }
.footer_conts .copy { margin-top: 10px; display: block; width: 100%; }
.footer_menu_02 { margin-top: 15px; }
.footer_menu_02 select { border: none; background: #fff; width: 240px; height: 48px; font-size: 14px; color: #1E4D78; font-weight: 300; margin: 0 5px; }
.footer_menu_02 a { display: inline-block; width: 48px; height: 48px; line-height: 48px; background-color: #fff; vertical-align: top; margin: 0 5px; }
.footer_menu_02 a img { vertical-align: middle; margin-top: -3px; }
.footer_map { position: absolute; top: 0; right: 0; }

.conts { max-width: 1200px; margin: 0 auto; padding: 40px 10px; }
.conts_hd { border-bottom: 1px solid #1E4D78; padding-bottom: 10px; position: relative; margin-bottom: 20px; }
.conts_hd h3 { font-size: 40px; font-weight: 300; color: #000; }
.conts_hd .location { position: absolute; bottom: 10px; right: 0; }
.conts_hd .location li { float: left; font-size: 13px; color: #000; padding-left: 10px; margin-left: 10px; background: url(../images/arrR.png) left center no-repeat; }
.conts_hd .location li:first-child { padding-left: 0; margin-left: 0; }
.conts_hd .location li:last-child { font-weight: 500; }
.list_hd { position: relative; margin: 30px 0; height: 40px; }
.list_hd p { font-size: 16px; font-weight: 300; line-height: 40px; color: #000; }
.list_hd p span { font-weight: 400; color: #2d74b6; }
.list_hd .search_box { position: absolute; top: 0; right: 0; }
.search_box select { display: inline-block; border: none; border-bottom: 1px solid #E5E4E4; width: 150px; height: 40px; font-size: 15px; color: #000;  background: none; }
.list_hd .input_wrap { display: inline-block; border-bottom: 1px solid #E5E4E4; margin-left: 16px; }
.input_wrap input { width: 180px; border: none; background: none; height: 40px; font-size: 15px; color: #000; }
.input_wrap button { width: 40px; height: 40px; }
.list_01 li { margin: 30px 0; }
.article_box_01 { position: relative; border: 1px solid #ddd; border-top: 2px solid #2D74B6; height: 253px; display: flex; flex-wrap: nowrap; transition: all 0.3s ease-in-out; }
.article_box_01::after { content: ""; position: absolute; bottom: 20px; right: 380px; width: 26px; height: 19px; background: url(../images/arrR_03.png) center no-repeat; background-size: cover; opacity: 0; transition: all 0.3s ease-in-out; }
.article_box_01:hover { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);}
.article_box_01:hover::after { right: 410px; opacity: 1; }
.article_box_01 .art_img { width: 380px; height: 250px; position: relative; overflow: hidden; }
.article_box_01 .art_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.article_box_01 .art_txt { flex: 1; padding: 20px 50px; display: flex; flex-direction: column; justify-content: center; }
.article_box_01 .art_txt h4 { font-size: 22px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 30px; max-height: 60px; }
.article_box_01 .art_txt p { font-size: 16px; font-weight: 300; color: #666; margin-top: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 22px; max-height: 88px; }
.article_box_01 .art_txt .date { font-size: 16px; font-weight: 300; color: #2D74B6; margin-top: 20px; }

.pagination { text-align: center; margin: 25px 0; }
.pagination a { display: inline-block; width: 38px; height: 38px; border-radius: 50%; line-height: 38px; background-color: #fff; color: #666; }
.pagination a img { vertical-align: middle; margin-top: -3px; transition: all 0.5s ease-in-out; }
.pagination a:hover img { transform: scale(1.2); }

.pagination a.selected { background-color: #2D74B6; color: #fff; }
.pagination ul { display: inline-block; margin: 0 10px; }
.pagination ul li { display: inline-block; }
.pagination ul li a:hover { background-color: #67a7e2; color: #fff; }

.view { border-top: 2px solid #2D74B6; border-bottom: 1px solid #aaa; margin-top: 30px; }
.view_header { padding: 25px; }
.view_header h4 { font-size: 24px; color: #000; margin-bottom: 10px; }
.view_header .view_info { position: relative; }
.view_header .view_info::after { content: ""; display: block; clear: both; }
.view_header .view_info li { float: left; padding-left: 10px; margin-left: 7px; font-size: 16px; color: #1E4D78; position: relative; }
.view_header .view_info li::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 16px; background-color: #1E4D78; }
.view_header .view_info li:first-child { margin-left: 0; padding-left: 0; }
.view_header .view_info li:first-child::before { display: none; }
.view_conts { padding: 40px 25px; font-size: 16px; color: #000; }
.view_conts > img { display: block; margin: 0 auto; margin-bottom: 30px; }
.attach { padding: 20px 25px; position: relative; border-top: 1px solid #ddd; }
.attach a { font-size: 16px; color: #2D74B6; }
.attach a:hover { border-bottom: 1px solid #124d83; }
.attach span { display: inline-block; font-size: 16px; font-weight: 300; color: #333; margin-right: 25px; }
.attach span img { vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.board_nav { margin: 50px 0; }
.board_nav li { margin: 20px 0; }

.btn_box_r { margin: 20px 0; text-align: right; position: relative; }
.btn_box_c { margin: 20px 0; text-align: center; position: relative; }
.btn_box_c::before { content: ""; display: block; clear: both; }
.cuation { font-size: 16px; color: #ff1f1f; position: absolute; top: 0; left: 0; text-align: left; }
.btn_box_r button, .btn_box_r a { display: inline-block; min-width: 135px; font-size: 18px; color: #fff; text-align: center; line-height: 48px; padding: 0 15px; }
.btn_box_c button, .btn_box_c a { display: inline-block; min-width: 135px; font-size: 18px; color: #fff; text-align: center; line-height: 48px; padding: 0 15px; }
.btn_box_r button, .btn_box_r a img { margin: 7px; vertical-align: middle; }
.btn_box_c button, .btn_box_c a img { margin: 7px; vertical-align: middle; }
.btn_blue { background-color: #124d83; opacity: 0.8; }
.btn_blue:hover { opacity: 1; }

.list_02 { margin: 30px 0; position: relative; }
.list_02::after { content: ""; display: block; clear: both; }
.list_02 > li { float: left; width: 49%; margin-left: 2%; margin-bottom: 3%; }
.list_02 li:nth-child(odd) { margin-left: 0; }

.article_box_02 { position: relative; border-bottom: 2px solid #2D74B6; }
.article_box_02 .art_img { display: block; width: 100%; height: 0; padding-bottom: 55.17%; position: relative; }
.article_box_02 .art_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.article_box_02 .art_txt { padding: 30px 15px 20px 15px; height: 268px; position: relative; }
.article_box_02 .art_txt::after { content: ""; position: absolute; top: 20px; right: 0; width: 26px; height: 19px; background: url(../images/arrR_03.png) center no-repeat; background-size: cover; opacity: 0; transition: all 0.3s ease-in-out; }
.article_box_02:hover { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2); }
.article_box_02:hover .art_txt::after { right: 20px; opacity: 1; }
.article_box_02 .art_txt h4 { font-size: 30px; font-weight: 300; color: #000; margin-bottom: 16px; }
.article_box_02 .art_txt h4 span { font-size: 40px; font-weight: 300; color: #1E4D78; }
.article_box_02 .art_txt p { font-size: 16px; font-weight: 300; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 26px; max-height: 104px; }

.dv_hd { position: relative; }
.dv_hd .txt_box { position: absolute; top: 50%; transform: translateY(-50%); right: 80px; width: 320px; height: 320px; background-color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: center; padding: 0 20px; }
.dv_hd .txt_box h4 { font-size: 27px; font-weight: 300; color: #000; }
.dv_hd .txt_box h4 span { display: inline-block; font-size: 40px; line-height: 1.2; font-weight: 300; color: #2D74B6; margin-top: 10px; }
.dv_conts { padding: 50px 0; border-bottom: 2px solid #2D74B6; }
.dv_conts p { font-size: 18px; line-height: 1.6; color: #000; }

.menu_tab { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 20px 0; border-left: 1px solid #ddd; }
.menu_tab li { flex: 1; text-align: center; }
.menu_tab li a { display: flex; height: 100%; padding: 20px 10px; font-size: 16px; font-weight: 300; color: #000; justify-content: center; align-items: center; align-content: center; border: 1px solid #ddd; border-left: none; }
.menu_tab li a:hover { color: #2d74b6; }
.menu_tab li a.selected { border-bottom: 2px solid #2D74B6; font-weight: 500; color: #2D74B6; }
.dp_article h4 { font-size: 70px; font-weight: 300; color: #2d74b6; }
.dp_box { position: relative; padding-right: 600px; min-height: 354px; margin-top: 60px; }
.dp_box p { font-size: 16px; font-weight: 300; color: #333; }
.dp_box .img_box { width: 470px; height: 314px; position: absolute; top: 0; right: 60px; background-color: #5B9AD4; }
.dp_box .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translate(50px, -40px); }
.prs_box { border: 1px solid #ddd; border-top: 2px solid #2D74B6; position: relative; height: 253px; padding: 20px 10px 30px 270px; background-color: #fff; }
.prs_box .portrait { position: absolute; top: 0; left: 0; width: 250px; height: 250px; }
.prs_box .portrait img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.prs_box h5 { font-size: 22px; font-weight: 300; color: #000; }
.prs_box h5 span { display: block; font-size: 16px; font-weight: 300; color: #2D74B6; }
.prs_box ul { margin-top: 20px; }
.prs_box ul li { font-size: 16px; font-weight: 300; color: #000; }

.bg_side { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 777; overflow-y: auto; }
.open_menu { display: none; }
.nav_m { display: none; }
.for_m { display: none; }

.staff_list .list_02 > li { width: 32%; }
.staff_list .list_02 > li:nth-child(odd) { margin-left: 2%; }
.staff_list .list_02 > li:nth-child(3n+1) { margin-left: 0; }
.prs_box2 { height: 200px; padding: 30px; }

.prs_box .homepage { display: inline-block; padding: 7px 15px; font-size: 14px; color: #fff; background-color: #2D74B6; margin-top: 10px; }
.prs_box .homepage:hover { background-color: #124d83; }
.section_youtube { background: url(../images/bg_youtube.jpg) center no-repeat; background-size: cover; }
.youtube_intro { max-width: 1200px; margin: 0 auto; padding: 100px 600px 90px 0; position: relative; min-height: 460px; }
.youtube_intro h3 { font-size: 35px; font-weight: 800; color: #fff; margin-bottom: 20px; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
.youtube_intro p { font-size: 20px; font-weight: 300; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); }
.youtube_intro > a { position: absolute; top: 50%; transform: translateY(-50%); right: 0; }

.section_welcome .tit { max-width: 1200px; margin: 30px auto; text-align: center; font-size: 35px; font-weight: 700; color: #3B73B5; position: relative; }
.section_welcome .tit::before { content: ""; position: absolute; top: 50%; left: 0; width: 440px; height: 1px; background-color: #3B73B5; }
.section_welcome .tit::after { content: ""; position: absolute; top: 50%; right: 0; width: 440px; height: 1px; background-color: #3B73B5; }
.section_welcome .rl_list { max-width: 1200px; margin: 0 auto; text-align: center; background-color: #fff; padding: 20px 0; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); border-radius: 15px; margin-top: 50px; }
.section_welcome .rl_list::after { content: ""; display: block; clear: both; }
.section_welcome .rl_list li { float: left; width: 15%; margin-left: 2%; margin-bottom: 2%; }
.section_welcome .rl_list li:first-child { margin-left: 0; }
.section_welcome .rl_list li .icon { display: block; height: 140px; line-height: 140px; position: relative; background-color: #fff; } 
.section_welcome .rl_list li a img { vertical-align: middle; margin-top: -3px; }
.section_welcome .rl_list li p { color: #3b73b5; font-weight: 400; margin-top: 10px; line-height: 1.2; }

.news_tab, .notice_tab { max-width: 1200px; margin: 0 auto; }
.news_tab::after, .notice_tab::after { content: ""; display: block; clear: both; }
.news_tab li, .notice_tab li { float: left; }
.news_tab li a, .notice_tab li a { display: block; width: 180px; height: 60px; line-height: 60px; background-color: #fff; text-align: center; font-size: 18px; font-weight: 500; color: #1E4D78; }
.news_tab li a.selected, .notice_tab li a.selected { background-color: #1E4D78; color: #fff; }

.news_slide .news_txt { background-color: #ece9e2; }
.news_slide .news_txt > h4 { color: #1E4D78; }
.news_slide .news_txt > p { color: #1E4D78; }
.news_slide .news_txt > .date { color: #1E4D78; }

.section_notice { background-color: #ece9e2; padding: 80px 0 50px 0; }

.article_intro { padding: 30px; background-color: #eaedf1; display: flex; }
.article_intro .int_img { flex: 1; flex-grow: 1; }
.article_intro .int_img img { width: 100%; height: 100%; object-fit: cover; }
.article_intro .int_txt { flex: 1; /*flex-grow: 1.3;*/ padding-left: 30px; }
.article_intro .int_txt h3 { font-family: "Nanum Pen Script"; font-size: 48px; color: #3c529b; margin-bottom: 30px; }
.article_intro .int_txt p { font-size: 17px; line-height: 1.8; }

.article_career .for_p, .article_career .for_m { text-align: center; padding: 50px 0; }
.article_career dl { margin-bottom: 30px; }
.article_career dt { line-height: 54px; font-size: 18px; color: #454545; background-color: #ECF5FF; border-top: 1px solid #3467AD; margin-bottom: 25px; padding-left: 20px; }
.article_career dd { padding-left: 35px; position: relative; font-size: 16px; color: #666; margin-bottom: 10px; }
.article_career dd::before { content: ""; position: absolute; width: 6px; height: 6px; background-color: #a3a3a3; top: 8px; left: 20px; }
.article_career h5 { font-size: 22px; font-weight: 500; color: #000; margin-bottom: 20px; position: relative; padding-left: 30px; }
.article_career h5::before { content: "▣"; position: absolute; top: 0; left: 0; }
.article_career > p { font-size: 18px; }

.article_contact h3 { font-size: 20px; font-weight: 500; color: #000; margin-bottom: 15px; }
.article_contact .root_daum_roughmap_landing { width: 100%; }
.article_contact .root_daum_roughmap .wrap_map { height: 450px; }
.article_contact .root_daum_roughmap .section .title { font-size: 15px; }
.article_contact .root_daum_roughmap .section_busstop .wrap_list li a { font-size: 14px; }
.article_contact .root_daum_roughmap .section_busline .wrap_list .txt a { font-size: 14px; }

.article_goals { padding: 40px 0;}
.article_goals .slg { padding: 30px; background-color: #ECF5FF; text-align: center; border-radius: 30px; border: 1px solid #3A6BAF; }
.article_goals .slg h3 { font-size: 30px; font-weight: 500; color: #3467AD; }
.article_goals .goals_img { text-align: center; padding: 80px 0; }
.article_goals .golas_brf { display: flex; gap: 10px; text-align: center; } 
.article_goals .golas_brf h3 { width: 180px; background-color: #15478D; font-size: 24px; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px; }
.article_goals .golas_brf h3 img { margin-bottom: 10px; }
.article_goals .golas_brf dl { flex: 1; flex-grow: 1; }
.article_goals .golas_brf dt { border-top-left-radius: 15px; border-top-right-radius: 15px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff; padding: 0 40px; height: 76px; word-break: keep-all; }
.article_goals .golas_brf .dt_01 { background-color: #3367AE; }
.article_goals .golas_brf .dt_02 { background-color: #3D7ACE; }
.article_goals .golas_brf .dt_03 { background-color: #5F98E6; }
.article_goals .golas_brf .dt_04 { background-color: #8CBCFD; }
.article_goals .golas_brf dd { height: 186px; background-color: #ECF5FF; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #000; padding: 30px 37px; word-break: keep-all; }

.goals_list { padding-left: 15px; margin: 20px 0; }
.goals_list li { font-size: 16px; line-height: 2; }

.scroller { overflow-x: auto; }
.table_01 { width: 100%; border-top: 2px solid #2D74B6; text-align: center; }
.table_01 th { height: 50px; font-size: 16px; font-weight: 400; border: 1px solid #ddd; border-top: none; background-color: #f5f5f5; word-break: keep-all; }
.table_01 td { height: 45px; font-size: 15px; font-weight: 400; border: 1px solid #ddd; word-break: keep-all; padding: 10px 0; }
.table_01 .clr_red { color: #ff5f5f; }
.menu_panel > li { padding: 20px 0; }
.menu_panel #diagram { text-align: center; }
.tit_inf { font-size: 24px; font-weight: bold; color: #2D74B6; margin-bottom: 20px; padding-top: 30px; }
.par_inf { font-size: 18px; color: #454545; margin-bottom: 30px; }

.article { padding: 20px 0; }
.article h3 { font-size: 20px; font-weight: bold; color: #2D74B6; margin-bottom: 15px; }
.noti { position: relative; padding-left: 20px; font-size: 15px; color: #666; margin: 10px 0; }
.noti::before { content: "※"; position: absolute; top: 0; left: 0; }
.noti a { color: #2D74B6; }

.traffic { margin-top: 30px; border-top: 1px solid #1E4D78; }
.traffic h4 { font-size: 22px; color: #000; padding: 20px 0; }
.traffic dl { position: relative; padding-left: 100px; font-size: 17px; line-height: 40px; }
.traffic dl dt { position: absolute; top: 0; left: 0; font-weight: 500; color: #1E4D78; }

.video_wrap { margin: 30px 0; padding: 0 10%; }
.video_wrap .video_conts { position: relative; height: 0; padding-bottom: 56.25%; }
.video_wrap .video_conts iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.article_box { margin: 30px 0; }
.article_box h5 { font-size: 28px; font-weight: 300; color: #000; margin-bottom: 15px; }
.article_box p { font-size: 16px; color: #666; }

.article_box .sign { text-align: right; font-size: 20px; color: #000; margin: 20px 0; }

.int_list { margin: 20px 0; } 
.int_list li { font-size: 16px; color: #666; padding: 10px 0; }
.int_list li span { font-weight: 500; color: #000; position: relative; padding-left: 15px; margin-right: 10px; }
.int_list li span::before { content: "•"; position: absolute; top: 0; left: 0; }

.golas_conts { display: flex; flex-direction: column; gap: 10px; margin-top: 50px; }
.golas_conts dl { flex: 1; display: flex; justify-content: space-between; gap: 10px; }
.golas_conts dl dt { background-color: #15478D; color: #fff; font-size: 22px; display: flex; justify-content: center; align-items: center; border-radius: 10px; flex: 1; word-break: keep-all; }
.golas_conts dl dd { background-color: #5F98E6; color: #fff; font-size: 18px; border-radius: 10px; flex: 1; padding: 20px; word-break: keep-all; }
.golas_conts dl:nth-child(2) dt { background-color: #3367AE; }
.golas_conts dl:nth-child(2) dd { background-color: #ECF5FF; color: #000; }
.golas_conts dl .item { display: block; text-align: center; margin-bottom: 10px; background-color: #3c7bd4; padding: 5px 0; }

.system_step { text-align: left; display: flex; justify-content: space-between; margin: 50px 0; }
.system_step li { padding: 0; border-radius: 10px; background-color: #ECF5FF; }
.system_step li .item { display: flex; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #5F98E6; text-align: center; font-size: 18px; color: #fff; height: 50px; padding: 0 20px; min-width: 150px; justify-content: center; align-items: center; }
.system_step li .conts { padding: 20px; font-size: 16px; }
.system_step li .conts p { text-align: center; }
.system_step li .conts ul li { position: relative; padding-left: 10px; }
.system_step li .conts ul li::before { content: "∙"; position: absolute; top: 0; left: 0; }
.system_step li.misc { display: flex; align-items: center; background: none; }

.system_article { text-align: left; margin: 50px 0; }
.system_article h5 { font-size: 22px; font-weight: 500; color: #000; margin-bottom: 20px; position: relative; padding-left: 30px; }
.system_article h5::before { content: "▣"; position: absolute; top: 0; left: 0; }
.system_article p { font-size: 18px; color: #000; position: relative; padding-left: 30px;  }
.system_article p::before { content: "☞"; position: absolute; top: 0; left: 0; }
.system_article ul { margin: 10px 0; padding-left: 20px; }
.system_article ul li { font-size: 16px; color: #666; position: relative; padding: 0; padding-left: 20px; }
.system_article ul li::before { content: "-"; position: absolute; top: 0; left: 0; }



/**************************/
@media (max-width:1199px){

.body_wrap { padding-bottom: 360px; padding-top: 60px; }

.top_conts { height: 60px; }
.top h1 { width: 420px; margin-left: 0; transform: translate(-50%, -50%); left: 50%; }
.top h1 .home { width: 86px; height: 30px; background-size: auto 30px; padding-left: 12px; margin-left: 9px; }
.top h1 .home2 { width: 123px; background-size: auto 30px; }
.top h1 .home::before { top: 4px; height: 22px; }
.top h1 .logo { display: inline-block; width: 145px; height: 30px; vertical-align: middle; background-size: auto 30px; }
.top h2 { display: none; }
.top_tool { padding: 0; line-height: 60px; }
.top_tool a { font-size: 13px; line-height: 20px; margin-right: 20px; opacity: 1; }
.top_tool > a { display: none; }
.btn_quick { height: 40px; width: 140px; padding-right: 26px; }
.btn_quick.on { padding-right: 26px; }
.btn_quick::before { border-left: 16px solid #2D74B6; border-bottom: 40px solid transparent; }
.btn_quick p { font-size: 14px; }
.btn_quick .icon { width: 36px; height: 40px; transform: translateX(0); background-size: cover; }
.btn_quick.on .icon { background-image: url(../images/qck_arrL.png); }
.btn_quick:hover { padding-right: 26px; }
.quick_menu { top: 60px; width: 140px; padding: 10px 0 20px 0; }
.on + .quick_menu { transform: translateX(0); }
.quick_menu li a { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding-left: 10px;}
.quick_menu li a .icon { display: inline-block; text-align: center; width: 40px; }
.open_menu { display: block; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 40px; height: 40px; background: url(../images/btn_menu.png) center no-repeat; background-size: auto 25px; z-index: 11;}

.close_menu { position: absolute; top: 18px; right: 20px; width: 30px; height: 30px; }
.side_header { height: 60px; line-height: 60px; text-align: right; background-color: #5B9AD4; position: relative; }
.side_header a { font-size: 14px; color: #fff; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.side_header a img { height: 24px; vertical-align: middle; margin-top: -3px; }
.side_menu { position: absolute; top: 0; left: -550px; width: 550px; height: 100%; background: #fff; transition: all 0.2s ease-in-out; overflow-y: auto; }
.side_menu.on { left: 0; }
.gnb_wrap { display: none; }
.gnb_m { padding: 0; text-align: left; }
.gnb_m > li { border-top: 1px solid #e1e1e1; }
.gnb_m > li:first-child { border-top: none; }
.gnb_m > li > a { display: block; font-size: 18px; line-height: 50px; font-weight: 500; color: #2a2a2a; padding-left: 25px; }
.gnb_m > li > .bgarr { background: url(../images/misc_arrD.png) right 30px center no-repeat; background-size: auto 12px; }
.gnb_m > li > a:hover { background-color: #f0f0f0; }
.gnb_m > li > .bgarr.on { background-image: url(../images/misc_arrU.png); }
.gnb_m > li .nodpt { background: none; }
.gnb_sub_m { display: none; }
.gnb_sub_m li a { display: block; padding-left: 45px; font-size: 15px; line-height: 50px; color: #666; border-top: 1px solid #f1f1f1; }
.gnb_sub_m li a:hover { background-color: #f0f0f0; color: #185196; }
.gnb_sub_m li a.selected { color: #185196; }
.gnb_sub_m2 li a { display: block; padding-left: 45px; font-size: 14px; line-height: 40px; color: #999; }
.gnb_sub_m li span { font-size: 14px; padding-left: 35px; font-weight: 500; line-height: 50px; }
.gnb_sub_m li .emp { font-weight: 500; padding-left: 35px; }
.gnb_sub_m li .emp2 { font-weight: 500; padding-left: 35px; }

.footer { height: 360px; padding-top: 30px; }
.footer_menu { padding: 16px 0; }
.footer_menu a { font-size: 15px; opacity: 1; margin: 5px 9px; }
.footer_conts { padding: 0 20px; }
.footer_conts p { font-size: 13px; width: 45%; }
.footer_conts p span { width: 105px; }
.footer_conts .logo img { height: 28px;}
.footer_conts h2 { margin-bottom: 20px; }
.footer_conts h2 a { margin-left: 8px; }
.footer_menu_02 { margin-top: 12px; }
.footer_menu_02 select { width: 180px; height: 40px; font-size: 13px; }
.footer_menu_02 a { width: 40px; height: 40px; line-height: 40px; background-color: #fff;}
.footer_menu_02 a img { height: 20px; }
.footer_map { right: 20px; height: 290px; }

.headline_section { height: 340px; }
.headline_wrap { width: 1200px; margin-left: -600px; padding-left: 600px; }
.headline_txt_slide_box { width: 600px; height: 340px; }
.headline_txt_slide_box::after { right: -100px; border-bottom: 340px solid #1E4D78; border-right: 100px solid transparent; z-index: 33; }

.headline_img_slide li { height: 340px; }
.headline_img_slide li img { width: 100%; height: 100%; object-fit: cover; }
.headline_txt_slide { height: 340px; }
.headline_txt { top: 30px; left: 50%; margin-left: -60px; width: 360px; height: 280px; }
.headline_txt h3 { font-size: 20px; margin-bottom: 12px; line-height: 26px; max-height: 90px; }
.headline_txt > p { font-size: 14px; line-height: 20px; max-height: 138px; padding-top: 12px; }
.headline_txt > p::before { width: 200px; border-top: 4px solid #AFA88C; border-right: 16px solid transparent; }
.btn_dtl { height: 46px; width: 170px; padding-right: 42px; }
.btn_dtl p { font-size: 15px; line-height: 46px; }
.btn_dtl .icon { position: absolute; top: 0; right: 0; width: 42px; height: 46px; transform: translateX(0); }
.btn_dtl:hover { padding-right: 42px; }
.btn_dtl:hover p { font-weight: 400; }
.headline_pagination { bottom: 24px; }
.swiper-pagination span { width: 12px; height: 12px; }

.section_news { padding: 35px 20px 63px 20px; }
.section_news h3 { font-size: 26px; }
.section_news h3::before { width: calc(50% - 140px); left: 30px; }
.section_news h3::after { width: calc(50% - 140px); right: 30px; }
.news_conts { padding-top: 27px; }
.news_slide li, .notice_slide li { max-width: 250px; }
.news_txt { padding: 30px 15px; height: 290px; }
.news_txt h4 { font-size: 16px; line-height: 22px; height: 66px; }
.news_txt p { font-size: 14px; line-height: 20px; height: 80px; }
.news_txt .date { font-size: 13px; }

.btn_dtl2 { height: 40px; width: 153px; padding-right: 38px; }
.btn_dtl2 p { font-size: 13px; line-height: 40px; }
.btn_dtl2 .icon { width: 38px; height: 40px; transform: translateX(0); }
.btn_dtl2:hover { padding-right: 38px; }
.news_txt .btn_dtl2 { position: absolute; bottom: 15px; left: 15px; }
.news1_prev, .news2_prev, .news3_prev, .news4_prev { display: none; }
.news1_next, .news2_next, .news4_next, .news4_next { display: none; }

.section_welcome { padding: 0 20px 50px 20px; }
.section_welcome h3 { width: 500px; font-size: 18px; line-height: 50px; margin-bottom: 36px; }
.section_welcome p { font-size: 15px; }
.section_welcome .rl_list { margin-top: 36px; }

.sectoin_depart { padding: 35px 20px 63px 20px; }
.sectoin_depart h3 { font-size: 26px; }
.sectoin_depart h3::before { width: calc(50% - 140px); left: 30px; }
.sectoin_depart h3::after { width: calc(50% - 140px); right: 30px; }
.depart_list { margin-top: 30px; }
.depart_txt { font-size: 15px; padding: 12px 5px; }

.conts { padding: 30px 16px; }
.conts_hd { margin-bottom: 16px; }
.conts_hd h3 { font-size: 28px; }
.conts_hd .location li { font-size: 13px; padding-left: 8px; margin-left: 8px; }
.list_hd { position: relative; margin: 20px 0; height: 36px; }
.list_hd p { font-size: 14px; line-height: 36px; }
.search_box select { width: 140px; height: 36px; font-size: 14px; }
.list_hd .input_wrap { margin-left: 14px; }
.input_wrap input { width: 160px; height: 36px; font-size: 14px; }
.input_wrap button { width: 36px; height: 36px; }
.list_01 li { margin: 20px 0; }
.article_box_01 { height: 203px; }
.article_box_01::after { bottom: 16px; right: 320px; width: 22px; height: 16px; opacity: 1; }
.article_box_01:hover::after { right: 320px; }
.article_box_01 .art_img { width: 304px; height: 200px; }
.article_box_01 .art_txt { padding: 16px 30px; }
.article_box_01 .art_txt h4 { font-size: 16px; line-height: 22px; max-height: 44px; }
.article_box_01 .art_txt p { font-size: 14px; margin-top: 12px; line-height: 20px; max-height: 80px; }
.article_box_01 .art_txt .date { font-size: 14px; margin-top: 16px; }

.view_header { padding: 20px; }
.view_header h4 { font-size: 18px; }
.view_header .view_info li { padding-left: 10px; margin-left: 7px; font-size: 14px; }
.view_header .view_info li::before { height: 14px; }
.view_conts { padding: 24px 18px; font-size: 14px; }
.view_conts > img { display: block; margin: 0 auto; margin-bottom: 24px; }
.attach { padding: 16px 20px; }
.attach a { font-size: 14px; }
.attach span { font-size: 14px; margin-right: 20px; }
.attach span img { vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.board_nav { margin: 35px 0; }
.board_nav li { margin: 16px 0; }
.btn_box_r { margin: 16px 0; }
.btn_box_c { margin: 16px 0; }
.cuation { font-size: 16px; }
.btn_box_r button, .btn_box_r a { min-width: 110px; font-size: 15px; line-height: 45px; padding: 0 15px; }
.btn_box_c button, .btn_box_c a { min-width: 110px; font-size: 15px; line-height: 45px; padding: 0 15px; }

.list_02 { margin: 24px 0; }
.article_box_02 .art_txt { padding: 24px 10px 16px 10px; height: 212px; }
.article_box_02 .art_txt::after { top: 20px; right: 10px; width: 22px; height: 16px; opacity: 1; }
.article_box_02:hover .art_txt::after { right: 10px; }
.article_box_02 .art_txt h4 { font-size: 20px; margin-bottom: 12px; }
.article_box_02 .art_txt h4 span { font-size: 26px; }
.article_box_02 .art_txt p { font-size: 14px; line-height: 24px; max-height: 96px; }
.dv_hd .txt_box { right: 60px; width: 220px; height: 220px; }
.dv_hd .txt_box h4 { font-size: 17px; font-weight: 300; color: #000; }
.dv_hd .txt_box h4 span { font-size: 26px; }
.dv_conts { padding: 36px 0; }
.dv_conts p { font-size: 14px; }

.menu_tab li a { padding: 12px 5px; font-size: 14px; }
.dp_article { padding-bottom: 20px;}
.dp_article h4 { font-size: 48px; }
.dp_box { position: relative; padding-right: 50%; min-height: auto; margin-top: 48px; }
.dp_box p { font-size: 14px; }
.dp_box .img_box { width: 40%; height: 0; padding-bottom: 26.8%; right: 42px; }
.dp_box .img_box img { transform: translate(35px, -28px); }
.prs_box { height: 165px; padding: 10px 10px 16px 130px; }
.prs_box .portrait { width: 120px; height: 100%; }
.prs_box h5 { font-size: 16px; }
.prs_box h5 span { font-size: 14px; }
.prs_box ul { margin-top: 5px; }
.prs_box ul li { font-size: 13px; }

.staff_list .list_02 > li { width: 32%; }
.staff_list .list_02 li:nth-child(odd) { margin-left: 2%; }
.staff_list .list_02 li:nth-child(3n+1) { margin-left: 0; }
.prs_box2 { height: 170px; padding: 20px; }
.prs_box .homepage { padding: 4px 12px; font-size: 13px; margin-top: 2px; }

.youtube_intro { padding: 70px 50% 60px 20px; position: relative; min-height: 320px; }
.youtube_intro h3 { font-size: 26px; margin-bottom: 16px; }
.youtube_intro p { font-size: 15px; font-weight: 300; }
.youtube_intro > a { width: 40%; right: 20px; }

.section_welcome .tit { margin: 30px auto; font-size: 26px; }
.section_welcome .tit::before { left: 30px; width: calc(50% - 130px); }
.section_welcome .tit::after { right: 30px; width: calc(50% - 130px); }
.section_welcome .rl_list li { float: left; width: 15%; margin-left: 2%; margin-bottom: 2%; }
.section_welcome .rl_list li .icon { display: block; height: 100px; line-height: 100px;} 
.section_welcome .rl_list li a img { height: 70px; }

.section_employment { padding-top: 35px; }
.section_employment h3 { font-size: 26px; }
.section_employment h3::before { width: calc(50% - 230px); left: 30px; }
.section_employment h3::after { width: calc(50% - 230px); right: 30px; }
.employment_conts { padding: 35px 20px; }
.chart_wrap { width: 300px; }
.chart_wrap h4 { font-size: 16px; margin-bottom: 4px; }
.chart_wrap p { font-size: 14px; }
#chart { width: 300px; height: 300px; }
.chart_reg { padding-left: 25px; }
.chart_reg dl { margin-bottom: 20px; padding-left: 50px; }
.chart_reg dl::before { width: 30px; }
.chart_reg dl dt { font-size: 15px; margin-bottom: 4px; }
.chart_reg dl dd { font-size: 15px; padding-left: 24px; }
.chart_reg dl dd::before { left: 8px; }

.news_tab li a, .notice_tab li a { width: 140px; height: 50px; line-height: 50px; font-size: 16px; }
.section_notice { padding: 50px 20px 40px 20px; }

.article_intro { padding: 24px; }
.article_intro .int_img { flex: 1; flex-grow: 1; }
.article_intro .int_txt { flex: 1; /*flex-grow: 1.5;*/ padding-left: 24px; }
.article_intro .int_txt h3 { font-size: 38px; margin-bottom: 20px; }
.article_intro .int_txt p { font-size: 16px; line-height: 1.8; }

.article_career .for_p, .article_career .for_m { padding: 40px 0; }
.article_career dl { margin-bottom: 24px; }
.article_career dt { line-height: 50px; font-size: 16px; margin-bottom: 20px; }
.article_career dd { font-size: 15px; }
.article_career dd::before { width: 5px; height: 5px; top: 7px; }
.article_career h5 { font-size: 18px; margin-bottom: 16px; padding-left: 24px; }
.article_career > p { font-size: 16px; }

.article_contact h3 { font-size: 16px; margin-bottom: 12px; }
.article_contact .root_daum_roughmap .wrap_map { height: 400px; }
.article_contact .root_daum_roughmap .section .title { font-size: 15px; }
.article_contact .root_daum_roughmap .section_busstop .wrap_list li a { font-size: 14px; }
.article_contact .root_daum_roughmap .section_busline .wrap_list .txt a { font-size: 14px; }

.article_goals { padding: 20px 0;}
.article_goals .slg { padding: 20px; }
.article_goals .slg h3 { font-size: 26px; }
.article_goals .goals_img { padding: 50px 0; }
.article_goals .golas_brf { display: flex; gap: 10px; text-align: center; } 
.article_goals .golas_brf h3 { width: 150px; font-size: 18px; }
.article_goals .golas_brf h3 img { height: 40px; }
.article_goals .golas_brf dt { border-top-left-radius: 12px; border-top-right-radius: 12px; display: flex; font-size: 16px; color: #fff; padding: 10px; height: 70px; }
.article_goals .golas_brf dd { height: 186px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; display: flex; font-size: 15px; padding: 20px; }

.table_01 th { height: 45px; font-size: 15px; }
.table_01 td { height: 40px; font-size: 14px; }

.article { padding: 16px 0; }
.article h3 { font-size: 16px; margin-bottom: 12px; }
.noti { padding-left: 18px; font-size: 14px; }

.traffic { margin-top: 24px; }
.traffic h4 { font-size: 18px; padding: 15px 0; }
.traffic dl { padding-left: 90px; font-size: 16px; line-height: 34px; }

.video_wrap { margin: 20px 0; padding: 0 5%; }

.article_box { margin: 24px 0; }
.article_box h5 { font-size: 20px; margin-bottom: 12px; }
.article_box p { font-size: 14px; }

.article_box .sign { font-size: 16px; margin: 16px 0; }

.golas_conts { margin-top: 40px; }
.golas_conts dl dt { font-size: 18px; }
.golas_conts dl dd { font-size: 15px; padding: 16px; word-break: keep-all; }

.system_step { margin: 40px 0; }
.system_step li { border-radius: 8px; }
.system_step li .item { border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 15px; height: 50px; padding: 0 12px; min-width: 80px; }
.system_step li .conts { padding: 12px; font-size: 14px; }

.system_article { margin: 40px 0; }
.system_article h5 { font-size: 18px; margin-bottom: 16px; padding-left: 24px; }
.system_article p { font-size: 15px; padding-left: 24px;  }
.system_article ul { margin: 10px 0; padding-left: 16px; }
.system_article ul li { font-size: 14px; padding-left: 12px; }

.int_list { margin: 16px 0; } 
.int_list li { font-size: 14px; padding: 8px 0; }
.int_list li span { padding-left: 12px; margin-right: 8px; }

.goals_list { padding-left: 12px; margin: 16px 0; }
.goals_list li { font-size: 14px; }

}

/**************************/
@media (max-width:767px){

.body_wrap { padding-bottom: 480px; padding-top: 50px; }
.top_conts { height: 50px; }
.top h1 { min-width: 165px; left: auto; right: 20px; transform: translate(0, -50%); }
.top h1 .home { width: 60px; height: 20px; background-size: auto 20px; padding-left: 10px; margin-left: 7px; }
.top h1 .home2 { width: 85px; background-size: auto 20px; }
.top h1 .home::before { top: 2px; height: 16px; }
.top h1 .logo { width: 92px; height: 20px; background-size: auto 20px; }
.top_tool { line-height: 50px; }
.btn_quick { height: 30px; width: 28px; padding-right: 0; }
.btn_quick.on { padding-right: 0; }
.btn_quick::before { border-left: 16px solid #2D74B6; border-bottom: 30px solid transparent; }
.btn_quick p { display: none; }
.btn_quick .icon { width: 28px; height: 30px; }
.btn_quick:hover { padding-right: 0; }
.quick_menu { top: 50px; }
.quick_menu li a { font-size: 13px;}
.open_menu { left: 10px; width: 30px; height: 30px; background-size: auto 18px; }

.close_menu { top: 10px; right: 10px; width: 30px; height: 30px; }
.close_menu img { height: 15px; }
.side_header { height: 50px; line-height: 50px; }
.side_header a { font-size: 12px; }
.side_header a img { height: 20px; right: 10px; }
.side_menu { left: -280px; width: 280px; }

.gnb_m > li > a { font-size: 14px; line-height: 40px; padding-left: 20px; }
.gnb_m > li > .bgarr { background: url(../images/misc_arrD.png) right 10px center no-repeat; background-size: auto 8px; }
.gnb_sub_m li a { padding-left: 40px; font-size: 13px; line-height: 40px; }
.gnb_sub_m li span { font-size: 13px; padding-left: 30px; line-height: 40px; }

.footer { height: 480px; padding-top: 30px; }
.footer_menu { padding: 10px 0; }
.footer_menu a { font-size: 13px; margin: 5px 10px; }
.footer_conts { padding: 0 10px; }
.footer_conts p { font-size: 11px; display: block; width: 100%; }
.footer_conts p span { width: auto; margin-right: 5px; padding-left: 7px; }
.footer_conts .logo img { height: 20px;}
.footer_menu_02 { margin-top: 10px; }
.footer_menu_02 select { width: 150px; height: 32px; font-size: 12px; }
.footer_menu_02 a { width: 32px; height: 32px; line-height: 32px; margin: 0 2px; }
.footer_menu_02 a img { height: 15px; }
.footer_map { display: block; position: relative; right: auto; margin: 0 auto; height: 200px; }

.headline_section { height: auto; }
.headline_wrap { position: relative; width: 100%; left: 0; margin-left: 0; padding-left: 0; padding-top: 0; }
.headline_txt_slide_box { position: relative; width: 100%; height: 270px; }
.headline_txt_slide_box::after { display: none }

.headline_img_slide li { height: auto; }
.headline_img_slide li img { position: relative; width: 100%; height: 100%; object-fit: cover; }
.headline_txt_slide { height: 270px; }
.headline_txt { top: 20px; left: 0; margin-left: 0; width: 100%; height: 250px; padding: 0 20px; }
.headline_txt h3 { font-size: 16px; margin-bottom: 10px; -webkit-line-clamp: 2; line-height: 22px; max-height: 44px; }
.headline_txt > p { font-size: 13px; line-height: 19px; max-height: 126px; padding-top: 12px; }
.headline_txt > p::before { width: 100px; border-right: 10px solid transparent; }
.headline_txt .btn_dtl { bottom: 15px; left: 20px; }
.btn_dtl { height: 40px; width: 120px; padding-right: 32px; }
.btn_dtl p { font-size: 13px; line-height: 40px; }
.btn_dtl .icon { position: absolute; top: 0; right: 0; width: 32px; height: 40px; }
.btn_dtl:hover { padding-right: 32px; }
.headline_pagination { bottom: 20px; top: auto; width: 100%; left: auto; margin-left: 0; right: 0; text-align: right; transform: translateX(0); }
.swiper-pagination { text-align: right; width: 100%; padding-right: 20px; }
.swiper-pagination span { width: 10px; height: 10px; }

.section_news { padding: 30px 10px 36px 10px; }
.section_news h3 { font-size: 18px; }
.section_news h3::before { width: calc(50% - 90px); left: 10px; }
.section_news h3::after { width: calc(50% - 90px); right: 10px; }
.news_conts { padding-top: 20px; }
/* .news_slide li { max-width: 260px; } */
.news_txt { padding: 20px 10px; height: 260px; }
.news_txt h4 { font-size: 15px; line-height: 21px; height: 63px; }
.news_txt p { font-size: 13px; line-height: 20px; height: 80px; }
.news_txt .date { font-size: 12px; }


.btn_dtl2 { height: 36px; width: 140px; padding-right: 30px; }
.btn_dtl2 p { font-size: 13px; line-height: 36px; }
.btn_dtl2 .icon { width: 30px; height: 36px; }
.btn_dtl2:hover { padding-right: 30px; }
.news_txt .btn_dtl2 { position: absolute; bottom: 10px; left: 10px; }

.section_welcome { padding: 0 10px 40px 10px; }
.section_welcome h3 { width: 290px; font-size: 15px; line-height: 22px; margin-bottom: 20px; padding: 10px 20px; }
.section_welcome p { font-size: 14px; }

.sectoin_depart { padding: 20px 10px 36px 10px; }
.sectoin_depart h3 { font-size: 18px; }
.sectoin_depart h3::before { width: calc(50% - 90px); left: 10px; }
.sectoin_depart h3::after { width: calc(50% - 90px); right: 10px; }
.depart_list { padding-top: 20px; }
.depart_list li { width: 49%; margin-left: 2%; margin-bottom: 4%; }
.depart_list li:nth-child(odd) { margin-left: 0; }
.depart_txt { font-size: 14px; padding: 10px 0; }

.pagination { text-align: center; margin: 15px 0; }
.pagination a { width: 24px; height: 24px; line-height: 22px; font-size: 12px; }

.conts { padding: 20px 10px; }
.conts_hd { margin-bottom: 12px; }
.conts_hd h3 { font-size: 20px; }
.conts_hd .location { display: none; }
.list_hd { position: relative; margin: 20px 0; height: auto; padding-top: 50px; }
.list_hd p { font-size: 12px; line-height: 18px; }
.search_box select { width: 120px; height: 32px; font-size: 13px; }
.list_hd .input_wrap { margin-left: 10px; }
.input_wrap input { width: 120px; height: 32px; font-size: 13px; }
.input_wrap button { width: 32px; height: 32px; }
.list_01 li { margin: 20px 0; }
.article_box_01 { height: 133px; }
.article_box_01::after { bottom: 10px; right: 130px; width: 14px; height: 10px; }
.article_box_01:hover::after { right: 130px; }
.article_box_01 .art_img { width: 183px; height: 120px; }
.article_box_01 .art_txt { padding: 10px 10px; }
.article_box_01 .art_txt h4 { font-size: 14px; line-height: 20px; max-height: 40px; -webkit-line-clamp: 2; }
.article_box_01 .art_txt p { display: none; }
.article_box_01 .art_txt .date { font-size: 13px; margin-top: 10px; }

.view_header { padding: 16px 0; }
.view_header h4 { font-size: 15px; }
.view_header .view_info li { padding-left: 8px; margin-left: 5px; font-size: 13px; }
.view_header .view_info li::before { height: 13px; }
.view_conts { padding: 20px 0; font-size: 13px; }
.view_conts > img { display: block; margin: 0 auto; margin-bottom: 16px; }
.attach { padding: 12px 0; }
.attach a { font-size: 13px; color: #2D74B6; }
.attach span { font-size: 13px; margin-right: 15px; }
.board_nav { margin: 20px 0; }
.board_nav li { margin: 10px 0; }
.btn_box_r { margin: 12px 0; }
.btn_box_c { margin: 12px 0; }
.cuation { font-size: 13px; }
.btn_box_r button, .btn_box_r a { min-width: 90px; font-size: 13px; line-height: 40px; padding: 0 10px; }
.btn_box_c button, .btn_box_c a { min-width: 90px; font-size: 13px; line-height: 40px; padding: 0 10px; }

.list_02 { margin: 24px 0; }
.list_02 > li { width: 100%; margin-left: 0; }
.article_box_02 .art_txt { padding: 20px 6px 10px 6px; height: auto; }
.article_box_02 .art_txt::after { top: 16px; right: 10px; width: 14px; height: 10px; }
.article_box_02 .art_txt h4 { font-size: 16px; margin-bottom: 10px; }
.article_box_02 .art_txt h4 span { font-size: 20px; }
.article_box_02 .art_txt p { font-size: 13px; line-height: 22px; max-height: 88px; }
.dv_hd { height: 0; padding-bottom: 100%; }
.dv_hd > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.dv_hd .txt_box { right: 20px; width: 180px; height: 180px; padding: 10px; }
.dv_hd .txt_box h4 { font-size: 15px; }
.dv_hd .txt_box h4 span { font-size: 20px; }
.dv_conts { padding: 20px 0; }
.dv_conts p { font-size: 13px; }

.menu_tab li a { padding: 5px 0; font-size: 12px; letter-spacing: -1px; }
.dp_article { padding-bottom: 0;}
.dp_article h4 { font-size: 24px; }
.dp_box { position: relative; padding-right: 0; min-height: auto; margin-top: 30px; padding-top: 200px; }
.dp_box p { font-size: 13px; }
.dp_box .img_box { width: 280px; height: 187px; padding-bottom: 0; right: 50%; margin-right: -130px; }
.dp_box .img_box img { transform: translate(25px, -18px); }
.prs_box { height: 145px; padding: 10px 10px 12px 120px; }
.prs_box .portrait { width: 110px; height: 100%; }
.prs_box h5 { font-size: 14px; line-height: 1.2; }
.prs_box h5 span { font-size: 13px; }
.prs_box ul { margin-top: 6px; }
.prs_box ul li { font-size: 12px; }

.staff_list .list_02 > li { width: 100%; }
.staff_list .list_02 li:nth-child(odd) { margin-left: 0; }
.prs_box2 { height: auto; padding: 15px; }
.prs_box .homepage { padding: 3px 10px; font-size: 11px; margin-top: 1px; }
.youtube_intro { padding: 40px 10px 40px 10px; min-height: auto; }
.youtube_intro h3 { font-size: 18px; margin-bottom: 12px; }
.youtube_intro p { font-size: 13px; }
.youtube_intro > a { display: block; width: 60%; max-width: 410px; position: relative; top: auto; right: auto; margin: 20px auto 0 auto; transform: translateY(0); }

.section_welcome .tit { margin: 20px auto; font-size: 18px; }
.section_welcome .tit::before { left: 10px; width: calc(50% - 90px); }
.section_welcome .tit::after { right: 10px; width: calc(50% - 90px); }
.section_welcome .rl_list li { width: 32%; margin-bottom: 5%; }
.section_welcome .rl_list li:nth-child(3n+1) { margin-left: 0; }
.section_welcome .rl_list li .icon { display: block; height: 80px; line-height: 80px;} 
.section_welcome .rl_list li img { height: 50px; }
.section_welcome .rl_list li p { font-size: 12px; margin-top: 7px; }

.section_employment { padding-top: 20px; }
.section_employment h3 { font-size: 18px; }
.section_employment h3::before { width: calc(50% - 140px); left: 10px; }
.section_employment h3::after { width: calc(50% - 140px); right: 10px; }
.employment_conts { padding: 20px 10px; flex-direction: column; }
.chart_wrap { width: 100%; }
.chart_wrap h4 { font-size: 15px; margin-bottom: 2px; }
.chart_wrap p { font-size: 13px; }
#chart { width: 260px; height: 260px; margin: 0 auto; }
.chart_reg { padding-left: 0; padding-top: 20px; }
.chart_reg dl { margin-bottom: 12px; padding-left: 40px; }
.chart_reg dl::before { width: 24px; border-radius: 5px; }
.chart_reg dl dt { font-size: 13px; margin-bottom: 2px; }
.chart_reg dl dd { font-size: 13px; padding-left: 15px; }
.chart_reg dl dd::before { left: 6px; }

.news_tab li a, .notice_tab li a { width: 120px; height: 42px; line-height: 42px; font-size: 14px; }
.section_notice { padding: 10px 10px 20px 10px; }

.article_intro { padding: 12px; flex-direction: column; }
.article_intro .int_img { flex: none; margin-bottom: 20px; height: 290px; }
.article_intro .int_txt { flex: none; padding-left: 0; }
.article_intro .int_txt h3 { font-size: 30px; margin-bottom: 12px; }
.article_intro .int_txt p { font-size: 14px; line-height: 1.6; }

.article_career .for_p, .article_career .for_m { padding: 30px 0; }
.article_career dl { margin-bottom: 20px; }
.article_career dt { line-height: 45px; font-size: 15px; margin-bottom: 16px; padding-left: 10px; }
.article_career dd { font-size: 14px; padding-left: 22px; }
.article_career dd::before { width: 4px; height: 4px; top: 7px; left: 10px; }
.article_career h5 { font-size: 15px; margin-bottom: 10px; padding-left: 20px; }
.article_career > p { font-size: 14px; }

.article_contact h3 { font-size: 14px; margin-bottom: 10px; }
.article_contact .root_daum_roughmap .wrap_map { height: 350px; }
.article_contact .root_daum_roughmap .section .title { font-size: 14px; }
.article_contact .root_daum_roughmap .section_busstop .wrap_list li a { font-size: 13px; }
.article_contact .root_daum_roughmap .section_busline .wrap_list .txt a { font-size: 13px; }

.article_goals { padding: 10px 0;}
.article_goals .slg { padding: 16px; }
.article_goals .slg h3 { font-size: 18px; }
.article_goals .goals_img { padding: 20px 0; }
.article_goals .golas_brf { display: flex; gap: 5px; flex-direction: column; } 
.article_goals .golas_brf h3 { width: 100%; font-size: 16px; padding: 16px 0; flex-direction: row; }
.article_goals .golas_brf h3 img { height: 25px; margin: 0 10px 0 0; }
.article_goals .golas_brf dl { margin-bottom: 10px; }
.article_goals .golas_brf dt { border-top-left-radius: 10px; border-top-right-radius: 10px; display: flex; font-size: 15px; color: #fff; padding: 12px; height: auto; }
.article_goals .golas_brf dd { height: auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: flex; font-size: 14px; padding: 20px; }

.table_01 th { height: 40px; font-size: 13px; }
.table_01 td { height: 40px; font-size: 13px; padding: 0 5px; }

.article { padding: 12px 0; }
.article h3 { font-size: 14px; margin-bottom: 10px; }
.noti { padding-left: 16px; font-size: 13px; }

.for_p { display: none; }
.for_m { display: block; }

.traffic { margin-top: 20px; }
.traffic h4 { font-size: 16px; padding: 12px 0; }
.traffic dl { padding-left: 85px; font-size: 14px; line-height: 30px; }

.video_wrap { margin: 12px 0; padding: 0; }

.article_box { margin: 18px 0; }
.article_box h5 { font-size: 16px; margin-bottom: 10px; }
.article_box p { font-size: 13px; }

.article_box .sign { font-size: 15px; margin: 12px 0; }

.golas_conts { margin-top: 30px; flex-direction: row; }
.golas_conts dl { flex-direction: column; }
.golas_conts dl dt { font-size: 15px; height: 50px; flex: none; }
.golas_conts dl dd { font-size: 13px; padding: 10px; height: 110px; flex: none; }

.system_step { margin: 20px 0; flex-direction: column; }
.system_step li .item { font-size: 14px; height: 40px; }
.system_step li .conts { padding: 12px; font-size: 13px; }
.system_step li.misc { padding: 5px 0; justify-content: center; }
.system_step li.misc { transform: rotate(90deg);}

.system_article { margin: 20px 0; }
.system_article h5 { font-size: 15px; margin-bottom: 10px; padding-left: 20px; }
.system_article p { font-size: 14px; padding-left: 20px;  }
.system_article ul { margin: 10px 0; padding-left: 10px; }
.system_article ul li { font-size: 13px; padding-left: 10px; }

.int_list { margin: 12px 0; } 
.int_list li { font-size: 13px; padding: 5px 0; }
.int_list li span { padding-left: 10px; margin-right: 8px; }

.goals_list { padding-left: 10px; margin: 10px 0; }
.goals_list li { font-size: 13px; }

}