@charset "UTF-8";

/* 메인 */
.mainV_inner {  margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box;}
.mainV .footerWrap { background:#fff;}
.mainV .headerWrap { position:relative; box-sizing:border-box; -webkit-box-sizing:border-box;}
.mainV .headerWrap .innerWrap .main_visual { position:relative;}
.mainV .headerWrap .innerWrap .main_visual .infoText { position:absolute; right:80px; top:-25px; color:#919191; font-size:0.813rem;}


.mainV .conWrap .innerWrap .content { position:relative;}
.mainV .main_textArea { padding:67px 0 51px 168px;}
.mainV .main_textArea .tit01 { display:inline-block; padding:0 0 5px 5px; font-size:2rem; color:#8f9092; letter-spacing:-1.5px;}
.mainV .main_textArea .tit02 { padding-bottom:3px; font-size:3.75rem; color:#48494a; font-family: 'NotoSansCJKkr'; letter-spacing:-2px;}
.mainV .main_textArea .tit02 span { margin-right:15px;}
.mainV .main_textArea .tit03 { display:inline-block; padding:5px 0 0 10px; font-size:1.063rem; line-height:1.25rem; color:#949597; letter-spacing:0;}

.con_img01 { position:relative; text-align:center;}
.con_img01 img { width:100%;}
.con_img01 .home_go01 { position:absolute; left:50px; top:87px; width:215px; height:47px; text-indent:-9999px;}/* 국가과학기술연구회홈페이지 바로가기 */

.conbg01 { background:url("../../common/images/con_img01.jpg") no-repeat left top;}


/* new */
.mainTopV { position:relative; padding:0 162px 0 258px;}
.mainTopV .slick-prev { text-indent:-9999em;  position:absolute; left:0; top:0; width:258px; height:582px;}
.mainTopV .slick-prev:after { content:""; display:block; width:258px; height:582px; background:url("../../common/images/icon_arrow_grR.png") no-repeat right 162px center; -webkit-transform: rotate(180deg);transform: rotate(180deg); }
.mainTopV .slick-next { text-indent:-9999em; position:absolute; right:0; top:0; width:162px; height:582px;}
.mainTopV .slick-next:after { content:"";  display:block; width:162px; height:100%; background:url("../../common/images/icon_arrow_grR.png") no-repeat right 130px center; }
.slick-dots { position:absolute; left:50%; bottom:35px; text-align:center; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.slick-dots li { display:inline-block; margin:0 5px;}
.slick-dots li.slick-active button { background-color:#529aa4;}
.slick-dots li button { width:14px; height:14px; border-radius:2em; text-indent:-999em; background-color:#c9c9c9;}

.mainTopV .mainBox { overflow:hidden; height:582px; padding:88px 0 0 0;}
.mainTopV .mainBox .box_l { float:left; width:480px;}
.mainTopV .mainBox .text01 { font-size:1.75rem;}
.mainTopV .mainBox .text02 { margin-top:38px; color:#529aa4; font-size:3rem; font-weight:bold;}
.mainTopV .mainBox .btn_detail { height:45px; line-height:45px; margin-top:38px; padding:0 30px; border:1px solid #529aa4; border-radius:2rem;}
.mainTopV .mainBox .btn_detail span { padding-right:18px; font-size:1.5rem; color:#529aa4; background:url("../../common/images/icon_arrow_G.png") no-repeat right center; }
.mainTopV .mainBox .box_r { float:left; width:600px; height:365px; padding:10px 20px 0 0;}
.mainTopV .mainBox .box_r img { width:100%; height:355px;}

.main_conList { padding:56px 80px 28px;}
.main_conList.st01 { background:#f2f8f8;}
.main_conList .h2Tit { padding:0 0 38px 0; font-size:2.25rem;}
.main_conList .h2Tit .point { position:relative; padding-right:5px; color:#529aa4;}
.main_conList .h2Tit .point:before { content:""; position:absolute; left:0; bottom:-10px; display:block; width:64px; height:5px; border-radius:2rem; background-color:#529aa4;}
.main_conList .list { overflow:hidden;}
.main_conList .list li { float:left; margin-right:20px;}
.main_conList .list li:last-child { margin-right:0;}
.main_conList .list li .box { width:320px; padding:10px; border-radius:1rem; background:#fff; font-family:'NotoSansCJKkr_regular',dotum,'돋움',sans-serif; line-height: 1.1; letter-spacing: -0.5px;}
.main_conList.st02 .list li .box { background-color:#e9f3f4;}
.main_conList .list li .box .img { display:block; height:195px; border-radius:1rem;}
.main_conList .list li .box .img img { height:100%; border-radius:1rem;}
.main_conList .list li .box .titBox { display:block; padding-top:16px; text-align:center; font-size:1.5rem;}
.main_conList .list li .box .titBox.st01 { padding:20px 0; font-weight:bold;}
.main_conList .list li .box .titBox span { display:inline-block; min-height:58px; line-height:58px; padding-left:70px; font-size:1.5rem;}
.main_conList .list li .box .titBox span.icon01 { background:url("../../common/images/area_01.png") no-repeat left center;}/*서울시*/
.main_conList .list li .box .titBox span.icon02 { background:url("../../common/images/area_02.png") no-repeat left center;}/*인천시*/
.main_conList .list li .box .titBox span.icon03 { background:url("../../common/images/area_03.png") no-repeat left center;}/*고양시*/
.main_conList .list li .box .titBox span.icon04 { background:url("../../common/images/area_04.png") no-repeat left center;}/*시흥시*/

.main_rowList { padding:56px 80px 28px; background:#f8fbfb;}
.main_rowList .h2Tit { padding:0 0 38px 0; font-size:2.25rem;}
.main_rowList .rowBox { margin-bottom:90px;}
.main_rowList .rowBox .h3Tit { position:relative; margin-left:30px; color:#009e96;}
.main_rowList .rowBox .h3Tit span { padding:0 5px 5px 5px; font-size:1.875rem; background:url("../../common/images/bg_text01.png") repeat-x left top 25px;}
.main_rowList .rowBox .list { margin-top:50px; display:-moz-flex; /* Firefox */display:-webkit-flex; /* Safari and Chrome */ display:flex;}
.main_rowList .rowBox .list li { flex:1; -moz-flex:1; -webkit-flex:1;}
.main_rowList .rowBox .list li .box { padding:0 45px; border-radius:1rem; font-family:'NotoSansCJKkr_regular',dotum,'돋움',sans-serif; line-height: 1.1; letter-spacing: -0.5px;}
.main_rowList .rowBox .list li .box .img { display:block; height:180px; border-radius:1rem; margin:0 auto; text-align:center; background-color:#fff; -webkit-box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 7px 9px 0px rgba(0, 0, 0, 0.3);}
.main_rowList .rowBox .list li .box .img img { height:100%; border-radius:1rem;}
.main_rowList .rowBox .list li .box .titBox { margin-top:34px;  text-align:center; font-size:1.313rem; }
.main_rowList .rowBox .list li .box .titBox span { display:inline-block; min-height:64px; padding:20px 0 0 25px;  background:url("../../common/images/bg_text02.png") no-repeat left center;}

.main_rowList .rowBox .list.st01 li .box .img { width:310px; height:310px; border-radius:12em;}
.main_rowList .rowBox .list.st01 li .box .img img { border-radius:12em;}

/* 연구단소개 */
.content .info_textArea { padding:0 130px;}
.content .info_textArea .text01 { padding:45px 0; color:#8f8f8f; font-size:1.063rem; line-height:1.875rem;}
.content .info_textArea .text_list .text01 { padding:0 0 5px 0; color:#000;}
.content .info_textArea .text_list .list li { padding-bottom:10px; letter-spacing:0; font-size:1.063rem; color:#8f8f8f;}
.content .info_textArea .text_list .list li .point { color:#2a9ca6;}
.content .visual_dlList { padding:48px 130px 0; overflow:hidden; border-top:1px solid #f6f6f6; color:#8f8f8f;}
.content .visual_dlList .tit { font-size:1.25rem; color:#343432; font-family: 'NotoSansCJKkr';}
.content .visual_dlList dt { padding-bottom:40px;}
.content .visual_dlList dd { float:left; width:25%; text-align:center;}
.content .visual_dlList dd .data { position:relative; display:block; padding:154px 50px 0 50px; line-height:25px;}
.content .visual_dlList dd .data:before { content:""; position:absolute; left:50%; top:0; display:inline-block; width:132px; height:132px; border:1px solid #e8e8e8; border-radius:20em; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.content .visual_dlList dd .data.d01 { background:url("../../common/images/icon_info01.png") no-repeat center 45px;}
.content .visual_dlList dd .data.d02 { background:url("../../common/images/icon_info02.png") no-repeat center 43px;}
.content .visual_dlList dd .data.d03 { background:url("../../common/images/icon_info03.png") no-repeat center 45px;}
.content  .visual_dlList dd .data.d04 { background:url("../../common/images/icon_info04.png") no-repeat center 42px;}

/* 주요연구성과 */
.tbl_box .tbl_srcArea { overflow:hidden;}
.tbl_box .tbl_srcArea .srcTotal { position:relative; top:16px; padding:0 0 0 8px; font-size:1rem; color:#8f8f8f;}
.tbl_box .tbl_srcArea .r_area { float:right; display:inline-block;}
.tbl_box .tbl_srcArea select { width:134px; }
.tbl_box .tbl_srcArea .src_input { position:relative;  display:inline-block; width:426px; padding-right:52px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.tbl_box .tbl_srcArea .src_input input { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.tbl_box .tbl_srcArea .src_input .btn_src { position:absolute; right:0; top:0; width:52px; height:100%; text-indent:-99999em; background:#2a9ca6 url("../../common/images/icon_src.png") no-repeat center;}
.tbl_box .btn_detailView { position:relative; font-size:0.938rem; color:#8f8f8f; font-family: 'NotoSansCJKkr_regular';}
.tbl_box .btn_detailView:hover { color:#000;}
.tbl_box .btn_detailView:after { content:""; position:absolute; left:0; bottom:-3px; width:100%; height:1px; background-color:#c7c7c7;}

.tblArea { border-bottom:1px solid #e5e5e5; margin-top:20px;}
.tblArea table { table-layout:fixed;}
.tblArea tbody tr.active { background-color:#f9f9f9;}
.tblArea thead tr th { padding:17px 0; border-top:2px solid #232323; font-size:1.063rem; color:#000;}
.tblArea tbody tr td { padding:17px 0; border-top:1px solid #e5e5e5; text-align:center; font-size:0.938rem; color:#8f8f8f;}
.tblArea tbody tr td .tbl_titBox { display:block; padding:0 0 0 50px; text-align:left;}
.tblArea tbody tr td .tbl_textEl { display:block; padding:0 200px 0 0; text-align:left; color:#8f8f8f; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.tblArea01 { border-bottom:1px solid #e5e5e5; margin-top:20px;}
.tblArea01 table { table-layout:fixed;}
.tblArea01 tbody tr.active { background-color:#f9f9f9;}
.tblArea01 thead tr th { padding:17px 0; font-size:1.063rem; color:#000; font-size:1.25rem; background:#eee;}
.tblArea01 tbody tr th { border-top:1px solid #e5e5e5; font-size:1.25rem; background:#fff;}
.tblArea01 tbody tr td { padding:17px 20px; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; text-align:center; font-size:1.25rem; color:#434343; background:#fff;}
.tblArea01 tbody tr .first { border-left:0;}
.tblArea01 tbody tr td .tbl_titBox { display:block; padding:0 0 0 50px; text-align:left;}
.tblArea01 tbody tr td .tbl_textEl { display:block; padding:0 200px 0 0; text-align:left; color:#8f8f8f; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/* 상세보기 */
.list_detail .detail_top { display:table; width:100%; border-top:2px solid #232323; border-bottom:1px solid #e5e5e5; font-size:1.063rem; background-color:#f9f9f9;}
.list_detail .detail_top .part_n { display:table-cell; width:20%; text-align:left; padding:17px 30px;}
.list_detail .detail_top .tit { display:table-cell; width:60%; text-align:left; padding:17px 0;}
.list_detail .detail_top .r_text { display:table-cell;  width:20%; text-align:right; padding:17px 30px;}
.list_detail .detail_con { min-height:360px; padding:40px 30px; color:#8f8f8f; border-bottom:1px solid #e5e5e5; box-sizing:border-box; -webkit-box-sizing:border-box;}
.list_detail .detail_con a { color: #0068b7;}
.list_detail .detail_btnBox { margin-top:40px; text-align:center;}
.list_detail .detail_btnBox .btn_gray { width:122px; height:50px; line-height:50px; }

/* 실증시설 */
.mapSrcArea .selArea { margin-bottom:10px; text-align:right;}
.mapSrcArea .selArea select { width:134px;}
.mapSrcArea .selArea .btn_gray { width:122px; height:40px; line-height:40px;}
.mapSrcArea .mapArea { height:230px; border:1px solid #e8e8e8; margin-bottom:30px;}

/* 실증시설 안내 지도 - 커스텀 버튼 */
.btn_seeAll {width: 28px; height: 28px; line-height: 28px; font-size: 0.875rem; margin-right:10px; margin-bottom:75px; background-color:#f9f9f9; border:1px solid #444444; text-align: center;}
.btn_seeAll:hover {cursor: pointer;}

/*팝업 - 연동여부 */
.data_list .onOffLabel.on {font-weight:bold; color:#2a9ca6;}
.data_list .onOffLabel.off {font-weight:bold; color:#979695;}

/* 시설유형별IAQ통합관리시스템 */
.tabWrap ul { border-bottom:3px solid #2a9ca6; display:-moz-flex; /* Firefox */display:-webkit-flex; /* Safari and Chrome */ display:flex;}
.tabWrap ul li { padding:0 1px; flex:1; -moz-flex:1; -webkit-flex:1;}
.tabWrap ul li:first-child { padding:0 1px 0 0;}
.tabWrap ul li:last-child { padding:0 0 0 1px;}
.tabWrap ul li a { display:block; height:45px; line-height:45px; text-align:center; font-size:1.25rem; color:#434343; background:#f4f4f4;}
.tabWrap ul li.on a { color:#fff; background:#2a9ca6;}

.iaqConWrap .mapArea { position:relative; margin-top:4px; border:2px solid #dcdcdc; width: 1335px; height: 854px;}
.topMapBox { position:absolute; left:16px; top:15px; z-index:100;}
.topMapBox:after { display:block; content:''; clear:both; }
.topMapBox .box_l { float:left; position:relative; width:270px; border:1px solid #dcdcdc; padding:24px 16px; border-radius:1rem; background:#fff; -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.12);}
.topMapBox .box_l .inputList { height:167px; overflow-y:scroll;}
.topMapBox .box_l .inputList li { padding-bottom:15px;}
.topMapBox .box_l .inputList li:last-child { padding-bottom:0;}
.topMapBox .box_l  label span { padding-left:17px; color:#959595; font-size:1.25rem; line-height:30px;}
.topMapBox .box_l input[type=checkbox] { width:30px; height:30px; margin:0; vertical-align:top; background:url("../../common/images/icon_check02_off.png") no-repeat center; }
.topMapBox .box_l input[type=checkbox]:checked { background:url("../../common/images/icon_check02_on.png") no-repeat center;}
.topMapBox .box_l:after { content:""; position:absolute; right:-16px; top:50%; width:16px; height:25px; background:url("../../common/images/icon_mapArrow.png") no-repeat right center; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.topMapBox .box_r { position:relative; float:left; width:1004px; margin-left:40px; border:1px solid #dcdcdc; padding:23px 25px 10px 25px; border-radius:1rem; background:#fff;  -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.12); box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.12);}
.topMapBox .box_r h3 { padding:5px 480px 0 0; font-size:1.5rem; font-weight:bold; color:#2a9ca6;}
.topMapBox .box_r .top_r { position:absolute; right:18px; top:23px;}
.topMapBox .box_r .top_r .btn_sisul { height:30px; line-height:30px; padding:0 18px; border-radius:2em; font-size:1.125rem; color:#fff; background-color:#2a9ca6;}
.topMapBox .box_r .top_r .btn_go { height:30px; line-height:30px; margin-left:10px; padding:0 18px; border-radius:2em; font-size:1.125rem; color:#fff; background-color:#c490bf;}
.topMapBox .box_r .top_r .btn_go span { padding-right:24px; background:url("../../common/images/icon_go.png") no-repeat right center;}
.topMapBox .box_r .top_r .text { display:inline-block; margin-left:10px; color:#898989; font-size:1rem;}
.topMapBox .box_r .top_r .btn_refresh { width:30px; height:30px; margin-left:10px; border-radius:2em; text-indent:-9999em; background:#eee url("../../common/images/icon_refresh.png") no-repeat center;}

.topMapBox .box_r .dataBox { overflow:hidden; margin-top:25px;}
.topMapBox .box_r .dataBox .scoreBox { float:left; width:143px; display:inline-block; height:107px; border-radius:1rem; text-align:center; background-color:#e9f5f6;}
.topMapBox .box_r .dataBox .scoreBox .tit { display:block; padding-top:15px; color:#434343; font-size:1rem;}
.topMapBox .box_r .dataBox .scoreBox .point { display:block; padding-top:5px; color:#434343; font-size:1.5rem;}
.topMapBox .box_r .dataBox .scoreBox .point span { color:#529aa4; font-size:2.25rem;}

.topMapBox .box_r .dataBox.st01 .dataArea{ width:100%;}

.topMapBox .box_r .stBox { text-align:right;}
.topMapBox .box_r .stBox span { position:relative; display:inline-block; padding-left:44px; margin-right:20px; color:#959595; font-size:1rem;}
.topMapBox .box_r .stBox span:after { position:absolute; left:0; top:50%; width:28px; height:8px; border-radius:2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.topMapBox .box_r .stBox span.st01:after { content:"";  background-color:#00479d;}
.topMapBox .box_r .stBox span.st02:after { content:"";  background-color:#00a0e9;}
.topMapBox .box_r .stBox span.st03:after { content:"";  background-color:#b3d465;}
.topMapBox .box_r .stBox span.st04:after { content:"";  background-color:#ff9c52;}
.topMapBox .box_r .stBox span.st05:after { content:"";  background-color:#ef330e;}
.dataArea { width:calc(100% - 143px); float:left;}
.dataArea .dataList { padding:0 50px;}
.dataArea .dataList .slick-prev { text-indent:-9999em;  position:absolute; left:0; top:0; width:50px; height:107px;}
.dataArea .dataList .slick-prev:after { content:""; position:absolute; left:0; top:0; display:block; width:50px; height:107px; background:url("../../common/images/icon_swipe_arrowL.png") no-repeat center;}
.dataArea .dataList .slick-next { text-indent:-9999em; position:absolute; right:0; top:0; width:50px; height:107px;}
.dataArea .dataList .slick-next:after { content:""; position:absolute; left:0; top:0; display:block; width:50px; height:107px; background:url("../../common/images/icon_swipe_arrowL.png") no-repeat  left center;  -webkit-transform: rotate(180deg);transform: rotate(180deg); }
.dataArea .dataList .box { min-height:107px;}
.dataArea .dataList .box .unit { display:block; padding-top:15px; text-align:center; color:#434343; font-size:1rem;}
.dataArea .dataList .box .unit .smText { font-size:0.75rem;}
.dataArea .dataList .box .num { display:block; padding-top:15px; text-align:center; font-size:2.25rem;}
.col01 { color:#00479d;}/* 아주좋음 */
.col02 { color:#00a0e9;}/* 좋음 */
.col03 { color:#b3d465;}/* 보통 */
.col04 { color:#ff9c52;}/* 나쁨 */
.col05 { color:#ef330e;}/* 매우나쁨 */

.posBox { display:inline-block; height:45px; line-height:43px; padding:0 25px 0 50px;  border-radius:2em; background:#fff;}
.posBox span { position:relative;  display:inline-block; min-height:43px; font-size:1.25rem;}
.posBox span:before { content:""; position:absolute; left:-47px; top:50%; margin-top:-1px; width:35px; height:35px; border-radius:2em; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.posBox span:after { content:""; position:absolute; left:-39px; top:50%; margin-top:-1px; width:18px; height:23px; background:url("../../common/images/icon_area.png") no-repeat center; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.posBox.st01 { border:2px solid #4f6edd; color:#4f6edd;}
.posBox.st01:after { content:""; position:absolute; left:23px; bottom:-14px; width:20px; height:14px; background:url("../../common/images/icon_bubble_b.png") no-repeat center;}
.posBox.st01 span:before { background:#4f6edd;}
.posBox.st02 { border:2px solid #9950bd; color:#9950bd;}
.posBox.st02:after { content:""; position:absolute; left:23px; bottom:-14px; width:20px; height:14px; background:url("../../common/images/icon_bubble_p.png") no-repeat center;}
.posBox.st02 span:before { background:#9950bd;}
.posBox.noText { min-width:45px; padding:0;}
.posBox.noText:after { left:13px; bottom:-9px; width:16px; height:10px;}
.posBox.noText span:before { left:3px;}
.posBox.noText  span:after { left:12px;}
.a01 { position:absolute; left:100px; top:250px;}
.a02 { position:absolute; left:500px; top:350px;}
.a03 { position:absolute; left:200px; top:350px;}

.stateInfo { position:absolute; right:20px; bottom:20px; padding:8px 3px; border-radius:2em; background:#fff; z-index:100;}
.stateInfo > span { position:relative;}
.stateInfo > span:before { content:""; position:absolute; left:0; top:4px; width:1px; height:20px; background-color:#a0a0a0;}
.stateInfo > span:first-child:before { width:0;}
.stateInfo .sta { position:relative; display:inline-block; height:26px; line-height:24px; padding:0 20px 0 52px;}
.stateInfo .sta:before { content:""; position:absolute; left:20px; top:50%; width:25px; height:25px; border-radius:2em; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.stateInfo .sta:after { content:""; position:absolute; left:26px; top:50%; width:14px; height:16px; background:url("../../common/images/icon_area.png") no-repeat center; background-size:14px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.stateInfo .st01 { color:#4f6edd;}
.stateInfo .st02 { color:#9950bd;}
.stateInfo .st01:before { background:#4f6edd;}
.stateInfo .st02:before { background:#9950bd;}

.serviceBox { margin-top:30px; padding:30px 33px; border-radius:1rem; background-color:#f7f7f7;}
.serviceBox h3 { font-size:1.875rem; color:#000;}
.serviceBox h3 span { padding-right:5px; color:#009e96; font-weight:bold;}
.serviceBox .list { overflow:hidden; padding:50px 0 10px;}
.serviceBox .list li { position:relative; float:left; padding:0 50px;}
.serviceBox .list li:first-child { padding-left:30px;}
.serviceBox .list li:before { content:""; position:absolute; left:0; top:14px; width:2px; height:34px; background-color:#c9c9c9;}
.serviceBox .list li:first-child:before { width:0;}
.serviceBox .list li span:after { content:""; position:absolute; left:0; top:50%; width:58px; height:58px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.serviceBox .list li span.icon01:after {  background:url("../../common/images/icon_system01.png") no-repeat center;}
.serviceBox .list li span.icon02:after {background:url("../../common/images/icon_system02.png") no-repeat center;}

.serviceBox .list li span { position:relative; padding-left:68px; line-height:58px; display:inline-block; color:#666; font-size:1.5rem;}
.serviceBox .list li span:before { content:""; position:absolute; left:0; top:0; width:58px; height:58px; border-radius:2em; background:#2b9ca6;}

/* 뉴스레터 */
.newsArea ul { padding:0 10px;}
.newsArea ul li { padding-bottom:30px;}
.newsArea ul li:last-child { padding-bottom:0;}
.newsArea ul li .box { position:relative; overflow:hidden; border:1px solid #c9c9c9; padding:0 100px 0 45px; border-radius:10rem; line-height:100px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.newsArea ul li .box .num { float:left; display:inline-block; width:150px;  color:#529aa4; font-size:1.875rem;}
.newsArea ul li .box .tit { float:left; display:inline-block; width:calc(100% - 150px); color:#434343; font-size:1.875rem;}
.newsArea ul li .box button.btn_down { position:absolute; right:10px; top:50%; width:86px; height:86px; border-radius:10em; text-indent:-9999em; background:#2a9ca6 url("../../common/images/icon_down.png") no-repeat center; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

/* 연락처 */
.contactArea .mapArea { position:relative; width:1340px; height:495px; border:1px solid #eee;}
.contactArea .mapArea .area { display:inline-block; position:absolute; left:100px; top:150px; width:62px; height:72px; text-indent:-9999em; background:url("../../common/images/icon_mapArea.png") no-repeat center;}
.contactArea .mapDetail .name { padding:40px 10px 50px; color:#009e96; font-size:1.875rem; font-family: 'NotoSansCJKkr';}
.contactArea .mapDetail .name span { display:block; padding-top:10px; color:#898989; font-size:1.5rem;}
.contactArea .mapDetail .list { border-top:2px solid #009e96; border-bottom:2px solid #009e96; }
.contactArea .mapDetail .list li { overflow:hidden; padding:30px 48px; border-bottom:1px solid #eee;}
.contactArea .mapDetail .list li:last-child { border-bottom:0;}
.contactArea .mapDetail .list li .title { width:224px; min-height:44px; float:left; padding-left:54px; color:#434343; font-size:2.25rem;  font-family: 'NotoSansCJKkr';  box-sizing:border-box; -webkit-box-sizing:border-box;}
.contactArea .mapDetail .list li .title.icon01 { background:url("../../common/images/icon_map.png") no-repeat left center;}
.contactArea .mapDetail .list li .title.icon02 { background:url("../../common/images/icon_tell.png") no-repeat left center;}
.contactArea .mapDetail .list li .data { width:calc(100% - 224px); float:left;}
.contactArea .mapDetail .list li .data.st01 { padding-top:8px;}
.contactArea .mapDetail .list li .data > span { display:block; padding-top:5px; font-size:1.5rem;}
.contactArea .mapDetail .list li .data > span:first-child { padding-top:0;}
.contactArea .mapDetail .list li .data .addr01 { color:#434343;}
.contactArea .mapDetail .list li .data .addr02 { color:#898989;}

/* IAQ 개선 및 관리 솔루션 */
.primaryArea .conBox .h3tit { position:relative; padding:34px 0 46px; font-size:1.875rem;  font-family: 'NotoSansCJKkr';}
.primaryArea .conBox .h3tit:after { content:""; position:absolute; left:0; bottom:30px; width:64px; height:5px; border-radius:2em; background:#529aa4;}
.primaryArea .conBox .h3tit span { color:#009e96;}
.primaryArea .conBox .conImg { display:block; margin-bottom:20px;}
.primaryArea .conBox .conImg:last-child { margin-bottom:0;}
.primaryArea .dlBox { padding-top:90px; font-size:1.375rem;}
.primaryArea .dlBox dt { color:#009e96; font-weight:bold;}
.primaryArea .dlBox dd { padding-top:10px; color:#434343;}
.primaryArea .titInfoText { padding:20px 20px 50px 20px; font-size:1.375rem; color:#009e96; font-weight:bold; background:#fff;}
.primaryArea .conBox .h4Tit { padding:30px 0; text-align:center; color:#434343; font-size:1.375rem;}
.primaryArea .con_colBox { overflow:hidden;}
.primaryArea .con_colBox .colL { float:left; width:612px; background:#fff;}
.primaryArea .con_colBox .colL .tblArea01 { margin-top:0; border:0; height:380px;}
.primaryArea .con_colBox .colL .tblArea01 thead tr th { padding:22px 0;}
.primaryArea .con_colBox .colL .tblArea01 tbody tr td { padding:23px 0;}
.primaryArea .con_colBox .colR { float:right; width:662px; padding:25px; text-align:right; background:#fff;}

.primaryArea .topTitBox { margin-top:40px; border-radius:20px 20px 0 0;}
.primaryArea .h3tit + .topTitBox { margin-top:0;}
.primaryArea .topTitBox .h4Tit { height:77px; line-height:77px; padding:0; text-align:center; font-size:1.625rem; color:#fff; border-radius:20px 20px 0 0; background:#009e96;}
.primaryArea .topRBox { padding:20px; background:#f6fafa;}
.primaryArea .topRBox .conImg { text-align:center; background:#fff;}
.primaryArea .topRBox .dlBox { padding:20px; background:#fff;}

.conTit_infoBox { display:table; width:100%; padding:20px; background:#fff;}
.conTit_infoBox li { padding-bottom:20px; line-height:34px;}
.conTit_infoBox li:last-child { padding-bottom:0;}
.conTit_infoBox li .tit { display:table-cell; width:100px; color:#009e96; font-size:1.375rem; font-weight:bold; }
.conTit_infoBox li .data { display:table-cell; width:calc(100% - 100px);  font-size:1.375rem; color:#434343; font-weight:bold; }

/* IAQ 개선 사례 */
.upgradeWrap { padding:80px 0; background:#f6fafa;}
.upgradeWrap .h3Tit { position:relative; margin-left:30px; text-align:center; color:#009e96;}
.upgradeWrap .h3Tit span { padding:0 5px 5px 5px; font-size:1.875rem; background:url("../../common/images/bg_text01.png") repeat-x left top 25px;}
.upgradeWrap .bgSwipeArea { margin-top:75px;}
.bgSwipeArea .slick-prev { text-indent:-9999em;  position:absolute; left:0; top:0; width:258px; height:363px; z-index:10;}
.bgSwipeArea .slick-prev:after { content:""; display:block; width:258px; height:363px; background:url("../../common/images/icon_arrow_grR.png") no-repeat right 162px center; -webkit-transform: rotate(180deg);transform: rotate(180deg); }
.bgSwipeArea .slick-next { text-indent:-9999em; position:absolute; right:0; top:0; width:162px; height:363px;}
.bgSwipeArea .slick-next:after { content:"";  display:block; width:162px; height:100%; background:url("../../common/images/icon_arrow_grR.png") no-repeat right 130px center; }
.bgSwipeArea .box .imgArea { display:block; }
.bgSwipeArea .box .imgArea img { margin:0 auto; width:346px; height:363px; border-radius:20px; border:1px solid #e5e5e5;}
.bgSwipeArea .box .textArea { margin-top:45px;}
.bgSwipeArea .box .textArea span { display:block; text-align:center;}
.bgSwipeArea .box .textArea .tit { padding-bottom:10px; color:#2a9ca6; font-size:1.375rem; font-weight:bold;}
.bgSwipeArea .box .textArea .data { color:#434343; font-size:1.25rem; line-height:1.875rem;}

/* 주요성과물_4차 산업기술활용서비스 */
.serviceConWrap .conBgBox { padding:20px; margin-top:30px; background:#f6fafa;}

.iconList { padding:20px 0 50px;}
.iconList li { position:relative; padding-left:66px; margin-bottom:50px; color:#434343; font-weight:bold; font-size:1.375rem; line-height:26px;}
.iconList li:last-child { margin-bottom:0;}
.iconList li:before { content:""; position:absolute; left:0; top:50%; width:42px; height:42px; border-radius:2em; background:#eb6877; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.iconList li:after { content:""; position:absolute; left:12px; top:50%; width:19px; height:25px; margin-top:-0; background:url("../../common/images/icon_list.png") no-repeat center; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.iconList li .point { color:#009e96;}
.iconList li .smText { font-size:0.875rem;}

.wBox { overflow:hidden; padding:30px 64px; background:#fff;}
.wBox .btn_go { float:left; height:55px; padding:0 30px; line-height:50px; border-radius:3em; background:#ccecea;}
.wBox .btn_go span { padding-right:46px; font-size:1.375rem; background:url("../../common/images/icon_go01.png") no-repeat right top 4px;}
.wBox .dlList { float:left; padding-left:45px; font-size:1rem;}
.wBox .dlList dt { padding-bottom:3px; font-weight:bold;}
.wBox .dlList dd { position:relative; padding-left:10px; margin-bottom:3px;}
.wBox .dlList dd:before { content:"-"; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.wBox .dlList dd:last-child { margin-bottom:0;}

.wBox.st01 { overflow:unset; padding:30px 64px; text-align:center; background:#fff;}
.wBox.st01 .btn_go { float:unset;}

.imgList { padding-bottom:50px; display:-moz-flex; /* Firefox */display:-webkit-flex; /* Safari and Chrome */ display:flex;}
.imgList li { text-align:center; flex:1; -moz-flex:1; -webkit-flex:1;}
.imgList li .img { display:block; }
.imgList li .img img { width:440px; height:260px; border-radius:20px;}
.imgList li .text { display:inline-block; margin-top:20px; padding:0 25px 5px 0; font-size:1.5rem; font-weight:bold; color:#009e96; background:url("../../common/images/bg_text01.png") repeat-x left top 10px;}

/*  */
.infoDataBox { overflow:hidden;}
.infoDataBox .box { float:left; width:45%; margin-top:40px; padding-left:30px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.infoDataBox .box:nth-child(odd) { width:55%;}
.infoDataBox .box .h3Tit  { position:relative; padding-left:60px; color:#009e96;}
.infoDataBox .box .h3Tit:before { content:""; position:absolute; left:0; top:50%; width:42px; height:42px; border-radius:2em; background:#eb6877; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.infoDataBox .box .h3Tit:after { content:""; position:absolute; left:12px; top:50%; width:19px; height:25px; margin-top:-0; background:url("../../common/images/icon_list.png") no-repeat center; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.infoDataBox .box .h3Tit span { padding:0 5px 5px 5px; font-size:1.375rem; background:url("../../common/images/bg_text01.png") repeat-x left top 25px;}
.infoDataBox .box .list { min-height:180px; margin-top:20px; padding-left:60px;}
.infoDataBox .box .list li { position:relative; padding-left:10px; margin-bottom:10px; line-height:2.5rem; color:#434343; font-size:1.25rem;}
.infoDataBox .box .list li:last-child { margin-bottom:0;}
.infoDataBox .box .list li:before { content:"-"; position:absolute; left:0; top:0;}
.conImgBox { margin-top:40px;}

/* IAQ 관련 자료 */
.conBgBox.ruleWrap { padding:50px; margin-top:30px; background:#f6fafa;}
.conBgBox.ruleWrap .ruleBox + .ruleBox { margin-top:70px;}
.ruleBox .h3Tit  { position:relative; margin-bottom:40px; color:#009e96;}
.ruleBox .h3Tit  span { padding:0 5px 5px 5px; font-size:1.875rem; background:url("../../common/images/bg_text01.png") repeat-x left top 25px;}
.ruleBox .list li { position:relative; padding-left:20px; line-height:2.5rem; color:#0068b7; font-size:1.375rem;}
.ruleBox .list li a { color:#0068b7; border-bottom:1px solid #0068b7; }
.ruleBox .list li:before { content:"-"; position:absolute; left:5px; top:0;}
.ruleInfo { margin-bottom:30px; font-size:1.375rem;}
.ruleInfo a { position:relative; color:#0068b7;}
.ruleInfo a:before { content:""; position:absolute; left:0; bottom:0; right:0; height:1px; background-color:#0068b7;}

/* IAQ개선및 관리솔루션 _ IAQ개선및 관리 */
.conBgBox.st01 { padding:20px; background:#f6fafa;}
.conBgBox.st01 .h3Tit  { position:relative; margin-bottom:40px; color:#009e96;}
.conBgBox.st01 .h3Tit  span { padding:0 5px 5px 5px; font-size:1.875rem; background:url("../../common/images/bg_text01.png") repeat-x left top 25px;}
.conBgBox.st01 .wBox { padding:30px;}