/* 본문바로가기  */
.accessibility {position:absolute; top:0; left:0; overflow:hidden;z-index:3000;width:100%;}
.accessibility a{display:block;overflow:hidden;z-index:3000;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:30px;margin:0;padding:8px 0;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff;}
.wrap { width: 1280px; margin: 0 auto; }

/* head */
#header {position: fixed;left: 0px;top: 0px;width: 100%;height: 128px;background: #fff;border-bottom: 1px solid #eee;z-index: 9000;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#header:after { content:""; opacity:0; visibility:hidden; position:absolute; left:50%; top:128px; z-index:1; width:100%; height:1px; background:#ececec; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s; }

.head_inr01 { width: 100%; height: 40px; background: #f2f2f2; }
.head_inr01 .wrap {display: flex;flex-wrap: wrap;justify-content: flex-end;z-index: 999;}

.top_menu { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 120px; height: 40px; color: #fff; font-size: 0.9em; }
.top_menu01 { background: #0050bc; }
.top_menu02 { background: #092e6c; }
.top_menu03 { background: #00bcab; }
.top_menu04 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  height: 40px; color: #fff; font-size: 0.9em; color : #000000;  padding-right: 10px;  }

.head_inr02 .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.logo { margin: 12px 0; }

#header .hd-menu .gnb-wrap { height:100%;}
#header .hd-menu .gnb-wrap .gnb { display:flex; justify-content:center; align-items:center;height:100%; text-align:center;}
#header .hd-menu .gnb-wrap .gnb > li { position:relative; display:flex; justify-content:center; align-items:center; padding:35px 20px; min-width: 150px; height:100%; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; transition:all ease .3s; }
#header .hd-menu .gnb-wrap .gnb > li:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#2e58a6; -webkit-transform:translate(-50%); -moz-transform:translate(-50%); -ms-transform:translate(-50%); -o-transform:translate(-50%); transform:translate(-50%); }
#header .hd-menu .gnb-wrap .gnb > li > a { display:flex; justify-content:center; align-items:center; font-size: 18px; font-weight: 600; line-height:1; }
#header.on .hd-menu .gnb-wrap .gnb > li {  }
#header.on .hd-menu .gnb-wrap .gnb > li.on > a{ color:#0050bc;} 
#header .hd-menu .gnb-wrap .gnb > li .depth { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; padding-top:20px; width:100%; }
#header .hd-menu .gnb-wrap .gnb > li .depth:before { content:""; position:absolute; left:0; top:30px; width:1px; height:280px; background:#ececec;}
#header .hd-menu .gnb-wrap .gnb > li:first-child .depth:before {display:none;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a { display:block; padding:0.52em 5px; color:#666; font-size: 0.95em; letter-spacing:-0.5px; line-height: 1.4; }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li { position:relative;}  
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li > i { position:absolute; right:0; top:10px; font-size:2rem; color:#666; cursor:pointer;}
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li > i:hover { color:#2e58a6;}
 
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a > span {position:relative;} 
#header .hd-menu .gnb-wrap .gnb > li.open .depth { display:block;} 
#header .hd-menu .gnb-wrap .gnb > li.open > a:after { top:28px; border-left:2px solid #999; border-top:2px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a{color:#666}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.active > a, #header .hd-menu .gnb-wrap .gnb > li .depth2 > li.on > a, #header .hd-menu .gnb-wrap .gnb > li.open .depth > ul > li.on > a{color:#2e58a6;} 
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.on > a{color:#2e58a6;} 351

#header .hd-menu .gnb-wrap .gnb > li .depth2 > li.on > a:hover{color:#2e58a6; text-decoration:none;}

#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li.active > a{color:#2e58a6}
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li.active .depth2{display:block;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a{text-decoration: underline; text-underline-position: under;}

#header .hd-menu .gnb-wrap .gnb > li .depth2 > li > a:hover{text-decoration: underline; text-underline-position: under; color:#666;} 

#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.open > a:after { -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); }
#header .hd-menu .gnb-wrap .gnb > li .depth2 { display:none; padding:0.5em 0; /*background:#f1f1f1;*/}
#header .hd-menu .gnb-wrap .gnb > li .depth2 > li > a { display:block; padding:0.333em 2.333em; font-size:1.5rem; color:#666; font-weight:300;}

#header.on { overflow:hidden; height:520px; background:#fff; -webkit-box-shadow:1px 1px 25px rgb(67 67 67 / 10%); box-shadow:1px 1px 25px rgb(67 67 67 / 10%);}
#header.on:after { opacity:1; visibility:visible;}
#header.on .hd-menu .gnb-wrap .gnb > li > a, #header.scrolled .hd-menu .gnb-wrap .gnb > li > a { color:#000;}
#header.on .hd-menu .gnb > li .depth { opacity:1; visibility:visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }

.menu-toggler, .mobile_menu { display: none; }

/* footer */
.footer_con { overflow: hidden; position: relative; width: 100%; height: 200px; background: url('../image/main/main_con02_bg01.png') center bottom no-repeat; }
.footer_con .carbox { display: block; position: absolute; right: 0; top: 135px; width: 100%; height: 65px; }
.footer_con .carbox .car01 {position: absolute; bottom: 10px; left: 0; z-index:99;}
.footer_con .carbox .car02 {position: absolute; bottom: 50px; left: auto; right: 0;}
.footer_con .carbox .car03 {position: absolute; bottom: 35px; left: auto; right: 0;}

.footer { padding: 50px 0; background: #182b3c; }
.footer .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.footer_menu { margin-bottom: 10px; }
.footer_menu a { position:relative; padding: 0 15px; color: #fff; font-weight: 600; }
.footer_menu a:after { content:''; position: absolute; right: 0px; top: 20%; width: 1px; height: 60%; background: #fff; }
.footer_menu a:first-child { padding-left: 0px; }
.footer_menu a:last-child { padding-right: 0px; }
.footer_menu a:last-child:after { display: none; }
.footer_copyright { text-align: right; color: #fff; font-weight: 300; line-height: 1.6; }
.footer_copyright span { position:relative; padding: 0 15px; }
.footer_copyright > span:after { content:''; position: absolute; right: 0px; top: 20%; width: 1px; height: 60%; background: #fff; }
.footer_copyright > span.noline { padding-right: 0px; }
.footer_copyright > span.noline:after { display: none; }
.footer_copyright p { opacity: 0.5; }

/* main */
.main_vis { display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 600px; margin-top: 128px; background: url('../image/main/main_vis01.jpg') center top no-repeat; background-size: cover; }
.main_txtbox { margin-bottom: 80px; text-align: center; }
.main_txtbox img { margin-bottom: 30px; max-width: 100%; }
.main_txtbox p { color: #fff; font-size: 1.3em; opacity: 0.7; }
.main_btnlist { display: flex; flex-wrap: wrap; justify-content: center; }
.main_btnlist li { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 160px; height: 160px; margin-left: 30px; border: 2px solid #fff; border-radius: 5px; background: rgba(0, 0, 0, 0.7); transition: 0.3s; }
.main_btnlist li:hover { background: #0050bc; border: 2px solid #0050bc; animation: ani02 0.5s infinite alternate; }
.main_btnlist li:first-child { margin-left: 0px; }
.main_btnlist li a { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%;color: #fff; }
.main_btnlist li a .icon { margin-bottom: 20px; }
.main_btnlist li a span { text-align: center; font-size: 1.1em; font-weight: 600; letter-spacing: -0.5px; }

@keyframes ani02 { 0%{transform:translate(0,0px);} 100%{transform:translate(0,-10px);} }

.main_con01 { padding: 50px 0; }
.main_con01 .wrap { display: flex; flex-wrap: wrap; }
.main_con_inr { width: 31%; }
.main_con_inr02 { margin: 0 3.5%; }

.main_con_title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.main_con_title h3 { font-size: 1.6em; }
.main_con_title a { font-size: 0.9em; opacity: 0.5; }

.latest_list { }
.latest_list li { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height: 36px; padding-left: 15px; }
.latest_list li:after { content:''; position: absolute; left: 0px; top: calc(50% - 2px); width: 4px; height: 4px; background: #aaa; border-radius: 4px; }
.latest_list li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: calc(100% - 140px); }
.latest_list li a:hover { color: #0050bc; }
.latest_list li .date { width: 100px; text-align: right; color: #999; font-size: 0.9em; }

.main_con_inr02 .latest_list li { padding-right: 15px; }
.main_con_inr02 .latest_list li a { width: 100%; }
.main_con_inr02 .latest_list li .date { display: none; }

.main_con_inr03 { border: 1px solid #ccc; }

.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.swiper-slide img, 
.swiper-slide a
{ display: block; width: 100%; height: 100%; object-fit: fill; }

/* sub */
.sub_top { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 128px; width: 100%; height: 350px; background: url('../image/sub/sub_top01.jpg') center top no-repeat; background-size: cover; }
.sub_txtbox { text-align: center; }
.sub_txtbox img { margin-bottom: 30px; max-width: 100%; }
.sub_txtbox p { color: #fff; font-size: 1.3em; opacity: 0.7; }

.sidebar { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 80px; background: #fff; border-bottom: 1px solid #ddd; z-index: 9; }
.sidebar .wrap { display: flex; flex-wrap: wrap; }
.sidebar .home { width: 64px; height: 64px; }
.sidebar .home a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; color: #0050bc; font-size: 1.3em; transition: 0.5s; }
.sidebar .depth { position: relative; }
.sidebar .depth_1, .sidebar .depth_2 { width: 250px; }
.sidebar .depth:before { content:''; position: absolute; left: 0px; top: 20%; width: 1px; height: 60%; background: #ddd; }
.sidebar .depth_2:after { content:''; position: absolute; right: 0px; top: 20%; width: 1px; height: 60%; background: #ddd; }
.sidebar .depth_title { position: relative; width: 100%; height: 64px; padding-left: 20px; text-align: left; background: transparent; border: none; color: #000; font-size: 1.1em; font-weight: 600; transition:0.5s; }
.sidebar .depth_title:after { content:'\e942'; position: absolute; top: calc(50% - 8px); right: 20px; width: 16px; height: 16px; font-family: 'xeicon' !important; color: #aaa; transition: 0.3s; }
.sidebar .depth_title:hover:after { color:#0050bc; }
.sidebar .depth .sub_ul { position: absolute; left: 0px; top: 100%; padding: 10px 0px; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(215, 219, 224) rgb(215, 219, 224); border-image: none; border-top: 1px solid rgb(215, 219, 224); width: 100%; background-color: #f7f7f7; }
.sidebar .depth .sub_ul li { padding: 8px 20px; }
.sidebar .depth .sub_ul li a { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: #888; }
.sidebar .depth .sub_ul li a:hover { color: #000; text-decoration: underline; }

.sub_title { margin-bottom: 50px; text-align: center; }
.sub_title h2 { margin-bottom: 30px; font-size: 2.5em; }
.sub_title p { font-size: 0.95em; }
.sub_title p, .sub_title p a { color: #888; }

.sub_contents { margin-bottom: 80px; line-height: 1.6; word-break: keep-all; }
.sub_contents h3 { position: relative; margin-bottom: 30px; padding-left: 20px; font-size: 1.6em; }
.sub_contents h3:after { content:''; position: absolute; left: 0px; top: 20%; width: 5px; height: 60%; background: #0050bc; border-radius: 10px; }
.sub_contents h4 { margin-bottom: 15px; color: #0050bc; font-size: 1.2em; }

.mb50 { margin-bottom: 50px; }
.mb30 { margin-bottom: 30px; }
.mb00 { margin-bottom: 0px; }

.sub_contents p { word-break: keep-all; }
.sub_con_txtbox { padding: 30px; background: #f7f7f7; border: 1px solid #ddd; }
.sub_con_txtbox .point_red { color: #f83c46; }

.sub_imgbox { text-align: center; }
.sub_imgbox img { max-width: 100%; }

.map_iconlist { display: flex; flex-wrap: wrap; justify-content: center; }
.map_iconlist li { flex: 1; border-left: 2px solid #fff; background: #eee; border-radius: 5px; font-weight: 500; }
.map_iconlist li:first-child { border-left: none; }
.map_iconlist li a { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; height: 100%; padding: 20px 0; }
.map_iconlist li.active a, .map_iconlist li a:hover { color: #0050bc; font-weight: 600; }
.map_iconlist li a .icon { margin-bottom: 10px; }
.map_iconlist li a span { width: 100%; text-align: center; font-size: 0.95em; }

.tabArea { margin: 0 auto; }
.tabArea .tab { display: flex; justify-content: space-between; }
.tabArea .tabBox { display: none; }
.tabArea .tabBox.active { display: block; }

.mapArea {box-sizing:border-box;width:100%;height:650px; padding:1%;}

.mapArea .map-icon{position:relative; width:30px; z-index:2; left:30%; top:30%; margin-left:0%; margin-top:-50%;}
.mapArea .map-icon img{width:100%;}
.mapArea .map-info{background:#fff;position:relative; width:400px; z-index:3; left:0; top:0;}
.mapArea .map-info .x-button-frame {width:20px; height:25px;  float:right;  cursor:pointer; position:relative; top:-6px;}
.mapArea .map-info .x-button {width:20px; height:4px;cursor:pointer;float:right; position:relative; display:inline-block; transform:rotate(45deg);background:#23659E;margin-top:15px;}
.mapArea .map-info .x-button::before { position:absolute; display:block; width:20px; height:4px; background:#23659E; content:""; transform:rotate(90deg);}
.mapArea .map-info table {border:none; width:98%; margin:1%;}
.mapArea .map-info table tr,
.mapArea .map-info table td,
.mapArea .map-info table th{border:none; text-align:left; padding-left:10px; }
.mapArea .map-info table td{font-size:1rem;}
.mapArea .map-info table th{border-bottom:1px solid #23659E;color:#23659E; font-size:1.25rem; font-weight:bold;}

.map_arealist { display: flex; flex-wrap: wrap; justify-content: center; }
.map_arealist li { flex:none; width:13.94%; border-left: 2px solid #fff; }
.map_arealist li:first-child { border-left: none; }
.map_arealist li a { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; height: 60px; align-items: center; background: #eee; border-radius: 5px; font-weight: 500; }
.map_arealist li.active a { background: #0050bc; color:#fff; }

.tabArea .root_daum_roughmap { margin-bottom: 0px !important; }

.dan_tabbox { margin-top: 50px; }

.dan_tablist { display: flex; flex-wrap: wrap; justify-content: center; }
.dan_tablist li { flex:1; border: 1px solid #ddd; border-left: none; width: 33%; }
.dan_tablist li:first-child { border-left: 1px solid #ddd; }
.dan_tablist li.active { border: 1px solid #0050bc; border-left: none; }
.dan_tablist li.active:first-child { border-left: 1px solid #0050bc; }

.dan_tablist li a { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; height: 60px; align-items: center; text-align: center; background: #fff; font-weight: 500; font-size: 1.05em; word-break: break-all; line-height: 1.3; }
.dan_tablist li.active a { background: #0050bc; color:#fff; }

.page_list { margin-bottom: 50px; }
.page_list_bg { padding: 30px; background: #f4f4f4; }
.page_list li { margin-bottom: 10px; }
.page_list li:last-child { margin-bottom: 0px; }
.page_list li span.point01 { color: #0050bc; font-weight: 600; }

.page_list02 li { position: relative; padding-left: 15px; }
.page_list02 li:after { content:''; position: absolute; top: 9px; left: 0px; width: 4px; height: 4px; background: #aaa; border-radius: 500px; }
.page_list01 li dl, .page_list02 li dl { margin: 10px 0; margin-left: 20px; }
.page_list01 li dl dd, .page_list02 li dl dd { margin-bottom: 5px; }
.page_list01 li dl dd:last-child, .page_list02 li dl dd:last-child { margin-bottom: 0px; }

.page_list_inrlist02 dd { position: relative; padding-left: 15px; }
.page_list_inrlist02 dd:after { content:''; position: absolute; top: 13px; left: 0px; width: 7px; height: 1px; background: #999; }

.page_table01 { margin-bottom: 50px; }
.page_table01 caption { margin-bottom: 10px; text-align: right; font-size: 0.9em; color: #888; }
.page_table01 th, .page_table01 td { padding: 10px 5px; text-align: center; background: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.page_table01 th:first-child, .page_table01 td:first-child { border-left: none; }
.page_table01 th { border-top: 1px solid #000; background: #eee; }
.page_table01 td {}
.page_table01 td span.stxt { display: block; font-size: 0.9em; letter-spacing: -0.5px; }
.page_table01 td.line { border-left: 1px solid #ccc; }
.page_table01 td.bg_color01 { background: #fbf1f1; }

.page_table02 { margin-bottom: 50px; border-top: 1px solid #000; }
.page_table02 caption { margin-bottom: 10px; text-align: right; font-size: 0.9em; color: #888; }
.page_table02 th, .page_table02 td { padding: 10px 5px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.page_table02 th:first-child, .page_table02 td:first-child { border-left: none; }
.page_table02 th { background: #eee; text-align: center; }
.page_table02 td { padding: 10px 20px; }
.page_table02 td.txt_ag { text-align: center; }

.page_table03 { margin-bottom: 50px; border-top: 1px solid #000; }
.page_table03 th, .page_table03 td { padding: 10px 20px; border-bottom: 1px solid #ccc; }
.page_table03 thead th { background: #eee; text-align: center; border-left: 1px solid #ccc; }
.page_table03 thead th:first-child { border-left: none; }
.page_table03 tbody th { text-align: left; }
.page_table03 td { padding: 10px 20px; border-left: 1px solid #ccc; }

.page_table04 { margin-bottom: 50px; border-top: 1px solid #000; }
.page_table04 th, .page_table04 td { padding: 10px 5px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; }
.page_table04 th:first-child, .page_table04 td:first-child { border-left: none; }
.page_table04 th { background: #eee; }
.page_table04 td { padding: 10px 20px; }

.opin_srch_box { margin-bottom: 30px; padding: 30px; background: #f4f7fb; }
.opin_srch_inr { display: flex; flex-wrap: wrap; justify-content: space-between; width: 80%; margin: 0 auto; }

.srch_inr_tab { width: 100%; margin-bottom: 20px; }
.srch_inr_tab fieldset { display: flex; flex-wrap: wrap; justify-content: center; }
.srch_inr_tab fieldset div { margin: 0 5px; }
.srch_inr_tab input[type="radio"] + label { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 120px; height: 40px; background: #fff; border: 1px solid #ddd; border-radius: 500px; letter-spacing: -0.5px; cursor: pointer; }
.srch_inr_tab input[type="radio"] { display: none; }
.srch_inr_tab input:checked + label, .srch_inr_tab input:checked + label { background: #555; border: 1px solid #555; color: #fff; }
.srch_inr_tab input[type="radio"] + label:after { content: ''; position: absolute; right: 50px; bottom: 0px; width: 20px; height: 100%; transition: 0.5s; }
.srch_inr_tab input + label:hover:after, .srch_inr_tab input:checked + label:after { }

.opin_srch_form { display: flex; flex-wrap: wrap; width: calc(100% - 210px); }
.opin_srch_form li { width: calc(50% - 5px); }
.opin_srch_form li:first-child { margin-right: 10px; }
.opin_srch_btn { width: 200px; height: 50px; border:none; border-radius: 0px; background: #3a8afd; color: #fff; font-size: 1em; font-weight: 600; }
.btn_wetax_sunap { width: 200px; height: 50px; border:none; border-radius: 0px; background: #00bcab; color: #fff; font-size: 1em; font-weight: 600; }

.boardlist { border-top: 1px solid #000; }
.boardlist li { position: relative; border-bottom: 1px solid #ccc; transition: 0.3s; }
.boardlist li.cont:hover { background: #f7f7f7; }
.boardlist_inr { display: flex; flex-wrap: wrap; }
.boardlist_inr dt, .boardlist_inr dd { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; padding: 10px 5px; flex:1; min-height: 50px; }
/* .boardlist_inr dt:first-child, .boardlist_inr dd:first-child { width: 10%; } */
.boardlist_inr dd { min-height: 60px; }
.boardlist_inr dd.title { justify-content: flex-start; text-align: left; padding: 0 20px; }
.boardlist_inr dt { height: 50px; background: #f4f4f4; font-weight: 600; }
.boardlist_inr dt.num, .boardlist_inr dd.num { flex: inherit; width: 100px; }
.boardlist_inr dt.num02, .boardlist_inr dd.num02 { flex: inherit; width: 140px; }
.boardlist_inr dd.num, .boardlist_inr dd.num02 { font-size: 0.95em; }
.boardlist_inr dd.file i { color: #0050bc; font-size: 1.2em; }
.btn_view { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 110px; height: 40px; border: 1px solid #ccc; color: #777; font-size: 0.85em; }
.btn_view:hover { background: #0050bc; border: 1px solid #0050bc; color: #fff; }
.btn_view i { margin-right: 3px; }
.btn_download { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 110px; height: 40px; background: #0050bc; border: 1px solid #0050bc; color: #fff; font-size: 0.85em; }
.btn_download:hover { background: #092e6c; border: 1px solid #092e6c; color: #fff; }
.btn_download i { margin-right: 3px; }

.boardlist.noti_boardlist01 { border-top: 1px solid #000; }
.noti_boardlist01 dt.num, .noti_boardlist01 dt.file, .noti_boardlist01 dt.date, .noti_boardlist01 dt.hit, .noti_boardlist01 dt.name,
.noti_boardlist01 dd.num, .noti_boardlist01 dd.file, .noti_boardlist01 dd.date, .noti_boardlist01 dd.hit, .noti_boardlist01 dd.name { flex: inherit; width: 120px; }

.pagingbox { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 30px; }
.paging_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 30px; height: 30px; margin: 0 2px; border: 1px solid #ddd; color: #888; font-size: 0.8em; }
.paging_btn:hover { background: #f4f4f4; color: #0050bc; }

.faqlist {}
.faqlist li { margin-bottom: 30px; }
.faqlist li:last-child { margin-bottom: 0px; }
.faqlist li dl dt { margin-bottom: 20px; font-size: 1.2em; font-weight: 500; letter-spacing: -0.5px; }
.faqlist li dl dd { padding: 30px; background:#f4f4f4; }
.question_icon { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-right: 10px; width: 30px; height: 30px; background: #0050bc; border-radius: 500px; color: #fff; font-size: 0.8em; font-weight: 400; }
.faqlist li dl dd table { margin-bottom: 0px; }

.root_daum_roughmap { margin-bottom: 50px !important; max-width: 100% !important; }

.sitemap { display: flex; flex-wrap: wrap; }
.sitemap li { width: 16%; padding: 30px 20px; margin-left: 0.8%; border: 1px solid #ddd; border-radius: 5px; }
.sitemap li:first-child { margin-left: 0px; }
.sitemap li > a { display: flex; justify-content: center; margin-bottom: 10px; padding-bottom: 10px; width: 100%; border-bottom: 1px dashed #ddd; text-align: center; color: #0050bc; font-size: 1.15em; font-weight: 600; line-height: 1.2; }
.sitemap_slist dd { margin-bottom: 5px; width: 100%; text-align: center; }
.sitemap_slist dd:last-child { margin-bottom: 0px; }
.sitemap_slist dd a { position:relative; display: inline-block; text-align: center; color: #666; font-size: 0.95em; font-weight: 400; letter-spacing: -0.5px; }
.sitemap_slist dd a:hover { color: #0050bc; }
.sitemap_slist dd a:after { content:''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: #0050bc; transition: 0.3s; }
.sitemap_slist dd a:hover:after { width: 100%; }

.pop-layer .pop-container { position: relative; overflow-y: auto; height: 100%; padding: 30px; }
.pop-layer p.ctxt { color: #666; line-height: 25px; }
.pop-layer .btn-r { width: 100%; margin: 30px 0 0px;/*  padding-top: 10px; border-top: 1px solid #ddd; */ text-align: right; }
.pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 80%; height: 80%; padding: 5px; background-color: #fff; border-radius: 10px; z-index: 9002; }
.dim-layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9001; }
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 9001; }
.dim-layer .pop-layer { display: block; }
.btn-layerClose { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 110px; height: 40px; border: 1px solid #ccc; color: #777; font-size: 0.85em; }
.btn-layerClose:hover { background: #0050bc; border: 1px solid #0050bc; color: #fff; }
.btn-layerClose i { margin-right: 3px; }

.pop-layer-sub .pop-container { position: relative; overflow-y: auto; height: 100%; padding: 30px; }
.pop-layer-sub p.ctxt { color: #666; line-height: 25px; }
.pop-layer-sub .btn-r { width: 100%; margin: 30px 0 0px; padding-top: 10px; border-top: 1px solid #ddd; text-align: right; }
.pop-layer-sub { display: none; position: absolute; top: 50%; left: 50%; width: 80%; height: 60%; padding: 5px; background-color: #fff; border-radius: 10px; z-index: 9002; }
.dim-layer-sub { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9001; }
.dim-layer-sub .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 9001; }
.dim-layer-sub .pop-layer-sub { display: block; }

.pop-layer-pop .pop-container { position: relative; overflow-y: auto; height: 100%; padding: 30px; }
.pop-layer-pop p.ctxt { color: #666; line-height: 25px; }
.pop-layer-pop .btn-r { width: 100%; margin: 30px 0 0px; padding-top: 10px; border-top: 1px solid #ddd; text-align: right; }
.pop-layer-pop { display: none; position: absolute; top: 50%; left: 50%; width: 80%; height: 60%; padding: 5px; background-color: #fff; border-radius: 10px; z-index: 9002; }
.dim-layer-pop { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9001; }
.dim-layer-pop .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 9001; }
.dim-layer-pop .pop-layer-pop { display: block; }

.pop-layer-print .pop-container { position: relative; overflow-y: auto; height: 100%; padding: 30px; }
.pop-layer-print p.ctxt { color: #666; line-height: 25px; }
.pop-layer-print .btn-r { width: 100%; margin: 30px 0 0px; padding-top: 10px; border-top: 1px solid #ddd; text-align: right; }
.pop-layer-print { display: none; position: absolute; top: 50%; left: 50%; width: 80%; height: 60%; padding: 5px; background-color: #fff; border-radius: 10px; z-index: 9002; }
.dim-layer-print { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9001; }
.dim-layer-print .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 9001; }
.dim-layer-print .pop-layer-print { display: block; }

.btn-layerClose02 { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; border-radius: 500px; background: #0050bc; color: #fff; z-index: 999; }
.btn-layerClose02 i { font-size: 14px; font-weight: 600; }

.dan_viewlist { margin-bottom: 15px; border-top: 1px solid #000; }
.dan_viewlist.margin_bot_30 { margin-bottom: 30px;  }
.dan_viewlist li { display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; }
.dan_viewlist_inr { display: flex; flex-wrap: wrap; width: 50%; }
.dan_viewlist_inr_wh100 { width: 100%; }
.dan_viewlist_inr dt, .dan_viewlist_inr dd { display: flex; flex-wrap: wrap; align-items: center; min-height: 50px; padding: 10px 20px; }
.dan_viewlist_inr dt { width: 200px; background: #f4f4f4; font-weight: 600; }
.dan_viewlist_inr dd { width: calc(100% - 200px); }
.dan_viewlist_inr dd .frm_input { height: 45px; }
.dan_viewlist_inr dd textarea.frm_input { height: 150px; }
.dan_viewlist_inr dd.filebox .full_input { width: calc(100% - 115px); }
.dan_viewlist_inr dd.filebox .btn_download { margin-right: 5px; height: 45px; }

.dan_view_imglist { display: flex; flex-wrap: wrap; }
.dan_view_imglist li { margin-bottom: 20px; width: 49%; }
.dan_view_imglist li:nth-child(2n+1) { margin-right: 2%; }
.dan_view_imglist li img { max-width: 100%; }

.noti_title { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 15px 0 10px; margin-bottom: 50px; border-top: 1px solid #000; border-bottom: 1px solid #ddd; }
.noti_title_txt { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; font-size: 1.2em; font-weight: 700; }
.noti_title_info { padding-top: 10px; width: 100%; }
.noti_title_info ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.noti_title_info ul li { display: flex; flex-wrap: wrap; align-items: center; position: relative; padding: 0 15px; color: #888; font-size: 0.9em; }
.noti_title_info ul li:after { content:''; position: absolute; right: 0px; top: 20%; width: 1px; height: 60%; background: #ccc; }
.noti_title_info ul li:last-child:after { display: none; }
.noti_title_info ul li i { margin-right: 3px; }
.noti_cont { padding: 0 30px; min-height: 200px; }

.noti_filelist { border-top: 1px solid #000; }
.noti_filelist li { display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; }
.noti_filelist_inr { display: flex; flex-wrap: wrap; width: 50%; }
.noti_filelist_inr_wh100 { width: 100%; }
.noti_filelist_inr dt, .noti_filelist_inr dd { display: flex; flex-wrap: wrap; align-items: center; min-height: 50px; padding: 10px 20px; }
.noti_filelist_inr dt { width: 200px; background: #f4f4f4; font-weight: 600; }
.noti_filelist_inr dd { width: calc(100% - 200px); }
.noti_filelist_inr dd a { font-size: 0.9em; }
.noti_filelist_inr dd a:hover { text-decoration: underline; }
span.filedownload { display: inline-flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin-right: 5px; background: #0050bc; border-radius: 3px; color: #fff; font-size: 12px; }

.error_box { display: flex; flex-wrap: wrap; margin-top: 80px; margin-bottom: 50px; padding: 50px; border: 1px solid #ddd; }
.error_imgbox { width: 50%; text-align: center; }
.error_imgbox img { max-width: 100%; }
.error_txtbox { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; width: 50%; }
.error_txtbox h2 { margin-top: 20px; margin-bottom: 30px; font-size: 2em; }
.error_txtbox p { text-align: center; font-size: 1.05em; line-height: 1.8; }
.error_btnbox { display: flex; flex-wrap: wrap; justify-content: center; }

.btn_error { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 5px; width: 180px; height: 50px; border: 1px solid #ccc; color: #777; font-size: 1em; }
.btn_error:hover { background: #0050bc; border: 1px solid #0050bc; color: #fff; }
.btn_error i { margin-right: 3px; }

.indent { margin-left: 30px; text-indent: -10px; }
.indent2 { margin-left: 60px; text-indent: -20px; }
.height-auto{height : auto;}


/* swiper 배너 재생 정지 */
.main_con03_imglist:before{position:absolute;display:block; content:''; left:0; bottom:0; width:80px; height:30px; background:#00000020; z-index:9;}
.btn_wrap{position: absolute; bottom:5px; left:55px; width:20px; height:20px; z-index: 99;}
.btn_wrap button{position:absolute; display:inline-block; width:20px; height:20px; background:transparent; border:none; font-size:0;}
.btn_wrap.on .play_btn{display:none;}
.btn_wrap.on .stop_btn{display:block;}
.btn_wrap .play_btn{display:block;}
.btn_wrap .stop_btn{display:none;}
.btn_wrap .play_btn:before{display:block; content:'\25B6'; font-size:16px; line-height:21px; color:#fff;}
.btn_wrap .stop_btn:before{display:block; content:'\25FC'; font-size:18px; line-height:18px; color:#fff;}