/*******************************
 * 파일명 : sub2.css
 * 설명	  : Airkorea
 * update - 2024.10.07.
********************************/

/* TAB 추가 */
.subTab.item03 a { width:calc(33% - 4px);}
.subTab.item03 a + a {float:left; margin:0 0 0 10px; }
.subTab.item05 a {width:calc(20% - 4px); margin:0 0 0 0;}
.subTab.item05 a + a {float:left; margin:0 0 0 5px;}
.subTab.item06 a {width:calc(14.2% - 4px); margin:0 0 0 0;}
.subTab.item06 a + a {float:left; margin:0 0 0 5px;}

.subTab.line2 a { height:auto; line-height:24px; padding:10px 0;}

.sb_tit02{ font-size:18px; color:#0f62cc; font-weight:500; margin:25px 0 20px 0;}

/* 모바일 스크롤 없는 테이블 */
.table1{ border-left: 1px solid #dcdcdc; margin-top:5px;}
.table1 thead tr:first-child th { border-top: 2px solid #0a0a0a;}
.table1 thead th { padding: 14px 0 13px; font-size: 15px; color: #0a0a0a; font-weight: 500; background: #f7f7f7; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.table1 tbody th{ padding: 14px 0 13px; font-size: 15px; color: #0a0a0a; font-weight: 500; background: #f7f7f7; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; text-align:center;}
.table1 tbody td{ padding: 14px !important; text-align:left; border-bottom: 1px solid #dcdcdc; text-align:center; border-right: 1px solid #dcdcdc;}

/* 테이블 TH small*/
.small_th_size th{ font-size:13px !important;}

.txt01{ position:relative; margin: 10px 0 0 0; font-size: 16px; color: #464646; font-weight: 400; letter-spacing: -0.6px; padding-left:12px;}
.txt01:before {content: ""; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; background: #9b9b9b; border-radius:50%;}

/* Button */
.btnBlueWhite.small {padding:0 15px; font-size:13px; font-weight:400; line-height:28px; height:28px;}
.btnGreyWhite.small {padding:0 15px; font-size:13px; font-weight:400; line-height:28px; height:28px;}

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

.barTitleMoreList li:before { top: 12px;}
.barTitleMoreList li{ text-align:left !important;}
.barTitleMoreList.small li { font-size:14px;}

.tblList.download.type02 table tr td{ padding: 18px 5px 20px;}

/* 이미지 박스 */
.img_box{ padding:20px; border: 1px solid #dcdcdc; text-align:center;}
.img_box img{ max-width:100%; height:auto;}

/* 단위 */
.danwi2 { text-align: right; font-size: 13px; color: #646464; font-weight: 400;}

/* 버튼 */
.btn_small{ display:inline-block; padding: 0 12px 0 12px; font-size: 13px; font-weight: 500; line-height: 26px; height: 26px; border-radius:50px; background:#a1dafb; color:#0a0a0a;}
.btn_small.down{ background:url(../images/sub/icon_down.png) no-repeat right 12px center #a1dafb; padding: 0 30px 0 12px;}

/* 테이블 수정 */
.tblList.typeM{}
.tblList tbody th { border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.tblList tbody th:first-child{ border-left:none;}
.barTitleMoreList li strong{ font-size: 15px; color: #0a0a0a; font-weight: 500; text-decoration: underline;}

/* 스크롤 없는 테이블 */
.table2{ border-top: 2px solid #0a0a0a;}
.table2 tbody th{ padding: 14px 5px 13px; font-size: 15px; color: #0a0a0a; font-weight: 500; background: #f7f7f7; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.table2 tbody td{ padding: 14px !important; text-align:left; border-bottom: 1px solid #dcdcdc; font-size:15px; }
.table2 { }

.table_bbs{ border-top: 2px solid #0a0a0a;}
.table_bbs thead th{ padding: 14px 5px 13px; font-size: 15px; color: #0a0a0a; font-weight: 500; background: #f7f7f7; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.table_bbs tbody th{ padding: 14px 5px 13px; font-size: 15px; color: #0a0a0a; font-weight: 500; background: #f7f7f7; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.table_bbs tbody td{ padding: 7px 10px 8px; font-size: 14px; color: #464646; font-weight: 400; text-align:center; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.table_bbs tbody td a{ font-size:inherit;}
.table_bbs thead th:last-child,
.table_bbs tbody th:last-child,
.table_bbs tbody td:last-child{ border-right:none;}
.table_bbs { }

/* .tblList thead tr th:last-child,	
.tblList tbody tr td:last-child{ border-right:none;} pjs */

.tblList.intro tbody th { background: #fafafa;}
.tblList table{}

/* 에어코리아 소개 */
.airkorea_intro{height: 275px; padding: 20px;  text-align: center; border:5px solid #e4eef8; border-radius:5px;}
.airkorea_intro p{ font-size:18px; margin-top:20px;}
.airkorea_intro p strong{ font-size:inherit; font-weight:600;}
.airkorea_intro_top{ display:table; background:#f7f7f7; width:100%; table-layout:fixed; border-radius:10px;}
.airkorea_intro_top li{ height:150px; display:table-cell; width:50%; vertical-align:middle; font-size:32px; font-weight:700; line-height: 32px;}
.airkorea_intro_top li span{ font-size:inherit; font-weight:inherit;}
.airkorea_intro_top li:first-child{ text-align:right; padding-right:50px;}
.airkorea_intro_top li:last-child{ text-align:left;}

.intro_p{ color:#464646; font-size: 15px; }

/* 에어코리아 소개 : 캐릭터 */
.character_airkorea{ margin-top:25px;}
.character_airkorea:after {display:block; content:""; clear:both;}
.character_airkorea li{ position:relative; float:left; border:1px solid #dcdcdc; border-radius:10px; overflow:hidden; width:calc(25% - 18px); margin:0 20px 0 0; height:200px; text-align:center; padding:30px 0 0 0;}
.character_airkorea li:last-child{ margin:0;}
.character_airkorea li span{ position:absolute; right:0; bottom:0; width:60px; height:60px; background:#f7f7f7; display:table;}
.character_airkorea li span em{ display:table-cell; text-align:center; vertical-align:middle; font-size:14px;}

/*실시간 자료조회 배움터 : 주석 */
.info_txt_list_wrap{ background:#eaf9f2; padding:30px; border-radius:10px; margin:20px 0 0 0;}
.info_txt_list_wrap:after {display:block; content:""; clear:both;}
.info_txt_list{ }
.info_txt_list > li{ }
.info_txt_list > li .tit{ position:relative; padding:0 0 0 12px; margin-top:16px; font-weight:500;}
.info_txt_list > li:first-child .tit{ margin-top:0;}
.info_txt_list > li .tit:before {content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #9b9b9b; border-radius:50%;}
.info_txt_list .list{}
.info_txt_list .list li{ position:relative; color:#646464; font-size:14px; padding:0 0 0 10px; margin:0 0 3px 0;}
.info_txt_list .list li:before {content:"-"; position:absolute; left:0; top:0px;  height:auto; margin-right:4px; font-size:inherit;}

.info_txt_list.left{ float:left; width:48%;}
.info_txt_list.right{ float:right; width:48%;}

/* 배움터 : CAI계산기 */
.cai_view{ margin-top:40px; border: 1px solid #444a5a;}
.cai_view .tit{ padding: 6px 25px; background: #444a5a; color: #fff; font-size: 20px;}
.cal_cont_part{ display:table; width:100%;}
.cal_cont_part li{ display:table-cell; vertical-align:middle;}
.cal_cont_part li:first-child{ width:60%;}

.cal_graph{ position:relative; height:340px; display:block; }
.cal_graph .btnExcel{ position:absolute; top:0; left: 50%; transform: translateX(-50%);}

.cal_bottom_wrap{border-top: 1px solid #444a5a;}
.cai_view .sub_tit{ height: 36px; line-height:36px; padding-left:15px; border-bottom: 1px solid #d3d3d3; background:#fafafa; font-weight:500;}
.cai_view .sub_tit span {  margin-left: 5px; color: #636363;}
.cal_bottom_wrap .c_cont{ padding:15px;}

/* 오존 높은 날 건강 생활 수칙 */
.oz_rule{ margin-top:30px; border-radius:10px; border:1px solid #1180ad; overflow:hidden;}
.oz_rule .tit{ background:#808080; color:#fff; font-size:20px; text-align:center; height:40px; line-height:40px;}
.oz_rule_list{ padding:20px;}
.oz_rule_list:after {display:block; content:""; clear:both;}
.oz_rule_list li{ float:left; width:33%; text-align:center; height:200px; margin:10px 0;}
.oz_rule_list li p{ font-size:18px; margin:10px}
/* .oz_rule_list li:nth-child(4){ width:40%; margin-left:10%;}
.oz_rule_list li:nth-child(5){ width:40%; margin-right:10%;}*/

/* 용어사전 */
/*.devContS.dic .barTitle{ display:block; margin:0 0 10px 0;} pjs 삭제 */

.table2.dic{}
.table2.dic th{ font-size:15px;}
.table2.dic td{ font-size:14px;}
.table2.dic td p{ font-size:13px; color:#646464;}

.dic_num_list li{ list-style-type: decimal; list-style-position: inside; margin:15px 0 0 0; color:#0f62cc; font-size:14px;}
.dic_num_list li em{ font-size:14px; color:#0f62cc;}
.dic_num_list li p{ color:#646464; margin:4px 0 0 0; font-size:13px;}

.dic_s_grayTit{ color:#646464; font-size:13px; margin:10px 0 6px 0;}

.dot_s_list{}
.dot_s_list li{ position:relative; color:#464646; font-size:13px; text-align:left; padding:0 0 0 8px;}
.dot_s_list li:before {content: ""; position: absolute; left: 0; top: 9px; width: 2px; height: 2px; background: #969696;}

.dic3 .dot_s_list{ margin-left:30px;}

.table1_s{ border-top: 1px solid #0a0a0a; border-left: 1px solid #dcdcdc;}
.table1_s thead th{ padding: 10px 0 10px; font-size: 13px !important; color: #0a0a0a; background: #f7f7f7; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; text-align:center;}
.table1_s tbody th{ padding: 10px 0 10px; font-size: 13px !important; color: #0a0a0a; background: #f7f7f7; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.table1_s tbody td{ padding: 10px !important; text-align:left; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; font-size:13px !important; }
.table1_s.tdCenter td{ text-align:center;}

.table2_s{ border-top: 1px solid #0a0a0a; border-left: 1px solid #dcdcdc;}
.table2_s thead th{ padding: 10px 0 10px; font-size: 13px !important; color: #0a0a0a; background: #eafaf3; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; text-align:center;}
.table2_s tbody th{ padding: 10px 0 10px; font-size: 13px !important; color: #0a0a0a; background: #f7f7f7; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.table2_s tbody td{ padding: 10px !important; text-align:left; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; font-size:13px !important; }
.table2_s.tdCenter td{ text-align:center;}
.table2_s { }

.contSub .tblList table td { padding: 8px;}

.info_txt{ font-size: 14px; color: #646464; font-weight: 400;}

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

/* 영역 나누기 */
.divis{ overflow:hidden;}
.divis > li{ float:left;}
.divis.p2 > li{ width:48%; margin-right:4%;}
.divis.p2 > li:nth-child(even){ margin-right:0;}

.m_ver{ display:none !important;}
.w_ver{ display:block !important;}

/* 테이블 컬러 */
.lv1 { background: #1c67d7 !important;} /* 좋음 */
.lv2 { background: #01b56e !important;} /* 보통 */
.lv3 { background: #f9c700 !important;} /* 나쁨 */
.lv4 { background: #e53030 !important;} /* 매우나쁨 */
.lv1, .lv4 {color: #fff !important;}
.lv2, .lv3 {color: #000 !important;}

/* 미세먼지 행동요령*/
.pm_knack img{ width:100%; height:auto;}

/* 문자서비스 : 서비스 해지*/.
.grayBox.sms.cancel { background: #f7f7f7 url(../images/img_sms.png) no-repeat right 42px bottom;}

/* 대기정보 예보 / 경보 : 초미세먼지 주간예보 */
.pm_map_wrap{ border-top: 2px solid #0a0a0a; border-left: 1px solid #dcdcdc;}
.pm_map_wrap:after { display:block; clear:both; content:"";}
.pm_map_wrap li{ width:50%; float:left;}
.pm_map_wrap li .th,
.pm_map_wrap li .td{ border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.pm_map_wrap li .th{ padding: 14px 0 13px; font-size: 15px; color: #0a0a0a; font-weight: 500; text-align:center; background: #f7f7f7;}
.pm_map_wrap li .td{ padding: 7px 0 8px; font-size: 14px; color: #464646; font-weight: 400; text-align:center;}

.mMap{position:relative;}
.mMap img{width:100%;}
.mMap .map{position:absolute;top:0;left:0;width:100%;}
.mMap .map img{position:absolute;top:0;left:0;}
.mMap .cover{position:relative;}
.mMap .cover .ico3{position:absolute;top:0;left:0;letter-spacing:-1px;text-align:center;}
.mMap .cover .ico3 img{color:#222;font-size:14px;vertical-align:-5px;width:20px;}
.mMap .cover .ico2{position:absolute;top:0;left:0;box-shadow:0 0 1px 1px rgba(0,0,0,0.1);color:#222;font-size:14px;background-color:#fff;border-radius:32px;letter-spacing:-1px;padding:0 10px;line-height:24px;height:24px;}
.mMap .cover .ico2 .i{position:absolute;top:-20px;left:0;text-align:center;width:100%;}
.mMap .cover .ico2 .i img{margin:0 -3px;width:20px;}
.mMap .cover .ico2 em{color:#2359c4;}
.mMap .cover .ico2 em.green{color:#01b56e;}
.mMap .cover .ico2 em.red{color:#da3539;}
.mMap .cover .ico2 em.yellow{color:#a89300;}
.mMap .cover .ico2 em.gray{color:#8e8e8e;}
.mMap .cover .ico{position:absolute;top:0;left:0;}
.mMap .cover .ico img{width:20px;}
.mMap .cover .arr{position:absolute;bottom:6.5%;left:50%;background:url(../images/ico_arr1.png) 0 0 no-repeat;background-size:23px auto;width:23px;height:13px;}
.mMap .cover .alert{position:absolute;top:50%;left:0;text-align:center;width:100%;z-index:10;}
.mMap .cover .alert span{position:relative;display:inline-block;background:rgba(0,0,0,0.5);border-radius:25px;color:#fff;font-size:14px;padding:0 15px 0 25px;line-height:25px;height:25px;}
.mMap .cover .alert span:before{content:"";position:absolute;top:10px;left:15px;background-color:#fff;border-radius:50%;width:5px;height:5px;}
.mMap .info{position:absolute;bottom:6.5%;right:10px;}
.mMap .info .l{position:relative;display:block;color:#83858b;font-size:12px;margin:5px 0 0;}
.mMap .info .l img{vertical-align:-5px;}
.mMap .info .l .iQuestion{vertical-align:middle;}
.mMap .info img{width:20px;}

.mMap.type1{margin-top:;overflow:hidden;}
.mMap.type1 .map,
.mMap.type1 .cover{padding:}
.mMap.type2{overflow:hidden;margin-top:-9px;}
.mMap.type3{margin-top:-20px;overflow:hidden;}
.mMap.type3 .cover,
.mMap.type3 .map{margin-top:-15%;}
.mMap.type4{overflow:hidden;margin-top:-28%;}

/*글씨방향*/
.AL { text-align: left !important; }
.AR { text-align: right !important; }
.AC { text-align: center !important; }

/*border*/
.bor0 { border: 0px !important; }
.borL0 { border-left: 0px !important; }
.borR0 { border-right: 0px !important; }
.borT0 { border-top: 0px !important; }
.borB0 { border-bottom: 0px !important; }

/*float*/
.fl { float: left !important; } 
.fr { float: right !important; } 
.fn { float: none !important; } 

/*backgroud*/
.BgNone { background: none !important; }
.Bgwhite { background: #FFF !important; }


/* Font Color */
.fc_blue{ color:#0f62cc;}
.fc_red{ color:red}
.fc_gray{ color:#9699a0}
.fc_orange{ color:orange}
.fc_yellow{ color:yellow}

/*width*/
.W10 { width: 10px !important; }
.W20 { width: 20px !important; }
.W30 { width: 30px !important; }
.W40 { width: 40px !important; }
.W50 { width: 50px !important; }
.W60 { width: 60px !important; }
.W70 { width: 70px !important; }
.W80 { width: 80px !important; }
.W85 { width: 85px !important; }
.W90 { width: 90px !important; }
.W100 { width: 100px !important; }
.W110 { width: 110px !important; }
.W114 { width: 114px !important; }
.W120 { width: 120px !important; }
.W130 { width: 130px !important; }
.W140 { width: 140px !important; }
.W150 { width: 150px !important; }
.W160 { width: 160px !important; }
.W170 { width: 170px !important; }
.W180 { width: 180px !important; }
.W190 { width: 190px !important; }
.W200 { width: 200px !important; }
.W210 { width: 210px !important; }
.W220 { width: 220px !important; }
.W230 { width: 230px !important; }
.W240 { width: 240px !important; }
.W250 { width: 250px !important; }
.W260 { width: 260px !important; }
.W270 { width: 270px !important; }
.W280 { width: 280px !important; }
.W290 { width: 290px !important; }
.W300 { width: 300px !important; }
.W310 { width: 310px !important; }
.W320 { width: 320px !important; }
.W330 { width: 330px !important; }
.W340 { width: 340px !important; }
.W350 { width: 350px !important; }
.W360 { width: 360px !important; }
.W370 { width: 370px !important; }
.W380 { width: 380px !important; }
.W390 { width: 390px !important; }
.W400 { width: 400px !important; }
.W410 { width: 410px !important; }
.W420 { width: 420px !important; }
.W430 { width: 430px !important; }
.W435 { width: 435px !important; }
.W440 { width: 440px !important; }
.W450 { width: 450px !important; }
.W500 { width: 500px !important; }
.W510 { width: 510px !important; }
.W550 { width: 550px !important; }
.W600 { width: 600px !important; }
.W650 { width: 650px !important; }

/* min-width */
.mW80 { min-width: 80px !important; }
.mW85 { min-width: 85px !important; }
.mW90 { min-width: 90px !important; }
.mW100 { min-width: 100px !important; }
.mW110 { min-width: 110px !important; }
.mW120 { min-width: 120px !important; }
.mW130 { min-width: 130px !important; }
.mW140 { min-width: 140px !important; }
.mW150 { min-width: 150px !important; }
.mW160 { min-width: 160px !important; }
.mW170 { min-width: 170px !important; }
.mW180 { min-width: 180px !important; }
.mW190 { min-width: 190px !important; }
.mW200 { min-width: 200px !important; }
.mW210 { min-width: 210px !important; }
.mW220 { min-width: 220px !important; }
.mW230 { min-width: 230px !important; }
.mW240 { min-width: 240px !important; }
.mW250 { min-width: 250px !important; }
.mW260 { min-width: 260px !important; }
.mW270 { min-width: 270px !important; }
.mW280 { min-width: 280px !important; }
.mW290 { min-width: 290px !important; }
.mW300 { min-width: 300px !important; }

/*width percent*/
.W10p { width: 10% !important; }
.W15p { width: 15% !important; }
.W16p { width: 16% !important; }
.W17p { width: 17% !important; }
.W18p { width: 18% !important; }
.W19p { width: 19% !important; }
.W20p { width: 20% !important; }
.W25p { width: 25% !important; }
.W30p { width: 30% !important; }
.W32p { width: 32% !important; }
.W33p { width: 33% !important; }
.W35p { width: 35% !important; }
.W40p { width: 40% !important; }
.W45p { width: 45% !important; }
.W48p { width: 48% !important; }
.W49p { width: 49% !important; }
.W50p { width: 50% !important; }
.W55p { width: 55% !important; }
.W60p { width: 60% !important; }
.W65p { width: 65% !important; }
.W70p { width: 70% !important; }
.W75p { width: 75% !important; }
.W80p { width: 80% !important; }
.W85p { width: 85% !important; }
.W90p { width: 90% !important; }
.W95p { width: 95% !important; }
.W98p { width: 98% !important; }
.W100p { width: 100% !important; }

/*height*/
.H10 { height: 10px !important; }


.H20 { height: 20px !important; }
.H30 { height: 30px !important; }
.H40 { height: 40px !important; }
.H50 { height: 50px !important; }
.H60 { height: 60px !important; }
.H70 { height: 70px !important; }
.H80 { height: 80px !important; }
.H90 { height: 90px !important; }
.H100 { height: 100px !important; }
.H110 { height: 110px !important; }
.H120 { height: 120px !important; }
.H130 { height: 130px !important; }
.H140 { height: 140px !important; }
.H150 { height: 150px !important; }
.H160 { height: 160px !important; }
.H170 { height: 170px !important; }
.H180 { height: 180px !important; }
.H190 { height: 190px !important; }
.H200 { height: 200px !important; }
.H250 { height: 250px !important; }
.H300 { height: 300px !important; }
.H310 { height: 310px !important; }
.H350 { height: 350px !important; }
.H400 { height: 400px !important; }
.H450 { height: 450px !important; }
.H500 { height: 500px !important; }
.H550 { height: 550px !important; }
.H600 { height: 600px !important; }
.H650 { height: 650px !important; }
.H700 { height: 700px !important; }

/*margin*/
.Mg0 { margin: 0px !important; }
.MgT0 {margin-top:0px !important}
.MgT1 {margin-top:1px !important}
.MgT2 {margin-top:2px !important}
.MgT3 {margin-top:3px !important}
.MgT4 {margin-top:4px !important}
.MgT5 {margin-top:5px !important}
.MgT10 {margin-top:10px !important}
.MgT15 {margin-top:15px !important}
.MgT20 {margin-top:20px !important}
.MgT25 {margin-top:25px !important}
.MgT30 {margin-top:30px !important}
.MgT35 {margin-top:35px !important}
.MgT40 {margin-top:40px !important}
.MgT45 {margin-top:45px !important}
.MgT50 {margin-top:50px !important}
.MgT55 {margin-top:55px !important}
.MgT60 {margin-top:60px !important}
.MgT70 {margin-top:70px !important}
.MgT80 {margin-top:80px !important}
.MgT90 {margin-top:90px !important}
.MgT100 {margin-top:100px !important}
.MgT200 {margin-top:200px !important}
.MgT300 {margin-top:300px !important}
.MgT400 {margin-top:400px !important}
.MgT500 {margin-top:500px !important}
.MgT600 {margin-top:600px !important}

.MgL0 {margin-left:0px !important}
.MgL5 {margin-left:5px !important}
.MgL10 {margin-left:10px !important}
.MgL15 {margin-left:15px !important}
.MgL20 {margin-left:20px !important}
.MgL25 {margin-left:25px !important}
.MgL30 {margin-left:30px !important}
.MgL35 {margin-left:35px !important}
.MgL40 {margin-left:40px !important}
.MgL45 {margin-left:45px !important}
.MgL50 {margin-left:50px !important}
.MgL55 {margin-left:55px !important}
.MgL60 {margin-left:60px !important}
.MgL65 {margin-left:65px !important}
.MgL70 {margin-left:70px !important}
.MgL75 {margin-left:75px !important}
.MgL80 {margin-left:80px !important}
.MgL85 {margin-left:85px !important}
.MgL90 {margin-left:90px !important}
.MgL95 {margin-left:95px !important}
.MgL100 {margin-left:100px !important}

.MgR0 {margin-right:0px !important}
.MgR2 {margin-right:2px !important}
.MgR3 {margin-right:3px !important}
.MgR5 {margin-right:5px !important}
.MgR10 {margin-right:10px !important}
.MgR15 {margin-right:15px !important}
.MgR20 {margin-right:20px !important}
.MgR25 {margin-right:25px !important}
.MgR30 {margin-right:30px !important}
.MgR35 {margin-right:35px !important}
.MgR40 {margin-right:40px !important}
.MgR45 {margin-right:45px !important}
.MgR50 {margin-right:50px !important}
.MgR55 {margin-right:55px !important}
.MgR56 {margin-right:56px !important}
.MgR57 {margin-right:57px !important}
.MgR58 {margin-right:58px !important}
.MgR59 {margin-right:59px !important}
.MgR60 {margin-right:60px !important}
.MgR70 {margin-right:70px !important}
.MgR80 {margin-right:80px !important}
.MgR90 {margin-right:90px !important}
.MgR100 {margin-right:100px !important}

.MgB0 {margin-bottom:0px !important}
.MgB3 {margin-bottom:3px !important}
.MgB5 {margin-bottom:5px !important}
.MgB6 {margin-bottom:6px !important}
.MgB7 {margin-bottom:7px !important}
.MgB8 {margin-bottom:8px !important}
.MgB9 {margin-bottom:9px !important}
.MgB10 {margin-bottom:10px !important}
.MgB15 {margin-bottom:15px !important}
.MgB20 {margin-bottom:20px !important}
.MgB25 {margin-bottom:25px !important}
.MgB30 {margin-bottom:30px !important}
.MgB35 {margin-bottom:35px !important}
.MgB40 {margin-bottom:40px !important}
.MgB45 {margin-bottom:45px !important}
.MgB50 {margin-bottom:50px !important}
.MgB55 {margin-bottom:55px !important}
.MgB56 {margin-bottom:56px !important}
.MgB57 {margin-bottom:57px !important}
.MgB58 {margin-bottom:58px !important}
.MgB59 {margin-bottom:59px !important}
.MgB60 {margin-bottom:60px !important}
.MgB70 {margin-bottom:70px !important}
.MgB80 {margin-bottom:80px !important}
.MgB90 {margin-bottom:90px !important}
.MgB100 {margin-bottom:100px !important}

/*padding*/
.Pd0 { padding: 0px !important}
.Pd10 { padding: 10px !important}
.Pd15 { padding: 15px !important}
.Pd20 { padding: 20px !important}
.Pd25 { padding: 25px !important}
.Pd30 { padding: 30px !important}
.Pd35 { padding: 35px !important}
.Pd40 { padding: 40px !important}
.Pd45 { padding: 45px !important}
.Pd50 { padding: 50px !important}

.PdT5 {padding-top:5px !important}
.PdT10 {padding-top:10px !important}
.PdT15 {padding-top:15px !important}
.PdT20 {padding-top:20px !important}
.PdT25 {padding-top:25px !important}
.PdT30 {padding-top:30px !important}
.PdT35 {padding-top:35px !important}
.PdT40 {padding-top:40px !important}
.PdT45 {padding-top:45px !important}
.PdT50 {padding-top:50px !important}
.PdT55 {padding-top:55px !important}
.PdT60 {padding-top:60px !important}
.PdT65 {padding-top:65px !important}
.PdT70 {padding-top:70px !important}
.PdT75 {padding-top:75px !important}
.PdT80 {padding-top:80px !important}
.PdT85 {padding-top:85px !important}
.PdT95 {padding-top:95px !important}
.PdT100 {padding-top:100px !important}
.PdT110 {padding-top:110px !important}
.PdT120 {padding-top:120px !important}

.PdL0 {padding-left:0px !important}
.PdL5 {padding-left:5px !important}
.PdL10 {padding-left:10px !important}
.PdL15 {padding-left:15px !important}
.PdL20 {padding-left:20px !important}
.PdL25 {padding-left:25px !important}
.PdL30 {padding-left:30px !important}
.PdL35 {padding-left:35px !important}
.PdL40 {padding-left:40px !important}
.PdL45 {padding-left:45px !important}
.PdL50 {padding-left:50px !important}
.PdL55 {padding-left:55px !important}
.PdL60 {padding-left:60px !important}
.PdL65 {padding-left:65px !important}
.PdL70 {padding-left:70px !important}
.PdL75 {padding-left:75px !important}
.PdL80 {padding-left:80px !important}
.PdL85 {padding-left:85px !important}
.PdL90 {padding-left:90px !important}
.PdL95 {padding-left:95px !important}
.PdL100 {padding-left:100px !important}

.PdR0 {padding-right:0px !important}
.PdR5 {padding-right:5px !important}
.PdR10 {padding-right:10px !important}
.PdR15 {padding-right:15px !important}
.PdR20 {padding-right:20px !important}
.PdR25 {padding-right:25px !important}
.PdR30 {padding-right:30px !important}
.PdR35 {padding-right:35px !important}
.PdR40 {padding-right:40px !important}
.PdR45 {padding-right:45px !important}
.PdR50 {padding-right:50px !important}
.PdR55 {padding-right:55px !important}
.PdR60 {padding-right:60px !important}
.PdR70 {padding-right:70px !important}
.PdR80 {padding-right:80px !important}
.PdR90 {padding-right:90px !important}
.PdR100 {padding-right:1000px !important}

.PdB0 {padding-bottom:0px !important}
.PdB5 {padding-bottom:5px !important}
.PdB10 {padding-bottom:10px !important}
.PdB15 {padding-bottom:15px !important}
.PdB20 {padding-bottom:20px !important}
.PdB25 {padding-bottom:25px !important}
.PdB30 {padding-bottom:30px !important}
.PdB35 {padding-bottom:35px !important}
.PdB40 {padding-bottom:40px !important}
.PdB45 {padding-bottom:45px !important}
.PdB50 {padding-bottom:50px !important}
.PdB55 {padding-bottom:55px !important}
.PdB60 {padding-bottom:60px !important}
.PdB70 {padding-bottom:70px !important}
.PdB80 {padding-bottom:80px !important}
.PdB90 {padding-bottom:90px !important}
.PdB100 {padding-bottom:1000px !important}

.hidden {width:0;height:0;overflow:hidden;position:absolute;left:-9999999999999999px;line-height:0;}
.none {display:none}
.nonDIv>div {display:none}

.fs_11{ font-size:11px !important;}
.fs_12{ font-size:12px !important;}
.fs_13{ font-size:13px !important;}
.fs_14{ font-size:14px !important;}
.fs_15{ font-size:15px !important;}
.fs_16{ font-size:16px !important;}
.fs_18{ font-size:18px !important;}
.fs_20{ font-size:20px !important;}
.ud_line{ text-decoration:underline;}

/* 스크롤 */
.scroll_x{overflow-x:auto;}
.scroll_y{overflow-y:scroll;}
.scroll{ overflow:auto;}

.MgAuto{ margin:auto 0 !important;}

/* DIV Box */
.divBox{ overflow:hidden;}
.dis_bk { display:block; overflow:hidden; position:relative;}
.dis_ib { display: inline-block; }
.dis_no {display: none;}

select:disabled{background-color: #f0f0f0;}	
input:disabled{background-color: #f0f0f0;}

.btnGreyWhite { height:34px; display:inline-block;}
.btnMoum a { float: left; margin: 0 0 0 5px;}


/* 230619 */

.blue {color: #0f62cc; font-size: 22px; font-weight: 500;}

.item_box{height: 148px; width: 100%; padding: 28px 28px 28px 130px; border: solid 1px #dcdcdc; border-top: 2px solid #0a0a0a; display: table; background-repeat: no-repeat; background-position: left 20px center;}
.i_tit{font-size: 18px; color: #464646; margin-bottom: 16px; margin-top: 20px; }
.item_box_list{overflow: hidden;}
.item_box_list_01 > li{float: left; width: calc(50% - 20px);}
.item_ul{display: table-cell; vertical-align: middle;}

.icon_01{background-image: url(../images/sub/icon_transport.png);}
.icon_02{background-image: url(../images/sub/icon_develop.png);}
.icon_03{background-image: url(../images/sub/icon_industry.png);}
.icon_04{background-image: url(../images/sub/icon_life.png);}
.icon_05{background-image: url(../images/sub/icon_transport2.png);}
.icon_06{background-image: url(../images/sub/icon_life2.png);}
.icon_07{background-image: url(../images/sub/icon_school.png);}
.icon_08{background-image: url(../images/sub/icon_mask.png);}
.icon_09{background-image: url(../images/sub/icon_note.png);}
.icon_10{background-image: url(../images/sub/hand.png);}
.icon_11{background-image: url(../images/sub/icon_dispose.png);}
.icon_12{background-image: url(../images/sub/icon_erection.png);}
.icon_13{background-image: url(../images/sub/icon_bus.png);}

.topNone{border-top: none;}



/* 230621 ah*/
.img_PM{padding: 50px 0; margin-top: 20px;}
.txt_p{color:#464646; font-size: 16px; }
.con_sub_tit{color:#464646; font-size: 16px; margin: 30px 0 10px 0;}
.item_box_list_01 > li:nth-child(even){margin-left: 40px;}
.conMoreList li:before { top: 12px;}
.conMoreList li{ text-align:left !important;}
.conMoreList li{position:relative; padding:0 0 0 12px; font-size:14px; color:#464646; font-weight:400;}
.conMoreList li:before {display:block; content:""; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; background:#464646; border-radius:1px;}
.item_box > .btnBlueWhite{margin-top: 70px;}

/* 241007 */
/* 2025.06.28. | 이재현 | 모바일 2025.03.25_2. ui.css 자료 반영 */
.gSlider{position:relative;border-top:1px solid #e9ecf0;margin:15px -5px -10px;padding:15px 15px 25px 65px;}
.gSlider .iPlay,
.gSlider .iStop{position:absolute;top:50%;left:15px;margin-top:-16px;background:url(../images/ico_start.png) 0 0 no-repeat;background-size:27px auto;text-indent:-9999px;font-size:0;width:27px;height:27px;}
.gSlider .iStop{background-image:url(../images/ico_stop.png);}
.gSlider .stat{position:relative;}
.gSlider .stat span{position:relative;display:block;float:left;text-align:right;width:8.333%;min-height:6px;}
.gSlider .stat .day1,
.gSlider .stat .day2{position:absolute;bottom:-15px;left:0;letter-spacing:0;margin-left:-20px;text-align:center;width:40px;}
.gSlider .stat .day2{left:49.998%;}
.gSlider .stat .dot{position:absolute;top:0;left:0;width:100%;zoom:1;}
.gSlider .stat .dot:after{display:block;clear:both;content:''}
.gSlider .stat .dot span:before{content:"";position:absolute;top:-10px;right:0;background-color:#9699a0;border-radius:50%;width:4px;height:4px;}
.gSlider .stat .dot span.first:before{right:auto;left:0;}
.gSlider .stat .txt{position:relative;color:#9699a0;font-size:10px;margin:5px 0 0;zoom:1;}
.gSlider .stat .txt:after{display:block;clear:both;content:''}
.gSlider .stat .first{position:absolute;top:0;left:0;width:auto;}
.gSlider .stat .last{position:absolute;top:0;right:0;width:8.37%;}

/* 신규 gSlider */
.ad_flex{ padding: 15px 15px 30px 65px !important;}
.gSlider .dot_dsflex{ position: absolute; top: -10px; left: 0; width: 100%; zoom: 1; display: flex; justify-content: space-between;}

.gSlider .dot_dsflex em{ background-color: #9699a0; border-radius: 50%; width: 4px; height: 4px; display: inline-flex;}

.gSlider .txt_dsflex{ position: relative; color: #9699a0; font-size: 10px; margin: 5px -6px 0 -6px; zoom: 1; display: flex; justify-content: space-between;}
.gSlider .txt_dsflex span{ position: relative; color: #9699a0; font-size: 10px; display: inline-block; width: 12px; text-align: center;}
.gSlider .txt_dsflex span::before{ content: ""; position: absolute; background-color: #9699a0; border-radius: 50%; width: 4px; height: 4px; display: inline-flex; top: -10px; left: 50%; transform: translateX(-50%);}
/*
.gSlider .txt_dsflex span:first-child{ margin-left: -2px;}
.gSlider .txt_dsflex span:first-child::before{ left: 2px;}
.gSlider .txt_dsflex span:last-child::before{ left: auto; right: -2px;}
*/
.gSlider .txt_dsflex span em{ position: absolute; width: max-content; bottom: -15px; left: 50%; transform: translateX(-50%);}
.gSlider .txt_dsflex span em.day_2{ left: 0px; transform: translateX(0);}

.tf{ color: #0b6dc3 !important;}

.slider{background-color:#dcdfe3 !important;border:0 !important;height:6px !important;}
.slider .ui-widget.ui-widget-content{border:1px solid #dcdcdc !important;border-radius:6px !important;height:6px !important;}
.slider .ui-widget-header{background-color:#0b6dc3 !important;}
.slider .ui-state-default,
.slider .ui-widget-content .ui-state-default{visibility:hidden;}

.grImg img { width: 100%; }

.mInfo1{ color: #9699a0; font-size: 12px; text-align: left; background:url("../images/sub/ico_feel01.png") 0 1px no-repeat;background-size:14px auto;}
.mInfo1{ margin: 0 0 0 20px; padding:0 0 1px 22px;}