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

/*******************************
 * 파일명 : contents.css
 * 설명	  : 에어코리아
 * noto sans = 상단 기본여백 3px
 * update - 2025.07.02.
********************************/

/*************************************************** reset ***************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, label, code, form, fieldset, legend, strong, textarea, p, blockquote, th, td, input, select, textarea, button, span, a {margin:0; padding:0; box-sizing:border-box; font-size:14px;line-height:1.5; font-family:"Pretendard", "noto" ,sans-serif; font-weight:normal; color:#000; letter-spacing:-0.4px;} /* pjs 0116 */
article, section, header, footer, aside, nav, figure, figcaption {margin:0; padding:0;}
fieldset, img {border:0 none;}
dl, ul, ol, menu, li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
input, select, textarea, button {vertical-align:middle;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body {background:#fff;}
a {color:#333; text-decoration:none;}
button:hover {text-decoration:underline;}
a:active, a:hover {text-decoration:underline;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
hr {display:none;}
caption { width:0; height:0; overflow:hidden; position:absolute; left:-9999999999999999px; font-size:0; line-height:0; color:transparent;}
table {width:100%; border-collapse:collapse;}
textarea {resize:none; overflow-y:auto; box-sizing:border-box; font-size:16px; color:#000; font-weight:300; border:1px solid #dcdcdc;}
select {-o-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
img {vertical-align:top; border:0;}

/* input 공용 */
input[type=text],
input[type=password],
select{border: 1px solid #dcdcdc; color:#000; box-sizing: border-box; /* min-width:120px; */ vertical-align:middle;}
/* select{padding: 4px 14px; border: 1px solid #dcdcdc; color:#000; box-sizing: border-box; min-width:120px; vertical-align:middle;} */
textarea{ padding:10px; border: 1px solid #dcdcdc; resize:none; width:100%;}
select:disabled{background-color: #f0f0f0;}
input:disabled{background-color: #f0f0f0;}
input[type=radio], input[type=checkbox]{ vertical-align:middle;}

/*************************************************** 공통 ***************************************************/
	/*************************************************** layout ***************************************************/
	.wrap {position:relative; min-width:1400px; margin:0 auto; background:#fff; overflow:hidden;}
	.container {position:relative; padding: 121px 0 0 0;}
	.contents {position:relative; padding-bottom:100px;}
	.contents:after {display:block; content:""; clear:both;}
	.firstSection {position:relative;}
	.firstSectionIn {position:relative; width:1400px; margin:0 auto; }
	.firstSectionIn:after {display:block; content:""; clear:both;}
	.secondSection {position:relative; }
	.secondSectionIn {width:1400px; margin:0 auto;}
	.thirdSection {position:relative; }
	.thirdSectionIn {min-width:1400px; height:960px; margin:0 auto; padding:30px;}
	
	.sub {position:relative; width:1400px; margin:0 auto;}
	.contentsIn {padding:0 0 0 340px; min-height:630px;}

	/****************************************** [공통] 서브 개편시 contents.css 이동 ******************************************/
	.inner{ position: relative; width: 1400px; margin: 0 auto;}

	/* Loading */
	.loading_wrap_dim{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.5); opacity:1; z-index: 999999; display: none;}
	.loding_tit{ color: #ccc; margin-bottom: 10px; font-size: 26px; font-weight: 600; text-transform: uppercase; text-align: center;}

	.loading_wrap{ width: 150px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.loading{ display: flex; justify-content: space-around;}
	.loading span{ vertical-align: middle; width: 14px; height: 14px; background: #007DB6; border-radius: 14px;animation: loading 1s infinite alternate;}

	.loading span:nth-of-type(2){ background: #008FB2; animation-delay: 0.2s;}
	.loading span:nth-of-type(3){ background: #009B9E; animation-delay: 0.4s;}
	.loading span:nth-of-type(4){ background: #00A77D; animation-delay: 0.6s;}
	.loading span:nth-of-type(5){ background: #00B247; animation-delay: 0.8s;}
	.loading span:nth-of-type(6){ background: #5AB027; animation-delay: 1.0s;}
	.loading span:nth-of-type(7){ background: #A0B61E; animation-delay: 1.2s;}

	@keyframes loading {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	/*************************************************** header ***************************************************/
	.header {position:absolute; top:0; left:0; z-index:500; min-width:1400px; width:100%; height:90px; background:#fff; border-bottom:1px solid #dcdcdc; margin-top: 30px;}
	.headerInner {position:relative; min-width:1400px; width:1400px; margin:0 auto;}
	h1 {position:absolute; left:0; top:20px;}
	h1 a {display:block; width:141px; height:46px;  }

	.header_top{ position: absolute; left: 0; top: 0; width: 100%; z-index: 99;}

	/* 롤링 뉴스 */
	.newsflash{ background-color:rgba(15, 37, 92, 0.85); opacity: 1; height: 30px;}
	.newsflash_list{ position: relative; height:30px; overflow:hidden; display: flex; padding-left: 25px; justify-content: space-between;}
	.newsflash_list::before{ content: ""; position: absolute; left: 0; top: 6px; width: 25px; height: 33px; background: url("../images/newmain/icon_top_noti.png") no-repeat;}
	.newsflash_list ul{ width: calc(100% - 125px);}
	.newsflash_list ul li{ color: #fff; line-height: 30px; display: flex; align-items: center; gap: 15px;}
	.newsflash_list ul li b{ font-weight: 500; display: inline-block; flex: 0 0 auto;}
	.newsflash_list ul li a,
	.newsflash_list ul li p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #fff;}
	.newsflash_list ul li a,
	.newsflash_list ul li p{ color: #fff; overflow: hidden; flex: 1; display: flex;}
	.newsflash_list ul li a span,
	.newsflash_list ul li p span{ color: #fff;}

	.newsflashUpDown{ width:70px; height:20px; margin-top: 6px; margin-left: 26px;}
	.newsflashUpDown .newsflashUp{display:inline-block; width:20px; height:20px; background:url("../images/img_arr_up.png") no-repeat center center; vertical-align:top;}
	.newsflashUpDown .newsflashUp.on{background:url("../images/img_new_arr_up_on.png") no-repeat 0 0;}
	.newsflashUpDown .newsflashDown{display:inline-block; width:20px; height:20px; background:url("../images/img_arr_down.png") no-repeat center center; vertical-align:top;}
	.newsflashUpDown .newsflashDown.on{background:url("../images/img_arr_down.png") no-repeat center center; vertical-align:top;}
	.newsflashRollStop{ display:inline-block; width:20px; height:20px; background:url("../images/icon_bn_stop.png") no-repeat center center; vertical-align:top;}
	.newsflashRollAuto{ display:inline-block; width:20px; height:20px; background:url("../images/icon_bn_play.png") no-repeat center center; vertical-align:top;}
	.newsflashUpDown button{}

	.textMove span{ display: inline-block; transform: translateX(0%);}
	.textMove span.animate{ animation: flowText 7s linear 1 forwards; overflow: visible;}

	@keyframes flowText{
		0% {
			transform: translateX(0%);
		}
		100% {
			transform: translateX(calc(-100% + 50%));
		}
	}


	.gnb {}
	.gnb > ul {text-align:center;}
	.gnb > ul > li {display:inline-block; position:relative; }
	.gnb > ul > li + li {margin:0 0 0 58px;}
	.gnb > ul > li > a {display:block; line-height:90px; font-size:18px; color:#0a0a0a; font-weight:500;}
	.gnb > ul > li.on > a,
	.gnb > ul > li > a:hover { text-decoration:none; color:#0f62cc} /* pjs 0116 */
	.gnb > ul > li:hover > a + .gnbDep2 {display:block;}
	.gnb > ul > li > a:focus + .gnbDep2 {display:block;}
	.gnbDep2 {display:none; position:absolute; left:50%; top:80px; padding:15px 20px 18px; background:#fff; border:1px solid #0f62cc; border-radius:8px; transform:translate(-50%, 0);}
	.gnbDep2 ul {}
	.gnbDep2 li {text-align:left;}
	.gnbDep2 li + li {margin:8px 0 0 0;}
	.gnbDep2 li a {display:inline-block; position:relative; z-index:2;; font-size:16px; color:#0a0a0a; font-weight:400; letter-spacing:-0.6px; line-height:17px; white-space: nowrap;}
	.gnbDep2 li a:hover {text-decoration:none;}
	.gnbDep2 li a:before {display:block; content:""; position:absolute; left:0; bottom:0%; z-index:-1; width:0px; height:65%; background:#d7f4ff; transition:width .3s ease;}
	.gnbDep2 li a:hover:before {width:100%;}

	/*
	.dep201 {width:150px;}
	.dep202 {width:194px;}
	.dep203 {width:240px;}
	.dep204 {width:215px;}
	.dep205 {width:245px;}
	.dep206 {width:145px;}
	*/
	.util {position:absolute; right:0; top:32px; display: inline-flex;}

	.lang_sel{ display: flex; gap: 15px;}
	.lang_sel li{ position: relative;}
	.lang_sel li a{ color: #646464; font-weight: 800; font-size: 14px;}
	.lang_sel li.on::before{ content: ""; position: absolute; width: 100%; height: 2px; background: #f88906; left: 0; bottom: -2px;}
	.lang_sel li.on a{ color: #1d1d1d;}

	.linkEn {display:inline-block; padding:0 30px 0 0; background:url(../images/img_bg_lang.png) no-repeat right center; color:#0a0a0a; font-size:16px; letter-spacing:-0.4px; font-weight:normal;}
	.btnSearch {display:inline-block; width:25px; height:24px; margin:0 0 0 19px; background:url(../images/img_bg_search.png) no-repeat 0 0;}
	.callBtnSearch {display:none; position:fixed; left:0; top:0; width:100%; height:200px;}
	.callDim {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.5;}
	.callBtnSearchIn {position:relative; z-index:150; width:100%; height:200px; background:#fff;}
	.callBtnSearchInBox {position:absolute; left:50%; top:100px; width:700px; height:54px; margin:0 0 0 -350px; }
	.callBtnSearchInBox input {width:100%; padding:0 60px 0 20px; line-height:54px; font-size:18px; color:#6e6e6e; border:0; border-bottom:1px solid #0f62cc;}
	.callBtnSearchInBox input::placeholder {font-size:18px; color:#6e6e6e; font-weight:400;}
	.callBtnSearchInBox .callSearch {position:absolute; right:20px; top:50%; width:25px; height:24px; margin-top:-12px; background:url(../images/img_call_saarch.png) no-repeat 0 0;}
	.tong {position:absolute; right:30px; top:30px; width:56px; height:56px; background:url(../images/img_tong_close.png) no-repeat 0 0;}
	
	.openGnb {display:inline-block; width:23px; height:18px; margin:0 0 0 20px; background:url(../images/img_bg_ham.png) no-repeat 0 0; display: none;} /* 240221 pjs 임시 막음 */
	.callAllMenu {display:none; position:fixed; top:0; left:0; z-index:500; min-width:1400px; width:100%; height:90px; background:#fff; border-bottom:1px solid #dcdcdc;}
	.closeAllMenu {position:absolute; right:0; top:-56px; z-index:500; width:22px; height:22px; background:url(../images/img_close_all_menu.png) no-repeat 0 0;}
	.callIn {position:absolute; left:0; top:0; z-index:10; min-width:1400px; width:100%; height:90px; background:#fff; border-bottom:1px solid #dcdcdc;}
	.callInBox {min-width:1400px; margin:0 auto; background:#fff;  border-bottom:1px solid #dcdcdc;}
	.callInBox + .callInBox {border-bottom:5px solid transparent; border-image:linear-gradient(to right, #009ffa, #00c36a); border-image-slice: 1; -webkit-box-shadow: 0px 5px 15px -10px #000000; box-shadow: 0px 5px 15px -10px #000000;}
	.callHeader {position:relative; min-width:1400px; width:1400px; margin:0 auto; height:90px; padding:21px 0 0 0; background:#fff;}
	.allMenu {position:relative; z-index:105; min-width:1400px; width:1400px; margin:0 auto; padding:0 0 50px 0; background:#fff;}
	.allMenu > ul {padding:39px 0 0 0;}
	.allMenu > ul:after {display:block; content:""; clear:both;}
	.allMenu > ul > li {float:left; width:calc(100% / 6);}
	.allMenu > ul > li > strong {font-size:18px; color:#0f62cc; font-weight:500; letter-spacing:-0.6px; line-height:17px;}
	.allMenu > ul > li > ul {margin:26px 0 0 0;}
	.allMenu > ul > li > ul > li {position:relative;}
	.allMenu > ul > li > ul > li + li {margin:15px 0 0 0;}
	.allMenu > ul > li > ul > li > a {display:inline-block; position:relative; z-index:2;; font-size:16px; color:#0a0a0a; font-weight:400; letter-spacing:-0.6px; line-height:17px;}
	.allMenu > ul > li > ul > li > a:hover {text-decoration:none;}
	.allMenu > ul > li > ul > li > a:before {display:block; content:""; position:absolute; left:0; bottom:0%; z-index:-1; width:0px; height:65%; background:#d7f4ff; transition:width .3s ease;}
	.allMenu > ul > li > ul > li > a:hover:before {width:100%;}
	.allMenu > ul > li > ul > li > ul {margin:3px 0 0 10px;}
	.allMenu > ul > li > ul > li > ul > li {}
	.allMenu > ul > li > ul > li > ul > li > a {position:relative; z-index:2; font-size:13px; color:#464646; font-weight:400; line-height:30px; letter-spacing:-0.6px;}
	.allMenu > ul > li > ul > li > ul > li > a:hover {text-decoration:none;}
	.allMenu > ul > li > ul > li > ul > li > a:before {display:block; content:""; position:absolute; left:0; bottom:0%; z-index:-1; width:0px; height:65%; background:#d7f4ff; transition:width .3s ease;}
	.allMenu > ul > li > ul > li > ul > li > a:hover:before {width:100%;}
	
	.st05{ display:inline-block; height:40px; line-height:40px; padding:0 20px; font-size:14px; color:#0f62cc; font-weight:600; border:1px solid #0f62cc; border-radius:4px; margin:10px 0;}	

/*************************************************** main ***************************************************/

/*************************************************** common ***************************************************/
	/* skip navi */	
	.skip { position: absolute; left: 0; top:-200px; width: 100%; margin: 0 auto; z-index: 501; } 
	.skip a:active, .skip a:focus{ position: absolute; letter-spacing: -1px; color:#fff; top:200px; width: 100%; background: #003a69; padding: 15px 0px; text-align:center; border-bottom:1px solid #000; font-size: 14px;}
	
	/* ir */
	.hide {position:absolute; white-space:nowrap; width:1px; height:1px; overflow:hidden; margin:-1px; padding:0; clip:rect(0,0,0,0); border:0;}
	.hidden{
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	/* align */
	.alC {text-align:center !important;}
	.alL {text-align:left !important;}
	.alR {text-align:right !important;}
	
	/*************************************************** footer ***************************************************/
	/* .main + .footer {position:relative; height:310px; background:#fff;} 241203 pjs */
	.footer {position:relative; height:auto; background:#fff;}
	.footerInner {position:relative; width:1400px; margin:0 auto;}
	.footerLinkArea {position:relative; height: 60px;}
	.footerLinkControl {position:absolute; left:0; top: 16px; width:160px;}
	.footerLinkControlTitle {font-size:20px; color:#0a0a0a; font-weight:600;}
	.footerLinkControlTitle span {font-size:20px; color:#646464;  font-weight:700;}
	.footerLinkControlArea {position:absolute; right:0; top:50%; margin-top:-10px; padding:0 24px;}
	.footerLinkControlArea > a {display:block; width:20px; height:20px;}
	.rollStop {background:url(../images/img_ban_atop.png) no-repeat 0 0; text-align:center;}
	.rollAuto {background:url(../images/img_ban_auto.png) no-repeat 0 0; text-align:center;} /* pjs 0116 */
	.rollPrev {position:absolute; left:0; top:0; background:url(../images/img_ban_left.png) no-repeat 0 0;}
	.rollNext {position:absolute; right:0; top:0; background:url(../images/img_ban_right.png) no-repeat 0 0;}
	.footerBannerArea {margin:0 0 0 200px; overflow:hidden;}
	.footerBannerArea:after {display:block; content:""; clear:both;}
	.footerBannerArea ul {width:9999px;}
	.footerBannerArea li {float:left; width:200px; text-align:center; }
	.footerBannerArea li a {display:block; line-height:60px;}
	.footerBannerArea li a img {vertical-align:middle;}
		
	.footerPrArea {height:70px; background:#009e50;}
	.footerPrivacy {padding:23px 0; }
	.footerPrivacy a {position:relative; font-size:15px; color:#fff; font-weight:400; }
	.footerPrivacy a + a {margin:0 0 0 16px; padding:0 0 0 20px;}
	.footerPrivacy a + a:after {display:block; content:""; position:absolute; left:0; top:50%; width:6px; height:6px; margin-top:-3px; background:#fff; opacity:0.2; border-radius:3px;}
	.footerOtherSite {position:absolute; right:0; top:0;}
	.footerOtherSite:after {display:block; content:""; clear:both;}
	.goOtherSiteYl {position:relative; float:left; width:350px; height:70px; border-left:1px solid #4dbb85;}
	.goOtherSiteYl button {display:block; width:100%; height:70px; padding:0 20px; background:url(../images/img_bg_cau.png) no-repeat right 20px center; text-align:left; font-size:16px; color:#fff; font-weight:500;}
	.goOtherSiteYl button.on {background:url(../images/img_bg_cau.png) no-repeat right 20px center;} /* pjs 0116 */

	.goOtherDiv {display:none; position:absolute; right:0; bottom:70px; z-index:7; width:700px; background:#fff; overflow-y:auto; border:1px solid #414d5d; border-radius:10px;}
	.goHeader {position:relative; height:35px; background:#414d5d;}
	.goHeader > strong {display:block; font-size:15px; color:#fff; font-weight:500; line-height:35px; text-align:center;}
	.goHeader > button {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;}
	.goBody {position:relative; height:611px; /* calc(100% - 35px); pjs 0116 */ padding:26px 20px; background:#fff; overflow:auto;}
	.goBody > strong {display:block; position:relative; font-size:20px; color:#0a0a0a; font-weight:400;}
	.goBody > strong:before {display:block; content:""; position:absolute; left:0; top:-11px; width:17px; height:3px; background:url(../images/img_f_t_bar.png) no-repeat 0 0;}
	.goBody.mainMapPop{ border:1px solid red; margin-top:-35px; z-index:-1;} /* pjs 1124 추가 */
	.goBody.mainMapPop .cauTime{ top:45px !important;} /* pjs 1124 추가 */
	.goBody table a{ font-size: 13px; color:inherit; font-weight:inherit; letter-spacing: -0.8px;}

	.goBody strong + .tblList {margin:7px 0 0 0;}
	.goBody .tblList + strong {margin:28px 0 0 0;}

	.goOtherSiteOversea {float:left; width:350px; height:70px; border-left:1px solid #4dbb85; border-right:1px solid #4dbb85; position: relative;}
	.goOtherSiteOversea button {display:block; width:100%; height:70px; padding:0 20px; background:url(../images/img_arr_up.png) no-repeat right 20px center; text-align:left; font-size:16px; color:#fff; font-weight:500;}
	.goOtherSiteOversea button.on { background:url(../images/img_arr_down.png) no-repeat right 20px center;} /* pjs 0116 */
	.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;}
	
	.footerInfoArea {position:relative; height:140px; background:#fff;}
	.footerInfoArea .footerInner {height:140px;}
	.footerUnderLogo {position:absolute; left:0; top:50%; margin-top:-18px;}
	.footerInfo {height:140px; margin:0 0 0 193px;}
	.callDust {padding:30px 0 0 0;}
	.callDust:after {display:block; content:""; clear:both;}
	.callDust > p {float:left; font-size:14px; color:#0a0a0a; font-weight:400; letter-spacing:-0.4px;}
	.callDust > p + p {position:relative; margin:0 0 0 20px; padding:0 0 0 20px;}
	.callDust > p + p:after {display:block; content:""; position:absolute; left:0; top:50%; width:2px; height:14px; margin-top:-7px; background:#dcdcdc;}
	.callDust > p > a {color:#0f62cc; display:none;}
	.callDust > p > span {color:#0f62cc;}
	.addr {margin:12px 0 0 0; font-size:14px; color:#0a0a0a; font-weight:400; letter-spacing:-0.4px;}
	.copy { /*margin:7px 0 0 0; pjs 0116 */ font-size:14px; color:#6e6e6e; font-weight:400; letter-spacing:-0.4px;}
	
	.openApi {position:absolute; right:0; top:70px;}
	.openApi a + a {margin:0 0 0 18px;}	
	
	.goTop {display:none; width:42px; height:42px; margin:0 auto; background:url(../images/img_btn_top.png) no-repeat 0 0;}
	
	/* location */
	.loc {position:relative; height:50px; background:#f5f5f5; border-bottom:1px solid #dcdcdc; z-index: 8;}
	.loc > ul {width:1400px; height:50px; margin:0 auto; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
	.loc > ul:after {display:block; content:""; clear:both;}
	.loc > ul > li {position:relative; width:260px; float:left;}
	.loc > ul > li + li {border-left:1px solid #dcdcdc;}
	.loc > ul > li:last-child {border-right:1px solid #dcdcdc;}
	.loc > ul > li.home {width:50px;}
	.loc > ul > li > a {display:block; height:50px; padding:0 13px; background:url(../images/img_loc_under.png) no-repeat right 13px center;  line-height:50px; font-size:15px; color:#464646; font-weight:400; letter-spacing:-0.6px;}
	.loc > ul > li > a.on {background:url(../images/img_loc_up.png) no-repeat right 13px center;}
	.loc > ul > li.home > a {padding:0; background:url(../images/img_loc_home.png) no-repeat center center;}
	.loc > ul > li > ul {display:none; width:260px; position:absolute; left:-1px; top:50px; z-index:100;overflow:hidden; background:#f5f5f5; border-left:1px solid #dcdcdc;  border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}
	.loc > ul > li.home + li > ul {width:261px;}
	.loc > ul > li > ul > li:first-child {border-top:0;}
	.loc > ul > li > ul > li {height:50px; padding:0 13px; background:#fff; border-top:1px solid #dcdcdc;}
	.loc > ul > li > ul > li > a {line-height:50px; font-size:15px; color:#464646; font-weight:400; letter-spacing:-0.6px;}
	
	/* leftMenu */
	.leftMenu {position:absolute; left:0; top:20px; width:280px;}
	.leftMenu > h2 {display:block; height:140px; padding:36px 0 0 0; font-size:26px; color:#fff; font-weight:500; text-align:center; background-image:linear-gradient(to right, #0f62cc, #00c28a); border-radius:10px;}
	.leftMenu > ul {margin-top:-30px; padding:37px 20px 54px; background:#fff; border:1px solid #dadcdf; border-radius:10px;}
	.leftMenu > ul > li:last-child {border-bottom:1px solid #dcdcdc;}
	.leftMenu > ul > li + li {border-top:1px solid #dcdcdc;}
	.leftMenu > ul > li > a {display:block; height:50px; padding:0 13px; font-size:16px; color:#0a0a0a; font-weight:400; line-height:50px; letter-spacing:-1px;}
	.leftMenu > ul > li > a:hover {color:#0f62cc; text-decoration:none;}
	.leftMenu > ul > li > a.on {color:#0f62cc; border-bottom:0; font-weight: 500; }
	.leftMenu > ul > li > a.none{ background:none;}
	.leftMenu > ul > li > a.on.none {color:#0f62cc; background:url(../images/img_left_up.png) no-repeat right 10px center; border-bottom:0; font-weight: 500; }	
	.leftMenu > ul > li > a.leftA{ background:url(../images/img_left_down.png) no-repeat right 15px center;}
	.leftMenu > ul > li > a.leftA.on{ background:url(../images/img_left_up.png) no-repeat right 10px center; }
	
	.leftMenu > ul > li > ul {display:none; padding:0 10px; border-top:2px solid #0f62cc;}
	.leftMenu > ul > li > ul > li {}
	.leftMenu > ul > li > ul > li > a {display:block; height:50px; padding:0 15px; font-size:15px; color:#464646; font-weight:400; line-height:50px; border-bottom:1px dotted #dcdcdc;}
	.leftMenu > ul > li > ul > li:last-child > a {border-bottom:0;}
	.leftMenu > ul > li > ul > li > a:hover {color:#0f62cc; text-decoration:none;}
	.leftMenu > ul > li > ul > li > a.on {color:#0f62cc;}
	
	/*************************************************** quick ***************************************************/
	/* 2022-11-26 */
	.quick {position:absolute; right:30px; top:20px; z-index:1; width:80px; height:850px; margin:0; transition:top .3s ease;} /* 2022-11-25 */
	/* .quickMenu {padding:5px; background:#fff; -webkit-box-shadow: 0px 0px 7px 5px rgba(10,11,10,0.2); box-shadow: 0px 0px 7px 5px rgba(10,11,10,0.05); border-radius:10px;} */
	.quickMenu {padding:5px; background:#fff; -webkit-box-shadow: 0px 0px 7px 5px rgba(10,11,10,0.2); box-shadow: 0px 0px 7px 5px rgba(10,11,10,0.05); border-radius:10px;}
	.quickMenu li {}
	.quickMenu li a {display:block; padding:50px 0 0 0; font-size:13px; color:#0a0a0a; font-weight:400; text-align:center; line-height:14px;}
	.quickMenu li a.quick01 {background:url(../images/img_quick01.png) no-repeat center 20px}
	.quickMenu li a.quick02 {background:url(../images/img_quick02.png) no-repeat center 20px}
	.quickMenu li a.quick03 {background:url(../images/img_quick03.png) no-repeat center 20px}
	.quickMenu li a.quick04 {background:url(../images/img_quick04.png) no-repeat center 20px}
	.quickMenu li a.quick05 {background:url(../images/img_quick05.png) no-repeat center 20px}
	.quickMenu li a.quick06 {margin:10px 0 0 0; padding:10px 0; background:#a2e8bc; border-radius:10px;}
	.quickMenu li a.quick07 {background:url(../images/img_quick07.png?v=2) no-repeat center 20px}
	.quickMenu li:last-child{ padding-bottom: 10px;}

	.chatbot {display:block; width:80px; height:80px; margin:10px 0 0 0; padding:55px 0 0 0; background:#a1dafb url(../images/img_quick06.png?v=1) no-repeat center 16px; font-size:13px; color:#0a0a0a; font-weight:400; text-align:center; border-radius:10px; }
	/* 2022-11-28 */
	.scrollDown {display:block; position:fixed; right:30px; bottom:50px; width:80px; margin:85px 0 0 0; text-align:center;}
	/* .scrollDown > img {position:relative; top:0; animation:shake .3s ease infinite;} */
	.scrollDown > img {position:relative; top:0; animation:shake .6s ease infinite;}
	
	@keyframes shake {
		0% {top:0;}
		50% {top:-10px;}
		100% {top:0;}
	}

/*************************************************** sub ***************************************************/
.cont {padding:41px 0 0 0;}
.contTitle {display:block; padding:0 0 10px 0; font-size:32px; color:#0a0a0a; font-weight:500; border-bottom:1px dashed #dcdcdc;}
.mContTitle{ display:none;}
.contInfoBox {margin:30px 0 0 0; padding:15px 20px 15px; border:2px dotted #dcdcdc; border-radius:4px;}
.contInfoBox ul {}
.contInfoBox ul li {position:relative; padding:0 0 0 10px; font-size:15px; color:#464646; font-weight:400; line-height:26px;}
.contInfoBox ul li:after {display:block; content:""; position:absolute; left:0; top:11px; width:3px; height:3px; background:#c8c8c8;}
.contInfoBox ul li span {color:#0a0a0a; font-weight:500;}
.contInfoBox ul li strong {font-weight: 500;}
.contSearchBox {position:relative; margin:30px 0 0 0; padding:15px 0 15px 245px; background:#f7f7f7;}
.contSearchBox:after {display:block; content:""; clear:both;}
.contSearchBox .ipArea {float:left;}
.contSearchBox .ipArea + .ipArea {margin:0 0 0 5px;}
.contSearchBox .ipArea select {width:200px; height:40px; padding:0 15px; background:#fff url(../images/img_sel.png) no-repeat right 15px center; font-size:14px; color:#0a0a0a; font-weight:400; border:1px solid #dcdcdc; }
.contSearchBox .btnBlueWhite {margin:3px 0 0 10px;}
.contSearchBox .btnExcel {margin:3px 0 0 5px;}

.contMapArea {margin:20px 0 0 0;}
.contMapArea:after {display:block; content:""; clear:both}
/*2022-11-28*/
.contMapArea .contMap {position:relative; float:left; width:510px; height:577px; padding:75px; background:#f4f9ff;}
.contMapArea .contMap img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:360px; height:426px;}
.poin {display:block; position:absolute; width:6px; height:6px; background:#000; border-radius:3px;}
.contMapList {float:right; width:510px; height:577px; overflow-y:auto; border-top:2px solid #0a0a0a; border-bottom:1px solid #dcdcdc;}
.contMapListTitle {height:50px; }
.contMapListTitle:after {display:block; content:""; clear:both;}
.contMapListTitle strong {display:block; float:left; width:90px; height:50px; background:#f7f7f7; font-size:15px; color:#0a0a0a; font-weight:500; border-bottom:1px solid #dcdcdc; line-height:50px; text-align:center;}
.contMapListTitle strong + strong {width:calc(100% - 90px); border-left:1px solid #dcdcdc;}
.contMapListArea li {width:100%;}
.contMapListArea li .contMapAddr {width:100%; background:#fff;}
/*.contMapListArea li .contMapAddr {background:#fff;}*/
.contMapListArea li:hover .contMapAddr {background:#d7f4ff;}
.contMapListArea li.on .contMapAddr {background:#d7f4ff;}
.contMapAddr {display:table;border-bottom:1px solid #dcdcdc;}
.contMapAddr > div {display:table-cell; position:relative; width:90px; text-align:center;}
.contMapAddr > div .cen {position:absolute; left:50%; top:50%; width:100%; font-size:15px; color:#464646; font-weight:500; line-height:18px; transform:translate(-50%, -50%);} 
.contMapAddr > div + div {width:calc(100% - 90px); padding:8px 40px 8px 20px; border-left:1px solid #dcdcdc; text-align:left;}
/* 2022-11-28 */
.contMapAddr > div + div > div {width:342px;}

.addrUpDown {position:absolute; right:15px; top:50%; margin:-3px 0 0 0; width:10px; height:6px; background:url(../images/img_aco_down.png) no-repeat 0 0;}
li.on .addrUpDown {background:url(../images/img_aco_up.png) no-repeat 0 0;}
.contMapAddrDetail {display:none; padding:12px 0; background:#f4f9ff;}
.contMapAddrDetail > div {}
.contMapAddrDetail > div + div {margin:4px 0 0 0;}
.contMapAddrDetail > div > .contMapAddrDetailT {display:table-cell; width:90px; height:22px; text-align:center;}
.contMapAddrDetail > div > .contMapAddrDetailT > span {display:inline-block; padding:0 13px; font-size:13px; color:#464646; font-weight:400; line-height:22px; background:#fff; border-radius:11px; border:1px solid #dcdcdc; }
.contMapAddrDetail > div > .contMapAddrDetailD {display:table-cell; width:calc(100% - 90px); padding:0 0 0 20px; vertical-align:middle;}

.barTitle + .searchBox.many{ margin:0;}

.searchBox {position:relative; margin:30px 0 0 0; padding:20px 20px 20px 30px; background:#f7f7f7;}
.searchBox.many .searchBoxRadioArea {width:auto;}
.searchBox:after {display:block; content:""; clear:both;}
.searchBox .searchBoxTitle {display:block; float:left; width:90px; margin:5px 0 0 0; font-size:15px; color:#0a0a0a; font-weight:400; border-right:1px dashed #dcdcdc; font-weight: 500; }
.searchBoxRadioArea + .searchBoxTitle  {margin:5px 0 0 60px;}
.searchBoxRadioArea {float:left; width:calc(100% - 90px); padding:0 0 0 20px;}
.searchBoxRadioArea .ipArea { min-height:40px;}
.searchBoxRadioArea .ipArea + .ipArea {margin:3px 0 0 0;}
.searchBoxRadioArea .ipArea select {width:130px; height:36px; padding:0 15px; background:#fff url(../images/img_sel.png) no-repeat right 10px center; border:1px solid #dcdcdc; font-size:14px; color:#0a0a0a; font-weight:400;}
.searchBoxRadioArea .ipArea input[type=radio] {}
.searchBoxRadioArea .ipArea input[type=radio] + label {width:80px; height:36px; font-size:14px; color:#0a0a0a; font-weight:400;  line-height:36px;}
.searchBoxRadioArea .ipArea input[type=radio]:checked + label {}
.searchBoxRadioArea .moreText {display:inline-block; margin:0 0  0 12px; font-size:15px; color:#0a0a0a; font-weight:400; line-height:40px;}
.searchBoxRadioArea .ipArea input[type=text] {height:36px; padding:0 15px; font-size:14px; color:#0a0a0a; line-height:36px; border:1px solid #dcdcdc;}
.date {display:inline-block; width:22px; height:22px; margin:0 10px; background:url(../images/img_date.png) no-repeat 0 0;}
.btnMoum {position:absolute; right:20px; bottom:20px; }
.btnMoum:after {display:block; content:""; clear:both;}
.btnMoum button {float:left; margin:0 0 0 5px;}
.searchBoxMore {margin:15px 0 0 0; font-size:14px; color:#646464; font-weight:400;}
.searchBoxMore > span {color:#0a0a0a}
.contSub .searchBoxMore + .searchBoxMore {margin:0 0 0 0;}

/* @media all and (min-width:1024px){ */

/* input */
.ipArea input[type=checkbox] { /* display:none; 240221 pjs */}
.ipArea input[type=checkbox] + label {display:inline-block; height:13px; padding:0 0 0 6px; /* background:url(../images/img_check.png) no-repeat 0 center; 240221 pjs */}
.ipArea input[type=checkbox]:checked + label { /* background:url(../images/img_check_on.png) no-repeat 0 center; 240221 pjs */}
.ipArea input[type=checkbox] + label span {display:inline-block; position:relative; padding:0 0 0 12px; font-size:12px; color:#464646; font-weight:400;}
.ipArea input[type=radio] { /* display:none; */}
.ipArea input[type=radio] + label {display:inline-block; padding:0 0 0 4px;}
.ipArea input[type=radio]:checked + label { }
.ipArea input[type=radio] + label span {display:inline-block; position:relative; padding:0 0 0 12px; font-size:12px; color:#464646; font-weight:400;}

/* Table */
.tblList {}
.tblList table { border-left:1px solid #dcdcdc;} /* pjs 0125 추가 */
.tblList thead tr:first-child th {border-top:2px solid #0a0a0a;}
.tblList thead th {padding:17px 10px 15px; background:#f7f7f7; font-size:14px; color:#0a0a0a; font-weight:500; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.tblList thead th:last-child {border-left:0;}
.tblList tbody td {padding:7px 5px 5px 10px; font-size:13px; color:#464646; font-weight:400; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; letter-spacing:-0.6px; text-align:center;}
.tblList tbody td:last-child {border-left:0;}
table.tdFix th,
table.tdFix td{white-space: nowrap;}

table.bbs{ border-left:none} /* pjs 0125 추가 */
table.bbs th,
table.bbs td{ border-right:none;}
.tblList .bbs thead th,
.tblList .bbs tbody td{border-right:none;}

/* nuriBox */
.nuriBox {margin:30px 0 0 0; padding:16px 16px 16px 173px; background:#f7f7f7 url(../images/img_sub_openapi.png) no-repeat left 20px top 19px; border:1px solid #dcdcdc; border-radius:6px;}
.nuriBox strong {font-size:16px; color:#0a0a0a; font-weight:500;}
.nuriBox p {font-size:14px; color:#464646; font-weight:400;}

/* button */
.btnBlueWhite {padding:0 25px; background:#0f62cc; font-size:14px; color:#fff; font-weight:400; line-height:34px; border-radius:4px;}
.btnGreyWhite {padding:0 25px; background:#646464; font-size:14px; color:#fff; font-weight:400; line-height:34px; border-radius:4px;}
.btnExcel {padding:0 20px 0 44px; background:#1f6f43 url(../images/img_btn_excel.png) no-repeat 21px center; font-size:14px; color:#fff; font-weight:400; line-height:34px; border-radius:4px;}
.btnBlueBlack {display:inline-block; height:26px; padding:0 15px; font-size:13px; color:#0a0a0a; font-weight:400; line-height:26px; background:#a1dafb; border-radius:13px;}
.btnDarkWhite {display:inline-block; height:34px; padding:0 13px; font-size:14px; color:#fff; font-weight:400; line-height:34px; background:#646464; border-radius:4px;}
.btnBlueWhiteBlue {display:inline-block; height:40px; padding:0 20px; background:#fff;  font-size:15px; color:#0f62cc; font-weight:500; line-height:40px; border:1px solid #0f62cc; border-radius:4px;}
.btnGrayWhiteGray {display:inline-block; height:40px; padding:0 20px; background:#fff; font-size:15px; color:#646464; font-weight:500; line-height:40px; border:1px solid #646464; border-radius:4px;}

/* pagination */
.page {margin:30px 0 0 0; text-align:center;}
.page > a {display:inline-block; width:28px; height:28px; font-size:16px; color:#464646; font-weight:400; text-align:center; line-height:28px; vertical-align:middle;}
.page > a:hover {background:#0f62cc; border-radius:14px; color:#fff; text-decoration:none;}
.page > a.prevprev {background:url(../images/img_page_prevprev.png) no-repeat center center;}
.page > a.prevprev:hover {background:url(../images/img_page_prevprev.png) no-repeat center center;}
.page > a.prev {background:url(../images/img_page_prev.png) no-repeat center center;}
.page > a.prev:hover {background:url(../images/img_page_prev.png) no-repeat center center;}
.page > a.on{background:#808080; border-radius:14px; color:#fff; text-decoration:none;}
.page > a.next {background:url(../images/img_page_next.png) no-repeat center center;}
.page > a.next:hover {background:url(../images/img_page_next.png) no-repeat center center;}
.page > a.nextnext {background:url(../images/img_page_nextnext.png) no-repeat center center;}
.page > a.nextnext:hover {background:url(../images/img_page_nextnext.png) no-repeat center center;}

/*************************************************** login ***************************************************/



/*************************************************** popup ***************************************************/
/* 공용 팝업 */
.popup{}
.popup_all_tit{ position: relative; line-height: 26px; background: #414d5d; text-align:center; font-size: 15px; color: #fff; font-weight: 500; padding:4px 0;}
.popup_all_tit p{ font-size: 20px; color: #fff; font-weight: 400;}
.popup_all_tit span{ padding: 1px 20px; background: #292e34; color: #fff9cb; font-size: 13px;}

.popup_cont{ position:relative; padding:20px 20px 20px 20px; background: #fff; min-height:400px;}
.popup_cont img{}

.notice .popup_cont{ min-height:350px;}

.popup_tit{ position:relative; font-size: 20px; color: #0a0a0a; font-weight: 400; padding:8px 0 0 0; margin:30px 0 8px 0;}
.popup_tit:before{display: block; content: ""; position: absolute; left: 0; bottom: 35px; width: 17px; height: 3px; background: url(../images/img_f_t_bar.png) no-repeat 0 0;}
.popup_stit { position:relative; padding-left:12px; color:#464646;}
.popup_stit:before {display:block; content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; background:#969696; border-radius:1px;}

.popup_footer{ display:table; border-top:1px solid #b4b4b4; width:100%; table-layout:fixed; position:fixed; bottom:0; background:#fff;}
.popup_footer li{ display:table-cell; border-right:1px solid #b4b4b4; font-size:14px; color:#0a0a0a; text-align:center; line-height:40px;}
.popup_footer li:last-child{ border-right:none;}
.popup_footer li label{ font-size:inherit; margin-left:10px; cursor:pointer;}
.btn_popup_close{ display:inline-block; background:url(../images/img_popup_close.png) no-repeat center right 0; margin-left:10px; padding-right:20px;}
.btn_popup_close:hover{ text-decoration:none;}

/*************************************************** sub ***************************************************/
.contSub {position:relative; margin:20px 0 0 0;}
.contSub:after {display:block; content:""; clear:both;}
.barTitle {position:relative; font-size:22px; color:#0a0a0a; font-weight:500; margin:50px 0 10px 0; display:block;}
.barTitle:before {display:block; content:""; position:absolute; left:0; top:-13px; width:22px; height:3px; background:url(../images/img_sub_title_bar.png) no-repeat 0 0;}
.barTitleMoreList {margin:7px 0 0 0;}
.barTitleMoreList li {position:relative; padding:0 0 0 12px; font-size:15px; color:#464646; font-weight:400;}
.barTitleMoreList li + li {}
.barTitleMoreList li:before {display:block; content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; background:#464646; border-radius:1px;}
.contSub .barTitleMoreList + .tblList {margin:16px 0 0 0;}
.contSub .tblList {margin:7px 0 0 0;}
.danwi {display:block; width:100%; text-align:right; font-size:13px; color:#646464; font-weight:400;}
.danwi + table {margin:10px 0 0 0;}
.contSub .tblList table th {padding:14px 0 13px; font-size:15px; color:#0a0a0a; font-weight:500;}
.contSub .tblList table th a {font-size:15px; color:#0f62cc; text-decoration:underline; font-weight:500;}
.contSub .tblList table td {padding:7px 0 8px; font-size:14px; color:#464646; font-weight:400;}
.contSub.hasPad .tblList table td {padding:12px 10px 8px;}
.contSub.hasPad .tblList table td a {font-size:14px; color:#464646; font-weight:400;}
.contSub.hasPad .tblList table td .gongzi {display:inline-block; height:26px; padding:0 10px; background:#a2e8dc; font-size:14px; color:#0a0a0a; font-weight:400; line-height:26px; border-radius:13px;}
.contSub .searchBoxMore {margin:10px 0 0 0;}
.grArea  {margin:12px 0 0 0;}
.grArea .btnArea {}
.grArea .grWrap {height:280px; margin:10px 0 0 0; border:1px solid #dcdcdc; border-radius:8px;}
.thtd_fix table th,
.thtd_fix table td{ white-space:nowrap;} /* 0125 pjs 추가 */

.ipLabel {font-size:16px; color:#0a0a0a; font-weight:400;}
.contSearchBox .ipLabel + input[type=text]{width:360px; height:40px; margin:0 0 0 10px; padding:0 14px; line-height:40px; border:1px solid #dcdcdc; font-size:14px; color:#0a0a0a; font-weight:400;}
.contSearchBox .ipLabel + input[type=text]::placeholder {font-size:14px; color:#6e6e6e; font-weight:400;}

.tblList .ipArea input[type=radio] {display:none;}
.tblList .ipArea input[type=radio] + label {width:13px; height:13px; background:url(../images/img_radio.png) no-repeat 0 center; line-height:13px;}
.tblList .ipArea input[type=radio]:checked + label {background:url(../images/img_radio_on.png) no-repeat 0 center;}
.tblList + .alR {margin:20px 0 0 0;}

.iconBlue {display:inline-block; width:10px; height:10px; background:url(../images/img_chg01.png) no-repeat 0 center}
.iconGreen {display:inline-block; width:10px; height:10px; background:url(../images/img_chg02.png) no-repeat 0 center}
.iconYellow {display:inline-block; width:10px; height:10px; background:url(../images/img_chg03.png) no-repeat 0 center}
.iconRed {display:inline-block; width:10px; height:10px; background:url(../images/img_chg04.png) no-repeat 0 center}
.iconNo {display:inline-block; width:10px; height:10px; background:url(../images/img_chg05.png) no-repeat 0 center}

.subTab {margin:40px 0 0 0;}
.subTab:after {display:block; content:""; clear:both;}
.subTab a {float:left; width:calc(50% - 5px); height:40px; background:#eaeef8; font-size:16px; color:#0a0a0a; font-weight:400; line-height:40px; border:1px solid #eaeef8; border-radius:6px; text-align:center;}
.subTab a + a {float:right;}
.subTab a:hover {text-decoration:none;}
.subTab a.on {background:#fff; color:#0f62cc; border:1px solid #0f62cc;  -webkit-box-shadow: 0px 5px 5px -1px #eeeeee; box-shadow: 0px 5px 5px -1px #eeeeee; font-weight: 500; }
.subTab + .searchBox {margin:20px 0 0 0;}
.subTab.item04 a {width:calc(25% - 3.75px);}
.subTab.item04 a + a {float:left; margin:0 0 0 5px;}

.posIconArea {display:block; margin:14px 0 0 0;}
.posIcon {display:inline-block; height:28px; padding:0 20px; font-size:14px; color:#0f62cc; line-height:28px; letter-spacing:-0.6px; border-radius:13px; border:1px solid #0f62cc;}
.dataLeft {display:inline-block; width:30px; height:30px; background:url(../images/img_yebo_left.png) no-repeat 0 0;}
.dataLeft.on {background:url(../images/img_yebo_left_on.png) no-repeat 0 0;}
.dataRight {display:inline-block; width:30px; height:30px; background:url(../images/img_yebo_right.png) no-repeat 0 0;}
.dataRight.on {background:url(../images/img_yebo_right_on.png) no-repeat 0 0;}

.tblList {overflow:hidden;}
.searchWrapper:after {display:block; content:""; clear:both;}
.searchWrapper + .searchWrapper {margin:10px 0 0 0;}
.ovrXY {overflow:auto;}
.tblList + .tblList {margin:0;}
.waNo {clear:both; position:relative; z-index:10; margin:-410px 0 0 270px !important;}

.whiteBlueBox {margin:30px 0 0 0; padding:5px; background:#e4eef8; border-radius:6px;}
.whiteBlueBox .whiteBox {padding:15px; background:#fff; text-align:center;}
.whiteBlueBox .whiteBox > strong {display:inline-block; position:relative; height:42px; font-size:18px; color:#0a0a0a; font-weight:500; text-align:center; line-height:42px;}
.whiteBlueBox .whiteBox > strong:before {display:block; content:""; position:absolute; left:-52px; top:0; width:62px; height:42px; background:url(../images/img_yebo_logo.png?v=1) no-repeat 0 0;}
.whiteBlueBox .whiteBox > strong > span {font-size:18px; color:#0f62cc; font-weight:500; }
.whiteBlueBox .whiteBox > strong .goGongge {display:inline-block; position:absolute; right:-145px; top:8px;}
.whiteBlueBox .grayBox {margin:17px 0 0 0; padding:24px 23px; background:#f7f7f7; text-align:left; border-radius:10px;}
.whiteBlueBox .grayBox li {position:relative; padding:0 0 0 10px; font-size:15px; color:#464646; font-weight:400; line-height:22px;}
.whiteBlueBox .grayBox li + li {margin:7px 0 0 0;}
.whiteBlueBox .grayBox li:before {display:block; content:""; position:absolute; left:0; top:7px; width:3px; height:3px; background:#464646; border-radius:1.5px;}
.whiteBlueBox .grayBox li strong {font-size:15px; color:#0a0a0a; font-weight:500; text-decoration:underline;}
.isanghanUI {margin:23px 0 0 0;}
.isanghanUI > span {display:inline-block; height:40px; padding:0 20px; background:#eaeef8; font-size:16px; color:#0a0a0a; font-weight:500; line-height:40px; border-radius:20px; border-bottom-left-radius:0; border:1px solid #dcdcdc;}

.sulmyung {padding:0 0 0 20px;}
.sulmyung > strong {display:block; margin:26px 0 0 0; font-size:18px; color:#0f62cc; font-weight:500;}
.sulmyung > p {margin:10px 0 0 0; font-size:16px; color:#464646; font-weight:400; letter-spacing:-0.6px;}
.sulmyung .tblList {margin:7px 0 0 0;}
.tblList tbody th {background:#eafaf3; /* border-top:1px solid #dcdcdc; 250610 */ border-left:1px solid #dcdcdc;}
.tblList tbody tr:last-child th {border-bottom:1px solid #dcdcdc;}
.tblList tbody th.noBdrT {border-top:0;}
.tblList tbody th + td {border-left:1px solid #dcdcdc;}
.tblList tbody th.bdrB {border-bottom:1px solid #dcdcdc;}
.tblList tbody td.bdrL {border-left:1px solid #dcdcdc;}
.tblListTxt {font-size:14px; color:#464646; font-weight:400;}

.tblList .bgBlue {background:#0000ff; color:#fff !important;}
.tblList .bgGreen {background:#00ff00; color:#0a0a0a;}
.tblList .bgYellow {background:#ffff00; color:#0a0a0a;}
.tblList .bgRed {background:#ff0000; color:#fff !important;}

.barTitle + .suchikWrap > .textBlue {padding:3px 0 0 0;}
.suchikWrap {padding:18px 0 0 0; }
.suchikWrap .textBlue {display:block; font-size:18px; color:#0f62cc; font-weight:500;}
.suchik {margin:6px 0 0 0;}
.suchik:after {display:block; content:""; clear:both;}
.suchik li {position:relative; width:calc(50% - 10px); height:120px; margin: 0 0 10px 0; padding:0 10px 0 160px; border:1px solid #dcdcdc; border-radius:10px;}
.suchik li span {position:absolute; left:160px; top:50%; font-size:15px; color:#464646; font-weight:400; line-height:22px; transform:translate(0, -50%);}
.suchik li:nth-child(even) {float:right;}
.suchik li:nth-child(odd) {float:left;}
.suchik01 {background:url(../images/img_su01.png) no-repeat 10px 10px;}
.suchik02 {background:url(../images/img_su02.png) no-repeat 10px 10px;}
.suchik03 {background:url(../images/img_su03.png) no-repeat 10px 10px;}
.suchik04 {background:url(../images/img_su04.png) no-repeat 10px 10px;}
.suchik05 {background:url(../images/img_su05.png) no-repeat 10px 10px;}
.suchik06 {background:url(../images/img_su06.png) no-repeat 10px 10px;}
.suchik07 {background:url(../images/img_su07.png) no-repeat 10px 10px;}
.suchik08 {background:url(../images/img_su08.png) no-repeat 10px 10px;}
.suchik09 {background:url(../images/img_su09.png) no-repeat 10px 10px;}
.suchik10 {background:url(../images/img_su10.png) no-repeat 10px 10px;}
.suchik11 {background:url(../images/img_su11.png) no-repeat 10px 10px;}
.suchik12 {background:url(../images/img_su12.png) no-repeat 10px 10px;}
.goGongge {display:block; position:absolute; right:10px; top:500px; z-index:5; height:30px; padding:0 36px 0 20px; background:#fff url(../images/img_bg_gongge.png) no-repeat right 17px center; font-size:13px; color:#0f62cc; font-weight:400; line-height:30px; text-align:left;  border:1px solid #0f6ecc; border-radius:8px;}
.goGongge.goSite {background:url(../images/img_go_site.png) no-repeat right 17px center;}
.whiteBlueBox .whiteBox > strong.whan:before {display:block; content:""; position:absolute; left:-43px; top:0; width:29px; height:42px; background:url(../images/img_whan.png) no-repeat 0 center;}

/* 230517 테이블 고정 */
.tblList.topFixScroll{ height:600px; overflow:auto;}	
.tblList.topFixScroll table thead { position:sticky; top:0;}
.tblList.topFixScroll table thead:after{ display:block; content:""; position:absolute; left:0; top:0px; width:100%; height:2px; background:#000;}
.tblList.topFixScroll table thead:before { display:block; content:""; position:absolute; left:0; top:0px; width:100%; height:100%; z-index:-1;}
.tblList.topFixScroll table thead th{ position:relative;}
.tblList.topFixScroll table thead th:before { display:block; content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#dcdcdc; z-index:1;}
.tblList.topFixScroll table tbody th{ border-top:none;}

.leftFixScroll{}
.leftFixScroll th:first-child,
.leftFixScroll td:first-child{ position:sticky; left:0;}
.leftFixScroll th:first-child:before,
.leftFixScroll td:first-child:before { content:""; position:absolute; left:-1px; top:0px; width:1px; height:100%; background:#dcdcdc; z-index:-1;}
.leftFixScroll th:first-child:after,
.leftFixScroll td:first-child:after { content:""; position:absolute; right:-1px; top:0px; width:1px; height:100%; background:#dcdcdc; z-index:-1;}

/* 230607 테이블 Top1 Left2 고정 */
.top1Left2 thead { position: sticky; top: 0; z-index: 1; }
.top1Left2 table thead:after{ display:block; content:""; position:absolute; left:0; top:0px; width:100%; height:2px; background:#000;}
.top1Left2 table thead:before { display:block; content:""; position:absolute; left:0; top:0px; width:100%; height:100%; background:#dcdcdc; z-index:-1;}

.top1Left2 th:first-child,
.top1Left2 td:first-child{ position:sticky; left:0; }
.top1Left2 th:nth-child(2),
.top1Left2 td:nth-child(2){ position:sticky; left:90px;}

.top1Left2 td:first-child,
.top1Left2 td:nth-child(2){ background:#fff;}

.top1Left2 th:first-child:before,
.top1Left2 td:first-child:before,
.top1Left2 th:nth-child(2):before,
.top1Left2 td:nth-child(2):before{ display:block; content:""; position:absolute; left:-1px; top:0px; width:1px; height:100%; background:#dcdcdc;}
.top1Left2 th:nth-child(2):after,
.top1Left2 td:nth-child(2):after{ display:block; content:""; position:absolute; right:-1px; top:0px; width:1px; height:100%; background:#dcdcdc;}

.tblList.download {}
.tblList.download table tr td {padding:12px 0 8px; text-align:center;}
.tblList.download td:first-child {border-left:1px solid #dcdcdc;}
.tblList.download tr:first-child td {border-top:2px solid #0a0a0a;}
.tblList.download td span {font-size:14px; color:#464646; font-weight:400;}
.tblList.download td div {}
.tblList.download td div a.pdf {display:inline-block; width:16px; height:16px; background:url(../images/img_pdf.png) no-repeat 0 0;} 
.tblList.download td div a.fi {display:inline-block; width:16px; height:16px; background:url(../images/img_fi.png) no-repeat 0 0;}

.tblList.download.download2 {}
.tblList.download.download2 tbody th {background:#eafaf3; border-left:0; border-right:0;}
.tblList.download.download2 tr:first-child th {border-top:2px solid #0a0a0a;}
.tblList.download.download2  td {border-top:1px solid #dcdcdc;}
.tblList.download.download2 tr td:first-child {border-left:0;}
.tblList.download.download2 tr td:last-child {border-right:0;}

.contSearchBox select + input[type=text]{width:360px; height:40px; margin:0 0 0 5px; padding:0 14px; line-height:40px; border:1px solid #dcdcdc; font-size:14px; color:#0a0a0a; font-weight:400;}
.contSearchBox select + input[type=text]::placeholder {font-size:14px; color:#6e6e6e; font-weight:400;}

.file {display:inline-block; width:16px; height:16px; background:url(../images/img_file.png) no-repeat 0 0;}

.view {margin:30px 0 0 0; border-top:2px solid #0a0a0a;}
.view > strong {display:block; height:70px; padding:20px 0; font-size:20px; color:#0a0a0a; font-weight:500; text-align:center;}
.tblData {}
.tblData tbody tr:first-child td,
.tblData tbody tr:first-child th {border-top:1px solid #dcdcdc;}
.tblData tbody td {padding:14px 20px 11px; font-size:15px; color:#464646; font-weight:400; text-align:left; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.tblData tbody th {padding:14px 20px 11px; background:#f7f7f7; font-size:15px; color:#0a0a0a; font-weight:500; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.tblData tbody th:first-child {border-left:0;}
.tblData tbody td .chum {font-size:15px; color:#464646; font-weight:400; text-decoration:underline;}
.innerText {padding:30px; border-bottom:1px solid #dcdcdc; width: 100%; border-top: 2px solid #47464c;}
.innerText img{ max-width:100% !important;}
.innerText th, .innerText td { border-bottom: 1px solid #dcdcdc; text-align: center; border-right: 1px solid #dcdcdc; }	
.innerText> thead { background: #fafafa;  } 	
.innerText> thead> tr {   } 	
.innerText thead> tr> th { padding: 5px 0; } 	
.innerText> thead> tr> td { padding: 5px 0; } 	
.innerText> tbody { } 	
.innerText> tbody> tr { } 	
.innerText> tbody> tr> th { padding: 5px 0; background: #fafafa;} 	
.innerText> tbody.cc> tr> th { background: #fafafa; }	
tr.cc td, td.cc { background: #fafafa; }	
.innerText> tbody> tr> td { padding: 5px 7px; color: #4a4a4a; min-height: 31px;} 	

.innerText th, .innerText td { border-bottom: 1px solid #dcdcdc; text-align: center; }
.innerText> tbody> tr> td  input{ text-align: left; } 

.gongBtnArea {margin:20px 0 0 0; text-align:center;}
.gongBtnArea .btnPrev {display:inline-block; height:40px; padding:0 20px 0 36px; background:url(../images/img_dongban_left.png) no-repeat 18px center; font-size:14px; color:#646464; font-weight:400; border:1px solid #646464; border-radius:4px;}
.gongBtnArea .btnNow {display:inline-block; height:40px; padding:0 20px; font-size:14px; color:#0f62cc; font-weight:400; border:1px solid #0f62cc; border-radius:4px; margin:0 7px;}
.gongBtnArea .btnNext {display:inline-block; height:40px;  padding:0 36px 0 20px; background:url(../images/img_dongban_right.png) no-repeat right 18px center; font-size:14px; color:#646464; font-weight:400;  border:1px solid #646464; border-radius:4px;}

.whiteBlueBox .whiteBox > strong.noBg:before {display:none}
.grayBox.sms {background:#f7f7f7 url(../images/img_sms.png) no-repeat right 42px bottom;}
.searchBoxRadioArea input[type=checkbox] + label {height:30px; font-size:14px; color:#0a0a0a; font-weight:400; line-height:30px; margin:0 24px 0 0;}
.searchBoxRadioArea label + input[type=checkbox] + label {margin:0 24px 0 0;}

.yakgwan {height:280px; overflow-y:auto; margin:14px 0 0 0; padding:20px; border:1px solid #dcdcdc;}
.yakgwan > .p01 {font-size:16px; color:#0a0a0a; font-weight:500; line-height:24px;}
.yakgwan > .p02 {padding:0 0 0 10px;font-size:15px; color:#0a0a0a; font-weight:400; line-height:24px;}
.yakgwan > .p03 {padding:0 0 0 10px;font-size:14px; color:#464646; font-weight:400; line-height:24px;}
.yakgwan > .p04 {padding:0 0 0 20px; font-size:13px; color:#464646; font-weight:400; line-height:22px;}
.yakgwan > .p05 {padding:0 0 0 30px; font-size:13px; color:#464646; font-weight:400; line-height:22px;}

.yakgwan + div.ipArea {margin:6px 0 0 0;}
.yakgwan + div.ipArea  label {display:inline-block; height:18px; font-size:14px; color:#646464; font-weight:400; line-height:18px;}
.zzam {padding:5px; background-image:linear-gradient(to right, #0f62cc, #00c28a); border-radius:12px;}
.zamIn {padding:19px 20px 20px; background:#fff; border-radius:6px;}
.zamIn > strong {display:block; position:relative; padding:0 0 9px 40px; font-size:22px; color:#0f62cc; font-weight:500; border-bottom:1px solid #dcdcdc;}
.zamIn > strong:before {display:block; content:""; position:absolute; left:0; top:50%; width:28px; height:31px; margin-top:-20px; background:url(../images/img_zzam.png) no-repeat 0 0;}
.zamIn > div {margin:12px 0 0 0; font-size:14px; color:#464646; font-weight:400; line-height:22px;}
.zzam + .btnArea {margin:30px 0 0 0; text-align:center;}

.subTitle {display:block; padding:42px 0 10px; font-size:32px; color:#0a0a0a; font-weight:500; text-align:center; border-bottom:1px dashed #dcdcdc;}
.subSearch input[type=checkbox] + label {display:inline-block; height:40px;font-size:16px; color:#0a0a0a; font-weight:400; line-height:40px;}
.subSearch input[type=checkbox] + label + input[type=text] {height:40px; margin:0 0  0 30px; padding:0 20px; border:1px solid #dcdcdc;}
.und {display:inline-block; margin:0 0 0 30px; padding-right:40px; background:url(../images/img_und.png) no-repeat right center; font-size:16px; color:#0a0a0a; font-weight:400; line-height:38px; vertical-align:middle;}
.und.on {background:url(../images/img_und_on.png) no-repeat right center;}

/* 통합검색 : 상세검색 */
.undPop {display:none; position:absolute; left:0; top:73px; z-index:10; padding:0; width:100%;}
.undPop .searchBox {margin:0;}
.undPop .searchBox .searchBoxTitle {width:140px;}
.undPop .searchBox .searchBoxRadioArea { width: calc(100% - 180px);} /* 230522 */
.undPop .searchBox .ipArea input[type=radio] + label {width:auto; vertical-align:top;}
.undPop .searchBox .ipArea input[type=radio] + label + input[type=radio] + label {margin:0 0 0 30px;}
.undPop .searchBox .btnArea {clear:both; padding:27px 0 0 0; text-align:center;}
.res {margin:34px 0 0 0; font-size:16px; color:#0a0a0a; font-weight:400; text-align:center;}
.res span {color:#0f62cc;}
.undPop .searchHalf:nth-child(2) .ipArea input[type=text]{ width:110px;}

.smBtn {margin:20px 0;}
.smBtn:after {display:block; content:""; clear:both;}
.smBtnIn {float:right;}
.smBtnIn > span {float:left; font-size:14px; color:#0a0a0a; font-weight:400; line-height:30px;}
.smBtnIn > span + .smBtnR {margin:0 0 0 10px;}
.smBtnIn > .smBtnR + span {margin:0 0 0 40px;}
.smBtnR {float:left; height:30px; padding:1px 3px; border-radius:15px; border:1px solid #dcdcdc;}
.smBtnR button {height:24px; padding:0 17px; background:#fff; font-size:14px; color:#0a0a0a; font-weight:500; line-height:24px; border-radius:13px;}
.smBtnR button.on {background:#414d5d; color:#fff;}

.srRes {position:relative;}
.srRes + .srRes {margin:20px 0 0 0;}
#searchCollection .srRes{margin:20px 0 0 0;}
.srRes > strong {display:block; height:50px;  padding:0 20px; background:#f7f7f7; font-size:18px; color:#0a0a0a; font-weight:500; line-height:50px; border-top:2px solid #0a0a0a; border-bottom:1px solid #dcdcdc;}
.srRes > div {padding:17px 20px 20px; border-bottom:1px solid #dcdcdc;}
.srRes > div > strong {display:block; position:relative; font-size:16px; color:#0a0a0a; font-weight:400;}
.srRes > div > strong > span {position:absolute; right:0; top:0; font-size:14px; color:#464646; font-weight:400;}
.srRes > div > .srResA {display:block; margin:11px 0 0 0; font-size:14px; color:#464646; font-weight:400; line-height:22px;}
.srRes > div > .srResB {display:block; margin:11px 0 0 0; font-size:14px; color:#3f89dd; font-weight:400}
.srRes > div > .srResC {display:block; margin:11px 0 0 0; padding:0 0 0 27px; background:url(../images/img_file.png) no-repeat left center; font-size:14px; color:#464646; font-weight:400}
.srRes > div > .srResD {display:block; font-size:16px; color:#0a0a0a; font-weight:400}
.srRes > div > .srResD > span {color:#0f62cc;}
.srMore {position:absolute; right:20px; top:18px; font-size:14px; color:#646464; font-weight:400;}

.searchHalf {float:left; width:50%;}
.forM {display:none;}

/* 2022-11-28 */
.secTabListBoxItem {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dongyongText > strong {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden;}

/* 2022-12-02 */
.forM {display:none;}
.forMT {display:none;}
.forPC {display:block;}
.forPCT {display:table-row;}

.nS {position:fixed; overflow:hidden; width:100%; height:100%;}
/* } @media all and (min-width:1024px) pjs close */

/*20180621*/
#loading { width: 100%; height: 100%; border: 1px solid #bcd0e8; background: url(/web/images/main_2018/loading_bg.png); position: absolute; left: 0px; top: 0px; z-index: 30000; text-align: center; letter-spacing: -1px; }
#loading div { margin-top: 260px; font-family: 'Pretendard'; font-size: 20px; color: #0054a6; }
#loading p { margin-top: 5px; margin-bottom: 20px; }
#loading img {  display: block; margin: 0px auto; }

/* 실시간 자료조회 : 시도별 대기정보: 테이블 툴팁 230421 */
.tooltip22{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:7 !important; padding: 5px 20px;}
.tooltip22 em {font-size:12px; color:#ffea5c;}
.tooltip22 strong{font-size:13px; color:#fff; font-weight:400;}

/*************************************************** 용어사전 ***************************************************/
.dic_list{ display:table; width:100%;}
.dic_list.first{ border-top: 2px solid #0a0a0a;}
.dic_list dt{ display:table-cell; width:318px; padding:15px; text-align:center; font-size: 15px; color: #0a0a0a; font-weight: 500; background: #f7f7f7;
    border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; vertical-align:middle;}
.dic_list dd{ display:table-cell; padding: 15px; border-bottom: 1px solid #dcdcdc; font-size:14px; vertical-align:middle; word-break: keep-all;}

/*************************************************** 실시간 자료조회 : 시도별대기정보 (팝업) ***************************************************/
.real_airGraph_view{ height:200px; border: 1px solid #dcdcdc; margin:0 0 10px 0; padding:10px; display:none;}

/*************************************************** 측정자료(수치) ***************************************************/
.data_bum_wrap{ margin:20px 0 0 0; padding:15px 25px; background:#f1fbff; border:1px solid #c6eeff; border-radius:5px; display:flex; gap:22px;}
.data_bum_wrap .bum_tit_wrap{ position:relative;}
.data_bum_wrap .bum_tit_wrap:after{ display:block; content:""; position:absolute; right:0; top:-4px; width:1px; height:30px; background:#c6eeff;}
.data_bum_wrap .bum_tit_wrap .bum_tit{ display:inline-block; width:195px;}
.data_bum_wrap .bum_tit_wrap .bum_tit em{ color:#646464; font-weight:200;}
.data_bum_wrap .bum_tit_wrap select{ width:195px; background:url(../images/img_new_arr_down_on.png) no-repeat right 20px center #f1fbff; border:none;}
.data_bum_wrap .bum_tit_wrap select option{ background:#fff;}

.bum_list { display:flex; flex:1;}
.bum_list li { position:relative; padding:0 0 0 15px; font-size:12px; color:#0a0a0a; flex:1 1 0; line-height:24px;}

/* select box custom */
.btn-select{ text-align:left; position:relative; background:url(../images/img_new_arr_down_on.png) no-repeat right 20px center;}
.btn-select:hover{ text-decoration:none;}
.btn-select.on{ background:url(../images/img_aco_up.png) no-repeat right 20px center;}
.list-member{ display: none; position: absolute; width:195px; top:26px;	left:0;	border: 1px solid #C4C4C4; background:#fff;	padding:4px 10px; z-index:3;}
.list-member a:hover { text-decoration:none;}
.btn-select.on+.list-member { display: block;}
.list-member a em{ color:#646464; font-weight:200;}
.list-member button{ width:100%; text-align:left;}

.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;}

/*  반응형 삭제 230607 
@media all and (max-width:1400px) and (min-width:1024px){

.wrap {position:relative; min-width:768px; margin:0 auto; background:#fff; overflow:hidden;}		
.header {position:absolute; top:0; left:0; z-index:500; min-width:768px; width:100%; height:90px; background:#fff; border-bottom:1px solid #dcdcdc;}
.headerInner {position:relative; min-width:768px; width:100%; margin:0 auto;}
.gnb > ul > li + li {margin:0 0 0 2%;}
.sub {position:relative; min-width:768px; width:100%; margin:0 auto;}
.footerInner {position:relative; min-width:768px; width:100%; margin:0 auto;}
.contSearchBox.subSearch {padding:15px 0 15px 100px;}
.footerOtherSite {width:50%;}
.goOtherSiteYl {width:50%;}
.goOtherSiteOversea {width:50%;}
.callDust > p {float:none;}
.callDust > p + p {margin:0; padding:0;}
.callAllMenu {width:100%; min-width:1024px;}
.callIn {width:100%; min-width:1024px;}
.callInBox {width:100%; min-width:1024px;}
.allMenu {width:100%; min-width:1024px;}
.addr {margin:8px 0 0 0;}
.copy {margin:3px 0 0 0;}
.leftMenu {display:none;}
.quick {display:none;}
.contentsIn {padding:0 20px 100px 20px;}
.contMapArea .contMap {width:calc(50% - 20px);}
.contMapList {width:calc(50% - 20px);}
.contMapAddr {width:100%;}
}

@media all and (max-width:1150px) and (min-width:1024px){
.contSearchBox.subSearch {padding:15px 0;}
}

@media all and (max-width:1024px){
	table.m_tdFix th,
	table.m_tdFix td{white-space: nowrap;}	
}
*/
@media all and (max-width:1620px){
	.quick{ display:none;}
}