﻿/*    tab 메뉴    */
ul.tablist {overflow: hidden;}
ul.tablist li {float:left; width: 32.9%;height: 40px;border-top:1px solid #003668;border-bottom: 1px solid #003668;border-left: 1px solid #003668;}
ul.tablist li:last-child {border-right: 1px solid #003668;}
ul.tablist li a {display: block;height: 100%;width: 100%;line-height: 40px;text-align: center;font-size:0.813rem;letter-spacing:-1px;font-weight: 700;color:#003668;}
ul.tablist li.on {background-color: #003668;}
ul.tablist li.on a {color: #fff !important;}
ul.tablist2 li {width:23% !important}
@media all and (max-width:1900px) and (min-width:320px)
{
    ul.tablist2 li {width:49.5% !important;margin-bottom:3px}
    ul.tablist2 li:nth-child(2){border-right: 1px solid #003668}
	ul.tablist3 li {width:32.9% !important;margin-bottom:3px}
    ul.tablist3 li:nth-child(3n+3){border-right: 1px solid #003668}
	ul.tablist3{margin-top:5px}
}
.tabarea > div {display: none;} 
.tabarea div.on {display: block;clear: both}

.sub01_Earthquake .title_01 a {display: inline-block;float: right;color:#003668;font-size:16px;width: 175px;height: 31px;border:1px solid #003668;border-radius: 10px;line-height: 27px;text-align:center;}
.sub01_Earthquake .title_01 a img {vertical-align: middle;margin-left: 5px;}
.sub01_Earthquake .section01 .tabmenu03 ul.ico_wrap {overflow:hidden;margin-top: 15px;}
.sub01_Earthquake .section01 .tabmenu03 ul.ico_wrap li {float:left;text-align:center;width:25%;font-size:18px;color:#303030;}
.sub01_Earthquake .section01 .tabmenu03 ul.ico_wrap li .textarea strong{width:23px;height:23px;display: inline-block;background-color:#3445b9;border-radius:50%;color:#fff;font-size:16px;line-height: 22px;}
.sub01_Earthquake .section01 .tabmenu03 ul.ico_wrap li .textarea p {margin-top: 20px;margin-bottom: 15px;}
.sub01_Earthquake .section03 ul.tablewrap li {width: 50%;height: 970px;}
.sub01_Earthquake ul.tablewrap li p a {float: right;display: inline-block;width: 34px;height: 34px;margin:10px;}

/* 공통 제목 아이콘 */
.title_01 {position: relative;font-size:20px;color:#003668;padding-left:27px;margin:20px 0px 10px 0px}
.title_01:before {content:"";display: inline-block;clear: both;position: absolute;top:6px;left: 0;background: url("/idsiSFK/neo/ext/img/ico_title_01.jpg")no-repeat;width: 16px;height: 16px;}
.title_02 {position: relative;margin: 25px 0 10px 0;font-size:20px;color: #1b1b1b;padding:5px 0;}
.title_02:before {content:"";display: inline-block;clear: both;position: absolute;top:0;left:0;background: url("/idsiSFK/neo/ext/img/ico_title_02.jpg")no-repeat;width: 30px;height: 3px;}
.title_03 {position:relative;font-size:18px;color:#003668;display: block;padding-left:16px;margin-top: 22px;}
.title_03:before {content:"";display: inline-block;clear: both;position: absolute;top:9px;left:0;background-color:#003668;width: 9px;height: 9px;border-radius: 50%;}
.level4_title {position:relative;font-size:18px;color:#003668;display: block;margin: 10px 0}
.level2_title {position:relative;font-size:24px;color:#003668;display: block;margin: 10px 0}

/* sub01_Typhoon 자연재난행동요령_태풍 */
.section01 .box {border: 5px solid #f2f2f2;margin-top: 10px;position: relative;padding:48px 0;}
.section01 .box:before {content: "";display: inline-block;clear: both;position: absolute;top: 50%;margin-top:-33px;left: 54px;width: 63px;height: 66px;}
.section01 .box p {text-align: center;font-size:18px;color: #1b1b1b;line-height: 28px;}

/* 숫자 매겨진 라인 */
.detail p {margin-top: 15px;font-size:18px;line-height: 25px;}
.detail p strong {color:#003668;display: block;margin-bottom: 5px;}

/* sub02_Space 사회재난행동요령_인공우주물체추락 */
.sub01_Space .detail p {margin-top: 0;}


/*    table 공통     */
ul.tablewrap {overflow: hidden;}
ul.tablewrap li {float:left;border-left:1px solid #dddddd;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
ul.tablewrap li:last-child {border-right:1px solid #dddddd;}
ul.tablewrap li p:first-child {height: 57px;background-color: #f7f9fa;line-height: 57px; text-align: center;font-size:17px;color: #000000;font-weight: 700;}
ul.tablewrap li p:last-child {margin-top: 24px;padding-left:15px;line-height: 25px;}
ul.tablewrap li p e {letter-spacing: -2.5px}
.section02 ul.tablewrap li {width: 33%;height: 334px;}

					.cnt_box{margin:5px 0 10px;padding-bottom:17px;border:#ccc 1px solid;border-radius:3px;text-align:justify}
					.cnt_box dt{padding:12px 17px;border-bottom:#ccc 1px solid;background:#e9ebf1}
					.cnt_box dd{text-indent: -0.7rem;margin-left: 0.8rem;padding:12px 17px 0 17px}

/* 비상연락망 */
 			#contentsArea{
 				width: 239px;
				margin-left: auto;
				margin-right: auto;
				text-align: left;
 			}
  			#logoImg{
  				text-align: center;
  			}
  			#textArea{
  				margin-left: 10px;
  				margin-right: auto;
  				text-align: left;
  			}
  			#autonmyListArea{
  				text-align: center;
  			}
			.imgtxtWrap{clear:both;width:100%;margin:5px 0}
			.location_list{overflow:hidden;margin-bottom:10px}
  			.location_list li{float:left;width:49%;margin-bottom:3px;padding:10px 0;border:#ddd 1px solid;background:#f9f9f9}
			.location_list li:nth-child(even){margin-left:0.5%}