@charset "UTF-8";

/* 화재/지진 예방 안내 */

/* 서브 탭 디자인 */
ul.sub-Tab { display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; }
div.sub-Tab:not(.sub-Tab-1) { display:none; }

.sub-Tab-A { display:flex; display:-ms-flexbox; }
.sub-Tab-A .tab-menu a { font-size:1.4em; min-width:168px; text-align:center; display:block; padding:15px 45px; font-weight:600; border-radius:100px;}
.sub-Tab-A .tab-menu a:not(.active) { background-color:#e5e5e5; color:#242424; }
.sub-Tab a{-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s;text-decoration: none;}

.sub-Tab-A .tab-menu a.active { background-color:#3a74a9; color:#fff; border-color:#a40000; }
.sub-Tab-A .first { margin-right:10px; }


.txt-info-style2.preven { background-repeat:no-repeat; }
.txt-info-style2.preven:not(:last-of-type) { margin-bottom:15px; }

.txt-info-style2.preven .dot { line-height:1.6; }
.txt-info-style2.preven .dot:not(:last-of-type) { margin-bottom:6px; }
.dot { display:block; font-weight:600; font-size:1.15em; padding-left:8px; background:url('/res/img/common/list-square.png') no-repeat left 9px; line-height:1.6; }

.txt-info-style2.preven.list1 { background-image:url('/res/img/cont/2/img-prevention-01.png'); }
.txt-info-style2.preven.list2 { background-image:url('/res/img/cont/2/img-prevention-02.png'); }
.txt-info-style2.preven.list3 { background-image:url('/res/img/cont/2/img-prevention-03.png'); }

.txt-info-style2.preven.list1 .info-title span { background-color:#d3434e; }
.txt-info-style2.preven.list2 .info-title span { background-color:#0cb1c2; }
.txt-info-style2.preven.list3 .info-title span { background-color:#25b06f; }

.basic-preven { background-image:url('/res/img/cont/2/img-prevention-04.png'); background-repeat:no-repeat; }

.fire-hydrant-how { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; } 
.fire-hydrant-how .how { border:1px dashed #b2b2b2;  background-color:#fff; text-align:center; border-radius:5px; background-repeat:no-repeat; background-position:center 10px; padding-top:190px; }
.fire-hydrant-how .how span { font-size:1.3em; display:block; font-weight:600; color:#fff; background-color:#20b4b6; padding:10px 0; }

.fire-hydrant-how .how1 { background-image:url('/res/img/cont/2/img-prevention-05.png'); }
.fire-hydrant-how .how2 { background-image:url('/res/img/cont/2/img-prevention-06.png'); }
.fire-hydrant-how .how3 { background-image:url('/res/img/cont/2/img-prevention-07.png'); }
.fire-hydrant-how .how4 { background-image:url('/res/img/cont/2/img-prevention-08.png'); }

.extinguisher .extinguisher-how-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.extinguisher .extinguisher-how-box .list { padding-top:200px; background-repeat:no-repeat; background-position:center top; text-align:center; }
.extinguisher .extinguisher-how-box .list span { display:block; font-weight:600; font-weight:0.91em; }

.extinguisher .extinguisher-how-box .list1 { background-image:url('/res/img/cont/2/img-prevention-09.png'); }
.extinguisher .extinguisher-how-box .list2 { background-image:url('/res/img/cont/2/img-prevention-10.png'); }
.extinguisher .extinguisher-how-box .list3 { background-image:url('/res/img/cont/2/img-prevention-11.png'); }
.extinguisher .extinguisher-how-box .list4 { background-image:url('/res/img/cont/2/img-prevention-12.png'); }

.txt-info-style2.earthquake-info { background-color:#95bacd; }

.txt-info-style2 .txt_bul_3 { color:#fff; display:block; line-height:1.5; background-position:left 7.425px; padding-left:16px; word-wrap:break-word; word-break:keep-all; }
.txt-info-style2 .txt_bul_3:not(:last-of-type) { margin-bottom:7px; }

.earthquake-prepare-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; }
.earthquake-prepare-box .prepare-list { border:2px solid #ccc; border-radius:5px; overflow:hidden; }

.earthquake-prepare-box .p-title { color:#fff; font-weight:600; padding:10px; text-align:center;  }
.earthquake-prepare-box .p-cont { background-color:#fff; padding:20px; text-align:center; }
.earthquake-prepare-box .p-cont .p-img,
.earthquake-prepare-box .p-cont .p-txt { display:block; font-weight:600; font-size:.8em; line-height:1.6; }

.earthquake-prepare-box .p-cont .p-txt { margin-top:10px; font-size:1.2em; }
.earthquake-prepare-box .p-cont .p-img img { max-width:100%; }

.earthquake-prepare-box .list1 .p-title { background-color:#20b4b6; font-size:1.4em; }
.earthquake-prepare-box .list2 .p-title { background-color:#209cb6; font-size:1.4em; }
.earthquake-prepare-box .list3 .p-title { background-color:#1b73aa; font-size:1.4em; }
.earthquake-prepare-box .list4 .p-title { background-color:#1e569a; font-size:1.4em; }
.earthquake-prepare-box .list5 .p-title { background-color:#152387; font-size:1.4em; }

.earthquake-prepare-box .list1 { border-color:#20b4b6; }
.earthquake-prepare-box .list2 { border-color:#209cb6; }
.earthquake-prepare-box .list3 { border-color:#1b73aa; }
.earthquake-prepare-box .list4 { border-color:#1e569a; }
.earthquake-prepare-box .list5 { border-color:#152387; }

.txt-info-style2.preven { background-position:20px center; }
.txt-info-style2.preven .info-box { margin-left:275px; }

.basic-preven { background-position:30px center; padding:30px 0; }
.basic-preven .txt-info-style3 { margin-left:250px; font-size:1.15em; }

.extinguisher .extinguisher-how-box .list { width:25%; font-size:1.2em; }

.txt-info-style2.earthquake-info .info-box { padding-bottom:40px; padding-top:30px; }

.earthquake-prepare-box .prepare-list { width:49%; }
.earthquake-prepare-box .prepare-list:nth-of-type(even) { margin-left:2%; }
.earthquake-prepare-box .prepare-list:nth-of-type(n+3) { margin-top:20px; }

.fire-hydrant-how .how { width:23.875%; }
.fire-hydrant-how .how:not(:last-of-type) { margin-right:1.5%; }
	
.extinguisher { padding:30px 40px; border:1px solid #eee; border-radius:5px; }
	
.txt-info-style2.earthquake-info { background-image:url('/res/img/cont/2/img-earthquake-01-en.png'), url('/res/img/cont/2/img-earthquake-bg-repeat.jpg'); background-repeat:no-repeat, repeat-x; background-position:right bottom, left bottom; }
.txt-info-style2 .txt_bul_3 { margin-right:490px; font-size:1.3em; }
.txt-info-style2 { background-color:#fafafa; border:1px solid #ccc; padding:23px; }
.txt-info-style2 .info-title {  }
.txt-info-style2 .info-title span { display:inline-block; font-weight:600; font-size:1.2em; color:#fff; background-color:#3b3b3b; padding:8px 30px; border-radius:1000px; margin-bottom:12px; }
.txt-info-style2 .info-cont { padding-left:12px; }

/* 보더 테두리가 실선이고 박스가 그림자 처리 된 것 */
.txt-info-style3 { background-color:#f7f7f7; border:1px solid #b2b2b2; padding:25px; box-shadow:4px 4px 0 rgba(0,0,0,.4); -webkit-box-shadow:4px 4px 0 rgba(0,0,0,.4); -moz-box-shadow:4px 4px 0 rgba(0,0,0,.4); -ms-box-shadow:4px 4px 0 rgba(0,0,0,.4); }
.txt-info-style3 .txt_bul_3 { font-size:1em; }
.txt-info-style3 .txt_bul_3:not(:last-of-type) { margin-bottom:9px; }

/* 상단 확성기 모양 아이콘 안내박스 */
.top-info-box { display:block; width:100%; border:1px dashed #b2b2b2; background-color:#f7f7f7; }
.top-info-box .frame { background-image:url('/res/img/common/img-topinfo-bg-icon.png'); background-repeat:no-repeat; }
.top-info-box .frame .dot { background-position:left 9px; }

/* 타이틀 */






/* 로그인 */
#login form { width:100%; background-color:#fafcfc; border:1px dashed #dfdfdf; padding:60px 0; }
#login form div { text-align:center; position: relative; }
#login form span:not(.m-block) { display:block; line-height:1.5; font-weight:bold; color:#444; font-size:0.91em; }

#login form fieldset { width:100%; } 
#login form p.txt { padding:10px 0px; font-size:1.5em; }
#login form ul { width:514px;  margin-left:auto; margin-right:auto; margin-top:20px; display:flex; display:-ms-flexbox; }
#login .login_top{ width:491px; margin:0 auto; }

#login form .idpw { width:72%; margin-right:2%; margin-left:2%; }
#login form .idpw span{ font-size:1.2em; }
#login form .idpw span:last-of-type { margin-top:12px; }
#login form .idpw input { width:100%; border:1px solid #ccc; padding:5px 16px; height:43px; font-size:0.8em;  }
#login form .idpw input.pw { margin-top:10px; }

#login form .btn_box { width:21%; padding-top:0px;  border-top:0px; text-align:center; }
#login form .btn_box.login { padding-top:0px; border:0px; }
#login .login_top{ border:1px solid #44c1c4; padding:10px; font-size:1.3em; font-weight:600; background:#fff;}
#login form .btn_box .login_bt { font-size:1.2em; width:100%; height:100%; border:1px solid #369799; background-color:#44c1c4; color:#fff; font-weight:bold; color:#fff; }
#login form .btn_box .login_bt:hover,
#login form .btn_box .login_bt:focus { background-color:#001b54; border-color:#001b54; }

#login form .links { display:block; text-align:center; margin-top:30px; }
#login form .links a { display:inline-block; padding:8px 10px; width:140px; border-radius:30px; background-color:#ccc; border:1px solid #b2b2b2; color:#444; font-weight:600; font-size:.95em; }
#login form .links a:hover,
#login form .links a:focus { background-color:#001b54; color:#fff; border:1px solid #1d4546; }

#lblMessage{ font-weight: bold; font-size: 15px; color: red; margin-top: 30px; }