@charset "utf-8";

.fc_red{ color:#f73400 !important;}
.fc_blue{ color:#0047b8 !important;}

/* 버튼 */
.btn_page_back{ position:absolute; height:100%; width:60px; display:inline-block; top:0; background:url(../images/arrow_page_back.png) no-repeat left center; background-size:30% auto;}

/* 이미지 박스 */
.gray_box{ border:1px solid #dcdcdc; border-radius:10px; text-align:center; padding:20px;}

.gray_bg_box{ background:#f5f5f5; padding:10px 20px;}
.gray_bg_box.info p{ font-size:12px; color:#323232; margin-bottom:6px;}
.gray_bg_box.info p:last-child{ margin-bottom:0;}

.graph_box{ border:1px solid #dcdcdc; padding:15px;}


/* UL Table */
.ul_table{ width:100%; border-left:1px solid #dcdcdc; border-top: 2px solid #333;}
.ul_table li{ display:table; width:100%; table-layout:fixed;}
.ul_table .th{ display:table-cell; padding:10px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:#f8f8f8; width:14%; text-align:center; vertical-align:middle;}
.ul_table .td{ display:table-cell; padding:10px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.ul_table.form li input[type=text],
.ul_table.form li input[type=password],
.ul_table.form li input[type=tel],
.ul_table.form li select{ padding: 0 6px; height: 30px; line-height: 30px;}
.ul_table.editer{ border-top:none;}
.ul_table label{ cursor: pointer;}
.ul_table.form li input:disabled + label{ cursor: default !important;}


/* 가로 정렬 */
.ho_list{ display:table; width:100%; overflow:hidden;}
.ho_list.t_c{ text-align:center;}
.ho_list li{ display:table-cell;}
.ho_list.fix{ table-layout:fixed;}

.top_info{ border:4px solid #efefef; border-radius:10px; padding:30px; margin-bottom:35px; margin-top:40px;}
.top_info dl{ margin-left: 150px;}
.top_info dl dt{ font-size:26px; color:#0257cb; margin-bottom:5px; font-weight:bold;}
.top_info dl dd{word-break: keep-all; line-height:28px; font-size:17px; color:#646464; letter-spacing:-1px;}

.top_info.s111{ background:url(../images/s111_top_info_icon.png) no-repeat left 50px center;} /* 그린링크 */
.top_info.s121{ background:url(../images/s121_top_info_icon.png) no-repeat left 50px center;} /* 연혁 및 추진체계 */
.top_info.s131{ background:url(../images/s131_top_info_icon.png) no-repeat left 50px center;} /* 대기배출시설 */
.top_info.s141{ background:url(../images/s141_top_info_icon.png) no-repeat left 50px center;} /* 대기방지시설 */
.top_info.s151{ background:url(../images/s151_top_info_icon.png) no-repeat left 50px center;} /* 업무흐름도 */


.info_box_sub{ border: 1px solid #dcdcdc; padding:30px;}
.info_box_sub dl{ margin-left:140px;}
.info_box_sub dl dt{ font-size:18px; letter-spacing:-1px; margin-bottom:5px; font-family: 'NotoKrM';}
.info_box_sub dl dd{ font-size:16px; color:#646464;}

.info_box_sub.p101_01{ background:url(../images/p101_info_01.png) no-repeat left 45px center #fafafa;}
.info_box_sub.p101_02{ background:url(../images/p101_info_02.png) no-repeat left 45px center #fafafa;}

.p101_imgbox{ border: 1px solid #dcdcdc; padding:10px;}
.p101_imgbox p{ background:#fafafa; text-align:center; padding:20px;}

.p102_contbox_01{ border:1px solid #0257cb; border-radius:10px; padding:20px 0;}
.p102_contbox_01 li{ border-right: 2px dotted #dcdcdc}
.p102_contbox_01 li:last-child{ border:none;}
.p102_contbox_01 li:nth-child(1) dt{ background:url(../images/p101_icon01.png) no-repeat bottom 50px center;}
.p102_contbox_01 li:nth-child(2) dt{ background:url(../images/p101_icon02.png) no-repeat bottom 50px center;}
.p102_contbox_01 li:nth-child(3) dt{ background:url(../images/p101_icon03.png) no-repeat bottom 50px center;}
.p102_contbox_01 dt{ padding-top:110px; font-size:20px; color:#1e1e1e; margin-bottom:10px;}
.p102_contbox_01 dd{ color:#646464; font-size:15px;}

.bojo{ overflow:hidden;}
.bojo li{ width:310px; float:left; margin-right:78px; margin-bottom:30px; position:relative;}
.bojo li:before {content: ""; position: absolute; background:url(../images/common/arrow_05.png) no-repeat; right:-60px; top:40px; width: 38px; height: 20px;}
.bojo li:nth-child(3),
.bojo li:nth-child(6),
.bojo li:nth-child(9){ margin-right:0;}
.bojo li:nth-child(3):before,
.bojo li:nth-child(6):before,
.bojo li:nth-child(9):before{background:none; }
.bojo dl{ margin-bottom:15px; border-radius:10px; border: 1px solid #b1bbc2;}
.bojo dt{ background:#0688e9; color:#fff; text-align:center; font-size:18px; border-radius:10px 10px 0 0; padding:15px 0;}
.bojo dd{ background:#eaf3f6; text-align:center; font-size:16px; border-radius:0 0 10px 10px; padding:10px 0;}
.bojo p{ color:#646464; background:url(../images/common/dot_g03.png) no-repeat left 4px top 10px; padding-left:18px; font-size:15px; letter-spacing:-1px; word-break: keep-all;}

/* IoT 기기 : 방지시설 핵심인자 */
.fan_list{ background:#f2f4f5; padding:45px; overflow:hidden;}
.fan_list li{ float:left;}
.fan_list li:nth-child(1){margin-right:40px;}
.fan_list li:nth-child(2){margin-right:40px; margin-bottom:40px;}
.fan_list li:nth-child(3){}
.fan_list li:nth-child(4){margin-left:173px;}
.fan_list li:nth-child(5){margin-left:40px;}

.dev_box{ border: 1px solid #dcdcdc; border-radius: 5px; padding:50px;}
.dev_box .tit{ text-align:right; background:url(../images/common/dot_n01.png) repeat-x center; margin-bottom:10px;}
.dev_box .tit span{ background:#192e59; color:#fff; border-radius:50px; display:inline-block; padding:8px 40px; font-size:18px; letter-spacing:-1px; }
.dev_box .dev_info_txt li{ margin-bottom:10px; color:#646464;}
.dev_box .dev_info_txt li b{ color:#323232;}
.dev_box .dev_info_txt span{ color:#323232; position:relative; display:inline-block; padding:6px 20px; margin-right:20px; background:#d9d9d9; border-radius:50px;}
.dev_box .dev_info_txt span:before {content: "▶"; font-size:10px; position: absolute; color:#d9d9d9; right:-8px; top:9px;}









/* 소규모사업장 : 그린링크 */
/*
.item_box{ border:1px solid #dcdcdc; border-radius:5px;}
*/
.item_box{ border:1px solid #dcdcdc; border-radius:5px; padding:0; }
.item_box .tit{ background:#192e59; color:#fff; padding:0 12px; text-align:center; font-size:18px; height:40px; line-height:40px; border-radius:5px 5px 0 0;}
.item_box .cont{ padding: 20px 0 0 0; position:relative; border-radius: 5px;}
.item_box .cont:before{ display: block; clear: both; content: ""; }
.item_box.blue .tit{background:#225dc6;}

.s111_item_wrap{ overflow:hidden; margin-bottom:20px;}
.s111_item_wrap > li{ float:left; margin-right:30px;}
.s111_item_wrap > li:last-child{ margin-right:0;}
.s111_item_wrap .item_box{border:1px solid #c2ddeb;}
.s111_item_wrap .item_box .cont{ height:340px; background:#e9f6fd;  padding:24px;}
.s111_item_wrap li:nth-child(1) .item_box{ width:250px;}
.s111_item_wrap li:nth-child(2) .item_box{ width:180px;}
.s111_item_wrap li:nth-child(3) .item_box{ width:590px;}

.item_img_list dt,
.item_img_list dd{ text-align:center; font-size:16px;}

.s111_item_wrap li:nth-child(1) .item_box > div{ padding:36px 8px 0 8px;}
.s111_item_wrap li:nth-child(1) .item_img_list{  overflow:hidden; float:left; width:50%;}
.s111_item_wrap li:nth-child(1) .item_img_list:nth-child(n+3){ margin-top:40px;}
.s111_item_wrap li:nth-child(1) .item_img_list dt{ height:90px;}
.s111_item_wrap li:nth-child(1) .item_img_list dd{}
.s111_item_wrap li:nth-child(1) .item_img_list:nth-child(3) dt{ text-align:right;}

.s111_item_wrap li:nth-child(2) .item_img_list{ margin-bottom:20px;}

.s111_gray_box{ border:1px solid #dcdcdc; height:330px; position:relative; background:url(../images/s111_circle_bg.png) no-repeat top 107px center;}
.s111_gray_box .greenlink_logo{ position:absolute; left: 50%; transform: translateX(-50%); top:172px;}
.s111_gray_box .item dt,
.s111_gray_box .item dd{ position:absolute;}

.s111_gray_box .item dt{ width:94px; height:94px; line-height:94px; border-radius:50px; text-align:center;}
.s111_gray_box .item dd{ font-size:18px; font-family: 'NotoKrM'; line-height:22px;}

.s111_gray_box .item.g01 dt{ background:#59c800; left: 50%; transform: translateX(-50%); top:65px;}
.s111_gray_box .item.g02 dt{ background:#3196fd; top:178px; left:338px;}
.s111_gray_box .item.g03 dt{ background:#fcbe01; top:178px; left:656px; line-height:80px;}

.s111_gray_box .item.g01 dd{ left:604px; top:50px; color:#439700;}
.s111_gray_box .item.g02 dd{ left:168px; top:205px; color:#0065cc;}
.s111_gray_box .item.g03 dd{ left:766px; top:202px; color:#df9d00;}




.s111_system_wrap{ display:table; width:100%;}
.s111_system_wrap > li{ display:table-cell; height:713px;}
.s111_system_wrap > li:nth-child(1){ width:198px;}
.s111_system_wrap > li:nth-child(2){ width:630px; padding-left:30px;}
.s111_system_wrap > li:nth-child(3){ width:112px;}
.s111_system_wrap > li:nth-child(4){ width:150px;}

.s111_system_wrap .c01 .item_box .cont{ height:870px;}
.s111_system_wrap .c01 .item_box .cont{ background:url(../images/s111_bg02.png) no-repeat left bottom; overflow:hidden; text-align:center;}
.s111_system_wrap .c01 .i11{ margin-bottom:15px;}
.s111_system_wrap .c01 .i12{ height:150px; background:url(../images/s111_arrow_down.png) no-repeat top center; padding-top:65px; color:#225dc6; margin:4px 0;}
.s111_system_wrap .c01 .i13{ height:330px; border:1px solid #225dc6; background:#f4fbff; padding-top:30px;}
.s111_system_wrap .c01 .i13 p{ margin-top:20px;}

.s111_system_wrap .c02{ position:relative;}
.s111_system_wrap .c02 .cont.c021{ text-align:center; height:327px;}
.tit.down_gray_bg{ background:url(../images/s111_c02_tit_bg.png) no-repeat left top #3d4e68;}
.s111_system_wrap .c02 .arrow02{ position:absolute; left:62px; bottom:-50px;}
.s111_system_wrap .c02 .i21{ position:absolute; width:600px; left:30px; top:386px; height:130px;}
.s111_system_wrap .c02 .server_img{ position:absolute; left:-60px; top:5px;}

.s111_system_wrap .c02 .i211{ background:#f4fbff; border:1px solid #dcdcdc; width:466px; height:130px; border-radius:5px; float:right; padding:22px 0 0 44px;}
.s111_system_wrap .c02 .i211 ul{ display:table; width:100%; background:url(../images/s111_i211_line.png) no-repeat left 114px top 31px;}
.s111_system_wrap .c02 .i211 li{ display:table-cell; vertical-align:middle;}
.s111_system_wrap .c02 .i211 li:nth-child(1){ width:52px;}
.s111_system_wrap .c02 .i211 li:nth-child(2){ width:99px; padding-right:19px;}
.s111_system_wrap .c02 .i211 li:nth-child(3){ width:88px; padding-right:8px;}
.s111_system_wrap .c02 .i211 li:nth-child(4){ width:80px;}
.s111_system_wrap .c02 .i211 li:nth-child(5){ padding-right:42px;}
.s111_system_wrap .c02 .i211 li:nth-child(3) dt{ padding-top:16px;}

.s111_system_wrap .c02 .i211 li dt{ height:64px; margin-bottom:6px; text-align:center;}
.s111_system_wrap .c02 .i211 li dd{ text-align:center; font-size:13px; color:#505050;}

/* 주요 기능 */
.tit.gray{ background:#828282;}
.s111_system_wrap .c02 .i22 .cont{ padding:14px 20px 0 20px; height:142px;}
.s111_system_wrap .c02 .i22{ margin-top:160px;}
.s111_system_wrap .c02 .i221 li{ position:relative; width:175px; border-radius:10px; height:52px; display:table; padding:3px; float:left; margin-right:14px; margin-bottom:10px;
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a9d154), color-stop(1, #379d15)); */
/* 	background: -moz-linear-gradient(top, #a9d154 0%, #379d15 100%); */
/* 	background: -webkit-linear-gradient(top,  #a9d154 0%, #379d15 100%); */
/* 	background: -o-linear-gradient(top,  #a9d154 0%, #379d15 100%); */
/* 	background: -ms-linear-gradient(top,  #a9d154 0%, #379d15 100%); */
/* 	background: linear-gradient(top,  #a9d154 0%, #379d15 100%); */
/* 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9d154', endColorstr='#379d15', gradientType=0); */
	background: linear-gradient(180deg, rgba(165,207,82,1) 0%, rgba(172,194,0,1) 50%, rgba(58,159,23,1) 100%);
}
.s111_system_wrap .c02 .i221 li:nth-child(3n){ margin-right:0;}
.s111_system_wrap .c02 .i221 li span{ display:table-cell; vertical-align:middle; text-align:center; line-height:18px; background:#fff; border-radius:8px; color:#237906; font-size:15px;}

.s111_system_wrap .c03{ position:relative;}
.s111_system_wrap .c03 img{ position:absolute; left:-3px;}
.s111_system_wrap .c03 img:nth-child(1){ top:10px;}
.s111_system_wrap .c03 img:nth-child(2){ bottom:0;}

.s111_system_wrap .c04 .item_box .tit{ background:#3e4e68; height:38px; line-height:38px; font-size:17px;}
.s111_system_wrap .c04 .cont{ padding:0;}
.s111_system_wrap .c04 .item_box:nth-child(1){ margin-top:10px;}
.s111_system_wrap .c04 .cont ul li{ height:105px; text-align:center; padding-top:10px; border-bottom:1px solid #dcdcdc}
.s111_system_wrap .c04 .cont ul li:last-child{ border-bottom:none;}
.s111_system_wrap .c04 .cont ul:nth-child(1) li:nth-child(1){ height:123px;}

.s111_system_wrap .c04 .item_box:nth-child(2){ margin-top:35px;}
.s111_system_wrap .c04 .item_box:nth-child(2) li{ height:135px; padding-top:14px;}
.s111_system_wrap .c04 .item_box:nth-child(2) li p{ margin-top:10px;}

/* 소규모사업장 : 연혁 및 추진체계 : 사업장 및 기관별 추진체계 */
.biz_flow{ display:table; width:100%;}
.biz_flow > div{ display:table-cell;}
.biz_flow > div:nth-child(1){ width:276px; padding-right:20px;}
.biz_flow > div:nth-child(2){ width:538px; position:relative;}
.biz_flow > div:nth-child(3){ width:276px; padding-left:20px;}

.biz_flow_box{}
.biz_flow_box .tit{ height:78px; line-height:75px; background:#778999; text-align:center; border-radius:3px 3px 0 0; }
.biz_flow_box .cont{ border:1px solid #ced4e2; border-top:5px solid #ced4e2; border-radius:3px; margin-top:-5px; padding:16px 0 0 14px;}
.biz_flow_box.b01 .cont{ height:195px;}
.biz_flow_box.b02 .cont{ height:165px;}

.biz_flow_arrow_box{ display:table; table-layout:fixed; width:100%; margin:15px 0;}
.biz_flow_arrow_box li{ display:table-cell; height:80px; padding-left:36px; vertical-align:middle; color:#646464; line-height:20px;}
.biz_flow_arrow_box li:nth-child(1){ background:url(../images/biz_flow_arrow_down.png) no-repeat right 5px center;}
.biz_flow_arrow_box li:nth-child(2){ background:url(../images/biz_flow_arrow_up.png) no-repeat left 5px center;}

.biz_flow > div:nth-child(3) .biz_flow_arrow_box li:nth-child(1){ padding-left:16px;}
.biz_flow > div:nth-child(3) .biz_flow_arrow_box li:nth-child(2){ padding-left:34px;}
.biz_flow > div:nth-child(3) .biz_flow_box.b02 .cont{ background: #eaf3f6; padding: 0; font-size: 18px; display: flex; justify-content: center; align-items: center;}

.biz_flow_arrow{ position:absolute;}
.biz_flow_arrow.a01{ left:0; top:5px;}
.biz_flow_arrow.a02{ left:0; top:42px;}
.biz_flow_arrow.a03{ left:10px; top:86px;}
.biz_flow_arrow.a04{ left:0; top:105px;}
.biz_flow_arrow.a05{ left:1px; top:86px;}
.biz_flow_arrow.a06{ left:10px; top:105px;}
.biz_flow_arrow.a07{ left:0; top:564px;}

/* 소규모사업장 : 연혁 및 추진체계 : 대기배출시설 */
.s131_txt_box{background:url(../images/s131_txt_bg.png) no-repeat right bottom;}

.s141_txt_list{ height:794px; background:url(../images/s141_bg_img03.jpg) no-repeat;}

.s141_txt_list dl{ position:relative;}
.s141_txt_list dl dt{ text-align:center; font-size:22px; font-family: 'NotoKrR';}
.s141_txt_list dl dt:nth-child(1){ color:#4a4a4a; padding-top:35px;}
.s141_txt_list dl dt:nth-child(9){ color:#005672; padding-top:280px;}
.s141_txt_list dl dd{ position:absolute; font-size:16px; color:#323232; display:inline-block; padding:20px 0; border-radius:5px; background:#fff; text-align:center;}

.s141_txt_list dl dd:nth-child(2),
.s141_txt_list dl dd:nth-child(3),
.s141_txt_list dl dd:nth-child(4),
.s141_txt_list dl dd:nth-child(5),
.s141_txt_list dl dd:nth-child(6),
.s141_txt_list dl dd:nth-child(7),
.s141_txt_list dl dd:nth-child(8){ width:145px; border:2px solid #898989;}

.s141_txt_list dl dd:nth-child(2){ top:90px; left:210px;}
.s141_txt_list dl dd:nth-child(3){ top:90px; left:385px}
.s141_txt_list dl dd:nth-child(4){ top:90px; left:560px;}
.s141_txt_list dl dd:nth-child(5){ top:90px; left:735px;}
.s141_txt_list dl dd:nth-child(6){ top:200px; left:295px;}
.s141_txt_list dl dd:nth-child(7){ top:200px; left:470px;}
.s141_txt_list dl dd:nth-child(8){ top:200px; left:645px;}

.s141_txt_list dl dd:nth-child(10),
.s141_txt_list dl dd:nth-child(11),
.s141_txt_list dl dd:nth-child(12),
.s141_txt_list dl dd:nth-child(13),
.s141_txt_list dl dd:nth-child(14),
.s141_txt_list dl dd:nth-child(15),
.s141_txt_list dl dd:nth-child(16),
.s141_txt_list dl dd:nth-child(17){ width:210px; border:2px solid #5795a9; letter-spacing:-1px;}

.s141_txt_list dl dd:nth-child(10){ top:402px; left:80px;}
.s141_txt_list dl dd:nth-child(11){ top:402px; left:320px;}
.s141_txt_list dl dd:nth-child(12){ top:402px; left:560px;}
.s141_txt_list dl dd:nth-child(13){ top:402px; left:800px;}
.s141_txt_list dl dd:nth-child(14){ top:524px; left:80px;}
.s141_txt_list dl dd:nth-child(15){ top:524px; left:320px;}
.s141_txt_list dl dd:nth-child(16){ top:524px; left:560px;}
.s141_txt_list dl dd:nth-child(17){ top:524px; left:800px;}

.s141_txt_list dl dd:nth-child(18){ padding:20px 30px; border:2px solid #192e59; top:684px; left:140px;}
.s141_flow_box{ background:#f2f4f5; padding:40px 20px;}
.s141_flow_box ul{}
.s141_flow_box ul:after { display: block; clear: both; content: "";}
.s141_flow_box li{ float:left; width:202px; height:64px; line-height:64px; font-family: 'NotoKrM'; font-size:18px; text-align:center; color:#fff; margin-right:10px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);}
.s141_flow_box li:nth-child(1){ background:url(../images/s141_flow_bg01.png) no-repeat;}
.s141_flow_box li:nth-child(2){ background:url(../images/s141_flow_bg02.png) no-repeat;}
.s141_flow_box li:nth-child(3){ background:url(../images/s141_flow_bg03.png) no-repeat;}
.s141_flow_box li:nth-child(4){ background:url(../images/s141_flow_bg04.png) no-repeat;}
.s141_flow_box li:nth-child(5){ background:url(../images/s141_flow_bg05.png) no-repeat; margin-right:0;}

.btn_law{ display:inline-block; height:30px; line-height:30px; background:#526fa2; color:#fff; font-size:14px; padding:0 18px; border-radius:50px;}
.btn_law i{ color:#fff; margin-left:5px;}

/* 대기법(지침) : 대기법 */
.air_law_box{ border:1px solid #dcdcdc; padding:30px 30px 30px 190px; margin-bottom:10px;}
.air_law_box.a01{ background:url(../images/s311_icon01.png) no-repeat left 36px top 36px #fafafa;}
.air_law_box.a02{ background:url(../images/s311_icon02.png) no-repeat left 36px top 36px #fafafa;}
.air_law_box.a03{ background:url(../images/s311_icon03.png) no-repeat left 36px top 36px #fafafa;}
.air_law_box.a04{ background:url(../images/s311_icon04.png) no-repeat left center #fafafa;}

.air_law_box dl{}
.air_law_box dl dt{ color:#323232; font-size:18px; margin-bottom:8px;}
.air_law_box dl dd{ color:#646464; font-size:16px; line-height:28px; margin-bottom:8px;}
.air_law_box dl dd:last-child{ margin-bottom:0;}

/* 그린링크 운영관리 : 그린링크 가입 */
.green_tit{ height:46px; border-radius:50px; padding:7px; border:1px solid #b9cfd7; background:#effbff; font-size:16px; color:#1e1e1e; margin-bottom:10px;}
.green_tit .num{ background:#0047b8; color:#fff; font-size:18px; font-family: 'NotoKrM'; border-radius:50px; display:inline-block; width:32px; height:32px; line-height:32px; text-align:center; margin-right:10px;}

.green_img_box{ padding:0 10px;}
.green_img_box:after{ display: block; clear: both; content: "";}

.green_img_box img:nth-child(odd){ float:left;}
.green_img_box img:nth-child(even){ float:right;}

/* 그린링크 운영관리 : 그린링크 신호전송 */
.s431_img_box{ border:1px solid #dcdcdc; margin:20px 10px 0 10px; display:flex; justify-content: center; align-items: center; padding:40px;}
.s431_img_box .off_box{ position:absolute; background:#778999; width:206px; height:84px; line-height:84px; border-radius:5px; color:#fff; font-size:19px; font-family: 'NotoKrM'; text-align:center;}

.s431_img_box .off_box.of01{ left:431px; top:56px;} /* 지자체 */
.s431_img_box .off_box.of02{ left:431px; top:280px;} /* IoT 설체업체 */
.s431_img_box .off_box.of03{ left:75px; top:280px;} /* VPN업체 */
.s431_img_box .off_box.of04{ left:787px; top:280px;} /* 사업장 */
.s431_img_box .off_box.of05{ left:431px; top:505px;} /* 한국환경공단 */

.s431_img_box .arrow_box{ position:absolute;}
.s431_img_box .arrow_box.a01{ left:494px; top:150px;}
.s431_img_box .arrow_box.a02{ left:648px; top:110px;}
.s431_img_box .arrow_box.a03{ left:295px; top:260px;}
.s431_img_box .arrow_box.a04{ left:295px; top:330px;}

.s431_img_box .arrow_box.a05{ left:650px; top:279px;}
.s431_img_box .arrow_box.a06{ left:650px; top:330px;}
.s431_img_box .arrow_box.a07{ left:425px; top:373px;}
.s431_img_box .arrow_box.a08{ left:541px; top:373px;}

.p301_txt_box{ background:#f5f5f5; border:1px solid #dcdcdc; padding:20px 20px 20px 40px; color:#505050; margin-left:20px; }
.p301_txt_box li{ margin-bottom:5px;list-style:decimal;}

.p302_img_box{ overflow:hidden;}

.p302_txt_box{ border:1px solid #dcdcdc; background:#f8f8f8; border-radius:10px; width:524px; height:212px; float:left; position:relative; padding:40px 10px 0 10px;}
.p302_txt_box.s2{ margin-left:28px; border:1px dashed #e90000;}
.p302_txt_box.s2 span{ display:block; font-size:16px; color:#e90000}
.p302_txt_box .tit{ position:absolute; width:308px; height:58px; line-height:58px; text-align:center; font-size:18px; background:#e0e5ef; border:1px solid #b8c0d0; border-radius:10px; left: 50%; transform: translateX(-50%); top:-30px;}
.p302_txt_box.s2 .tit{ padding-top:6px;}
.p302_txt_box.s2 .tit{ line-height:22px;}
.p302_txt_box dl{ float:left; margin-right:10px; border: 1px solid #dcdcdc; background:#fff; width:245px; padding:10px 0;}
.p302_txt_box dl:last-child{ margin:0;}
.p302_txt_box dl dt{ text-align:center; font-size:16px; color:#323232; margin-bottom:8px;}
.p302_txt_box dl dd{ color:#646464; font-size:15px; background:url(../images/common/dot_g03.png) no-repeat left center; padding-left:12px; line-height:26px; margin-left:20px;}

.p303_txt_box01{ border:1px solid #dcdcdc; border-radius:10px;}
.p303_txt_box01 .tit{ text-align:center; font-size:22px; color:#fff; background:url(../images/icon_zoom.png) no-repeat left 44% center #192e59; padding:8px 0; border-radius:10px 10px 0 0;}
.p303_txt_box01 ul{ overflow:hidden; padding:20px;}
.p303_txt_box01 ul li{ float:left; width:50%;}

.p303_txt_box02{ overflow:hidden;}
.p303_txt_box02 li{ float:left; width:518px; margin-bottom:20px;}
.p303_txt_box02 div{ background:#f2f4f5; border: 1px solid #dcdcdc; border-radius:10px; height:200px; padding:25px 25px 0 30px}
.p303_txt_box02 li:nth-child(odd){ margin-right:54px;}
.p303_txt_box02 dl:first-child{ margin-bottom:20px;}
.p303_txt_box02 dl dt{ font-size:16px; color:#323232; margin-bottom:5px;}
.p303_txt_box02 dl dd{ font-size:15px; color:#646464; letter-spacing:-1px;}

.p401_txt_box{background:url(../images/p401_txt_bg.png) no-repeat right bottom;}

.p420_txt_box{ height:400px; background:url(../images/p402_bg_img01.png) no-repeat left top, url(../images/p402_bg_img02.png) no-repeat bottom;; margin-top:60px;}
.p420_txt_box dl{ margin-left:470px; margin-top:40px;}
.p420_txt_box dl dt{ font-size:38px; color:#1e1e1e; margin-bottom:30px; line-height:50px; letter-spacing:-1px;}
.p420_txt_box dl dd{ font-size:16px; color:#646464; word-break: keep-all;}

.p402_imb_box{ overflow:hidden;}
.p402_imb_box li{ float:left; width:346px; height:334px; border:1px solid #dcdcdc; padding-top:26px; text-align:center; margin-bottom:25px;}
.p402_imb_box li:nth-child(1),
.p402_imb_box li:nth-child(2),
.p402_imb_box li:nth-child(4){ margin-right:25px;}
.p402_imb_box li:nth-child(4){ margin-left:184px;}
.p402_imb_box li p{ margin-top:15px;}

.p401_txt_box{background:url(../images/p401_txt_bg.png) no-repeat right bottom;}

.p420_txt_box{ height:400px; background:url(../images/p402_bg_img01.png) no-repeat left top, url(../images/p402_bg_img02.png) no-repeat bottom;; margin-top:60px;}
.p420_txt_box dl{ margin-left:470px; margin-top:40px;}
.p420_txt_box dl dt{ font-size:38px; color:#1e1e1e; margin-bottom:30px; line-height:50px; letter-spacing:-1px;}
.p420_txt_box dl dd{ font-size:16px; color:#646464; word-break: keep-all;}
.p402_img_box{ padding:40px 0; text-align:center; background:#f2f4f5;}

.p402_imb_box{ overflow:hidden;}
.p402_imb_box li{ float:left; width:346px; height:334px; border:1px solid #dcdcdc; padding-top:26px; text-align:center; margin-bottom:25px;}
.p402_imb_box li:nth-child(1),
.p402_imb_box li:nth-child(2),
.p402_imb_box li:nth-child(4){ margin-right:25px;}
.p402_imb_box li:nth-child(4){ margin-left:184px;}
.p402_imb_box li p{ margin-top:15px;}

.p402_txt_list{ height:794px; background:url(../images/p402_bg_img03.jpg) no-repeat;}

.p402_txt_list dl{ position:relative;}
.p402_txt_list dl dt{ text-align:center; font-size:22px; font-family: 'NotoKrR';}
.p402_txt_list dl dt:nth-child(1){ color:#4a4a4a; padding-top:35px;}
.p402_txt_list dl dt:nth-child(9){ color:#005672; padding-top:280px;}
.p402_txt_list dl dd{ position:absolute; font-size:16px; color:#323232; display:inline-block; padding:20px 0; border-radius:5px; background:#fff; text-align:center;}

.p402_txt_list dl dd:nth-child(2),
.p402_txt_list dl dd:nth-child(3),
.p402_txt_list dl dd:nth-child(4),
.p402_txt_list dl dd:nth-child(5),
.p402_txt_list dl dd:nth-child(6),
.p402_txt_list dl dd:nth-child(7),
.p402_txt_list dl dd:nth-child(8){ width:145px; border:2px solid #898989;}

.p402_txt_list dl dd:nth-child(2){ top:90px; left:210px;}
.p402_txt_list dl dd:nth-child(3){ top:90px; left:385px}
.p402_txt_list dl dd:nth-child(4){ top:90px; left:560px;}
.p402_txt_list dl dd:nth-child(5){ top:90px; left:735px;}
.p402_txt_list dl dd:nth-child(6){ top:200px; left:295px;}
.p402_txt_list dl dd:nth-child(7){ top:200px; left:470px;}
.p402_txt_list dl dd:nth-child(8){ top:200px; left:645px;}

.p402_txt_list dl dd:nth-child(10),
.p402_txt_list dl dd:nth-child(11),
.p402_txt_list dl dd:nth-child(12),
.p402_txt_list dl dd:nth-child(13),
.p402_txt_list dl dd:nth-child(14),
.p402_txt_list dl dd:nth-child(15),
.p402_txt_list dl dd:nth-child(16),
.p402_txt_list dl dd:nth-child(17){ width:210px; border:2px solid #5795a9; letter-spacing:-1px;}

.p402_txt_list dl dd:nth-child(10){ top:402px; left:80px;}
.p402_txt_list dl dd:nth-child(11){ top:402px; left:320px;}
.p402_txt_list dl dd:nth-child(12){ top:402px; left:560px;}
.p402_txt_list dl dd:nth-child(13){ top:402px; left:800px;}
.p402_txt_list dl dd:nth-child(14){ top:524px; left:80px;}
.p402_txt_list dl dd:nth-child(15){ top:524px; left:320px;}
.p402_txt_list dl dd:nth-child(16){ top:524px; left:560px;}
.p402_txt_list dl dd:nth-child(17){ top:524px; left:800px;}

.p402_txt_list dl dd:nth-child(18){ padding:20px 30px; border:2px solid #192e59; top:684px; left:140px;}

.tab_info{ position:absolute; right:0; top:15px; color:#999;}

.capslock_mesege{ font-size:13px; color:#999; position:absolute; width: max-content; top:8px; right:-130px;}

@media screen and (max-width: 640px) {
	.mem_info_txt{ word-break: keep-all;}
	.capslock_mesege{ top: 2px; right: 0;}
}

/* 회원가입 STEP */
.join_step{ display:table; width:100%; table-layout:fixed;  border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; margin-bottom:70px;}
.join_step li{ display:table-cell; padding:20px; border-right:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc;}
.join_step span{display:table-cell; vertical-align:middle; width:45px;}
.join_step span i{ color:#b4b4b4;}
.join_step dl{display:table-cell; vertical-align:middle;}
.join_step dt{ color:#b4b4b4; font-size:14px; font-family: 'NotoKrM';}
.join_step dd{ color:#646464; font-size:15px;}

.join_step li.on{ background:#192e59;}
.join_step li.on span i{ color:#fff;}
.join_step li.on dt{ color:#00fff6;}
.join_step li.on dd{ color:#fff;}

.sk_pass_area{ width:480px; margin:0 auto;}

.ch_info{ font-size:14px; font-weight:normal; background:#fff; padding:10px 0 10px 20px;}

.inp_s input[type=text],
.inp_s input[type=password],
.inp_s input[type=tel],
.inp_s select {padding: 0 6px; height:30px; line-height:30px;}

/* 페이지 TAB 메뉴 */
.page_tab_wrap{ margin-bottom:30px;}
.page_tab:after { display: block; clear: both; content: ""; }
.page_tab { border-bottom:1px solid #dcdcdc;}
.page_tab li{ float:left; width:364px; height:48px; line-height:48px; border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc; margin-bottom:-1px;}
.page_tab li:first-child{  border-left:1px solid #dcdcdc;}
.page_tab li a{ font-size:16px; color:#767676; text-align:center; display:block;}
.page_tab li.on a{ color:#0047b8;}
.page_tab_cont{ display:none;}

.page_tab.divis3{ border-bottom:none}
.page_tab.divis3 li{ width:33.3%; margin-bottom:0; border-bottom:1px solid #dcdcdc;}
.page_tab.divis3 li:nth-child(4n){ border-left: 1px solid #dcdcdc;}
.page_tab.divis3 li:nth-child(1n+4){ border-top:none;}
.page_tab li.on{ border:1px solid #0047b8 !important;}

/* IoT 제품홍보 */
.product_wrap{ border: 4px solid #efefef; border-radius: 10px; padding:24px 30px 20px 30px; margin-bottom: 20px;}
.product_sort_wrap:not(:first-child){ margin-top: 20px;}
.product_tit{ font-size: 17px; color: #1e1e1e; font-weight: 700; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 2px solid #efefef; display: flex; justify-content: space-between; align-items: center;}

.btn_product_list{ position: relative; width: 16px; height: 28px;}
.btn_product_list::before{ content: ""; position: absolute; width: 15px; height: 9px; right: 0; bottom: 4px;
	background: url("../images/common/arrow_f_m_site_down.png") no-repeat; background-size: cover; transform: rotate(180deg);
}
.btn_product_list.close::before{ background: url("../images/common/arrow_f_m_site_down.png") no-repeat; background-size: cover; transform: rotate(0deg)}

.product_tab{ padding-left: 10px; display: flex; flex-wrap: wrap;}
.product_tab li{ width: 25%; margin-bottom: 8px;}
.product_tab li a{ position: relative; display: block; font-size: 16px; color: #646464; padding-left: 12px;}
.product_tab li a:before{ content: ""; position: absolute; width: 4px; height: 4px; left: 0; top: 50%; transform: translateY(-50%); background: #969696; border-radius: 4px;}
.product_tab li.on a,
.product_tab li:hover a{ color: #0047b8; font-weight: 700; text-decoration: underline;}
.product_tab li.on a:before,
.product_tab li:hover a:before{ background: #0047b8;}

@media screen and (max-width: 640px) {
	.product_wrap{ padding: 15px;}
	.product_tab{ padding-left: 0;}
	.product_tab li{ width: 50%;}
	.product_tab li a{ font-size: 14px;}
}

.product_list{ overflow:hidden; border-top:2px solid #333; padding-top:25px;}
.product_list li{ float:left; width:250px; margin-right:30px; margin-bottom:20px; padding-bottom:18px; border-bottom:1px solid #333; position:relative;}
.product_list li:nth-child(4n){ margin-right:0;}
.product_img{ width:250px; height:250px; background:url(../images/p_item_bg.gif) no-repeat center #e5edf0; margin-bottom:15px;}
.product_img a{ display:block; height:250px;}
.product_img img{ width:250px; height:250px; border:1px solid #dcdcdc;}
.product_list dl{}
.product_list dt{ color:#505050; margin-bottom:7px;}
.product_list dd{ color:#969696;}

.product_list .p_mode{ display:inline-block; position:absolute; width:70px; height:26px; line-height:26px; color:#fff; font-size:14px; text-align:center; left:0; top:0;}
.product_list .p_mode.show{ background:#f69c00;}
.product_list .p_mode.hide{ background:#323232;}

/* 신형GW */
.gw_item_wrap{ border:1px solid #192e59; padding:30px; margin-bottom:50px;}
.gw_item_wrap:after,
.gw_item_box:after{ display: block; clear: both; content: "";}
.gw_item_box{ position:relative; width:440px; float:left}
.gw_item_box img{ width:440px; height:500px; border-radius:0 10px 10px 10px;}

.gw_item_box:before{content: ""; position: absolute; right:-30px; top:0; width:30px; height:100%; background:url(../images/gw_img_blur.png) no-repeat top right;}

.gw_right_cont{ float:right; width:515px;}

@media screen and (max-width: 640px) {
	.gw_item_box:before{ display: none;}
}

/* 신형GW 테이블 */
.table_pot2{ width:100%; border-top:2px solid #5d6a73; }
.table_pot2 tr > th{ border-bottom:1px solid #dcdcdc; color:#1e1e1e; padding:10px; text-align:center; background:#f2f4f5; border-right:1px solid #dcdcdc; font-size:14px;}
.table_pot2 tr > td{ border-bottom:1px solid #dcdcdc; color:#646464; padding:10px 15px; border-right:1px solid #dcdcdc; text-align:center; letter-spacing:-0.6px; font-size:14px;}
.table_pot2 tr > th:last-child,
.table_pot2 tr > td:last-child{ border-right:none;}
.table_pot2.tdLeft > td{ text-align:left;}
.table_pot2.s_form input[type=text],
.table_pot2.s_form input[type=password],
.table_pot2.s_form select { padding: 0 6px; height: 30px; line-height: 30px;}
.table_pot2 p{ color:#646464}
.scroll .table_pot2 th,
.scroll .table_pot2 td{ white-space: nowrap;}

/* IoT제품홍보 : 펌웨어 테이블 */
.table_pot_s{ width:100%; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.table_pot_s tr th,
.table_pot_s tr td{ font-size:13px; border-right:1px solid #dcdcdc !important; padding:6px;}
.table_pot_s tr th{ color:#1e1e1e; background:#ebf8ff;}
.table_pot_s tr td{ color:#646464; text-align:center;}

.gw_down_wrap{ margin-top:30px;}
.gw_down_wrap:after{ display: block; clear: both; content: "";}
.gw_down_wrap li{ width:50%; float:left;}
.gw_down_wrap li:first-child{ padding-right:7px;}
.gw_down_wrap li:last-child{ padding-left:7px;}

.btn_gw_down{ position:relative; border:1px solid #ebebeb; border-radius:5px; height:40px; line-height:40px; font-size:13px; color:#b1b1b1; width:100%; cursor:default; padding-left:100px; display:block; background:url(../images/icon_down.png) no-repeat left 20px center;}
/*.btn_gw_down span{ float:left; border-right:1px solid #ebebeb; height:100%; display:block; width:50px; background:url(../images/icon_down.png) no-repeat center; margin-right:40px;}*/
.btn_gw_down:before {content: ""; position: absolute; left: 52px; top:0; width:1px; height: 100%; background: #ebebeb;}

.btn_gw_down.file{ border:1px solid #d7d7d7; cursor:pointer; color:#646464; padding-left:90px; background:url(../images/icon_down_on.png) no-repeat left 20px center;}
.btn_gw_down.file:hover{ text-decoration:underline;}
/*.btn_gw_down.file span{  border-right:1px solid #d7d7d7; background:url(../images/icon_down_on.png) no-repeat center;}*/
.btn_gw_down.file:before {content: ""; position: absolute; left: 52px; top:0; width:1px; height: 100%; background: #d7d7d7;}

/*### 대시보드 ###*/
/* 대시보드 : Title */
.d_h4{ position:relative; height:52px; line-height:52px; border-top:1px solid #d8dbe2; border-bottom:1px solid #d8dbe2; padding-left:40px; font-size:17px; font-family: 'NotoKrM'; margin-bottom:20px;
	background:url(../images/common/d_h4.png) no-repeat left 20px center #f2f6fc; background-size:15px;
}
.d_h5{ position:relative; margin-top:20px; font-size:16px; color:#04adff; font-family: 'NotoKrM'; padding-left:12px; margin-bottom:10px;}
.d_h5:before {content: ""; position: absolute; left:0; top:9px; width:6px; height:6px; background: #04adff; border-radius:50px;}
.d_h6{ position:relative; margin-top:16px; margin-bottom:7px; font-size:14px; font-family: 'NotoKrM';}

.btn_dash_reset{ display:inline-block; width:30px; height:30px; border:1px solid #d2d2d2; border-radius:5px; 
	background:url(../images/common/icon_reset.png) no-repeat center #fff; background-size:16px auto;
}
.d_h4 .btn_dash_reset{ position:absolute; right:20px; top:10px;}
.da_date{ font-size:12px; color:#868686; font-family: 'NotoKrR'; float:right;}
.da_date2{ font-size:14px; color:#323232; font-family: 'NotoKrR'; float:right;}

.dash_hr{ border:none; border-top:1px solid #d8dbe2; height:10px; background:#f5f5f5;}

.dash_warp .contLayout{ margin-bottom:20px;}
.dash_warp input[type=text]{ font-size:13px; width:100%;}

/* 배출구 */
.be_wrap{ border-top:1px dotted #c8c8c8;}
.be_flow_type{ position:relative;}
.be_flow_type .tit{ background:#192e59; color:#fff; padding-left:10px; height:30px; line-height:30px; font-size:13px; font-family: 'NotoKrM';}
.be_img_box{ border:1px solid #192e59; text-align:center; padding:5px;}
.be_img_box img{ width:100%;}

/* 모바일 전용 : 대시보드용 */
.dash_search_box{ background:#f5f5f5; padding:3%; overflow:hidden; margin-bottom:20px;}
.dash_search_box .btn_s{ padding:0;}
.dash_search_box dl{ display:table; width:100%;}
.dash_search_box dl dt,
.dash_search_box dl dd{ display:table-cell;}
.dash_search_box dl dt{ width:108px; line-height:40px;}
.dash_search_box dl dt label{font-size:15px; color:#1e1e1e}
.dash_search_box input[type=text]{ width:100%;}

.be_page_move{ position:absolute; display:table; right:0; top:-2px;}
.be_page_move li{ display:table-cell; width:24px; text-align:center;}
.be_page_move li button{ width:24px; height:24px; vertical-align:middle; }
.be_page_move li .left{ background:url(../images/common/pm_left.png) no-repeat left center; background-size:14px auto;}
.be_page_move li .right{ background:url(../images/common/pm_right.png) no-repeat right center; background-size:14px auto;}

.be_page_move li .left.on{ background:url(../images/common/pm_left_on.png) no-repeat left center; background-size:14px auto;}
.be_page_move li .right.on{ background:url(../images/common/pm_right_on.png) no-repeat right center; background-size:14px auto;}

.dash_legend{ background:#f5f5f5; padding:10px 20px; margin:10px 0; display:none;}
.dash_legend li{ font-size:12px;}
.dash_legend li span{ display:inline-block;}

.dash_legend.be{ width:100%;}
.dash_legend:after{ display: block; clear: both; content: "";}
.dash_legend.be li{ float:left; width:33%;}
.dash_legend.be li span{ width:20px; height:10px; margin-right:4px;}
.bea_1{ background:#ff00dd;}
.bea_2{ background:#008c00;}
.bea_3{ background:#0100ff;}

/* 상태현황 */
.dash_legend.be2 li{ margin-bottom:4px;}
.dash_legend.be2 li span{ margin-right:4px;}
.beb_1{ display:inline-block; width:14px; height:14px; border-radius:50px; background:#68c944; vertical-align:middle;}
.beb_2{ display:inline-block; width:14px; height:14px; border-radius:50px; background:#ff7900; vertical-align:middle;}
.beb_3{ display:inline-block; width:14px; height:14px; border-radius:50px; background:#949494; vertical-align:middle;}
.dash_legend.be2 .beb_1,
.dash_legend.be2 .beb_2,
.dash_legend.be2 .beb_3{ width:10px; height:10px;}

/* 가동현황 */
.dash_legend.be3{ width:100%;}
.dash_legend.be3 li{ float:left; width:33%;}
.dash_legend.be3 li span{ width:10px; height:10px; margin-right:4px;}
.bec_1{ display:inline-block; width:14px; height:14px; border-radius:50px; background:#68c944; vertical-align:middle;}
.bec_2{ display:inline-block; width:14px; height:14px; border-radius:50px; background:#ff7900; vertical-align:middle;}
.bec_3{ display:inline-block; width:14px; height:14px; border-radius:50px; background:#949494; vertical-align:middle;}
.dash_legend.be3 .bec_1,
.dash_legend.be3 .bec_2,
.dash_legend.be3 .bec_3{ width:10px; height:10px;}

.be_ch_info{ font-size: 12px; color: #1e1e1e; margin-right:10px;}
.be_ch_info em{font-size: inherit; }

.btn_dash_legend{ position:absolute; height:24px; line-height:24px; width:55px; border-radius:5px; color:#fff; text-align:left; padding-left:8px; font-size:12px; right:0; top:-4px;
	background:url(../images/common/arrow_da_down.png) no-repeat right 8px center #828282; background-size:10px auto;
}
.btn_dash_legend.on{ background:url(../images/common/arrow_da_up.png) no-repeat right 8px center #828282; background-size:10px auto;}

.table_at.be th,
.table_at.be td{ font-size:12px; padding:6px 0;}

.scroll .table_at.be th,
.scroll .table_at.be td{white-space: nowrap; padding: 4px 10px;}

.fc_b{ color: #0257cb;}
.fc_r{ color: #d90000;}
.fc_g{ color: #949494;}

/* IoT : 소규모 대기배출사업장 GW제조사별 수신현황 */
.gw_rank_wrap{}
.gw_rank_year{ margin: 25px 0; display: flex; justify-content: center; align-items: center; gap:20px}
.gw_rank_year li{ }
.gw_rank_year li button{ font-size: 30px; color: #999; font-weight: 700;}
.gw_rank_year li.on button{ color: #111;}

.gw_rank_q_wrap{ display: none; }
.gw_rank_q_wrap.yWrap01{ display: block;}
.gw_rank_q_wrap .tabs{ margin-bottom: 30px;}

.quarter_wrap{ background: #f2f4f5; padding: 40px;}

.qurter_cont{ display: none;}
.qurter_cont.dev01{ display: block;}

.qurter_corp_list_wrap{ display: flex; gap: 40px;}
.qurter_corp_list{ flex: 1;}
.qurter_corp_list .tit{ height: 65px; border-radius: 5px; background: url("../images/tit_corp_up_bg.png") no-repeat right 0 bottom 0 #034ea2; padding-left: 40px; margin-bottom: 10px; display: flex; align-items: center;}
.qurter_corp_list .tit span{ position: relative; font-size: 20px; font-weight: 700; color: #fff; padding-left: 30px;}
.qurter_corp_list .tit span::before{ content: ""; position: absolute; width: 20px; height: 20px; background: url("../images/tit_corp_up.png") no-repeat; background-size: cover; left: 0; top: 5px;}

.qurter_corp_list ul{ border: 3px solid #e0e0e0; background: #fff; padding: 15px 40px;}
.qurter_corp_list ul li{ height: 50px; display: flex; align-items: center;}
.qurter_corp_list ul li:not(:last-child){ border-bottom: 1px solid #e7e7e7;}
.qurter_corp_list ul li em{ width: 24px; height: 24px; background: #e7e7e7; border-radius: 8px; font-size: 16px; font-weight: 700; padding-bottom: 2px; margin-right: 14px; display: flex; justify-content: center; }
.qurter_corp_list ul li:nth-child(1) em,
.qurter_corp_list ul li:nth-child(2) em,
.qurter_corp_list ul li:nth-child(3) em{ color: #fff; background: linear-gradient(300deg, rgba(211,232,255,1) 0%, rgba(2,92,194,1) 35%, rgba(3,78,162,1) 100%);}

.qurter_corp_list.down .tit{ background: url("../images/tit_corp_down_bg.png") no-repeat right 0 bottom 0 #037a4e;}
.qurter_corp_list.down .tit span::before{ background: url("../images/tit_corp_down.png") no-repeat; background-size: cover;}
.qurter_corp_list.down ul li:nth-child(1) em,
.qurter_corp_list.down ul li:nth-child(2) em,
.qurter_corp_list.down ul li:nth-child(3) em{
	background: linear-gradient(300deg, rgba(185,232,214,1) 0%, rgba(3,122,78,1) 35%, rgba(3,122,78,1) 100%);
}

@media (max-width: 640px){
	.quarter_wrap{ padding: 15px;}
	.qurter_corp_list .tit{ padding-left: 20px;}
	.qurter_corp_list_wrap{ gap: 30px; flex-direction: column;}
	.qurter_corp_list ul{ padding: 10px 15px;}
}

.gw_quarter_noti{ height: 257px; margin-top: 20px; border: 1px solid #e0e0e0; background: #fff; padding:26px 30px;}
.gw_quarter_noti .tit{ font-size: 24px; color: #111; font-weight: 700; margin-bottom: 20px;}
.gw_quarter_noti .noti_wrap{ display: flex; gap: 80px;}
.gw_quarter_noti .noti_wrap .noti_cont{ flex: 1; position: relative; height: 145px;}
.gw_quarter_noti .noti_wrap .noti_cont .sTit{ position: relative; font-size: 17px; color: #323232; font-weight: 700; margin-bottom: 17px; padding-left: 12px;}
.gw_quarter_noti .noti_wrap .noti_cont .sTit::before{ content: ""; position: absolute; width: 7px; height: 7px; background: #034ea2; border-radius: 10px; left: 0; top: 10px;}
.gw_quarter_noti .noti_wrap .noti_cont .txt_cont{ font-size: 16px; color: #646464; padding-left: 12px;}

.gw_quarter_noti .noti_wrap .noti_cont:last-child::after{ content: ""; position: absolute; left: -40px; top: 0; bottom: 0; width: 1px; background: #e0e0e0;}

.gw_quarter_noti .noti_wrap .noti_cont:last-child .sTit::before{ background: #037a4e;}

@media (max-width: 640px){
	.gw_quarter_noti{ height: auto; margin-top: 30px;}
	.gw_quarter_noti .noti_wrap{ gap: 20px; flex-direction: column;}
	.gw_quarter_noti .noti_wrap .noti_cont { height: auto;}
	.gw_quarter_noti .tit{ margin-bottom: 14px;}
	.gw_quarter_noti .noti_wrap .noti_cont .sTit{ margin-bottom: 8px;}
	.gw_quarter_noti .noti_wrap .noti_cont .txt_cont{ padding-left: 0; font-size: 14px;}

	.gw_quarter_noti .noti_wrap .noti_cont:last-child::after{ display: none;}
}

@media (max-width: 640px){
	
	.inner{ width:100%; padding: 0 15px;}
	
	.sub_visual{ height:72px;}
	
	.left_menu_wrap,
	.location{ display:none;}
	.location.m_view{ display:block; margin:10px 0 0px 0; padding-bottom:10px; border-bottom:1px dashed #c8c8c8;}
	.location.m_view a{ font-size:13px;}
	.inner .location.m_view{}
	
	.sub_tit { position:relative; margin-left:auto; text-align:center; height:72px; padding: 0 30px; display: flex; align-items: center; justify-content: center;}
	.sub_tit h3 { font-size: 20px; margin-bottom: 0; margin-top:0; display:block; line-height: 1.2; word-break: keep-all;}
	
	.sub_cont_wrap{ width:100%;}
	
	h4, .h4{ font-size:24px;}
	
	h5 { background:none}

	h6, .h6{ font-size:16px; }
	.h7,
	.h7_2,
	.h7_3{ font-size:14px;}	
	.mem_tit{ height:auto; font-size: 30px;}
	
	.scroll .table_pot th,
	.scroll .table_pot td{ white-space: nowrap;}
	
	/* 이미지 박스 */
	.gray_box img{ width:100%;}
	
	/* 탭 메뉴 */
	.tabs{ border-left:1px solid #c8c8c8; border-top:1px solid #c8c8c8;}
	.tabs li{ margin-left:0; float:left; width:50%; border:none; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}
	.tabs li a,
	.tabs li button{ text-align:center; padding: 12px 10px}
	
	/* 검색 */
	.searchSinBox2 .s_tit{ display:block; margin-bottom:6px;}
	.searchSinBox2 .s_tit:nth-child(n+2){ margin-left:0;}
	.searchSinBox2 select,
	.searchSinBox2 input[type=text]{ width:100%; margin-bottom:12px;}
	
	/* 게시판 */
	.m_dis_bk{ display:block !important;}
	
	.bbs_num { float:none; margin-top:0; display:block; margin-bottom:10px;}
	
	.bbs_search .bbs_tit_sel{ display:none;}
	.bbs_search{ display:table; width:100%;}
	.bbs_search .bbs_search_word{ display:table-cell; width:calc(100% - 86px);}
	.bbs_search .btn{}
	
	.table_bbs{table-layout: fixed; }
	.table_bbs .num,
	.table_bbs .file,
	.table_bbs .date,
	.table_bbs .name,
	.table_bbs .hit{ display:none;}
	.table_bbs .subject{ display:table-cell !important; width:100%;}
	.table_bbs .status{ display:table-cell !important; width:60px;}
	.table_bbs .status .answer_ing{ width:40px;}
	.table_bbs .status .answer_ok{ width:40px;}
	
	.table_bbs.nomal th,
	.table_bbs.nomal td	{ display:none;}
	
	.table_bbs tbody td.subject a{ width:80%;}
	
	.bbs_view .tit{ font-size:17px;}
	
	.bbs_inp .tit,
	.bbs_editer .tit { width: 80px; font-size:14px;}
	
	.bbs_inp .cont,
	.bbs_editer .cont,
	.bbs_inp .cont.half{ width:calc(100% - 80px);}
	
	.bbs_inp .date_set{ display:table;}
	.bbs_inp .date_set input{ display:table-cell; width:90px;}
	.bbs_inp .date_set span{}
	
	.bbs_view .thum_img img{ width:100%; height:auto;}
	
	/* UL Table */
	.ul_table{}
	.ul_table li{ display:block; border-bottom:none;}
	.ul_table .th{ display:block; width:100%; box-sizing: border-box;}
	.ul_table .td{ display:block; text-align:center;}
	
	/* IoT 제품홍보 */
	.product_list{ }
	.product_list li{ float:none; width:100%;}
	.product_list li:nth-child(4n){ margin-right:0;}
	.product_img{ width:100%; height:auto;}
	.product_img a{ height:300px;}
	.product_img img{ width:100%; height:300px;}
	.product_list dl{}
	.product_list dt{ color:#505050; margin-bottom:7px;}
	.product_list dd{ color:#969696;}
	
	.product_list .p_mode{ display:inline-block; position:absolute; width:70px; height:26px; line-height:26px; color:#fff; font-size:14px; text-align:center; left:0; top:0;}
	.product_list .p_mode.show{ background:#f69c00;}
	.product_list .p_mode.hide{ background:#323232;}
	
	.btn_gw_down{ padding-left:80px;}
	.btn_gw_down.file{ padding-left:80px;}
	
	/* 업체소개 */
	.gw_item_wrap{ padding:20px;}
	.gw_item_box{ width:100%; float:none; margin-bottom:20px;}
	.gw_item_box img{ width:100%; height:auto;}
	.gw_right_cont{ float:none; width:100%;}
	.gw_down_wrap li{ float:none; width:100%;}
	.gw_down_wrap li:first-child {padding-right:0;}
	.gw_down_wrap li:last-child { padding-left:0; margin-top:20px;}
	
	.calendar_wrap{ display:table;}
	.calendar_wrap .calendar{ display:none;}
	.calendar_wrap input{ width:30%;}
	
	/* 소규모사업장 */
	.top_info{ padding: 20px 10px; background-size: 52px auto !important; margin-top:0;}
	.top_info dl{ margin-left:80px;}
	.top_info dl dt{ color: #0257cb; font-size: 19px;}
	.top_info dl dd{ font-size:15px; line-height:22px;}
	
	/* 소규모사업장 : 그린링크 */
	.s111_img03_box img{ width:100%;}
	
	.top_info.s111{ background:url(../images/s111_top_info_icon.png) no-repeat left 15px center;} /* 그린링크 */
	.top_info.s121{ background:url(../images/s121_top_info_icon.png) no-repeat left 15px center;} /* 연혁 및 추진체계 */
	.top_info.s131{ background:url(../images/s131_top_info_icon.png) no-repeat left 15px center;} /* 대기배출시설 */
	.top_info.s141{ background:url(../images/s141_top_info_icon.png) no-repeat left 15px center;} /* 대기방지시설 */
	.top_info.s151{ background:url(../images/s151_top_info_icon.png) no-repeat left 15px center;} /* 업무흐름도 */
	
	/* 소규모사업장 : 그린링크 */
	.s111_item_wrap > li { float:none; margin-right:0; margin-bottom:20px;}
	.s111_item_wrap li:nth-child(1) .item_box{ width:100%; }
	.s111_item_wrap li:nth-child(2) .item_box{ width:100%;}
	.s111_item_wrap li:nth-child(3) .item_box{ width:100%;}
	
	.s111_item_wrap .item_box .cont{ height:auto;}
	
	.s111_item_wrap li:nth-child(1) .item_box > div{ padding:20px ;}
	
	.s111_item_wrap li:nth-child(3) .item_box img{ width:100%;}
	.s111_item_wrap li:nth-child(1) .item_img_list:nth-child(3) dt { text-align:center;}
	
	.item_box .cont{ overflow:hidden;}
	
	/* 소규모사업장 : 대기배출시설 */
	.s131_txt_box{ background:none;}
	
	/* 소규모사업장 : 대기방지시설 */
	.s141_flow_box li{float:none; width:100%; margin-right:0; margin-bottom:15px; background-size:100% 62px !important;}
	.s141_flow_box li:last-child{ margin-bottom:0;}
	
	.bang_ip li img{ width:100%;}
	
	/* 그린링크 : 신호전송 */
	.s431_img_box{ padding:20px;}
	.s431_img_box img{ width:100%;}
	
	/* 대기법(지침) : 대기법 */
	.air_law_box { padding:20px; margin-bottom: 10px; background:none !important;}	
		
	/* 그린링크 운영관리 */
	.green_img_box img{ width:100%;}
	.green_img_box img:nth-child(n+2){ margin-top:20px;}
	.green_img_box img:nth-child(odd){ float:none;}
	.green_img_box img:nth-child(even){float: none;}
	
	.green_tit{ height:auto; min-height:48px; padding:7px; border-radius:5px; line-height: 28px;}
	.green_tit .num{ float:left; width:24px; height:24px; line-height:24px; margin-bottom:2px; margin-top:4px;}
	
	/* 자주하는질문 FAQ */
	.question_list li{}
	.question_list li.que a{ width:calc(100% - 50px); display:block;}
	.question_list li.que{ background:url(../images/icon_q.png) no-repeat left 10px center; padding:20px 0 20px 60px;}
	.question_list li.que .btn_img{ right:10px;}
	.question_list li.ans{ background:url(../images/icon_a.png) no-repeat 10px center #f5f5f5; padding:10px 10px 10px 60px;}
	
	/* 회원가입 */
	.join_sel{ display:block; gap:0;}
	.join_sel li { width:100%; float:none; margin-right:0; padding-top: 182px; margin-bottom:40px;}
	
	/* 회원가입 : STEP */
	.join_step{ display:block; width:100%; table-layout:auto;  margin-bottom:70px;}
	.join_step li{ display:block; padding:10px;}
	
	.mem_agree{ padding:0px 10px 10px 10px}
	.mem_agree label{ cursor: pointer;}
	
	/* 회원가입 : STEP02 */
	.sk_pass_area{ width:100%;}
	
	/* 2차 인증 */
	.acc_success{ width:100%; margin:0 auto;}
	.acc_success .chek_list { padding: 10px 10px 10px 10px;}
	
	/* 로그인 */
	.mem_box{ padding:15px;}
	.mem_login_wrap{ width:100%;}
	
	/* 비밀번호 수정 */
	.mem_form{}
	.mem_form li span{ display:block;}
	.mem_inp_tit{ width:100%;}
	.mem_inp_cont{ width:100%; margin-top:6px;}
	.mem_form.edit .login_btn .pw_edit{ float:none; width:100%; margin-bottom:20px;}
	.mem_form.edit .login_btn .pw_edit_next{ float:none; width:100%;}
	
	.idpw_wrap{ flex-direction: column;}
	.idpw_wrap .mem_box{ width:100%; height:auto; padding:20px;}
	
	/* 사이트맵 */
	.sitemap > li{ width:100%; float:none; margin-right:0; margin-bottom:30px;}
	.sitemap > li:nth-child(3n+3){ margin-right:0;}
	.sitemap > li:nth-child(n+4){ margin-top:0;}
	
	#spanInstlEntprMsg{ display: block;}
}