@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");

/* 기본 레이아웃 */
html, body {width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; background:#fff; transition:.2s linear;}
input.text,
select.text {height:30px;}
input.text {padding:0 10px;}
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
body.ie select.text {padding:0 0 0 0 !important; background:none;}
button,input,a {transition:.2s linear;}
a.smoth {scroll-behavior:smooth;}
.imgin img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}

.inner {width:100%; max-width:1280px; margin:0 auto;}
span.br {display:block;}
.mo_vw {display:none !important;}

.red {color:#f00 !important;}
.blue {color:#3b26d3 !important;}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
.ie_wrap .link a:hover {opacity:.7;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}

/* 게시판 목록 */
.board_list {border-top:#ddd 1px solid;}
.board_list th,
.board_list td {height:58px; text-align:center; border-bottom:#ddd 1px solid; font-size:18px;}
.board_list th {color:#333; font-weight:500;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .w1 {width:7%;}
.board_list .w2 {width:11.7%;}
.board_list .w3 {width:10.2%;}
.board_list .w4 {width:10.9%;}

.board_bottom .btns {overflow:hidden; margin-top:60px; font-size:0;}
.board_bottom .btns .btn {display:inline-block; width:150px; height:45px; line-height:45px; background:#240e4e; font-size:16px; color:#fff; text-align:center; border:0; vertical-align:top;}
.board_bottom .btns .btn:hover {background:#19063d; color:#eee;}
.board_bottom .btns .btn_l {color:#240e4e; line-height:43px; border:#240e4e 1px solid; background:#fff;}
.board_bottom .btns .btn_l:hover {background:#f5f5f5; color:#19063d;}
.board_bottom .btns .fl .btn {margin-right:10px;}
.board_bottom .btns .fr .btn {margin-left:10px;}
.board_bottom .btns.tac .btn {margin:0 5px;}
.board_bottom .paging {text-align:center; font-size:0; margin-top:60px;}
.board_bottom .paging a {display:inline-block; width:40px; height:40px; line-height:38px; text-align:center; border:#fff 1px solid; font-size:16px; color:#999; vertical-align:top; margin:0 1px;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {color:#240e4e; border-color:#240e4e;}
.board_bottom .paging .nums {margin:0 3px;}
.board_bottom .paging .arrow {font-size:0; border-color:#fff !important;}
.board_bottom .search_wrap {text-align:center; font-size:0; margin-top:60px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; height:40px; font-size:15px;}
.board_bottom .search_wrap .text {line-height:38px;}
.board_bottom .search_wrap select.text {width:100px;}
.board_bottom .search_wrap input.text {width:300px; margin:0 10px;}
.board_bottom .search_wrap .btn {width:120px; line-height:40px; border:0; background:#240e4e; color:#fff; font-weight:bold; text-align:center;}

/* 게시판 상세 */
.board_in {border-top:#ddd 1px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid; word-break:break-all;}
.board_in td {color:#666;}
.board_in thead th {font-size:24px; color:#333; font-weight:700; line-height:30px; padding:25px 20px; text-align:center;}
.board_in thead td ul {display:flex; justify-content:space-between; padding:5px 0;}
.board_in thead td .left {position:relative; font-size:17px; color:#666; line-height:28px; padding-left:86px;}
.board_in thead td .left b {position:absolute; top:0; left:0;}
.board_in thead td .left a {display:block;}
.board_in thead td .right {font-size:16px; color:#999; line-height:28px;}
.board_in tbody td {padding:50px 0; font-size:17px; color:#666; line-height:27px;}
.board_in tfoot td {position:relative; padding-left:80px; font-size:15px; line-height:26px;}
.board_in tfoot td em {position:absolute; top:10px; left:10px;}
.board_in tfoot td a {display:block;}
.board_write .w1 {width:140px;}
.board_write th {font-size:17px;}
.board_write tbody td {padding:10px;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-10px;}
.gall_list li {float:left; width:calc((100% - 20px)/3); margin:10px 0 0 10px;}
.gall_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.gall_list li a {display:block;}
.gall_list li i {display:block; width:100%; height:240px; overflow:hidden;}
.gall_list li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 접근성 */
.blind_link {position:fixed; top:0; left:0; width:100%; z-index:101;}
.blind_link a {position:fixed; top:0; left:0; width:100%; height:0; font-size:20px; color:#fff; font-weight:500; line-height:60px; text-align:center; background:#999e; overflow:hidden;}
.blind_link a:focus {height:auto;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .inner {position:relative; height:80px;}
.header .logo {position:absolute; top:0; left:0; line-height:80px;}
.header h1 {display:none;}
.header .gnb {position:absolute; top:0; right:150px;}
.header .gnb ul {display:flex;}
.header .gnb li {position:relative;}
.header .gnb li > a {display:block; font-size:19px; color:#222; font-weight:500; line-height:80px; padding:0 22px;}
.header .gnb li:hover > a,
.header .gnb li.on > a {color:#140e4e;}
.header .snb {position:absolute; top:70px; left:50%; width:200px; transform:translate(-50%,0); padding:10px 0; background:#fff; border:#ddd 1px solid; display:none;}
.header li:hover .snb {display:block;}
.header .snb a {display:block; font-size:17px; color:#666; line-height:35px; text-align:center;}
.header .snb a:hover,
.header .snb a.on {color:#140e4e; font-weight:500;}
.header .lang {position:absolute; top:50%; right:0; width:130px; height:36px; line-height:34px; margin-top:-18px; border:#ddd 1px solid; padding-left:45px;}
.header .lang:before {content:""; position:absolute; top:0; left:8px; width:25px; height:100%; background:url('/images/icon_lang_eng.gif') no-repeat 50% 50% / contain;}
.header .lang i {position:absolute; top:0; right:10px; width:6px; height:100%;}
.header .lang i:before,
.header .lang i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:1px; background:#aaa; margin-left:-4px;}
.header .lang i:before {transform:rotate(45deg); margin-top:-3px;}
.header .lang i:after {transform:rotate(-45deg); margin-top:3px;}

/* footer */
.footer {background:#2a2a2a; padding:50px 0 60px;}
.footer .inner {display:flex; justify-content:space-between;}
.footer .left {font-size:0;}
.footer .left img {display:block; margin-bottom:5px;}
.footer .left span {display:inline-block; vertical-align:top; font-size:14px; color:#c5c5c5; line-height:21px; margin-right:20px;}
.footer .right em {display:block; font-size:19px; color:#fff; font-weight:500; line-height:30px;}
.footer .right b {display:block; font-size:31px; color:#fff; line-height:36px; margin-bottom:10px;}
.footer .right p {font-size:15px; color:#ccc; font-weight:300; line-height:22px;}

/* main */
.mvisual_wrap {position:relative; margin-top:80px;}
.mvisual {position:relative; font-size:0;}
.mvisual .slick-slide {position:relative; height:700px; overflow:hidden;}
.mvisual .slick-slide img {position:relative; left:50%; height:700px; width:auto !important; max-width:none; transform:translate(-50%,0);}
.mvisual .slick-dots {position:absolute; bottom:35px; left:0; width:100%; display:flex; justify-content:center;}
.mvisual .slick-dots li {margin:0 8px;}
.mvisual .slick-dots li button {font-size:0; display:block; width:18px; height:18px; background:#fff; border-radius:9px; opacity:.6;}
.mvisual .slick-dots li.slick-active button {opacity:1; width:54px;}
.mvisual_wrap .txt {position:absolute; top:0; left:0; width:100%; height:calc(100% - 53px); display:flex; flex-direction:column; justify-content:center; align-items:center;}
.mvisual_wrap .txt * {color:#fff; text-align:center;}
.mvisual_wrap .txt em {font-size:42px; line-height:84px;}
.mvisual_wrap .txt strong {font-size:75px; line-height:84px;}
.mvisual_wrap .txt p {font-size:20px; font-weight:300; line-height:30px; margin-top:20px;}

.mcon .title {font-size:33px; color:#222; font-weight:700; line-height:30px; text-align:center; margin-bottom:40px;}
.mcon .title p {font-size:18px; color:#525252; font-weight:300; line-height:20px; margin-top:10px;}
.mcon01 {padding:70px 0 80px; background:#f6f6f6;}
.mcon01 ul {display:flex; justify-content:space-between;}
.mcon01 li {width:calc(50% - 15px);}
.mcon01 li i {display:block; font-size:0; margin-bottom:1px;}
.mcon01 li .txt {background:#fff; padding:30px;}
.mcon01 li .txt strong {display:block; font-size:18px; color:#222; line-height:20px;}
.mcon01 li .txt p {font-size:16px; color:#525252; font-weight:300; line-height:20px; margin:12px 0 40px;}
.mcon01 li .txt .btn {display:block; font-size:13px; color:#fff; font-weight:300; line-height:36px; width:114px; background:#131156; text-align:center;}
.mcon02 {padding:100px 0 110px;}
.mcon02 .list {border-top:#ccc 1px solid;}
.mcon02 .list li {border-bottom:#ccc 1px solid;}
.mcon02 .list li a {position:relative; display:block; padding:20px 100px 20px 130px;}
.mcon02 .list li .date {position:absolute; top:0; left:0; width:110px; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.mcon02 .list li .date strong {font-size:40px; color:#bcbcbc; line-height:36px;}
.mcon02 .list li .date em {font-size:16px; color:#bcbcbc; font-weight:500; line-height:18px; margin-top:10px;}
.mcon02 .list li b {display:block; font-size:20px; color:#333; line-height:24px; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon02 .list li p {font-size:15px; color:#999; font-weight:300; line-height:23px; max-height:46px; overflow:hidden;}
.mcon02 .list li i {position:absolute; top:50%; right:20px; width:54px; height:54px; border:#131156 1px solid; border-radius:50%; transform:translate(0,-50%);}
.mcon02 .list li i:before,
.mcon02 .list li i:after {content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; background:#131156; margin-left:-7px;}
.mcon02 .list li i:before {transform:rotate(45deg); margin-top:-6px;}
.mcon02 .list li i:after {transform:rotate(-45deg); margin-top:4px;}
.mcon03 {background:linear-gradient(90deg, #9c000b, #131057); padding:65px 0;}
.mcon03 .inner {display:flex; justify-content:space-between;}
.mcon03 li {position:relative; width:calc((100% - 150px)/4); height:250px; background:#fff no-repeat bottom 25px right 30px; color:#333;}
.mcon03 li.i1 {background-image:url('/images/icon_mc03_01.png');}
.mcon03 li.i2 {background-image:url('/images/icon_mc03_02.png');}
.mcon03 li.i3 {background-image:url('/images/icon_mc03_03.png');}
.mcon03 li.i4 {background-image:url('/images/icon_mc03_04.png'); padding:35px 30px;}
.mcon03 li a {display:block; padding:35px 30px; color:inherit; height:100%;}
.mcon03 li b {display:block; font-size:30px; color:inherit; line-height:40px;}
.mcon03 li p {font-size:18px; color:inherit; line-height:26px; margin:15px 0 20px;}
.mcon03 li em {display:block; font-size:15px; line-height:22px;}

/* sub */
.svisual {margin-top:80px; font-size:50px; color:#fff; font-weight:700; line-height:260px; text-align:center; background:no-repeat 50% 50% / cover;}
.svisual.g01 {background-image:url('/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/images/svisual04.jpg');}

.aside {border-bottom:#ddd 1px solid;}
.aside .home,
.aside .g,
.aside .s dt {display:none;}
.aside dd {display:flex; justify-content:center; align-items:center;}
.aside dd a {position:relative; font-size:18px; color:#333; line-height:30px; padding:15px 0; margin:0 30px; text-align:center; min-width:106px;}
.aside dd a:before {content:""; position:absolute; bottom:0; left:50%; width:0; height:4px; transform:translate(-50%,0); background:#240e4e; transition:.2s linear;}
.aside dd a:hover:before,
.aside dd a.on:before {width:106px;}
.aside.g03 dd a {margin:0 20px;}
.aside dd a:first-child {margin-left:0;}
.aside dd a:last-child {margin-right:0;}

.container {padding:70px 0 100px;}
.container .title {font-size:40px; color:#333; font-weight:700; line-height:40px; margin-bottom:65px; text-align:center;}
.container p {font-size:17px; color:#333; line-height:27px;}
.container .btit {font-size:23px; color:#240e4e; font-weight:700; line-height:34px; margin-bottom:50px; text-align:center;}
.container .stit {font-size:30px; color:#240e4e; font-weight:700; line-height:40px; margin:200px 0 60px;}
.container .title + .stit,
.container .stit:first-child {margin-top:0;}

/* 오시는 길 */
.root_daum_roughmap {max-width:100%;}
.map_text {margin-top:30px; display:flex; justify-content:space-between;}
.map_text p {font-size:20px; color:#333; font-weight:500; line-height:40px;}
.map_text ul {display:flex;}
.map_text li {margin-left:30px; font-size:18px; color:#333; font-weight:500; line-height:40px;}
.map_text li:first-child {margin-left:0;}
.map_text li i {display:inline-block; vertical-align:top; font-size:18px; color:#fff; font-weight:500; line-height:40px; height:40px; width:40px; background:#7d7d7d; border-radius:50%; margin-right:10px; text-align:center;}
.map_text li i.c {background:#1a3786;}

/* 소화기 */
.imgbox {text-align:center; font-size:0;}
.imgbox p {margin-top:15px;}
.dlbox dl {margin-top:90px; display:flex;}
.dlbox dt {width:195px; font-size:26px; color:#333; font-weight:700; line-height:35px;}
.dlbox dt:after {content:""; display:block; width:22px; height:4px; background:#240e4e; margin-top:15px;}
.dlbox dd {width:calc(100% - 195px);}
.dots_list p {position:relative; padding-left:20px;}
.dots_list p:before {content:""; position:absolute; top:12px; left:7px; width:3px; height:3px; background:#333; border-radius:50%;}
.dots_list p.non {padding-left:0;}
.dots_list p.non:before {display:none;}
.tbl .tit {font-size:26px; color:#333; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px;}
.tbl thead th {font-size:17px; color:#fff; font-weight:500; line-height:58px; text-align:center; background:#200d48;}
.tbl tbody th,
.tbl tbody td {border-bottom:#ddd 1px solid; font-size:17px; color:#333; line-height:20px; text-align:center; padding:17px 5px;}
.tbl tbody th {font-weight:500;}
.tbl tbody th:first-child {border-right:#ddd 1px solid;}
.tbl tbody td {font-weight:300; border-left:#ddd 1px solid;}
.tbl table {margin-bottom:20px;}
.tbl table:last-child {margin-bottom:0;}
.tbl_v table {border-top:#ddd 1px solid;}
.tbl_v tbody th {color:#fff; background:#200d48; border-bottom-color:#200d48; width:20%;}
.tbl .w23 {width:39.6%;}
.tbl24 th {width:20%;}

/* 소화설비 */
.dlbox .half {display:flex;}
.dlbox .half li {width:50%;}
.dlbox .half li .img {height:273px; text-align:center; margin-bottom:40px; display:flex; justify-content:center; align-items:center;}
.dlbox .half li .img img {max-height:100%;}
.dlbox .half li.tac p {margin-top:15px;}
.dlbox .align {display:flex; justify-content:space-between; align-items:center; padding:30px 0;}
.dlbox .align li {margin-left:20px;}
.dlbox .align li:first-child {margin-left:0;}
.dlbox div.tac {margin-bottom:50px;}
.dlbox div.tac.mt {margin-top:120px;}
.dlbox .mtb {margin:30px 0 10px;}
.math {display:flex; justify-content:center; align-items:center; margin-bottom:10px;}
.math li {margin:0 9px;}
.math li p {border-top:#656565 1px solid;}
.math li p:first-child {border-top:0;}
.g03.s03 .tbl th,
.g03.s03 .tbl td {font-size:14px; line-height:18px; padding:10px 0; height:55px;}
.g03.s03 .tbl th {width:64px;}

.jq_tab {display:flex; justify-content:space-between;}
.jq_tab li {font-size:18px; color:#1e445b; line-height:53px; width:calc((100% - 36px)/3); border:#ddd 1px solid; border-top-color:#1e445b; cursor:pointer; text-align:center; transition:.2s linear;}
.jq_tab li:hover,
.jq_tab li.on {color:#fff; background:#1e445b;}
.dlbox .half_tbl {display:flex; justify-content:space-between;}
.dlbox .half_tbl li {width:calc(50% - 10px); max-width:530px;}
.dlbox .half_tbl.mt {margin-top:65px;}
.dlbox .wset1 .w1 {width:41.51%;}
.dlbox .wset1 .w1a {width:17.51%;}
.dlbox .wset1 .w1b {width:24%;}
.dlbox .disf {display:flex; justify-content:center; align-items:center;}
.dlbox .tbl.mt {margin-top:40px;}
.dlbox .wauto th {width:auto;}
.tbl.nbd_l td:first-child {border-left:0;}
.tbl .w361 {width:6.1%;}
.tbl .w362 {width:10.1%;}
.tbl .w363 {width:12%;}
.tbl .w364 {width:7.7%;}
.tbl .w365 {width:9.8%;}
.tbl .w366 {width:21.2%;}
.tbl .w367 {width:42.9%;}