@charset "utf-8";
/* CSS Document */

/*******************************
 * 파일명 : webMain.css
 * 설명	  : 에어코리아
 * update - 2024.11.13.
********************************/

/*************************************************** main ***************************************************/
.main .firstSection {padding:20px 0 0 0; background:url(../images/img_main_bg.png) repeat-x 0 0;}
.container.main .contents{ padding-bottom:0;}

/* 좌측 */
.mainMap {float:left; width:710px;}
.mapOption {background:#fff; border-radius:6px;}
.tab {}
.tab ul { display:table; table-layout:fixed; width:100%; border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-radius:6px 6px 0 0; overflow:hidden;}
.tab ul li { display:table-cell;}
.tab ul li a {display:block; width:100%; height:50px; background:#fff; line-height:50px; font-size:16px; color:#0a0a0a; font-weight:500; letter-spacing:-0.6px; text-align:center;}
.tab ul li + li a {border-left:1px solid #d2d2d2;}
.tab ul li a.on {background:#0f62cc; color:#fff;}

.choiceOption {height:50px; margin:2px 0 0 0; background:linear-gradient(to right, #009ffa, #00c36a); border-radius:6px;}
.choiceOption:after {display:block; content:""; clear:both;}
.selItem {float:left; padding:10px; font-size:14px; color:#0a0a0a; font-weight:400; }
.selItem select {width:188px; height:30px; padding:0 15px; background:#fff url(../images/img_new_arr_down_on.png) no-repeat right 10px center; border:0; border-radius:30px;}
.selArea {position:relative; padding:10px; font-size:14px; color:#0a0a0a; font-weight:400; }
.selArea label {font-size:14px; color:#0a0a0a; font-weight:400; letter-spacing:-0.6px;}
.selArea label + select {margin:0 0 0 5px;}
.selArea select {width:130px; height:30px; padding:0 15px; background:#fff url(../images/img_new_arr_down_on.png) no-repeat right 10px center; font-size:14px; color:#6e6e6e; border:0; border-radius:30px;}
.selArea input {width:150px; height:30px; padding:0 15px; background:#fff; font-size:14px; border:0; border-radius:30px;}
.selArea label + input {margin:0 0 0 5px;}
.selArea input::placeholder {color:#6e6e6e;}
.selArea .btnIpSearch {position:absolute; right:20px; top:50%; width:16px; height:16px; margin-top:-8px; background:url(../images/img_ip_search.png) no-repeat 0 0;}
/* .selArea.sido {margin:0 0 0 50px;} 240226 */
.selArea.gumsek {}
.selArea.infotab {float:right;}
.choiceOption .goOtherDiv {left:0; top:110px; bottom:initial; height:auto;}
.choiceOption .goOtherDiv .goBody {height:auto; padding:10px;}
.choiceOption .goOtherDiv .goBody tr:hover td {background:#e6f8fc;}
.choiceOption .goOtherDiv .goBody th {height:40px; padding:0;}
.choiceOption .goOtherDiv .goBody td a {font-size:13px; color:#464646;}
.choiceOption .goOtherDiv .goBody td a:hover {text-decoration:none;}
.tblListInfo {margin:7px 0 0 0; font-size:13px; color:#464646; }

/* 240226 */
.selArea.sido button{ background: #0f62cc; padding: 0 15px; line-height: 28px; border-radius: 30px; color: #fff; margin: 0 0 0 4px;}
.selArea.sido button:hover{ text-decoration: none;}
.choiceOption.targetDev{ display: flex; justify-content: space-between;}
.choiceOption.targetDev:after{ display: none;}

/* 우측 */
.dongInfo {float:right; width:660px; height:833px; overflow:hidden;}
.dongneInfo {padding:15px; background:#fff; border:5px solid #00aeee; border-radius:20px;}
.dongneInfoTitle {position:relative; padding:0 0 10px 0; background:url(../images/img_bg01.png) no-repeat left 9px bottom; text-align:center; border-bottom:1px solid #d2d2d2;}
.dongneInfoTitle h2 {font-size:30px; color:#0a0a0a; font-weight:700; line-height:17px;}
.dongneInfoTitle h2 span {font-size:30px; color:#0f62cc; font-weight:500;}
.dongOndo {position:absolute; right:25px; top:6px;}
.ondo {display:block; font-size:22px; color:#0a0a0a; font-weight:600; line-height:17px;}
.date {display:block; font-size:13px; color:#6e6e6e; font-weight:400;}
.dateT {display:block; font-size:13px; color:#6e6e6e; font-weight:400;}
.imgType {display:block; position:absolute;}
.type01 .imgType {left:-53px; top:0; width:37px; height:36px; background:url(../images/img_day_type01.png) no-repeat 0 0;}
.type02 .imgType {left:-56px; top:0; width:43px; height:36px; background:url(../images/img_day_type02.png) no-repeat 0 0;}
.type03 .imgType {left:-56px; top:0; width:43px; height:25px; background:url(../images/img_day_type03.png) no-repeat 0 0;}
.type04 .imgType {left:-56px; top:0; width:43px; height:34px; background:url(../images/img_day_type04.png) no-repeat 0 0;}
.type05 .imgType {left:-56px; top:0; width:44px; height:34px; background:url(../images/img_day_type05.png) no-repeat 0 0;}
.type06 .imgType {left:-56px; top:0; width:44px; height:36px; background:url(../images/img_day_type06.png) no-repeat 0 0;}

/* 날씨 정보 */
.btn_wd_view{ position:absolute; width:14px; height:14px; right:-24px; top:10px; background:url(../images/img_aco_up.png) no-repeat center; 
	transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;
}
.btn_wd_view.on{ transform:rotate(0deg); -webkit-transform:rotate(0deg); }
.wd_info_list{ position:absolute; left:-24px; top:48px; width:100px; padding:6px; border-radius:6px; background:#eaedee; z-index:8; border:1px solid #dcdcdc;
	 display:none; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.wd_info_list li{ border-radius:6px; height:50px; display:flex; flex-direction:column; justify-content:center; margin-bottom:5px;}
.wd_info_list li:last-child{ margin-bottom:0;}
.wd_info_list li:nth-child(1){ background:url(../images/main/wd_icon01.png) no-repeat left 11px top 7px #fff;}
.wd_info_list li:nth-child(2){ background:url(../images/main/wd_icon02.png) no-repeat left 13px top 10px #fff;}
.wd_info_list li:nth-child(3){ background:url(../images/main/wd_icon03.png) no-repeat left 13px top 8px #fff;}
.wd_info_list li:nth-child(4){ background:url(../images/main/wd_icon04.png) no-repeat left 15px top 11px #fff;}
.wd_info_list li span{ display:block; padding:0 0 0 39px; text-align:left; font-size:12px; font-weight:400; color:#6e6e6e;}
.wd_info_list li strong{ font-weight:bold; font-size:12px;}

.dongneInfoText {margin:20px 0 0 0;}
.dongneZungsim {position:relative; padding:0 0 0 58px;}
.dongneZungsimActLink {display:block; position:absolute; left:30px; top:3px; width:22px; height:22px;background:url(../images/img_pos.png) no-repeat 0 0; }
.dongneZungsimAct {display:block; font-size:18px; color:#0a0a0a; font-weight:400;}
.dongneZungsimAct > strong {font-size:18px; color:#0f62cc; font-weight:600;}
.dongneZungsimAct > span {display:block; font-size:13px; color:#0a0a0a; font-weight:400;}
.dongneTime {position:absolute; right:0; top:5px; height:28px; line-height:28px; padding:0 15px 0 20px; font-size:16px; color:#6e6e6e; font-weight:400; border-radius:14px; background:#e4f7ff;}
.dongneTime > strong {font-size:16px; color:#0a0a0a; font-weight:600;}
.dongneTime button{ background:url(../images/img_refresh.png) no-repeat top 0 center; width:16px; height:20px; font-size:0; vertical-align:middle; margin-left:5px;}
.btn_mea_station{ position:absolute; left:0; top:2px; display:inline-block; width:24px; height:24px; border:1px solid #c6ccd4; border-radius:5px; background:url(../images/img_bg_search.png) no-repeat center; background-size:70%;}

.dongneNow {margin:18px 0 0 0;}
.dongneNow:after {display:block; content:""; clear:both;}
.dongneToday {position:relative; float:left; width:calc(50% - 5px); height:310px; padding:0 0 15px 0; border:1px solid #d2d2d2; border-radius:8px;}
.dongneTitle {display:block; width:100%; height:40px; background:#eaedee; font-size:18px; color:#0a0a0a; font-weight:600; text-align:center; line-height:40px; border-radius: 8px 8px 0 0;}
.dongneTitleMore {position:absolute; right:10px; top:6px; width:26px; height:26px; background:url(../images/img_na_more.png) no-repeat 0 0;}
.dongneTodayList {margin:25px 0 0 0;}
.dongneTodayList:after {display:block; content:""; clear:both;}
.dongneTodayList li {float:left; width:calc(100% / 3); text-align:center;}
.dongneTodayList li + li {border-left:1px dashed #e6e6e6;}
.dongneTodayList li > span {display:block;}
.dongneTodayList li strong {display:block;}
.dongneInfo01 {margin:5px 0 0 0; font-size:15px; color:#000; font-weight:500; line-height:17px;}
.dongneInfo02 {font-size:13px; color:#6e6e6e; font-weight:400;}
.dongneInfo03 {position:relative; padding:105px 0 0 0; background:url(../images/img_na01.png) no-repeat center 20px; font-size:12px; color:#0a0a0a; font-weight:400;}
.dongneInfo03 span {font-size:26px; color:#0a0a0a; font-weight:600;}
.dongneInfo04 {margin:-4px 0 0 0; font-size:12px; color:#6e6e6e; font-weight:400;}
.dongneInfo06 {position:relative; margin:0; font-size:12px; color:#0a0a0a; font-weight:400;}
.dongneInfo06 span {font-size:16px; color:#0a0a0a; font-weight:400;}
.dongneInfo05 {margin:6px 0 0 0; font-size:15px; color:#0a0a0a; font-weight:400; line-height:22px;}
.dongneGrade01 .dongneInfo03 {background:url(../images/img_na01.png) no-repeat center 20px;} /* pjs 1123 color 삭제 */
.dongneGrade01 .dongneInfo05 {color:#0073be;}
.dongneGrade02 .dongneInfo03 {background:url(../images/img_na02.png) no-repeat center 20px;} /* pjs 1123 color 삭제 */
.dongneGrade02 .dongneInfo05 {color:#208002;}
.dongneGrade03 .dongneInfo03 {background:url(../images/img_na03.png) no-repeat center 20px;} /* pjs 1123 color 삭제 */
.dongneGrade03 .dongneInfo05 {color:#e48104;}
.dongneGrade04 .dongneInfo03 {background:url(../images/img_na04.png) no-repeat center 20px;} /* pjs 1123 color 삭제 */
.dongneGrade04 .dongneInfo05 {color:#c12029;}
.dongneGrade05 .dongneInfo03 {background:url(../images/img_na05.png) no-repeat center 20px;} /* pjs 1123 color 삭제 */
.dongneGrade05 .dongneInfo05 {color:#0a0a0a;}

/* pjs 1123 추가 */
.dongneGrade01 .dongneInfo03 span{ color: #0073be;} /* 좋음 */
.dongneGrade02 .dongneInfo03 span{ color: #208002;} /* 보통 */
.dongneGrade03 .dongneInfo03 span{ color: #e48104;} /* 나쁨 */
.dongneGrade04 .dongneInfo03 span{ color: #c12029;} /* 매우나쁨 */
.dongneGrade05 .dongneInfo03 span{ color: #0a0a0a;} /* 없음 */

.dongneNext {position:relative; float:right; width:calc(50% - 5px); height:310px; overflow:hidden; padding:0 0 15px 0; border:1px solid #d2d2d2; border-radius:8px;}
.yebo { margin:0 0 0 0; padding:0 10px 0 99px;}
.yebo:after {display:block; content:""; clear:both;}
.yeboRoll {}
.yeboRoll:after {display:block; content:""; clear:both;}
.yeboPrev {position:absolute; left:15px; top:20px;width:30px; height:30px; background:url(../images/img_yebo_left.png) no-repeat 0 0;}
.yeboPrev.on {width:30px; height:30px; background:url(../images/img_yebo_left_on.png) no-repeat 0 0;}
.yeboNext {position:absolute; left:50px; top:20px;width:30px; height:30px; background:url(../images/img_yebo_right.png) no-repeat 0 0;}
.yeboNext.on {width:30px; height:30px; background:url(../images/img_yebo_right_on.png) no-repeat 0 0;}
.yeboDay01 {display:block; width:90px; height:33px; margin:8px 0 0 0; padding:4px 0 0 0; background:url(../images/img_bg_to01.png) no-repeat 0 0; font-size:13px; color:#0a0a0a; font-weight:500; text-align:center;}
.yeboDay02 {display:block; width:90px; height:33px; margin:8px 0 0 0; padding:4px 0 0 0; background:url(../images/img_bg_to02.png) no-repeat 0 0; font-size:13px; color:#0a0a0a; font-weight:500; text-align:center;}
.yeboDay03 {display:block; width:90px; height:33px; margin:8px 0 0 0; padding:4px 0 0 0; background:url(../images/img_bg_to01.png) no-repeat 0 0; font-size:13px; color:#0a0a0a; font-weight:500; text-align:center;}
.yeboList01 {position:relative; float:left; width:94px; padding:12px 0 0 0;}
.yeboList01.posAb {position:absolute; left:0; top:40px; z-index:5; width:94px; background:#fff;}
.yeboList01 + .yeboList01 {margin:0 0 0 5px;}
.yeboRoll + .yeboTitle {margin:64px 0 0 0;}
.yeboTitle {width:92px; text-align:center;}
.yeboTitle + .yeboTitle {margin:32px 0 0 0;}
.yeboTitle > strong {display:block; font-size:14px; color:#000; font-weight:500; line-height:17px;}
.yeboTitle > span {display:block; margin:-1px 0 0 0; font-size:13px; color:#6e6e6e; font-weight:400;}
.yeboCond {position:relative; width:90px; height:68px; margin:6px 0 0 0; border-left:1px dashed #e6e6e6;}
.yeboCond > div {position:absolute; left:0; top:50%; transform:translate(0, -50%)}
.yeboCond + .yeboCond {margin:0;}
.yeboCond span {display:block; height:30px; padding:3px 0 0 50px; font-size:14px; color:#0a0a0a; font-weight:400;}
.yeboTitle + .yeboCond {margin:0 0 0 101px;}
.nodata {position:absolute; left:0; top:60px; width:100%; height:calc(100% - 60px); padding:70px 0 0 0; background:#e9faf0; text-align:center; font-size:13px; color:#6e6e6e; font-weight:normal;}

.yeboCond.has2 span {margin:0;}
.yeboCond.has2 span + span {height:20px; margin:6px 0 0 0;  padding:0 0 0 22px; background:url(../images/img_yebo_na_over.png) no-repeat  left 4px top 3px; font-size:12px; color:#c12029; font-weight:400; border:1px solid #dcdcdc; border-radius:10px;}
.yeboCond.yebo01 span {background:url(../images/img_yebo_na01.png) no-repeat left 12px top; color:#0073be;} /* 좋음 */
.yeboCond.yebo02 span {background:url(../images/img_yebo_na02.png) no-repeat left 12px top; color:#208002;} /* 보통 */
.yeboCond.yebo03 span {background:url(../images/img_yebo_na03.png) no-repeat left 12px top; color:#e48104;} /* 나쁨 */
.yeboCond.yebo04 span {height:42px; background:url(../images/img_yebo_na04.png) no-repeat left 12px top 6px; color:#c12029; line-height:17px;} /* 매우나쁨 */
.yeboCond.yebo05 span {background:url(../images/img_yebo_na05.png) no-repeat left 12px top; color:#a16a00;} /* 데이터없음 */

.goBum {display:block; width:70px; margin:9px auto 0; padding:0 16px 0 0; background:url(../images/img_handong_more.png) no-repeat right center; text-align:center; font-size:14px; color:#0a0a0a; font-weight:400;}

.banner_war_wrap{ margin:23px 0 0 0;}
.banner_war_wrap:after {display:block; content:""; clear:both;}

.dongAlim {position:relative; width:450px; float:left;}
.dongAlim > strong {font-size:20px; color:#0a0a0a; font-weight:600;}
.dongAlim > strong > span {font-size:20px; color:#646464; font-weight:700;}

.dongBanRoll {position:absolute; right:0; top:3px;}
.dongBanRoll:after {display:block; content:""; clear:both;}
.dongBanCnt {float:left;}
.dongBanCntNow {font-size:15px; color:#0f62cc; font-weight:400;}
.dongBanCntTot {font-size:15px; color:#6e6e6e; font-weight:400;}
.dongBanBtn {float:left; margin:0 0 0 10px;}
.dongBanStop {display:inline-block; width:6px; height:24px; padding:7px; background:url(../images/img_dongban_stop.png) no-repeat center center; vertical-align:top;}
.dongBanAuto {display:inline-block; width:5px; height:24px; padding:7px; background:url(../images/img_dongban_auto.png) no-repeat center center; vertical-align:top;}
.dongBanLeft {display:inline-block; float:left; width:6px; height:24px; padding:8px 7px; background:url(../images/img_dongban_left.png) no-repeat center center; vertical-align:top;}
.dongBanRight {display:inline-block; float:right; width:6px; height:24px; padding:8px 7px; background:url(../images/img_dongban_right.png) no-repeat center center; vertical-align:top;}
.banRoll {margin:9px 0 0 0; width:450px; overflow:hidden;}
.banRoll ul {width:9999px; height:180px; overflow:hidden;}
.banRoll ul:after {display:block; content:""; clear:both;}
.banRoll li {float:left;}
.banRoll li a {display:block; width:450px; height:180px; border:1px solid #d2d2d2; border-radius:6px; overflow:hidden;}
.banRoll li a img {width:100%; height:100%;}

/* 주의보/경보 */
.war_wrap_roll{ position:relative; width:190px; float:right;}
.war_wrap_roll:after {display:block; content:""; clear:both;}

.dongWarRoll {position:absolute; right:0; top:3px;}
.dongWarRoll:after {display:block; content:""; clear:both;}
.dongWarCnt {float:left;}
.dongWarCntNow {font-size:15px; color:#0f62cc; font-weight:400;}
.dongWarCntTot {font-size:15px; color:#6e6e6e; font-weight:400;}
.dongWarBtn {float:left; margin:0 0 0 10px;}
.dongWarStop {display:inline-block; width:6px; height:24px; padding:7px; background:url(../images/img_dongban_stop.png) no-repeat center center; vertical-align:top;}
.dongWarAuto {display:inline-block; width:5px; height:24px; padding:7px; background:url(../images/img_dongban_auto.png) no-repeat center center; vertical-align:top;}
.dongWarLeft {display:inline-block; float:left; width:6px; height:24px; padding:8px 7px; background:url(../images/img_dongban_left.png) no-repeat center center; vertical-align:top;}
.dongWarRight {display:inline-block; float:right; width:6px; height:24px; padding:8px 7px; background:url(../images/img_dongban_right.png) no-repeat center center; vertical-align:top;}
.warRoll {margin:38px 0 0 0; overflow:hidden;}
.warRoll ul {width:9999px; height:180px; overflow:hidden;}
.warRoll ul:after {display:block; content:""; clear:both;}
.warRoll li {float:left;}
.warRoll li a {display:block; border-radius:6px; height:166px; text-decoration:none;}
.warRoll li a:hover .war_tit{ color:#0f62cc; text-decoration:underline;}
/*.WarRoll li a img {width:100%; height:100%;}*/

.war_wrap{ position:relative; }
.war_wrap .top{ text-align:right; padding: 8px 0 0 0; height:38px;}
.war_wrap .top strong{ font-weight:500;}
.war_wrap .top > a{ position:relative; font-size:14px; color:#646464; font-weight: normal; padding:0 20px 0 0;}
.war_wrap .top > a:before{ content:""; position:absolute; right:0; top:7px; width:12px; height:2px; background:#323232;}
.war_wrap .top > a:after{ content:""; position:absolute;  right:0px; top:7px; width:12px; height:2px; background:#323232;  transform: rotate(90deg);}
.war_wrap .top > a:after{}
.war_wrap_box{width:190px; height:180px; background:#e1e1e1; padding:6px; border-radius:6px}
.war_wrap_cont{ height:100%; background:#fff;}

.war_wrap_cont{ text-align:center; }
.war_wrap_cont .war_tit{ font-weight: 500; font-size:15px; color:#0a0a0a; padding:13px 0 64px 0; background:url(../images/main/siren_off.gif) no-repeat center top 38px;}
.war_wrap_cont .war_date{ font-weight: normal; font-size:12px; color:#6e6e6e;}
.war_wrap_cont .war_message{ font-size:14px; color:#0a0a0a; margin-bottom:3px;}
.war_wrap_cont .war_count{ color:#6e6e6e; font-size:12px; background:#f3f7fa; height:26px; line-height:26px;}

.war_wrap_box.on{ background: linear-gradient(to right, #009ffa, #00c36a); float:right;}
.war_wrap_box.on .war_tit{ background:url(../images/main/siren_on.gif) no-repeat center top 38px;}
.war_wrap_box.on .war_message{ font-weight: 500; color:#c12029;}

/* 2022-11-28 */
.news {position:relative; height:50px; overflow:hidden; margin:20px 0 0 0; background:#f3f7fa; border-radius:8px; }
.news ul {}
.news li {padding:0 20px 0 22px;}
.news li a {line-height:50px;}
.news li.aor a > strong {color:#0f62cc}
.news li a > strong {font-size:15px; color:#009264; font-weight:500;}
.news li a > span { display:inline-block; margin:0 0 0 20px; font-size:15px; color:#0a0a0a; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:420px; vertical-align:middle;}
.newsUpDown {position:absolute; right:20px; top:50%; width:70px; height:20px; transform:translate(0, -50%);}
.newsUpDown .newsUp {display:inline-block; width:20px; height:20px; background:url(../images/img_new_arr_up_on.png) no-repeat center center; vertical-align:top;}
.newsUpDown .newsUp.on {background:url(../images/img_new_arr_up_on.png) no-repeat 0 0;}
.newsUpDown .newsDown {display:inline-block; width:20px; height:20px; background:url(../images/img_new_arr_down_on.png) no-repeat center center; vertical-align:top;}
.newsUpDown .newsDown.on {background:url(../images/img_new_arr_down_on.png) no-repeat center center; vertical-align:top;}
.newsRollStop{ display:inline-block; width:20px; height:20px; background:url(../images/img_dongban_stop.png) no-repeat center center; vertical-align:top;}
.newsRollAuto{ display:inline-block; width:20px; height:20px; background:url(../images/img_dongban_auto.png) no-repeat center center; vertical-align:top;}
.newsUpDown button{}

.secondSection {margin:58px auto 0; padding:0 0 119px 0; background:url(../images/img_bg_s_01.png) repeat-x 0 0;}

.notiYebo {position:relative; height:100px; padding:10px; background:linear-gradient(to right, #009ff9, #00c36b); border-radius:8px;}
.notiYeboTime {position:absolute; left:35px; top:24px; font-size:14px; color:#0a0a0a; font-weight:600; text-align:center; letter-spacing:0;}
.notiYeboTime > strong {display:block; margin:6px 0 0 0; font-size:30px; color:#0a0a0a; font-weight:bold; line-height:17px;}
.notiYeboTitle {width:calc(100% - 210px); height:80px; margin:0 0 0 140px; padding:0 80px 0 0; background:#fff url(../images/img_bg_s_02.png) no-repeat right 24px bottom;; border-top-left-radius:30px; border-bottom-right-radius:30px; border-top-right-radius:8px; border-bottom-left-radius:8px;}
.notiYeboTitle:after {display:block; content:""; clear:both;}
.notiYeboTitleTitle {display:block; float:left; width:90px; padding:20px 0 0 0;  font-size:20px; color:#646464; font-weight:bold; line-height:22px; text-align:center;}
.notiYeboTitleTitle > strong {display:block; font-size:20px; color:#0a0a0a; font-weight:bold; line-height:22px;}
.notiWrap {float:left; width:calc(100% - 90px); height:50px; margin:15px 0; overflow:hidden;}
.notiYeboTitleTitleList {padding:0 0 0 25px; border-left:1px solid #e6e6e6;}
.notiYeboTitleTitleList li { display:flex; align-items: center; }
.notiYeboTitleTitleList li + li {margin:2px 0 0 0 ;}
.notiYeboTitleTitleList li a { }
.notiYeboTitleTitleListDate {font-size:14px; color:#0f62cc; font-weight:500; text-decoration:underline;} 
.notiYeboTitleTitleListText {margin:0 0 0 18px; font-size:15px; color:#0a0a0a; font-weight:400;}

.notiYeboUpDown {position:absolute; right:32px; top:0; height:100px; display:flex; flex-direction:column; justify-content:center; gap:4px;
	/*background:url(../images/img_up_down_center.png) no-repeat center center;*/
}
.notiYeboUpDown button{ width:20px; height:20px;}
.notiYeboUp { background:url(../images/img_up_down_up.png) no-repeat center center;}
.notiYeboDown { background:url(../images/img_up_down_down.png) no-repeat center center;}
.notiYeboUp.end { background:url(../images/img_up_down_up2.png) no-repeat center center;}
.notiYeboDown.end { background:url(../images/img_up_down_down2.png) no-repeat center center;}
.notiRollStop{ background:url(../images/icon_bn_stop.png) no-repeat center center;}
.notiRollAuto{ background:url(../images/icon_bn_play.png) no-repeat left 7px center;}

.secondSectionInfo {margin:120px 0 0 0;}
.secondSectionInfo + .secondSectionInfo {margin:60px 0 0 0;}
.secondSectionInfo:after {display:block; content:""; clear:both;}
.secondSectionInfoBox {position:relative; float:left; width:670px; padding:35px 30px 30px 30px; background:#fff; border-radius:8px; border:1px solid #d2d2d2;}
.secondSectionInfoBox + .secondSectionInfoBox {float:right;}
.secondSectionInfoBox h3 {font-size:20px; color:#1a1a1a; font-weight:600;}
.hangdong {margin:34px 0 0 0;}
.hangdong:after {display:block; content:""; clear:both;}
.hangdong1 {float:left; width:295px; height:283px; background:url(../images/img_bg_hang01.png) no-repeat 0 0;}
.hangdong1 > strong {display:block; margin:48px 0 0 0; font-size:26px; color:#0a0a0a; font-weight:500; text-align:center;}
.hangdong1 > strong > span {font-size:26px; color:#0a0a0a; font-weight:700;}
.hangdong1 > a {display:block; width:110px; height:30px; margin:13px auto 0; padding:0 0 0 22px; background:#fff url(../images/img_page_next.png) no-repeat right 20px center;; line-height:30px; font-size:14px; color:#0a0a0a; opacity:0.5; border-radius:8px; }
.hangdong1 > a:hover {opacity:1;text-decoration:none;}
.hangdong2 {float:right;  width:295px; height:283px; background:url(../images/img_bg_hang02.png) no-repeat 0 0;}
.hangdong2 > strong {display:block; margin:48px 0 0 0; font-size:26px; color:#0a0a0a; font-weight:500; text-align:center;}
.hangdong2 > strong > span {font-size:26px; color:#0a0a0a; font-weight:700;}
.hangdong2 > a {display:block; width:110px; height:30px; margin:13px auto 0; padding:0 0 0 22px; background:#fff url(../images/img_page_next.png) no-repeat right 20px center;; line-height:30px; font-size:14px; color:#0a0a0a; opacity:0.5; border-radius:8px; }
.hangdong2 > a:hover {opacity:1;text-decoration:none;}
.secondSectionInfoBox.bbs,
.secondSectionInfoBox.report{ height:285px; padding: 35px 30px 0 30px}

.secondSectionInfoBox.mov h3 {position:relative; color:#009264;}
.secondSectionInfoBox.mov h3 span {display:inline-block; margin:0 0 0 13px; padding:0; font-size:14px; color:#009264; font-weight:400;}
.dongMore {display:block; position:absolute; right:30px; top:35px; width:86px; height:30px; margin:0; padding:0 0 0 17px; background:#fff url(../images/arrow_gray_right.png) no-repeat right 17px center;; line-height:30px; font-size:14px; color:#646464; border-radius:6px; border:1px solid #e6e6e6;}
.dongMore:hover {text-decoration:none; background:#f3f7fa url(../images/arrow_gray_right_on.png) no-repeat right 17px center; color:#323232;}
.dongyong {position:relative; margin:34px 0  0 0;}
.dongyong1 {position:relative;}
.dongyong1 + .dongyong1 {margin:17px 0 0 0; padding:17px 0 0 0; border-top:2px dashed #e6e6e6;}
.dongyong1:after {display:block; content:""; clear:both;}
.dongyong1 .vidLinkl {display:block; float:left; width:220px; height:124px;}
.dongyong1 > a img{ width:220px; height:125px;}
.dongyongText {display:block; float:right; width:365px;}
.dongyongText > strong {display: -webkit-box; margin:3px 0 0 0; font-size:20px; color:#0a0a0a; font-weight:400; line-height:30px; overflow: hidden;
    text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 66px;}
.dongyongText > span {position:absolute; left:245px; bottom:12px; font-size:14px; color:#6e6e6e; font-weight:400;}
.dongyongText > span > span {position:relative; margin:0 0 0 10px; padding:0 0 0 10px; font-size:14px; color:#6e6e6e; font-weight:400;}
.dongyongText > span > span:before {display:block; content:""; position:absolute; left:0; top:2px; width:1px; height:12px; background:#dcdcdc;}

.bbs_s_txt{ }/* 0116 pjs 신규 추가 */
.secTab {}
.secTab ul {}
.secTab ul:after {display:block; content:""; clear:both;}
.secTab li {position:relative; float:left; }
.secTab li + li {margin:0 0 0 11px; padding:0 0  0 16px;}
.secTab li + li:before {display:block; content:""; position:absolute; left:0; top:50%; width:6px; height:6px; margin-top:-3px; background:#dcdcdc; border-radius:3px;}
.secTab li a  h3 { font-weight:500;}
.secTab li a.on {color:#0f62cc;}
.secTab li a:hover {}
.secTab li a.on h3 {color:#0f62cc; font-weight:600;}
.secTab li a:hover h3 {}
.secTab li.port a:hover {}
.secTab li.port span {display: inline-block; margin: 0 0 0 13px; padding: 0; font-size: 14px; color: #6E6E6E; font-weight: 400;}
.secTab li.port a:hover h3 {}
.secTab li.port a:hover h3 span {color:#009264; font-size:14px;}
.secTab li.port a.on {color:#009264;}
.secTab li.port a.on h3 {color:#009264;}
.secTab li.port a.on + span {color:#009264;}
.secTabListBox {margin:29px 0 0 0; padding:0 0 10px 0;}
.secTabListBoxItem {}
.secTabListBoxItem {display:block; font-size:20px; color:#0a0a0a; font-weight:400;}
.secTabListBox span {display:block; margin:5px 0 0 0; font-size:14px; color:#6e6e6e;}
.secTabList {margin:17px 0 0 0; padding:22px 0 0 0; border-top:2px dashed #dcdcdc;}
.secTabList ul {}
.secTabList li { position:relative;}
.secTabList li:after {display:block; content:""; clear:both;}
.secTabList li + li {margin:10px 0 0 0;}
.secTabList li a {display:block; font-size:16px; color:#0a0a0a; font-weight:400; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; width:500px;}
.secTabList li a > span { position:absolute; right:0; top:2px; margin:0; color:#6e6e6e; width:76px; text-align:left;}
.secTab li.port a{ display:inline-block;}/* 0116 pjs 신규 추가 */


.bo {margin:34px 0 0 0;}
.bo ul {}
.bo ul:after {display:block;}
.bo li {position:relative; float:left; width:50%;}
.bo li + li {float:right;}
.bo li > span {display:block; float:left; width:109px; height:154px; border:1px solid #dedede;}
.bo li span img {width:100%; height:100%;}
.boText {float:left; margin:100px 0 0 24px;}
.boText strong {display:block; font-size:20px; color:#6e6e6e; font-weight:400;}
.boText a {display:block; font-size:16px; color:#0a0a0a; font-weight:400; }
.boText span {display:block; position:absolute; left:133px; bottom:9px; font-size:14px; color:#6e6e6e; font-weight:400;}

.thirdSection {background:url(../images/img_bg03.png) no-repeat center 0;}
.thirdSectionIn {position:relative; }
.greyBox {position:absolute; left:50%; top:30px; z-index:0; width:calc(100% - 60px); max-width:1940px; height:900px; background:url(../images/img_bg03_1.png) repeat-x 0 0; opacity:0.6; transform:translate(-50%, 0);}
.ourInfo {position:relative; z-index:1; margin:130px 0 0 0; text-align:center;}
.ourInfoLogo {display:block; }
.ourInfoTitle {display:block; margin:30px 0 0 0;}
.ourInfoText {margin:45px 0 0 0; font-size:18px;}
.ourInfoList {width:1340px; margin:100px auto 0; }
.ourInfoList:after {display:block; content:""; clear:both;}
.ourInfoList li {position:relative; float:left; max-width:300px; width:25%;}
.ourInfoList li a {}
.ourInfoList li > div {display:block; width:300px; height:300px; overflow:hidden; padding:250px 0 0 0; box-shadow:10px 10px 5px 0px rgba(255,255,255,0.25); -webkit-box-shadow:10px 10px 5px 0px rgba(255,255,255,0.25); -moz-box-shadow:10px 10px 5px 0px rgba(255,255,255,0.25); transition:all .3s ease;}
.ourInfoList li > div:hover {padding:150px 0 0 0; background-position:0 -100px;}
.ourInfoList li > div > strong {display:block; font-size:20px; color:#0a0a0a; font-weight:500;}
.ourInfoList li > div:hover > strong {color:#0f62cc;}
.ourInfoList li > div > span { margin:16px 0 0 0; font-size:14px; color:#464646; font-weight:400; line-height:20px; display: block;}
.ourInfoList li > div > a { /* display:none; */ position:static; margin:20px auto 0; padding:0 17px 0 0; font-size:14px; color:#646464; font-weight:400;}
.ourInfoList li > div:hover > span,
.ourInfoList li > div:hover > a{display:block;}
.ourInfoList li > div:focus > span,
.ourInfoList li > div:focus > a{display:block;}

.ourInfoList li + li {margin:0 0 0 46px;}
.ourInfoList01 > div {background:#fff url(../images/img_bg03_2.png) no-repeat 0 0; border-radius:8px;}
.ourInfoList02 > div {background:#fff url(../images/img_bg03_3.png) no-repeat 0 0; border-radius:8px;}
.ourInfoList03 > div {background:#fff url(../images/img_bg03_4.png) no-repeat 0 0; border-radius:8px;}
.ourInfoList04 > div {background:#fff url(../images/img_bg03_5.png) no-repeat 0 0; border-radius:8px;}

.mapArea {position:relative; height:714px;  margin:15px 0 0 0;}
.mapArea.dev04 {background:#fff; text-align:center; border:2px solid #00aeee; border-radius:8px; overflow:hidden;}
.mapArea.dev04 img {}
.mapArea.dev04 p {position:absolute; left:20px; bottom:14px; font-size:14px; color:#6e6e6e; font-weight:400; word-spacing:-1px; letter-spacing:-0.6px; text-align:left; }

.mapArea.dev03 {}
.mapArea.dev03 img {position:absolute; left:0; top:0; z-index:1; border-radius:10px;} /* 2022-11-25 */
.mapArea.dev02 img {position:absolute; left:0; top:0; z-index:1;}
.mapArea.dev01 img {position:absolute; left:0; top:0; z-index:1; } /* 2022-11-25 */

.imgArea {position:relative;}
.imgArea > span {display:block; position:absolute; z-index:4;}
.imgArea > .p01 {left:226px; top:52px; width:117px; height:122px;}
.imgArea > .p02 {left:280px; top:35px; width:233px; height:213px}
.imgArea > .p03 {left:241px; top:144px; width:49px; height:42px}
.imgArea > .p04 {left:28px; top:116px; width:214px; height:153px}
.imgArea > .p05 {left:420px; top:0px; width:141px; height:246px}
.imgArea > .p06 {left:208px; top:133px; width:163px; height:136px}
.imgArea > .p07 {left:304px; top:214px; width:168px; height:191px}
.imgArea > .p08 {left:99px; top:244px; width:248px; height:168px}
.imgArea > .p09 {left:285px; top:295px; width:34px; height:50px}
.imgArea > .p10 {left:298px; top:332px; width:39px; height:45px}
.imgArea > .p11 {left:368px; top:116px; width:300px; height:358px}
.imgArea > .p12 {left:180px; top:384px; width:200px; height:130px}
.imgArea > .p13 {left:435px; top:405px; width:52px; height:60px}
.imgArea > .p14 {left:513px; top:450px; width:59px; height:60px}
.imgArea > .p15 {left:224px; top:520px; width:46px; height:32px}
.imgArea > .p16 {left:339px; top:420px; width:203px; height:185px}
.imgArea > .p17 {left:32px; top:486px; width:337px; height:181px}
.imgArea > .p18 {left:488px; top:500px; width:66px; height:61px}
.imgArea > .p19 {left:30px; top:647px; width:85px; height:48px}
/*
.p01.pg01 {background:url(../images/img_p01pg01.png) no-repeat 0 0;}
.p01.pg02 {background:url(../images/img_p01pg02.png) no-repeat 0 0;}
.p01.pg03 {background:url(../images/img_p01pg03.png) no-repeat 0 0;}
.p01.pg04 {background:url(../images/img_p01pg04.png) no-repeat 0 0;}
.p01.pg05 {background:url(../images/img_p01pg05.png) no-repeat 0 0;}
.p02.pg01 {background:url(../images/img_p02pg01.png) no-repeat 0 0;}
.p02.pg02 {background:url(../images/img_p02pg02.png) no-repeat 0 0;}
.p02.pg03 {background:url(../images/img_p02pg03.png) no-repeat 0 0;}
.p02.pg04 {background:url(../images/img_p02pg04.png) no-repeat 0 0;}
.p02.pg05 {background:url(../images/img_p02pg05.png) no-repeat 0 0;}
.p03.pg01 {background:url(../images/img_p03pg01.png) no-repeat 0 0;}
.p03.pg02 {background:url(../images/img_p03pg02.png) no-repeat 0 0;}
.p03.pg03 {background:url(../images/img_p03pg03.png) no-repeat 0 0;}
.p03.pg04 {background:url(../images/img_p03pg04.png) no-repeat 0 0;}
.p03.pg05 {background:url(../images/img_p03pg05.png) no-repeat 0 0;}
.p04.pg01 {background:url(../images/img_p04pg01.png) no-repeat 0 0;}
.p04.pg02 {background:url(../images/img_p04pg02.png) no-repeat 0 0;}
.p04.pg03 {background:url(../images/img_p04pg03.png) no-repeat 0 0;}
.p04.pg04 {background:url(../images/img_p04pg04.png) no-repeat 0 0;}
.p04.pg05 {background:url(../images/img_p04pg05.png) no-repeat 0 0;}
.p05.pg01 {background:url(../images/img_p05pg01.png) no-repeat 0 0;}
.p05.pg02 {background:url(../images/img_p05pg02.png) no-repeat 0 0;}
.p05.pg03 {background:url(../images/img_p05pg03.png) no-repeat 0 0;}
.p05.pg04 {background:url(../images/img_p05pg04.png) no-repeat 0 0;}
.p05.pg05 {background:url(../images/img_p05pg05.png) no-repeat 0 0;}
.p06.pg01 {background:url(../images/img_p06pg01.png) no-repeat 0 0;}
.p06.pg02 {background:url(../images/img_p06pg02.png) no-repeat 0 0;}
.p06.pg03 {background:url(../images/img_p06pg03.png) no-repeat 0 0;}
.p06.pg04 {background:url(../images/img_p06pg04.png) no-repeat 0 0;}
.p06.pg05 {background:url(../images/img_p06pg05.png) no-repeat 0 0;}
.p07.pg01 {background:url(../images/img_p07pg01.png) no-repeat 0 0;}
.p07.pg02 {background:url(../images/img_p07pg02.png) no-repeat 0 0;}
.p07.pg03 {background:url(../images/img_p07pg03.png) no-repeat 0 0;}
.p07.pg04 {background:url(../images/img_p07pg04.png) no-repeat 0 0;}
.p07.pg05 {background:url(../images/img_p07pg05.png) no-repeat 0 0;}
.p08.pg01 {background:url(../images/img_p08pg01.png) no-repeat 0 0;}
.p08.pg02 {background:url(../images/img_p08pg02.png) no-repeat 0 0;}
.p08.pg03 {background:url(../images/img_p08pg03.png) no-repeat 0 0;}
.p08.pg04 {background:url(../images/img_p08pg04.png) no-repeat 0 0;}
.p08.pg05 {background:url(../images/img_p08pg05.png) no-repeat 0 0;}
.p09.pg01 {background:url(../images/img_p09pg01.png) no-repeat 0 0;}
.p09.pg02 {background:url(../images/img_p09pg02.png) no-repeat 0 0;}
.p09.pg03 {background:url(../images/img_p09pg03.png) no-repeat 0 0;}
.p09.pg04 {background:url(../images/img_p09pg04.png) no-repeat 0 0;}
.p09.pg05 {background:url(../images/img_p09pg05.png) no-repeat 0 0;}
.p10.pg01 {background:url(../images/img_p10pg01.png) no-repeat 0 0;}
.p10.pg02 {background:url(../images/img_p10pg02.png) no-repeat 0 0;}
.p10.pg03 {background:url(../images/img_p10pg03.png) no-repeat 0 0;}
.p10.pg04 {background:url(../images/img_p10pg04.png) no-repeat 0 0;}
.p10.pg05 {background:url(../images/img_p10pg05.png) no-repeat 0 0;}
.p11.pg01 {background:url(../images/img_p11pg01.png) no-repeat 0 0;}
.p11.pg02 {background:url(../images/img_p11pg02.png) no-repeat 0 0;}
.p11.pg03 {background:url(../images/img_p11pg03.png) no-repeat 0 0;}
.p11.pg04 {background:url(../images/img_p11pg04.png) no-repeat 0 0;}
.p11.pg05 {background:url(../images/img_p11pg05.png) no-repeat 0 0;}
.p12.pg01 {background:url(../images/img_p12pg01.png) no-repeat 0 0;}
.p12.pg02 {background:url(../images/img_p12pg02.png) no-repeat 0 0;}
.p12.pg03 {background:url(../images/img_p12pg03.png) no-repeat 0 0;}
.p12.pg04 {background:url(../images/img_p12pg04.png) no-repeat 0 0;}
.p12.pg05 {background:url(../images/img_p12pg05.png) no-repeat 0 0;}
.p13.pg01 {background:url(../images/img_p13pg01.png) no-repeat 0 0;}
.p13.pg02 {background:url(../images/img_p13pg02.png) no-repeat 0 0;}
.p13.pg03 {background:url(../images/img_p13pg03.png) no-repeat 0 0;}
.p13.pg04 {background:url(../images/img_p13pg04.png) no-repeat 0 0;}
.p13.pg05 {background:url(../images/img_p13pg05.png) no-repeat 0 0;}
.p14.pg01 {background:url(../images/img_p14pg01.png) no-repeat 0 0;}
.p14.pg02 {background:url(../images/img_p14pg02.png) no-repeat 0 0;}
.p14.pg03 {background:url(../images/img_p14pg03.png) no-repeat 0 0;}
.p14.pg04 {background:url(../images/img_p14pg04.png) no-repeat 0 0;}
.p14.pg05 {background:url(../images/img_p14pg05.png) no-repeat 0 0;}
.p15.pg01 {background:url(../images/img_p15pg01.png) no-repeat 0 0;}
.p15.pg02 {background:url(../images/img_p15pg02.png) no-repeat 0 0;}
.p15.pg03 {background:url(../images/img_p15pg03.png) no-repeat 0 0;}
.p15.pg04 {background:url(../images/img_p15pg04.png) no-repeat 0 0;}
.p15.pg05 {background:url(../images/img_p15pg05.png) no-repeat 0 0;}
.p16.pg01 {background:url(../images/img_p16pg01.png) no-repeat 0 0;}
.p16.pg02 {background:url(../images/img_p16pg02.png) no-repeat 0 0;}
.p16.pg03 {background:url(../images/img_p16pg03.png) no-repeat 0 0;}
.p16.pg04 {background:url(../images/img_p16pg04.png) no-repeat 0 0;}
.p16.pg05 {background:url(../images/img_p16pg05.png) no-repeat 0 0;}
.p17.pg01 {background:url(../images/img_p17pg01.png) no-repeat 0 0;}
.p17.pg02 {background:url(../images/img_p17pg02.png) no-repeat 0 0;}
.p17.pg03 {background:url(../images/img_p17pg03.png) no-repeat 0 0;}
.p17.pg04 {background:url(../images/img_p17pg04.png) no-repeat 0 0;}
.p17.pg05 {background:url(../images/img_p17pg05.png) no-repeat 0 0;}
.p18.pg01 {background:url(../images/img_p18pg01.png) no-repeat 0 0;}
.p18.pg02 {background:url(../images/img_p18pg02.png) no-repeat 0 0;}
.p18.pg03 {background:url(../images/img_p18pg03.png) no-repeat 0 0;}
.p18.pg04 {background:url(../images/img_p18pg04.png) no-repeat 0 0;}
.p18.pg05 {background:url(../images/img_p18pg05.png) no-repeat 0 0;}
.p19.pg01 {background:url(../images/img_p19pg01.png) no-repeat 0 0;}
.p19.pg02 {background:url(../images/img_p19pg02.png) no-repeat 0 0;}
.p19.pg03 {background:url(../images/img_p19pg03.png) no-repeat 0 0;}
.p19.pg04 {background:url(../images/img_p19pg04.png) no-repeat 0 0;}
.p19.pg05 {background:url(../images/img_p19pg05.png) no-repeat 0 0;}
*/

.topInfoArea {position:absolute; z-index:5;}
/* 2022-12-14 */
.caution {position:relative; z-index:5; width:230px; height:35px; padding:0 15px; background:linear-gradient(to right, #0f6ecc, #00c18b);  color:#fff; border-radius:8px; text-align:left;}
/*.caution {position:relative; z-index:4; width:230px; height:35px; padding:0 15px; background:linear-gradient(to right, #0f6ecc, #00c18b);  color:#fff; border-radius:8px; text-align:left;}*/
.caution > span {display:block; background:url(../images/img_bg_cau.png) no-repeat right center; font-size:15px; color:#fff; font-weight:500; line-height:35px; text-align:left;}
.caution.on > span {background:url(../images/img_bg_cau_.png) no-repeat right center;}
/* 2022-12-14 */
.cauMap {position:absolute; left:0; top:25px; z-index:4; width:230px; height:293px; border:1px solid #414d5d; border-radius:10px; } /* 2022-11-25 */
/*.cauMap {position:absolute; left:0; top:35px; z-index:4; width:230px; height:293px; border:1px solid #414d5d; border-radius:10px; } 2022-11-25 */
/*.cauMap {position:absolute; left:0; top:35px; z-index:4; width:230px; height:275px; border:1px solid #414d5d; border-radius:10px; } 2022-11-25 */
.cauMap img {width:100%; height:100%;}
.cauMap > span {z-index:3;}
.cbum01 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd01.png) no-repeat 0 0;}
.cbum02 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd02.png) no-repeat 0 0;}
.cbum03 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd03.png) no-repeat 0 0;}
.cbum04 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd04.png) no-repeat 0 0;}
.cbum05 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd05.png) no-repeat 0 0;}
.cbum06 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd06.png) no-repeat 0 0;}

/* 팝업 TAB */
.tab_pop_info{ position:absolute; top:10px; right:10px; border-radius:50px; background:#fff; padding:3px; display:table; z-index:3;}
.tab_pop_info li{ display:table-cell;}
.tab_pop_info li a{ display:block; height:24px; line-height:24px;  border-radius:50px; font-size:14px; color:#0a0a0a; padding:0 10px;}
.tab_pop_info li.on a{ background:#0f62cc; color:#fff;}

.cauTime {display:block; position:absolute; right:0; top:0; min-width:143px; height:30px; padding:0 20px; background:#fff; font-size:14px; color:#6e6e6e; line-height:30px; font-weight:400; border-radius:15px; text-align:center; border:1px solid #d2d2d2}
.cauTime > strong {color:#0a0a0a; font-weight:600;}
.bottomInfoArea {position:absolute; right:0; bottom:0; z-index:5;}
.bottomInfoArea.bum:first-child {margin:0;}
.bum {display:block; width:150px; height:30px; margin:-1px 0 0 0; padding:0 14px; background:#f6fdff url(../images/img_bottom_arr_up.png) no-repeat right 14px center;font-size:13px; color:#0a0a0a; font-weight:400; line-height:30px; border:1px solid #d2d2d2; border-radius:2px; text-align:left;}
.bum + .bum {margin-top:2px;}
.bottomInfoArea .bum.on {background:#0f6ecc url(../images/img_bottom_arr_down.png) no-repeat right 14px center; color:#fff;}
.zoowibo { /*display:none;*/}
.zoowibo.on {display:block;}
.zoowibo .zoowi01 {display:block; padding:0 0 0 20px; background:url(../images/img_cau01.png) no-repeat left center; background-size:13px 11px; font-size:12px; color:#464646; font-weight:400;}
.zoowibo .zoowi02 {display:block; padding:0 0 0 20px; background:url(../images/img_cau02.png) no-repeat left center; background-size:13px 11px; font-size:12px; color:#464646; font-weight:400;}
.bum_unit{ color:inherit; font-size:inherit; font-weight:200;}

.mapPos {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
.mapPos button {position:absolute; width:60px; height:60px; border-radius:30px; text-align:center; line-height:17px; opacity:1;}
.mapPos button span {display:block; margin:3px 0 0 0; font-size:15px; color:#0a0a0a; font-weight:600; line-height:17px;}
.mapPos button.cau01 {background-color:rgba(106, 200, 254, 0.8);} /* 좋음 */
.mapPos button.cau02 {background-color:rgba(89, 228, 148, 0.8);} /* 보통 */
.mapPos button.cau03 {background-color:rgba(255, 218, 88, 0.8);} /* 나쁨 */
.mapPos button.cau04 {background-color:rgba(255, 168, 168, 0.8);} /* 매우나쁨 */
.mapPos button.cau07 {background-color:rgba(171, 176, 176, 0.8);} /* 데이터없음 */
.mapPos button.cauOr:after {display:block; content:""; position:absolute; left:50%; top:-8px; width:18px; height:17px; margin-left:-9px; background:url(../images/img_cau01.png) no-repeat 0 0; }
.mapPos button.cauRe:before {display:block; content:""; position:absolute; left:50%; top:-8px; width:18px; height:17px; margin-left:-9px; background:url(../images/img_cau02.png) no-repeat 0 0; }

/* 경보 2개 모두 노출 */
.mapPos button.cauOr.twice:after { right:9px; margin-left:0;}
.mapPos button.cauRe.twice:before { left:9px; margin-left:0;}

.mapPos2 {width:100%;}
.mapPos2 > button {position:absolute; width:60px; height:60px; border-radius:30px; text-align:center; line-height:17px; opacity:1;}
.mapPos2 button span {display:block; margin:3px 0 0 0; font-size:15px; color:#0a0a0a; font-weight:600; line-height:17px;}
.mapPos2 button.cau01 {background-color:rgba(106, 200, 254, 0.8);} /* 좋음 */
.mapPos2 button.cau02 {background-color:rgba(89, 228, 148, 0.8);} /* 보통 */
.mapPos2 button.cau03 {background-color:rgba(255, 218, 88, 0.8);} /* 나쁨 */
.mapPos2 button.cau04 {background-color:rgba(255, 168, 168, 0.8);} /* 매우나쁨 */
.mapPos2 button.cau07 {background-color:rgba(171, 176, 176, 0.8);} /* 데이터없음 */
.mapPos2 button.cauOr:after {display:block; content:""; position:absolute; left:50%; top:-8px; width:18px; height:17px; margin-left:-9px; background:url(../images/img_cau01.png) no-repeat 0 0; }
.mapPos2 button.cauRe:before {display:block; content:""; position:absolute; left:50%; top:-8px; width:18px; height:17px; margin-left:-9px; background:url(../images/img_cau02.png) no-repeat 0 0; }

.mapPos2 button.cauOr.twice:after { right:9px; margin-left:0;}
.mapPos2 button.cauRe.twice:before { left:9px; margin-left:0;}

.cauDetail {display:none; position:absolute; left:0; top:110px; z-index:10; overflow:hidden; width:494px; border:1px solid #414d5d; border-radius:10px;} /* 2022-11-25 */
/*.cauDetail {display:none; position:absolute; left:0; top:60px; z-index:5; width:494px; height:698px; border:1px solid #414d5d; border-radius:10px;} 2022-11-25 */
.cauHead {position:relative; height:35px; background:#414d5d;}
.cauHead > strong {display:block; font-size:15px; color:#fff; font-weight:500; line-height:35px; text-align:center;}
.cauHead > button {display:block; position:absolute; right:10px; top:50%; width:22px; height:22px; margin-top:-11px; background:url(../images/img_cau_close.png) no-repeat 0 0;}
.cauBody {position:relative; height:calc(100% - 35px); padding:0 0 60px 0; background:#fff;}
.dev03 .cauBody > img {position:static; width:492px; height:auto;}
.cauBody .cauTime {top:10px; right:auto; left:0; z-index:5; background:none;}
.caubum {position:absolute; left:0px; bottom:0px; width:100%; background:#dff6ff;}
.caubum dt {position:absolute; left:10px; top:10px; width:60px; height:60px; background:#0f6ecc; text-align:center; font-size:13px; color:#fff; line-height:60px;}
.caubum dd {width:calc(100% - 20px); height:60px; margin:10px; padding:3px 10px 4px 74px; background:#fff; border:1px solid #dff6ff; border-radius:2px;}
.caubum dd:after {display:block; content:""; clear:both;}
.caubum dd span {display:block; float:left; width:25%; padding:0 0 0 22px; font-size:12px; color:#0a0a0a; line-height:26px;}
.caubum01 {background:url(../images/img_dd01.png) no-repeat 0 center;}
.caubum02 {background:url(../images/img_dd02.png) no-repeat 0 center;}
.caubum03 {background:url(../images/img_dd03.png) no-repeat 0 center;}
.caubum04 {background:url(../images/img_dd04.png) no-repeat 0 center;}
.caubum05 {background:url(../images/img_dd05.png) no-repeat 0 center;}
.caubum06 {background:url(../images/img_dd06.png) no-repeat 0 center;}
.cbum01 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd01.png) no-repeat 0 0; z-index: 9;}
.cbum02 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd02.png) no-repeat 0 0; z-index: 9;}
.cbum03 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd03.png) no-repeat 0 0; z-index: 9;}
.cbum04 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd04.png) no-repeat 0 0; z-index: 9;}
.cbum05 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd05.png) no-repeat 0 0; z-index: 9;}
.cbum06 {display:block; position:absolute; width:14px; height:16px; background:url(../images/img_dd06.png) no-repeat 0 0; z-index: 9;}

.cDateArea {width:190px; height:30px; padding:3px; background:#fff; border-radius:15px;}
.cDateArea:after {display:block; content:""; clear:both;}
.cDateArea button {display:block; float:left; height:24px; padding:0 18px; background:transparent; line-height:24px; font-size:14px; color:#0a0a0a; font-weight:400; letter-spacing:-0.6px; border-radius:12px;}
.cDateArea button.on {background:#414d5d; color:#fff;}
.cDateArea.infoTab{ width:auto;}

.yeboDet {position:absolute; right:0px; top:40px; z-index:5; height:30px; padding:0 40px 0 15px; background:#fff url(../images/arrow_blue_right.png) no-repeat right 16px center; line-height:30px; color:#0f62cc; font-size:13px; border:1px solid #0f6ecc; border-radius:8px;}
.mapPos2 {position:absolute; left:0; top:0px; z-index:10; width:100%;}
/* .mapPos2 span {position:absolute; z-index:5; height:26px; padding:0 10px; background:#fff; font-size:14px; font-weight:400; color:#646464; border:1px solid #c8c8c8; border-radius:13px; text-align:center; line-height:26px;}
.mapPos2 span.imp:after {display:block; content:""; position:absolute; left:-6px; top:50%; width:12px; height:12px; margin-top:-6px; background:url(../images/img_yebo_na_over.png) no-repeat 0 0;}
.mapPos2 span > strong {font-size:14px; color:#0a0a0a; font-weight:500;} */

.mapPos3 {position:absolute; left:0; top:0; z-index:5; width:100%;}
.mapPos3 span {position:absolute; z-index:5; height:26px; padding:0 10px; background:#fff; font-size:14px; font-weight:400; color:#646464; border:1px solid #c8c8c8; border-radius:13px; text-align:center; line-height:26px;}
.mapPos3 span.imp:after {display:block; content:""; position:absolute; left:-6px; top:50%; width:12px; height:12px; margin-top:-6px; background:url(../images/img_yebo_na_over.png) no-repeat 0 0;}
.mapPos3 span > strong {font-size:14px; color:#0a0a0a; font-weight:500;}
.mp01 {left:209px; top:106px;} /* 경기북부 */
.mp02 {left:353px; top:115px;} /* 강원영서 */
.mp03 {left:270px; top:159px;} /* 서울 */
.mp04 {left:164px; top:150px;} /* 인천 */
.mp05 {left:464px; top:177px;} /* 강원영동 */
.mp06 {left:267px; top:218px;} /* 경기남부 */
.mp07 {left:345px; top:257px;} /* 충북 */
.mp08 {left:189px; top:322px;} /* 충남 */
.mp09 {left:300px; top:315px;} /* 세종 */
.mp10 {left:315px; top:352px;} /* 대전 */
.mp11 {left:445px; top:310px;} /* 경북 */
.mp12 {left:249px; top:445px;} /* 전북 */
.mp13 {left:435px; top:395px;} /* 대구 */
.mp14 {left:518px; top:464px;} /* 울산 */
.mp15 {left:215px; top:520px;} /* 광주 */
.mp16 {left:388px; top:505px;} /* 경남 */
.mp17 {left:240px; top:580px;} /* 전남 */
.mp18 {left:494px; top:534px;} /* 부산 */
.mp19 {left:42px; top:660px;}  /* 제주 */

.malpungArea {position:relative;}
.malpungArea > span {display:inline-block; position:relative; padding:0 0 0 10px; font-size:14px; color:#0a0a0a; font-weight:400;}
.malpungArea > span:after {display:block; content:""; position:absolute; left:-12px; top:50%; width:12px; height:12px; margin-top:-6px; background:url(../images/img_yebo_na_over.png) no-repeat 0 0;}
.malpung {display:inline-block; width:16px; height:16px; background:url(../images/img_malpung.png) no-repeat 0 0;}
.malpung.close {display:inline-block; width:16px; height:16px; background:url(../images/img_malpung_close.png) no-repeat 0 0;}
.malpungTip {display:none; position:absolute; left:0; top:-130px; z-index:5; padding:10px 13px; background:#414d5d; font-size:11px; color:#fff; font-weight:400; line-height:16px; text-align:justify; border-radius:8px;}
.malpungTip:after {display:block; content:""; position:absolute; right:5px; bottom:-10px; width:14px; height:10px; background:url(../images/img_malpung_arr.png) no-repeat 0 0;}
.malpungArea > p {font-size:13px; color:#6e6e6e; font-weight:400;}
.bottomInfoArea .ipArea input[type=checkbox] { /* display:none; 240221_2 pjs*/}
.bottomInfoArea .ipArea input[type=checkbox] + label {display:inline-block; height:auto; padding:0 0 0 4px; /* background:url(../images/img_check.png) no-repeat 0 center; 240221_2 pjs */}
.bottomInfoArea .ipArea input[type=checkbox]:checked + label { /* background:url(../images/img_check_on.png) no-repeat 0 center; 240221_2 pjs */}
.bottomInfoArea .ipArea input[type=checkbox] + label span {display:inline-block; position:relative; padding:0 0 0 12px; font-size:12px; color:#464646; font-weight:400;}
.bottomInfoArea .ipArea input[type=radio] {}
.bottomInfoArea .ipArea input[type=radio] + label {display:inline-block; padding:0 0 0 4px; /* background:url(../images/img_rdo.png) no-repeat 0 center; */}
.bottomInfoArea .ipArea input[type=radio]:checked + label { /* background:url(../images/img_rdo_on.png) no-repeat 0 center; */}
.bottomInfoArea .ipArea input[type=radio] + label span {display:inline-block; position:relative; padding:0 0 0 12px; font-size:12px; color:#464646; font-weight:400;}

.bottomInfoArea .ipArea span {display:inline-block; position:relative; padding:0 0 0 12px; font-size:12px; color:#464646; font-weight:400;}

.chg01 {background:url(../images/img_chg01.png) no-repeat 0 center;}
.chg02 {background:url(../images/img_chg02.png) no-repeat 0 center;}
.chg03 {background:url(../images/img_chg03.png) no-repeat 0 center;}
.chg04 {background:url(../images/img_chg04.png) no-repeat 0 center;}
.chg05 {background:url(../images/img_chg05.png) no-repeat 0 center;}
.chg07 {background:url(../images/img_chg05.png) no-repeat 0 center;}

/* 실시간 대기정보 : 농도범위 범례 */
.rtab01 {background:url(../images/main/icon_cau01.png) no-repeat 0 center; padding:0 0 0 20px !important;}
.rtab02 {background:url(../images/main/icon_cau02.png) no-repeat 0 center; padding:0 0 0 20px !important;}
.rtab03 {background:url(../images/main/icon_cau03.png) no-repeat 0 center; padding:0 0 0 20px !important;}
.rtab04 {background:url(../images/main/icon_cau04.png) no-repeat 0 center; padding:0 0 0 20px !important;}
.rtab05 {background:url(../images/main/icon_cau07.png) no-repeat 0 center; padding:0 0 0 20px !important;}

.maxPos2 > div.whe {display:none; width:70px; height:60px; padding:0; background:#eafaf1; border:1px solid #dcdcdc; border-radius:8px; overflow:hidden; text-align:center; z-index:3;} /* pjs 1123 z-index 추가 */
.maxPos2 > div.whe.w01 {background:#eafaf1; padding:4px 0 0 0;} /* pjs 1123 수정 */
.maxPos2 > div.whe.w01 img{ position:relative;} /* pjs 1123 추가 */
.maxPos2 > div.whe.w02 {background:#eafaf1; padding:10px 0 0 0;} /* pjs 1123 수정 */
.maxPos2 > div.whe.w02 img{ position:relative;} /* pjs 1123 추가 */
.maxPos2 > div.whe.w02 span{ margin:-8px 0 0 0;} /* pjs 1123 추가 */
.maxPos2 > div.whe.w03 {background:#eafaf1;}
.maxPos2 > div.whe span {display:block; width:100%; height:100%; padding:0 0 0 0; background:transparent;font-size:13px; color:#0a0a0a; font-weight:500; margin-top:-4px;} /* pjs 1123 수정 */
.maxPos2 > div.whe span strong {color:#0f62cc; font-weight:400; font-size:13px; line-height:13px;}
.maxPos2 > div.whe.w03 span {padding:7px 0 0 0;}
.maxPos2 > div.whe.w03 span strong {display:block; padding:0;}
.maxPos2 > div.whe.we01 {background:#eafaf1 url(../images/img_we01.png) no-repeat center top 8px;}

.chg {margin:0 0 0 -12px;}
.main1Dv {display:none; padding:5px 10px; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.main1Dv.on {display:block;}
.main1Dv.last {border-bottom:1px solid #d2d2d2;}

.bum.on {display:block; height:30px; padding:0 14px; background:#f6fdff url(../images/img_bottom_arr_up.png) no-repeat right 14px center;font-size:13px; color:#0a0a0a; font-weight:400; line-height:30px; border:1px solid #d2d2d2; border-radius:2px; text-align:left;}

.maxPos {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
.maxPos > div {position:absolute; z-index:5;} /* pjs 1124 */
.maxPos button {position:absolute; left:50%; width:10px; height:10px; margin:10px 0 0 -5px; background:url(../images/img_ch01.png) no-repeat 0 0; background-size:10px 10px;} /* 0116 pjs */
.maxPos > div > span {display:block; width:100%; height:30px; padding:0 20px; background:#414d5d; border-radius:6px; font-size:13px; color:#fff; font-weight:400; line-height:30px;}

.maxPos2 {width:100%;}
.maxPos2 > div {position:absolute; /* pjs 0116  z-index:5; */} 
.maxPos2 button {position:absolute; left:50%; width:10px; height:10px; margin:10px 0 0 -5px; background:url(../images/img_ch01.png) no-repeat 0 0; background-size:10px 10px;} /* 0116 pjs */

/* .maxPos2 > div span:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;} */
/* 2022-11-25 */
/*.maxPos2 .g0 > span em {font-size:12px; color:#ffea5c;}*/
.maxPos2 .g0 > span.on + button {left:0; top:0;}
.maxPos2 .g01 button {background:url(../images/img_ch01.png) no-repeat 0 0;background-size:10px 10px;} /* 0116 pjs */
.maxPos2 .g02 button {background:url(../images/img_ch02.png) no-repeat 0 0;background-size:10px 10px;} /* 0116 pjs */
.maxPos2 .g03 button {background:url(../images/img_ch03.png) no-repeat 0 0;background-size:10px 10px;} /* 0116 pjs */
.maxPos2 .g04 button {background:url(../images/img_ch04.png) no-repeat 0 0;background-size:10px 10px;} /* 0116 pjs */
.maxPos2 .g05 button {background:url(../images/img_ch05.png) no-repeat 0 0;background-size:10px 10px;} /* 0116 pjs */
.maxPos2 .g07 button {background:url(../images/img_ch05.png) no-repeat 0 0;background-size:10px 10px;} /* 0116 pjs */

.gosbum {position:absolute; left:0px; bottom:0px; width:100%; background:#dff6ff;}
.gosbum dt {position:absolute; left:10px; top:10px; width:60px; height:60px; background:#0f6ecc; text-align:center; font-size:13px; color:#fff; line-height:60px;}
.gosbum dd {width:calc(100% - 20px); height:60px; margin:10px; padding:3px 10px 4px 74px; background:#fff; border:1px solid #dff6ff; border-radius:2px;}
.gosbum dd:after {display:block; content:""; clear:both;}
.gosbum dd span {display:block; float:left; width:33%; padding:0 0 0 15px; font-size:12px; color:#0a0a0a; line-height:26px;}
.gosbum .g01 {background:url(../images/img_ch01.png) no-repeat 0 center;}
.gosbum .g02 {background:url(../images/img_ch02.png) no-repeat 0 center;}
.gosbum .g03 {background:url(../images/img_ch03.png) no-repeat 0 center;}
.gosbum .g04 {background:url(../images/img_ch04.png) no-repeat 0 center;}
.gosbum .g05 {background:url(../images/img_ch05.png) no-repeat 0 center;}

/* 측정소 정보 활성화시 배경 깜빡임 */
.maxPos2 button.chk{ z-index:6;}
.maxPos2 button.chk:before{ 
  /*
  transition: all .1s;
  -webkit-animation: circular 3s 0s ease-in-out infinite;
  animation: circular 0.8s 0s ease-in-out infinite;
  */
  animation: point_pump 1s cubic-bezier(.76, .54, .42, .82) infinite;
  }


@keyframes point_pump {
    0% {
        transform: scale(0);
        transform-origin: 50% 50%;
    }

    50% {
        transform: scale(2.2);
    }

    100% {
        opacity: 0;
    }
}

.maxPos2 .g01 button.chk:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch01.png) no-repeat 0 0; left:0; top:0;}
.maxPos2 .g01 button.chk:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#48c9ff; border-radius:50px;}
.maxPos2 .g02 button.chk:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch02.png) no-repeat 0 0; left:0; top:0;}
.maxPos2 .g02 button.chk:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#7eff90; border-radius:50px;}
.maxPos2 .g03 button.chk:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch03.png) no-repeat 0 0; left:0; top:0;}
.maxPos2 .g03 button.chk:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#fff200; border-radius:50px;}
.maxPos2 .g04 button.chk:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch04.png) no-repeat 0 0; left:0; top:0;}
.maxPos2 .g04 button.chk:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#ff8888; border-radius:50px;}
.maxPos2 .g05 button.chk:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch05.png) no-repeat 0 0; left:0; top:0;}
.maxPos2 .g05 button.chk:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#afafaf; border-radius:50px;}
.maxPos2 .g07 button.chk:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch05.png) no-repeat 0 0; left:0; top:0;}
.maxPos2 .g07 button.chk:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#afafaf; border-radius:50px;}

@keyframes circular {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
}

.divTooltip{ width:0;height:0;overflow:hidden;position:absolute;left:-9999999999999999px;line-height:0;}
/*
.divTooltip{ position: absolute; display:none; height:auto !important; background: #414d5d; border-radius: 6px; font-size: 12px; color: #fff; font-weight:400; left: 0; top: -20px;  white-space: nowrap; width: auto; z-index: 7; line-height: 17px; padding: 6px 12px;}
.divTooltip:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;}
.divTooltip.on{ display:block; transform: translate(-50%, -50%);}
.divTooltip em {font-size:12px; color:#ffea5c;}
*/
/* .divTooltip {position:absolute; display:inline-block; height:auto; background:#414d5d; border-radius:6px; font-size:13px; color:#fff; font-weight:400; line-height:17px; z-index:6 !important; padding: 5px 20px;}
.divTooltip:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;}
.divTooltip em {font-size:12px; color:#ffea5c;} */

/* z-index 문제로 divTooltip를 받아서 newTooltip 새로 생성 */
.newTooltip{ position:absolute; display:inline-block; height:auto; background:#414d5d; border-radius:6px; font-size:12px; color:#fff; font-weight:400; line-height:17px; z-index:7 !important; padding: 6px 12px;}
.newTooltip:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;}
.newTooltip em {font-size:12px; color:#ffea5c;}
/* #tooltip{
    position:absolute;
    top:300px;
    left:100px;
    background-color:#fff;
    border:1px #0091fa solid;
    padding:5px 10px;
    border-radius:5px;
    box-shadow:1px 1px 2px #555;
    max-width: 350px;
    word-wrap: break-word;
    z-index:7;
    font-size: 13px; 
}
#tooltip  p {white-space:pre;}
#tooltip  strong {color:#0062c7;font-size: 14px; font-family: 'Pretendard;}
#tooltip  p strong {color:#0062c7;font-size: 14px; font-family: 'Pretendard';} */
/* 툴팁용css 추가20141212 */


/* 공용팝업 */
.popup2 {display:none; position:absolute; right:0; z-index:7; width:700px; background:#fff; overflow-y:auto; border:1px solid #414d5d; border-radius:10px; top:70px;}
.shadow_bg{ box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)  ; }

/* 측정소 검색 팝업 */
.mea_station{ width:660px; display:block;}
.mea_station table thead th{ padding:0; height:40px;}
.mea_station table tbody tr:hover{ background:#e6f8fc;}
.mea_search{ height:auto; top:70px;}
.popup2 .goBody{ height:auto; bottom:auto;}

.mea_station_search{ border:1px solid #dcdcdc;  background:#f7f7f7; display:flex;}
.mea_station_search input[type=text]{ border:none; line-height:40px; width: calc(100% - 50px); background:inherit; padding:0 0 0 15px;}
.mea_station_search button{ display:inline-block; background:url(../images/main/icon_popSearch.png) no-repeat center center; background-size:50%; width:50px; height:40px;}

/* 2022-11-25 */
.goBody .g0 {position:absolute;}
.goOtherDiv.devMp .goBody div.g0 > span:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;}
.cauMap {}
.cauMap > div {position:absolute; z-index:4;}
.cauMap > div > span {display:block; width:100%; height:30px; padding:0 20px; background:#414d5d; border-radius:6px; font-size:13px; color:#fff; font-weight:400; line-height:30px;}
.cauMap .g0 span:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;}
.cauMap .g0 > span {display:none; position:relative; left:0; top:-20px; width:100%;}
.cauMap .g0 > span.on {display:block; transform:translate(-50%, -50%);}
.cauMap .g0 > span.on + button {left:0; top:0;}

.cauBody > div {position:absolute; z-index:4;}
.cauBody > div > span {display:block; width:100%; height:30px; padding:0 20px; background:#414d5d; border-radius:6px; font-size:13px; color:#fff; font-weight:400; line-height:30px;}
.cauBody .g0 span:after {display:block; content:""; position:absolute; left:50%; bottom:-8px; margin:0 0 0 -5px; width:10px; height:8px; background:url(../images/img_max_arr_down.png) no-repeat 0 0;}
.cauBody .g0 > button {width:14px; height:16px;}
.cauBody .g0 > span {display:none; position:relative; left:0; top:-20px; width:100%;}
.cauBody .g0 > span.on {display:block; transform:translate(-50%, -50%);}
.cauBody .g0 > span.on + button {left:0; top:0;}
/* 2022-11-25 */


.goOtherSiteOversea {position:relative; z-index:30;}
.goOtherDiv2 {display:none; position:absolute; left:0; bottom:70px; background:#fff; border:1px solid #dcdcdc; border-top:0; border-bottom:0;}
.goOtherDiv2.on {display:block;}
.goOtherDiv2 ul:after {display:block; content:""; clear:both;}
.goOtherDiv2 li {float:left; width:calc(100% / 3); border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}
.goOtherDiv2 li:nth-child(3n) {border-right:0;}
.goOtherDiv2 li a {display:block; height:35px; padding:0 0 0 12px; line-height:35px; font-size:14px; color:#464646; font-weight:400;}
.goOtherDiv2 li a:hover {background:#e6f8fc;}

.devIp {display:none; z-index:9;}

.goOtherDiv.devMp {left:0; right:initial; bottom:initial; top:110px; height:auto; padding:0; background:#dff6ff;}
.goOtherDiv.devMp .goBody {padding:0; overflow:hidden;}
.goOtherDiv.devMp .goBody img {position:static;}
.goOtherDiv.devMp .goHeader > button.close {left:initial; display: block; position: absolute; right: 10px; top: 50%; width: 22px; height: 22px; margin-top: -11px; padding: 0;
  background: url(../images/img_cau_close.png) no-repeat 0 0;}
.goOtherDiv.devMp .goBody .cauTime { top:10px;right:auto; left:20px;}
.goOtherDiv.devMp .goBody span:after {display:none;}

.goBtnWrap {}
.div3 {}
.div3:after {display:block; content:""; clear:both}
.div3 button {display:block; float:left; width:207px; font-size:13px; color:#323232; font-weight:500; border:1px solid #d2d2d2; text-decoration:none; padding:2px 0;}
.div3 button.on {color:#0f62cc; border:1px solid #0f62cc;}
.div3 button + button {margin:0 0 0 5px;}
.div4 {margin:5px 0 0 0;}
.div4:after {display:block; content:""; clear:both}
.div4 button {display:block; float:left; width:153px; font-size:13px; color:#323232; font-weight:500; border:1px solid #d2d2d2;  text-decoration:none; padding:2px 0;}
.div4 button.on {color:#0f62cc; border:1px solid #0f62cc;}
.div4 button + button {margin:0 0 0 6px;}
.div4 button + button + button {margin:0 0 0 7px;}
.div4 button + button + button + button {margin:0 0 0 6px;}
.lab5 {display:none; margin:10px 0 0 0; padding:5px 15px; background:#f1fbff; border:1px solid #c6eeff; border-radius:5px;}
.lab5.on{ display:block;}
.lab5 span {display:block; position:relative; float:left; width:20%; padding:0 0 0 15px; font-size:12px; color:#0a0a0a;}
.lab5:after {display:block; content:""; clear:both}
.lab51:after {display:block; content:""; position:absolute; left:0; top:50%; width:10px; height:10px; margin:-4px 0 0 0; background:url(../images/img_ch01.png) no-repeat 0 0;}
.lab52:after {display:block; content:""; position:absolute; left:0; top:50%; width:10px; height:10px; margin:-4px 0 0 0; background:url(../images/img_ch02.png) no-repeat 0 0;}
.lab53:after {display:block; content:""; position:absolute; left:0; top:50%; width:10px; height:10px; margin:-4px 0 0 0; background:url(../images/img_ch03.png) no-repeat 0 0;}
.lab54:after {display:block; content:""; position:absolute; left:0; top:50%; width:10px; height:10px; margin:-4px 0 0 0; background:url(../images/img_ch04.png) no-repeat 0 0;}
.lab55:after {display:block; content:""; position:absolute; left:0; top:50%; width:10px; height:10px; margin:-4px 0 0 0; background:url(../images/img_ch05.png) no-repeat 0 0;}
/*.lab5.devS01 {display:block;}*/
.goOtherDiv.devBum {bottom:205px; height:auto;z-index:6;}
.goOtherDiv.devBum .goBody { padding:15px 13px; height:auto;}

.todayBot .div3{ display:flex;}
.todayBot .div4{ display:flex;}
/*.todayBot .div3 button{ width:187px;}
.todayBot .div4 button{ width:138px;}*/

.goOtherDiv.devToday {left:0; top:0; bottom:initial; height:auto;}
.goOtherDiv.devToday .goBody {height:auto; padding:19px 13px;}
.goOtherDiv.devToday .goHeader > strong {background:#0f62cc; color:#fff; }
.goOtherDiv.devToday .dongneGrade01 .dongneInfo05 {display:block; position:absolute; left:50%; top:110px; width:80px; height:20px; text-align:center; background:#0073be; color:#fff; border-radius:10px; transform:translate(-50%, 0);box-sizing:border-box;}
.goOtherDiv.devToday .dongneGrade01 .dongneInfo03 {color:#0a0a0a; }
.goOtherDiv.devToday .dongneGrade01 .dongneInfo03 > span {color:#0073be;}
.goOtherDiv.devToday .dongneGrade02 .dongneInfo03 {color:#0a0a0a; }
.goOtherDiv.devToday .dongneGrade02 .dongneInfo03 > span {color:#208002;}
.goOtherDiv.devToday .dongneGrade03 .dongneInfo03 {color:#0a0a0a; }
.goOtherDiv.devToday .dongneGrade03 .dongneInfo03 > span {color:#e48104;}
.goOtherDiv.devToday .dongneGrade04 .dongneInfo03 {color:#0a0a0a; }
.goOtherDiv.devToday .dongneGrade04 .dongneInfo03 > span {color:#c12029;}
.goOtherDiv.devToday .dongneGrade01 .dongneInfo06 {color:#0a0a0a; }
.goOtherDiv.devToday .dongneGrade01 .dongneInfo06 > span {color:#0073be;}
.goOtherDiv.devToday .dongneGrade02 .dongneInfo06 {color:#0a0a0a; }
.goOtherDiv.devToday .dongneGrade02 .dongneInfo06 > span {color:#208002;}
.goOtherDiv.devToday .dongneGrade03 .dongneInfo06 {color:#0a0a0a; }
.goOtherDiv.devToday .dongneGrade03 .dongneInfo06 > span {color:#e48104;}
.goOtherDiv.devToday .dongneGrade04 .dongneInfo06 {color:#0a0a0a; }
.goOtherDiv.devToday .dongneGrade04 .dongneInfo06 > span {color:#c12029;}
.goOtherDiv.devToday .dongneGrade02 .dongneInfo05 {display:block; position:absolute; left:50%; top:110px; width:80px; height:20px; text-align:center; background:#208002; color:#000; border-radius:10px; transform:translate(-50%, 0);box-sizing:border-box;}
.goOtherDiv.devToday .dongneGrade03 .dongneInfo05 {display:block; position:absolute; left:50%; top:110px; width:80px; height:20px; text-align:center; background:#f9c700; color:#000; border-radius:10px; transform:translate(-50%, 0);box-sizing:border-box;}
.goOtherDiv.devToday .dongneGrade04 .dongneInfo05 {display:block; position:absolute; left:50%; top:110px; width:80px; height:20px; text-align:center; background:#e53030; color:#fff; border-radius:10px; transform:translate(-50%, 0);box-sizing:border-box;}
.goOtherDiv.devToday .dongneGrade05 .dongneInfo05 {display:block; position:absolute; left:50%; top:110px; width:80px; height:20px; text-align:center; background:#828282; color:#000; border-radius:10px; transform:translate(-50%, 0);box-sizing:border-box;}/* 1123 추가 */
.todayBot {margin:18px 0 0 0;}
.todayBot strong {display:block; padding:0 0 0 20px; background:url(../images/img_today_icon.png) no-repeat 0 center; font-size:14px; color:#0a0a0a; font-weight:400;}
.todayBot .goBtnWrap {margin:10px 0 0 0;}
.goBBox {height:155px; padding:13px 20px; border:1px solid #c6eeff; background:#f1fbff; border-radius:8px;}
.goBBox ul {}
.goBBox ul:after {display:block; content:""; clear:both}
.goBBox li {position:relative; float:left; width:20%;}
.goBBox li strong {font-size:14px; color:#0a0a0a; font-weight:400;}
.goBBox li strong > span {display:block; font-size:12px; color:#6e6e6e; font-weight:400; margin-top: -3px;}
.goBBox li .gr {position:absolute; top:41px; left:50%; width:62px; height:62px; margin:0 0 0 -31px;}
.goBBox li .gr > span {display:block; position:absolute; left:50%; top:20px; width:100%; margin:0; font-size:13px; color:#c12029; text-align:center; line-height:13px; transform:translate(-50%, 0);}
.goBBox li .gr > span + span {display:block; margin:14px 0 0 0; font-size:13px; color:#0a0a0a !important; text-align:center; line-height:13px;}
.goBBox li > span {display:block; position:absolute; top:109px; left:0; font-size:13px; color:#0a0a0a; font-weight:400;}
/*.goBBox li.gr1 .gr {background:url(../images/img_gr01.png) no-repeat 0 0;}
.goBBox li.gr2 .gr {background:url(../images/img_gr02.png) no-repeat 0 0;}
.goBBox li.gr3 .gr {background:url(../images/img_gr03.png) no-repeat 0 0;}
.goBBox li.gr4 .gr {background:url(../images/img_gr05.png) no-repeat 0 0;}
*/
.goBBox li.gr1 .gr span {color:#0073be;}
.goBBox li.gr1 > span {color:#0073be;}
.goBBox li.gr2 .gr span {color:#208002;}
.goBBox li.gr2 > span {color:#208002;}
.goBBox li.gr3 .gr span {color:#e48104;}
.goBBox li.gr3 > span {color:#e48104;}
.goBBox li.gr4 .gr span {color:#c12029;}
.goBBox li.gr4 > span {color:#c12029;}
.goBBox li.gr5 .gr span {color:#0a0a0a;}
.goBBox li.gr5 > span {color:#0a0a0a;}

.todayTop:after {display:block; content:""; clear:both;}
.todayTop .dongneTodayList {float:left; width:200px; margin:0;}
.todayTop .dongneTodayList li {position:relative; width:50%;}
.todayTab {float:right; width:370px;}
.todayTab > .toTab {background:#ebebeb;  border-radius:15px;}
.todayTab > .toTab:after {display:block; content:""; clear:both;}
.todayTab > .toTab > button {float:left; width:50%; height:30px; border-radius:15px; background:#ebebeb; text-align:center; font-size:14px; color:#0a0a0a; font-weight:500; line-height:30px;}
.todayTab > .toTab > button.on {background:#15cc89;}

.todayMid {margin:10px 0 0 0;}

.toGr:after {display:block; content:""; clear:both;}
.toGr .toAr {float:left; margin:25px 0 0 0;}
.toGr .toAr span {display:block; width:60px; height:32px; font-size:12px; color:#0a0a0a; font-weight:500; line-height:32px; border-radius:2px; text-align:center;}
.toGr .toAr .toAr01 {margin:5px 0 0 0; color:#0073be; border:1px dashed #0073be;}
.toGr .toAr .toAr02 {margin:5px 0 0 0; color:#208002; border:1px dashed #208002;}
.toGr .toAr .toAr03 {margin:5px 0 0 0; color:#e48104; border:1px dashed #e48104;}
.toGr .toAr .toAr04 {color:#c12029; border:1px dashed #c12029;}
.toGr .toGraph {float:right; width:300px; height:185px; margin:20px 0 0 0; background:#fff;}

.ui-dropdownchecklist-selector { height: 36px !important;line-height: 36px;} /* pjs 1025 추가 */

/*************************************************** main : 실시간 대기정보 pjs ***************************************************/
/* 기존 230331
.map_svg_warp{ background:url(../images/img_main01.png) no-repeat; width:700px; height:705px; box-sizing: border-box;}
.map_svg_warp svg{ margin-top:-25px; margin-left:0px; box-sizing: border-box;}
.map_svg_warp .svgmap{ fill:#000; cursor:pointer;}
.map_svg_warp .svgmap{ opacity:0;}
.map_svg_warp .svgmap:hover,
.map_svg_warp .svgmap:focus,
.svgmap.map_01.on, .svgmap.map_02.on, .svgmap.map_03.on, .svgmap.map_04.on, .svgmap.map_05.on, .svgmap.map_06.on, .svgmap.map_07.on, .svgmap.map_08.on, .svgmap.map_09.on, .svgmap.map_10.on,
.svgmap.map_11.on, .svgmap.map_12.on, .svgmap.map_13.on, .svgmap.map_14.on, .svgmap.map_15.on, .svgmap.map_16.on, .svgmap.map_17.on{ fill:#dff6ff; opacity:0.3;}

/* 실시간 대기정보 
.map_svg_warp.realtime{ z-index:2 !important;}
#map_svg_realtime{}

/* 시도별 대기/경보 정보 
.map_svg_warp.city{}
#map_svg_city{}
*/


.sido_select_wrap{ display: flex; align-items: center; gap: 10px;}
.sido_select_wrap .tit{ font-size: 14px; color: #0a0a0a; font-weight: 400; letter-spacing: -0.6px;}
.sido_select{ position: relative;}
.sido_select > button{ width:130px; height:30px; padding:0 15px; background:#fff url(../images/img_new_arr_down_on.png) no-repeat right 10px center; font-size:14px; color:#6e6e6e; border:0; border-radius:30px; text-align: left;}
.sido_select > button:hover{ text-decoration: none;}
.sido_select ul{ position: absolute; width: 100%; background: #fff; border: 1px solid #767676; padding: 4px 0; display: none; z-index: 3;}
.sido_select ul li{}
.sido_select ul li button{ display: block; width: 100%; text-align: left; padding: 0 0 0 8px;}
.sido_select ul li button:hover,
.sido_select ul li button:focus{ text-decoration: none; color: #fff; background: #1967d2;}

.map_svg_warp{ width:700px; height:705px; box-sizing: border-box; background:url(../images/main/map_svg_warp_bg.png) no-repeat;}
.map_svg_warp svg{ margin-top:-25px; margin-left:0px; box-sizing: border-box;}
.map_svg_warp.realtime .svgmap{ fill:#fff; cursor:pointer;}
.map_svg_warp.realtime .svgmap{}
.map_svg_warp.realtime .svgmap:hover,
.map_svg_warp.realtime .svgmap:focus,
.svgmap.map_01.on, .svgmap.map_02.on, .svgmap.map_03.on, .svgmap.map_04.on, .svgmap.map_05.on, .svgmap.map_06.on, .svgmap.map_07.on, .svgmap.map_08.on, .svgmap.map_09.on, .svgmap.map_10.on,
.svgmap.map_11.on, .svgmap.map_12.on, .svgmap.map_13.on, .svgmap.map_14.on, .svgmap.map_15.on, .svgmap.map_16.on, .svgmap.map_17.on{ fill:#f5fcff;}

.map_svg_warp.city .svgmap{ cursor:pointer;}
.map_svg_warp.city .svgmap{ opacity:1;}

/* 실시간 대기정보 */
.map_svg_warp.realtime{ z-index:2 !important;}
#map_svg_realtime{}

/* 시도별 대기/경보 정보 */
.map_svg_warp.city{}
#map_svg_city{}
/*************************************************** main : END ***************************************************/


/*************************************************** 실시간 대기정보 (대기/경보 정보) ***************************************************/
.airWarningMap{ background:#dff6ff; position:relative;}

.awBody{ position:relative; height: 611px;}
.awBody .cauTime { top: 10px; right: auto; left: 20px; z-index: 5;}

.p_code_033{ background:url(../images/main/map_bg_033.jpg) no-repeat;} /* 강원 */
.p_code_031{ background:url(../images/main/map_bg_031.jpg) no-repeat;} /* 경기 */
.p_code_055{ background:url(../images/main/map_bg_055.jpg) no-repeat;} /* 경남 */
.p_code_054{ background:url(../images/main/map_bg_054.jpg) no-repeat;} /* 경북 */
.p_code_062{ background:url(../images/main/map_bg_062.jpg) no-repeat;} /* 광주 */
.p_code_053{ background:url(../images/main/map_bg_053.jpg) no-repeat;} /* 대구 */
.p_code_042{ background:url(../images/main/map_bg_042.jpg) no-repeat;} /* 대전 */
.p_code_051{ background:url(../images/main/map_bg_051.jpg) no-repeat;} /* 부산 */
.p_code_02{ background:url(../images/main/map_bg_02.jpg) no-repeat;} /* 서울 */
.p_code_044{ background:url(../images/main/map_bg_044.jpg) no-repeat;} /* 세종 */
.p_code_052{ background:url(../images/main/map_bg_052.jpg) no-repeat;} /* 울산 */
.p_code_032{ background:url(../images/main/map_bg_032.jpg) no-repeat;} /* 인천 */
.p_code_061{ background:url(../images/main/map_bg_061.jpg) no-repeat;} /* 전남 */
.p_code_063{ background:url(../images/main/map_bg_063.jpg) no-repeat;} /* 전북 */
.p_code_064{} /* 제주 */
.p_code_041{ background:url(../images/main/map_bg_041.jpg) no-repeat;} /* 충남 */
.p_code_043{ background:url(../images/main/map_bg_043.jpg) no-repeat;} /* 충북 */

/* 지도용 */
.mType_1{ fill:#d0ecff; background:#6ac8fe;} /* 좋음 */
.mType_2{ fill:#caf2de; background:#59e494;} /* 보통 */
.mType_3{ fill:#f8f7c6; background:#ffda58;} /* 나쁨 */
.mType_4{ fill:#ffd6da; background:#ffa8a8;} /* 매우나쁨 */
.mType_5{ fill:#cbd0d3; background:#abb0b0;} /* 데이터 없음 */
.mType_7{ fill:#cbd0d3; background:#abb0b0;} /* 데이터 없음 */

.mType_1:hover{ fill:#7ed6ff;} /* 좋음 */
.mType_2:hover{ fill:#94edbc;} /* 보통 */
.mType_3:hover{ fill:#ffeb8b;} /* 나쁨 */
.mType_4:hover{ fill:#ffc1c5;} /* 매우나쁨 */
.mType_5:hover{ fill:#c1c5c7;} /* 데이터 없음 */
.mType_7:hover{ fill:#c1c5c7;} /* 데이터 없음 */

/* 지명용 */
.mcType_1{ background:#6ac8fe; opacity:0.8;} /* 좋음 */
.mcType_2{ background:#59e494; opacity:0.8;} /* 보통 */
.mcType_3{ background:#ffda58; opacity:0.8;} /* 나쁨 */
.mcType_4{ background:#ffa8a8; opacity:0.8;} /* 매우나쁨 */
.mcType_5{ background:#abb0b3; opacity:0.8;} /* 데이터 없음 */
.mcType_7{ background:#abb0b3; opacity:0.8;} /* 데이터 없음 */

.aw_city{ position:absolute; width:42px; height:42px; border-radius:50px; text-align:center; line-height:17px; font-size:13px;}
.aw_city strong{ display:block; line-height:17px; font-weight:700; font-size:14px;}

/* 230503 */
.map_01, .map_02, .map_03, .map_04, .map_05, .map_06, .map_07, .map_08, .map_09,
.map_10, .map_11, .map_12, .map_13, .map_14, .map_15, .map_16, .map_17{ outline:none;}

.map_01:hover, .map_02:hover, .map_03:hover, .map_04:hover, .map_05:hover, .map_06:hover, .map_07:hover, .map_08:hover, .map_09:hover,
.map_10:hover, .map_11:hover, .map_12:hover, .map_13:hover, .map_14:hover, .map_15:hover, .map_16:hover, .map_17:hover
{ filter:drop-shadow(1px 1px 2px rgba(158,174,194, 1.0)); stroke:#eaedee; stroke-width:1;}

/*************************************************** 오늘/내일/모레 대기정보 ***************************************************/
.dt_forecast_map_wrap{ background: url(../images/main/dt_forecast_map_bg.png) no-repeat;}

/*************************************************** 실시간 대기정보(측정소 정보) ***************************************************/
#tab1Depth2Div_033 .goBody{ background:url(../images/main/map_bg_033.jpg) no-repeat;} /* 강원 */
#tab1Depth2Div_031 .goBody{ background:url(../images/main/map_bg_031.jpg) no-repeat;} /* 경기 */
#tab1Depth2Div_055 .goBody{ background:url(../images/main/map_bg_055.jpg) no-repeat;} /* 경남 */
#tab1Depth2Div_054 .goBody{ background:url(../images/main/map_bg_054.jpg) no-repeat;} /* 경북 */
#tab1Depth2Div_062 .goBody{ background:url(../images/main/map_bg_062.jpg) no-repeat;} /* 광주 */
#tab1Depth2Div_053 .goBody{ background:url(../images/main/map_bg_053.jpg) no-repeat;} /* 대구 */
#tab1Depth2Div_042 .goBody{ background:url(../images/main/map_bg_042.jpg) no-repeat;} /* 대전 */
#tab1Depth2Div_051 .goBody{ background:url(../images/main/map_bg_051.jpg) no-repeat;} /* 부산 */
#tab1Depth2Div_02 .goBody{ background:url(../images/main/map_bg_02.jpg) no-repeat;} /* 서울 */
#tab1Depth2Div_044 .goBody{ background:url(../images/main/map_bg_044.jpg) no-repeat;} /* 세종 */
#tab1Depth2Div_052 .goBody{ background:url(../images/main/map_bg_052.jpg) no-repeat;} /* 울산 */
#tab1Depth2Div_032 .goBody{ background:url(../images/main/map_bg_032.jpg) no-repeat;} /* 인천 */
#tab1Depth2Div_061 .goBody{ background:url(../images/main/map_bg_061.jpg) no-repeat;} /* 전남 */
#tab1Depth2Div_063 .goBody{ background:url(../images/main/map_bg_063.jpg) no-repeat;} /* 전북 */
#tab1Depth2Div_064 .goBody{ background:#dff6fe;} /* 제주 */
#tab1Depth2Div_041 .goBody{ background:url(../images/main/map_bg_041.jpg) no-repeat;} /* 충남 */
#tab1Depth2Div_043 .goBody{ background:url(../images/main/map_bg_043.jpg) no-repeat;} /* 충북 */

.hidden {width:0;height:0;overflow:hidden;position:absolute;left:-9999999999999999px;line-height:0;}