@charset "UTF-8"; ul:after{clear:both; display:block; content:"";} .sub_header{background: #FBFCFC; border-bottom: 1px solid #e9e9e9; position: relative;} .sub_header>div{max-width:1240px; margin:0 auto; padding-top:40px;} .sub_header>div:after{display:block; clear:both; content:"";} .sub_header>div>div{float:left; } .sub_header>div>div.cont01{width:calc(100% - 424px);} .sub_header>div>div.cont02{float:right; width:424px;} .sub_header>div .cont01>p{font-size:18px; color:#CCCCCC; margin-bottom:50px;} .sub_header>div .cont01>h2{color:#000; font-size:33px; line-height:50px; font-weight:500; margin-bottom:130px;} .sub_header>div .cont01>h2>span{font-weight:bold;} .sub_header>div .cont01>div{padding-bottom:30px;} .sub_header>div .cont01>div>a{color:#C4C4C4; font-weight:500; font-size:19px; padding-bottom: 26px;} .sub_header>div .cont01>div>a:hover{border-bottom: 1px solid #268BFF; color:#268BFF; font-weight:bold;} .sub_header>div .cont01>div>span{display: inline-block; width: 1px; height: 17px; border-right: 1px solid #C4C4C4; margin: 0 15px; position: relative; top: 2px;} .mo_menu_list{display:none;} .mo_menu_list select{width: 100%; height: 45px; margin-bottom: 10px; border: 1px solid #C4C4C4; border-radius: 3px; font-size:16px; color:#000;} .mo_br{display:none;} /*sub1_1 센터소개*/ #sub01_01>.content{max-width:1240px; margin:0 auto; padding-top:80px; } #sub01_01>.content>h3{text-align:center; font-weight:bold; font-size:43px; padding-bottom:40px; border-bottom:1px solid #C4C4C4; margin-bottom:80px;} #sub01_01>.content>div>.content01>h4{font-size:28px; font-weight:bold; position:relative;} #sub01_01>.content>div>.content01>h4>span{display: block; width: 30px; height: 3px; background: #268BFF; position: absolute; top: -13px;} #sub01_01>.content>div:after{clear:both; display:block; content:"";} #sub01_01>.content>div>div{float:left;} #sub01_01>.content>div>div.content01{width:285px;} #sub01_01>.content>div>div.content02{width:calc(100% - 285px);} #sub01_01>.content .cont01{margin-bottom:70px;} #sub01_01>.content .cont01 .content02{box-shadow: 0px 0px 15px #00000029; border-radius:100px; padding:20px;} #sub01_01>.content .cont01 .content02:after{clear:both; display:block; content:"";} #sub01_01>.content .cont01 .content02>div{float:left; width:160px; height:160px; border-radius:50%; background:#268BFF; text-align:center;} #sub01_01>.content .cont01 .content02>div img{position: relative; top: 40px;} #sub01_01>.content .cont01 .content02>p{float:left; width:calc(100% - 160px); font-size: 17px; line-height: 28px; padding-left: 30px; margin-top: 35px;} #sub01_01>.content .cont02 .content02{margin-bottom:80px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(1){border:10px solid #616FEE; border-radius:5px; height:150px; margin-bottom:70px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(1)>div{position:relative; background:#fff; top: -10px; width: calc(100% - 80px); margin: 0 auto; text-align:center; height:150px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(1)>div>p{ margin-top: 20px; font-size: 17px; color: #39386F; font-weight: bold; line-height:25px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(2){box-shadow: 0px 0px 15px #00000029; background:#fff; border-radius:15px; margin-bottom:40px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(2) li{float:left; position:relative; width:33.3%; padding:40px 0px 20px; text-align:center;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(2) li p{color:#383971; font-size:17px; line-height:25px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(2) li span{display: block; width: 1px; border-right: 2px dotted #C4C4C4; height: 138px; position: absolute; right: 0; top: 40px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(3) p{font-size: 17px; color: #000; line-height: 25px;} #sub01_01>.content .cont03{padding-bottom:80px;} #sub01_01>.content .cont03 .content02>div.year:after{clear:both; display:block; content:"";} #sub01_01>.content .cont03 .content02>div.year>div{float:left;} #sub01_01>.content .cont03 .content02>div.year>div.year01{width:150px; position:relative;} #sub01_01>.content .cont03 .content02>div.year>div.year01 h5{color:#268BFF; font-weight:bold; font-size:33px;} #sub01_01>.content .cont03 .content02>div.year>div.year01 span{width: 35px; height: 35px; display: block; border-radius: 50%; background: #268BFF; border: 8px double #FFf; position: absolute; right: -18px; top: -3px;} #sub01_01>.content .cont03 .content02>div.year>div.year02{width:calc(100% - 150px); border-left: 1px solid #268BFF; padding-bottom:60px; padding-top:3px;} #sub01_01>.content .cont03 .content02>div.year_2008>div.year02{border-left:none;} #sub01_01>.content .cont03 .content02>div.year>div.year02>div{margin-bottom:20px;} #sub01_01>.content .cont03 .content02>div.year>div.year02>div:after{clear:both; display:block; content:"";} #sub01_01>.content .cont03 .content02>div.year>div.year02>div>h6{float:left; width:100px; text-align:center; font-size:19px; font-weight:bold;} #sub01_01>.content .cont03 .content02>div.year>div.year02>div>p{float:right; width:calc(100% - 100px); margin-bottom:5px;} /*sub1_2 조직도*/ #sub01_02>.content{max-width:1240px; margin:0 auto; padding-top:80px; } #sub01_02>.content>h3{text-align:center; font-weight:bold; font-size:43px; padding-bottom:40px; border-bottom:1px solid #C4C4C4; margin-bottom:80px;} #sub01_02>.content>div>.content01>h4{font-size:28px; font-weight:bold; position:relative;} #sub01_02>.content>div>.content01>h4>span{display: block; width: 30px; height: 3px; background: #268BFF; position: absolute; top: -13px;} #sub01_02>.content>div:after{clear:both; display:block; content:"";} #sub01_02>.content>div>div{float:left;} #sub01_02>.content>div>div.content01{width:285px;} #sub01_02>.content>div>div.content02{width:calc(100% - 285px);} #sub01_02>.content .cont01{margin-bottom:70px;} #sub01_02>.content .cont01 .content02 img{width:100%; max-width:922px;} #sub01_02>.content .cont01 .content02:after{clear:both; display:block; content:""; } /*sub1_3 장비현황*/ #sub01_03>.content .cont01{padding-bottom:80px;} #sub01_03>.content{max-width: 1240px; margin: 0 auto; padding-top: 80px;} #sub01_03>.content>h3{text-align:center; font-weight:bold; font-size:43px; padding-bottom:40px; border-bottom:1px solid #C4C4C4; margin-bottom:80px; color:#000; line-height:55px;} #sub01_03 #md_contents .coltable{overflow:auto;} #sub01_03 #md_contents table{border:none; border-top:1px solid #000; min-width:800px;} #sub01_03 #md_contents .coltable th{padding: 0; height:80px; color: #000; font-size: 18px; background: #FBFCFC; border-bottom: 1px solid #C4C4C4;} #sub01_03 #md_contents .coltable th:nth-child(1){width:60px;} #sub01_03 #md_contents .coltable th:nth-child(4){width:60px;} #sub01_03 #md_contents .coltable td{padding: 0; height: 80px; color: #000; font-size: 18px; background: #fff; border-bottom: 1px solid #C4C4C4;} #sub01_03 #md_contents .coltable td.txt_left{text-align:left; padding-left:15px;} #sub01_03 #md_contents .bt_dot{border-top:none;} /*sub1_4 오시는길*/ #sub01_04>.content{max-width:1240px; margin:0 auto; padding-top:80px;} #sub01_04>.content>h3{text-align:center; font-weight:bold; font-size:43px; padding-bottom:40px; border-bottom:1px solid #C4C4C4; margin-bottom:80px;} #sub01_04>.content>div>.content01>h4{font-size:28px; font-weight:bold; position:relative;} #sub01_04>.content>div>.content01>h4>span{display: block; width: 30px; height: 3px; background: #268BFF; position: absolute; top: -13px;} #sub01_04>.content>div:after{clear:both; display:block; content:"";} #sub01_04>.content>div>div{float:left;} #sub01_04>.content>div>div.content01{width:285px;} #sub01_04>.content>div>div.content02{width:calc(100% - 285px);} #sub01_04>.content .cont01{margin-bottom:70px;} #sub01_04>.content .cont01>div{float:none; width:100% !important;} #sub01_04>.content .cont01>div.content01{margin-bottom:30px;} #sub01_04>.content .cont01>div.content01:after{clear:both; display:block; content:"";} #sub01_04>.content .cont01>div.content01>p{float:left; font-size:18px;} #sub01_04>.content .cont01>div.content01>p:nth-child(1){margin-right:70px;} #sub01_04>.content .cont01>div.content01>p:nth-child(2){margin-right:70px;} #sub01_04>.content .cont01>div.content01>p span{display: inline-block; width: 1px; height: 14px; border-right: 2px solid #C4C4C4; margin: 0px 7px 0 7px;} #sub01_04>.content .cont01>div.content01>p img{position: relative; top: 2px; margin-right: 10px;} #sub01_04>.content .cont01 #daumRoughmapContainer1659330497670{max-width:1240px; width:100% !important; margin:0 auto;} #sub01_04>.content .cont01 #daumRoughmapContainer1659330497670 .wrap_map{height:600px !important; } #sub01_04>.content .cont02{margin-bottom:40px;} #sub01_04>.content .cont02 .content02{border: 1px solid #C4C4C4; padding: 35px; background:#FBFCFC; border-radius:5px;} #sub01_04>.content .cont02 .content02:after{clear:both; display:block; content:"";} #sub01_04>.content .cont02 .content02>div{float:left;} #sub01_04>.content .cont02 .content02>div.txt_box{width:calc(100% - 130px);} #sub01_04>.content .cont02 .content02>div.txt_box h5{font-weight:bold; font-size:18px; line-height:25px; color:#000;} #sub01_04>.content .cont02 .content02>div.txt_box h5:nth-child(3){margin-top:20px;} #sub01_04>.content .cont02 .content02>div.txt_box p{font-size:16px; line-height:25px; color:#000; padding-left: 20px; padding-top: 3px;} #sub01_04>.content .cont02 .content02>div.img_box{width:100px; padding-top:15px;} #sub01_04>.content .cont03{margin-bottom:100px;} #sub01_04>.content .cont03 .content02{border: 1px solid #C4C4C4; padding: 35px; background:#FBFCFC; border-radius:5px;} #sub01_04>.content .cont03 .content02:after{clear:both; display:block; content:"";} #sub01_04>.content .cont03 .content02>div{float:left;} #sub01_04>.content .cont03 .content02>div.txt_box{width:calc(100% - 130px);} #sub01_04>.content .cont03 .content02>div.txt_box h5{font-weight:bold; font-size:18px; line-height:25px; color:#000;} #sub01_04>.content .cont03 .content02>div.txt_box h5:nth-child(3){margin-top:20px;} #sub01_04>.content .cont03 .content02>div.txt_box p{font-size:16px; line-height:25px; color:#000; padding-left: 20px; padding-top: 3px;} #sub01_04>.content .cont03 .content02>div.img_box{width:100px; padding-top:15px;} /*sub2_1그린에너지상담센터*/ .sub02_com>.content{max-width:1240px; margin:0 auto; padding-top:80px; } .sub02_com>.content>h3{text-align:center; font-weight:bold; font-size:43px; padding-bottom:40px; border-bottom:1px solid #C4C4C4; margin-bottom:80px; color:#000;} .sub02_com>.content>div>.content01>h4{font-size:28px; font-weight:bold; position:relative; color:#000; line-height:40px;} .sub02_com>.content>div>.content01>h4>span{display: block; width: 30px; height: 3px; background: #268BFF; position: absolute; top: -13px;} .sub02_com>.content>div:after{clear:both; display:block; content:"";} .sub02_com>.content>div>div{float:left;} .sub02_com>.content>div>div.content01{width:285px;} .sub02_com>.content>div>div.content02{width:calc(100% - 285px);} .sub02_com>.content .cont01{margin-bottom:70px;} .sub02_com>.content .cont01 .content02{box-shadow: 0px 0px 15px #00000029; border-radius:100px; padding:20px;} .sub02_com>.content .cont01 .content02:after{clear:both; display:block; content:"";} .sub02_com>.content .cont01 .content02>div{float:left; width:160px; height:160px; border-radius:50%; background:#268BFF; text-align:center;} .sub02_com>.content .cont01 .content02>div img{position: relative; top: 40px;} .sub02_com>.content .cont01 .content02>ul{float:left; width:calc(100% - 160px); font-size: 17px; line-height: 28px; padding-left: 30px; margin-top: 25px;} /*sub2_2기술/장비/기술지원*/ #sub02_02>.content .cont01 .content02>ul{margin-top:40px;} /*개인정보처리방침*/ #sub_etc_01>.content{max-width:1240px; margin:0 auto; padding-top:80px; padding-bottom:100px;} #sub_etc_01>.content>h3{text-align:center; font-weight:bold; font-size:43px; padding-bottom:40px; border-bottom:1px solid #C4C4C4; margin-bottom:80px;} #sub_etc_01>.content h4{font-size: 20px; margin-bottom: 20px; padding-top: 40px; font-weight:bold;} #sub_etc_01>.content p{ font-size: 16px; line-height: 25px;} #sub_etc_01>.content .content01>p:nth-child(1){font-weight: bold; line-height: 25px; padding: 20px; border: 1px solid #ddd; margin: 15px; margin-bottom: 0px;} #sub_etc_01 .table_cover{overflow:auto; margin:20px 0px;} #sub_etc_01 table{border-top: 2px solid #000; min-width:800px;} #sub_etc_01 th{padding: 0; height: 60px; color: #000; font-size: 18px; background: #fff; border-bottom: 1px solid #C4C4C4; border-left: 1px solid #c4c4c4; font-weight: bold; background: #fafbfc;} #sub_etc_01 th:nth-child(1){border-left:none;} #sub_etc_01 td{padding: 0; height: 60px; color: #000; font-size: 18px; background: #fff; border-bottom: 1px solid #C4C4C4; border-left: 1px solid #c4c4c4; text-align:center; line-height:25px;} #sub_etc_01 td:nth-child(1){border-left:none;} #sub_etc_01 td.bl{border-left: 1px solid #c4c4c4;} /*사이트맵*/ #sub_etc_02>.content{max-width:1240px; margin:0 auto; padding-top:80px; padding-bottom:100px;} #sub_etc_02>.content>h3{text-align:center; font-weight:bold; font-size:43px; padding-bottom:40px; border-bottom:1px solid #C4C4C4; margin-bottom:80px;} #sub_etc_02 .content01>ul>li{float:left; width: 31.3%; height: 300px; padding: 30px 20px 20px; border: 1px solid #ddd; margin: 1%; background: #fff; border-radius: 15px;} #sub_etc_02 .content01>ul>li>a{ font-size: 25px; margin-bottom: 20px; font-weight: bold; position: relative; color:#000; display:block; cursor: auto;} #sub_etc_02 .content01>ul>li>a>span{display: block; width: 30px; height: 3px; background: #268BFF; position: absolute; top: -10px;} #sub_etc_02 .content01>ul>li>ul a{font-size:17px; line-height:35px; color:#000; position:relative;} #sub_etc_02 .content01>ul>li>ul a>span{display: inline-block; width: 5px; height: 5px; background: #268BFF; border-radius: 50%; position: relative; top: -3px; margin-right: 5px; } #sub_etc_02 .content01>ul>li>ul a:hover{text-decoration: underline; text-underline-position: under;} /*게시판공용*/ .notice_com>.content{max-width: 1240px; margin: 0 auto; padding-top: 80px;} .notice_com>.content>h3{text-align:center; font-weight:bold; font-size:43px; padding-bottom:40px; border-bottom:1px solid #C4C4C4; margin-bottom:80px; color:#000; line-height:55px;} .notice_com #user_board_title{display:none;} .notice_com #user_board_control{border-radius: 5px; height: 120px; background: #FBFCFC; border: none; margin-bottom:70px; padding-top:30px;} .notice_com #user_board_control .inner{padding:0px;} .notice_com .board_fr:after{clear:both; display:block; content:"";} .notice_com .board_fr{width: fit-content; margin: 0 auto; float: none !important;} .notice_com .board_fr select#sbfd{border: 1px solid #C4C4C4; height: 60px; line-height: 60px; width: 200px; display:block; float:left; margin-right: 15px;} .notice_com .board_fr input[type="text"]#sbt{height: 60px; line-height: 60px; border: 1px solid #C4C4C4; width: 415px; display:block; float:left; border-right: none; border-radius: 5px 0px 0px 5px;} .notice_com .board_fr input[type="submit"]{display: block; float: left; height: 60px; width: 60px; background: url(../fnc_images/sub/search_btn.png) no-repeat #000; background-position: center; color: transparent; border-radius: 0px 5px 5px 0px; border: 1px solid #000;} .notice_com .board_fr input[type="submit"]:hover{opacity:0.8;} .notice_com #user_board_list table{border-top:1px solid #000;} .notice_com #user_board_list table .hit{display:none;} .notice_com #user_board_list .file{display:none;} .notice_com #user_board_list td{text-align:center;} .notice_com #user_board_list .writer{width:15%;} .notice_com #user_board_list .date{width:15%;} .notice_com #user_board_list th{padding: 0; height: 80px; color: #000; font-size: 18px; background: #FBFCFC; border-bottom: 1px solid #C4C4C4;} .notice_com #user_board_list td{padding: 0; height: 80px; color: #000; font-size: 18px; background: #fff; border-bottom: 1px solid #C4C4C4;} .notice_com #user_board_paging{border:none; border-top: 1px solid #c4c4c4; padding-top: 30px;} .notice_com #user_board_button input[type="submit"]{height: 45px; line-height: 45px; font-size: 16px; border-radius: 5px;} .notice_com #user_board_button a{background: #000; border-radius: 5px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; border: none;} .notice_com #user_board_button a:hover{opacity:0.8; border:none; background:#000; color:#fff;} .notice_com #user_board_paging span{ height: 45px; line-height: 45px; width: 45px; background: #000; border-radius: 5px; border: none; font-size: 16px;} .notice_com #user_board_paging a span{border: none; color: #C4C4C4; background: transparent; margin: 0;} .notice_com #user_board_paging a span:hover{ height: 45px; line-height: 45px; width: 45px; background: #000; border-radius: 5px; border: none; font-size: 16px; margin:0; color:#fff;} .notice_com #user_board_paging span.prev{background: url(../fnc_images/sub/notice_left.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-right: 45px;} .notice_com #user_board_paging span.next{background: url(../fnc_images/sub/notice_right.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-left: 45px;} .notice_com #user_board_paging span.prev:hover{background: url(../fnc_images/sub/notice_left.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-right: 45px; opacity:0.8;} .notice_com #user_board_paging span.next:hover{background: url(../fnc_images/sub/notice_right.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-left: 45px; opacity:0.8;} .notice_com #user_board_photo ul{margin-right:0%;} .notice_com #user_board_photo ul li{width:31%; border: 1px solid #C4C4C4; border-radius: 10px; overflow: hidden;} .notice_com #user_board_photo ul li:hover{box-shadow: 0px 0px 25px #00000029;} .notice_com #user_board_photo ul li p.img{padding-bottom:70%; margin-bottom:0px;} .notice_com #user_board_photo ul li p.img a{background-position: center top;} .notice_com #user_board_photo ul li p.text{padding:30px 30px 0px 30px; height:70px;} .notice_com #user_board_photo ul li p.text a{color:#000; font-size:18px;} .notice_com #user_board_photo ul li p.info{font-size:14px; padding:30px 30px 25px 30px; height:70px; color:#707070;} .notice_com .notice_com_write #user_board_button a{background: #fff; border: 1px solid #000; color: #000;} .notice_com .notice_com_write #user_board_button a:hover{opacity:0.8;} .notice_com .notice_com_write #user_board_button input[type="submit"]{background: #000 !IMPORTANT; border: none !important;} .notice_com .notice_com_write #user_board_button input[type="submit"]:hover{opacity:0.8;} .notice_com .notice_com_read #user_board_button a{background: #fff; border: 1px solid #000; color: #000;} .notice_com .notice_com_read #user_board_button a:hover{opacity:0.8;} .notice_com .notice_com_read #user_board_button a.user_board_btn_gblue{background: #000 !IMPORTANT; border: none !important;} .notice_com .notice_com_read #user_board_button a.user_board_btn_gblue:hover{opacity:0.8;} #user_board_whole #user_board_write {border-top: 1px solid #000;} #user_board_whole #user_board_write th{padding:0px;} #user_board_whole input[type="text"]{height:40px; line-height:40px;} #user_board_whole input[type="text"].board_w30{width: calc(100% - 60px); max-width: 380px;} #user_board_whole input[type="text"].board_w98{width:100%;} #user_board_whole input[type="file"]{ height: 40px; line-height: 32px; width: 100%; max-width: 380px;} /*행사앨범*/ #sub04_02 .calendar-list td{font-size:16px;} #sub04_02 .calendar-list tr:hover{background:#efefef;} #sub04_02 .ss span{font-size:15px !important;} #sub04_02 .ss>a:hover{text-decoration: underline; text-underline-position: under;} #sub04_02 .calendar-box{border-top:1px solid #000;} #sub04_02 #writefrm td{font-size:16px; padding:5px 0px;} #sub04_02 #writefrm .writefrm_logo{background: #fff; text-align: center; padding: 10px; position:relative; border-bottom: 1px solid #e9e9e9; margin-bottom:15px;} #sub04_02 #writefrm .writefrm_logo img{height: 35px;} #sub04_02 #writefrm .writefrm_logo input[type="button"]{position:absolute; right:10px; top: 15px;background: #000; color: #fff; border: none; font-size:14px;} #sub04_02 #writefrm .writefrm_logo input[type="button"]:hover{opacity:0.8;} #sub04_02 #writefrm td textarea{width:85%; margin-top:10px; font-size:16px; margin-bottom:20px;} #sub04_02 .user_schedule_write_layer{left: calc(50% - 250px); margin-left:0px; padding:0; background:#FCFCFC;} #sub04_02 #md_contents .btn_blue{background:#000; border:none;} #sub04_02 #md_contents .btn_blue:hover{background:#000; opacity:0.8;} #sub04_02 .calendar-list caption{background-color: #FBFCFC; color:#000; border-bottom: 1px solid #C4C4C4; border-top: 1px solid #000; font-size:20px; font-weight:bold; display:none;} #sub04_02 .calendar-list{border-top: 1px solid #000; } #sub04_02 .calendar-list thead {display:table-header-group;} #sub04_02 .calendar-list thead th{font-size: 18px; height: 80px; background-color: #FBFCFC; border-bottom: 1px solid #C4C4C4; border-right: 1px solid #c4c4c4;} #sub04_02 .calendar-list thead th:last-child{border-right:none; padding-left:15px;} #sub04_02 .calendar-list tr td{border:none; border-bottom: 1px solid #C4C4C4; border-right: 1px solid #c4c4c4; padding:0; height:80px; display:table-cell !important;} #sub04_02 .calendar-list tr td:last-child{border-right:none; padding-left:15px;} #sub04_02 .calendar-box tr td.today01>span{width: 32px; height: 32px; background: #268BFF; border-radius: 50%; padding-top: 3px;} /*Q&A*/ #sub04_04 #md_contents #md_pg_info{border-radius: 5px; height: 120px; background: #FBFCFC; border: none; margin-bottom: 70px; padding-top: 30px;} #sub04_04 #md_pg_info .fl{display:none;} #sub04_04 #md_pg_info .fr{width: fit-content; margin: 0 auto; float: none !important;} #sub04_04 #md_pg_info .fr select{font-size:16px; border: 1px solid #C4C4C4; height: 60px; line-height: 60px; width: 200px; display: block; float: left; margin-right: 15px;} #sub04_04 #md_pg_info .fr input[type="text"]{font-size:16px; height: 60px; line-height: 60px; border: 1px solid #C4C4C4; width: 415px; display: block; float: left; border-right: none; border-radius: 5px 0px 0px 5px;} #sub04_04 #md_pg_info .fr input[type="button"]{display: block; float: left; height: 60px; width: 60px; background: url(../fnc_images/sub/search_btn.png) no-repeat #000; background-position: center; color: transparent; border-radius: 0px 5px 5px 0px; border: 1px solid #000;} #sub04_04 #md_contents table{border: none; border-top: 1px solid #000;} #sub04_04 #md_contents table th{padding: 0; height: 80px; color: #000; font-size: 18px; background: #FBFCFC; border-bottom: 1px solid #C4C4C4;} #sub04_04 #md_contents table td{padding: 0; height: 80px; color: #000; font-size: 18px; background: #fff; border-bottom: 1px solid #C4C4C4; text-align:left; padding-left:20px; line-height:25px;} #sub04_04 #md_contents table td.td_number{text-align:center; width:8%; padding-left:0;} #sub04_04 #md_contents table td.td_answer{text-align: left; height: auto; padding: 10px; line-height: 25px; text-indent: 5px; font-size:16px; word-break: break-all; padding-left:75px;} #sub04_04 #md_contents #md_paging{border:none; border-top: 1px solid #c4c4c4; padding-top: 30px; margin-top:30px;} #sub04_04 #md_contents #md_button{clear: both; text-align: right; font-size: 12px; display: block; margin-top: 30px; border-top:none; padding-bottom:30px;} #sub04_04 #md_contents #md_button input[type="submit"]{height: 45px; line-height: 45px; font-size: 16px; border-radius: 5px;} #sub04_04 #md_contents #md_button a{background: #000; border-radius: 5px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; border: none;} #sub04_04 #md_contents #md_button a:hover{opacity:0.8; border:none; background:#000; color:#fff;} #sub04_04 #md_contents #md_paging span{ height: 45px; line-height: 45px; width: 45px; background: #000; border-radius: 5px; border: none; font-size: 16px;} #sub04_04 #md_contents #md_paging a span{border: none; color: #C4C4C4; background: transparent; margin: 0;} #sub04_04 #md_contents #md_paging a span:hover{ height: 45px; line-height: 45px; width: 45px; background: #000; border-radius: 5px; border: none; font-size: 16px; margin:0; color:#fff;} #sub04_04 #md_contents #md_paging span.prev{background: url(../fnc_images/sub/notice_left.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-right: 45px;} #sub04_04 #md_contents #md_paging span.next{background: url(../fnc_images/sub/notice_right.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-left: 45px;} #sub04_04 #md_contents #md_paging span.prev:hover{background: url(../fnc_images/sub/notice_left.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-right: 45px; opacity:0.8;} #sub04_04 #md_contents #md_paging span.next:hover{background: url(../fnc_images/sub/notice_right.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-left: 45px; opacity:0.8;} #sub04_04.sub04_04_write #md_contents td{padding-right:20px;} #sub04_04.sub04_04_write #md_contents td input[type="text"]{height: 60px; line-height:60px; width: 100% !important; font-size:16px;} /*입주기업현황*/ #sub05_02 #md_contents{padding-bottom:30px;} #sub05_02 #md_contents #md_pg_info{border-radius: 5px; height: 120px; background: #FBFCFC; border: none; margin-bottom: 70px; padding-top: 30px;} #sub05_02 #md_contents .fr{width: fit-content; margin: 0 auto; float: none !important;} #sub05_02 #md_contents select{border: 1px solid #C4C4C4; height: 60px; line-height: 60px; width: 200px; display: block; float: left; margin-right: 15px; font-size:16px;} #sub05_02 #md_contents #md_pg_info input[type="text"]{height: 60px; line-height: 60px; border: 1px solid #C4C4C4; width: 415px; display: block; float: left; border-right: none; border-radius: 5px 0px 0px 5px; font-size:16px;} #sub05_02 #md_contents input[type="button"]{display: block; float: left; height: 60px; width: 60px; background: url(../fnc_images/sub/search_btn.png) no-repeat #000; background-position: center; color: transparent; border-radius: 0px 5px 5px 0px; border: 1px solid #000;} #sub05_02 #md_contents .fl{margin-bottom:5px; font-size: 18px; font-weight: bold;} #sub05_02 #md_contents .fl .tb{color:#268BFF;} #sub05_02 #md_contents table{border-top:1px solid #000; border-right:none; border-left:none;} #sub05_02 #md_contents table td.img_td{ width: 400px;} #sub05_02 #md_contents table td.img_td img{border:1px solid #c4c4c4; width:100%; max-width:400px;} #sub05_02 #md_contents table td.txt_td{font-size:17px; text-align:left; line-height:25px;} #sub05_02 #md_contents table td.txt_td h4{font-size:20px; margin-bottom:10px; font-weight:bold;} #sub05_02 #md_contents table td.txt_td p{padding-left:10px;} #sub05_02 #md_contents table td.txt_td p:after{clear:both; display:block; content:"";} #sub05_02 #md_contents table td.txt_td p span.td_title{display: block; float:left; width: 85px; font-weight:bold; text-align: right; margin-right: 5px; border-radius: 5px; text-align: center; padding: 5px 0px; margin-bottom: 5px; border:1px solid #c4c4c4;} #sub05_02 #md_contents table td.txt_td p span.td_txt{display: block; float:right; width: calc(100% - 90px); line-height:35px;} #sub05_02 #md_contents table td.txt_td p span.td_title02{display:block; font-weight:bold; padding-top:10px; width:85px; text-align: right; border-radius: 5px; text-align: center; padding: 5px 0px; margin-bottom: 5px; margin-top: 10px; border:1px solid #c4c4c4;} #sub05_02 #md_contents #md_paging input[type="submit"]{height: 45px; line-height: 45px; font-size: 16px; border-radius: 5px;} #sub05_02 #md_contents #md_paging a{ border-radius: 5px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; border: none;} #sub05_02 #md_contents #md_paging a:hover{opacity:0.8; border:none; background:#000; color:#fff;} #sub05_02 #md_contents #md_paging span{ height: 45px; line-height: 45px; width: 45px; background: #000; border-radius: 5px; border: none; font-size: 16px;} #sub05_02 #md_contents #md_paging a span{border: none; color: #C4C4C4; background: transparent; margin: 0;} #sub05_02 #md_contents #md_paging a span:hover{ height: 45px; line-height: 45px; width: 45px; background: #000; border-radius: 5px; border: none; font-size: 16px; margin:0; color:#fff;} #sub05_02 #md_contents #md_paging span.prev{background: url(../fnc_images/sub/notice_left.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-right: 45px;} #sub05_02 #md_contents #md_paging span.next{background: url(../fnc_images/sub/notice_right.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-left: 45px;} #sub05_02 #md_contents #md_paging span.prev:hover{background: url(../fnc_images/sub/notice_left.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-right: 45px; opacity:0.8;} #sub05_02 #md_contents #md_paging span.next:hover{background: url(../fnc_images/sub/notice_right.png) no-repeat #fff; background-position: center; color: transparent; border: none; margin-left: 45px; opacity:0.8;} #sub05_02 #md_contents .bt_dot{border-top:none;} #sub05_02 #md_contents #md_button a{background: #000; border-radius: 5px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; border: none;} #sub05_02 #md_contents #md_button a:hover{opacity:0.8; border:none; background:#000; color:#fff;} #sub05_02_write #md_contents{padding-bottom:30px;} #sub05_02_write #md_contents table{border-top:1px solid #000; border-right:none; border-left:none;} #sub05_02_write #md_contents .rowtable th{ text-align: left; font-weight: bold; font-size: 17px; padding: 15px 0px; background-color: #fff; line-height: 23px; padding-left: 20px; width: 160px; color: #000; border-bottom: 1px solid #C4C4C4;} #sub05_02_write #md_contents .rowtable td{padding: 5px 10px; font-size: 16px; border-bottom: 1px solid #C4C4C4; } #sub05_02_write #md_contents input[type="text"]{width: 100% !important; max-width: 500px; height: 40px; min-height: 40px; background-color: #F9F9F9;} #sub05_02_write #md_contents textarea{resize:none; width:100% !important; background-color: #F9F9F9;} #sub05_02_write #md_contents input[type="file"]{width: 100% !important; max-width: 500px; height: 40px; line-height: 32px; background-color: #F9F9F9;} #sub05_02_write #md_contents input[type="submit"]{background: #000; border-radius: 5px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; border: none;} #sub05_02_write #md_contents input[type="submit"]:hover{opacity:0.8; border:none; background:#000; color:#fff;} #sub05_02_write #md_contents #md_button a{background: #fff; border-radius: 5px; height: 45px; line-height: 45px; font-size: 16px; color: #000; border: none; border:1px solid #000;} #sub05_02_write #md_contents #md_button a:hover{opacity:0.8;} #sub05_02_write #md_contents #md_button{text-align:right;} #sub05_02_write .title{font-size: 20px; text-align: left; border-bottom: 1px solid #C4C4C4; margin-top: 30px; padding: 0px 15px 10px; background: #fff; color: #000; position: relative; font-weight: bold;} #sub05_02_write .title .blue_line{display: block; width: 30px; height: 3px; background: #268BFF; position: absolute; top: -13px;} @media (max-width:1240px){ .sub_header>div{padding:40px 10px 0px 10px;} #sub01_01>.content{padding:80px 10px 0px 10px} #sub01_01>.content>div>div.content01{width:200px;} #sub01_01>.content>div>div.content02{width: calc(100% - 200px);} #sub01_02>.content{padding:80px 10px 0px 10px} #sub01_03>.content{padding:80px 10px 0px 10px} #sub01_04>.content{padding:80px 10px 0px 10px} #sub01_04>.content .cont01 #daumRoughmapContainer1659330497670{width:90% !important;} #sub_etc_01>.content{padding:80px 10px 100px 10px} .notice_com>.content{padding:80px 10px 0px 10px;} } @media (max-width:1100px){ #sub01_01>.content .cont01 .content02>p br{display:none;} #sub01_04>.content .cont02 .content02>div.txt_box{width:calc(100% - 100px);} #sub05_02 #md_contents table td.img_td{width:40%;} #sub04_header>div>div.cont01{width:100%; position:relative; z-index:5;} #sub04_header>div>div.cont02{position:absolute; right:0; opacity:0.4; bottom:40px;} } @media (max-width:850px){ .sub_header>div>div.cont01{width:100%; position:relative; z-index:5;} .sub_header>div>div.cont02{position:absolute; right:0; opacity:0.4; bottom:40px;} #sub01_01>.content>div>div.content01{width:100%; text-align:center; margin-bottom:40px;} #sub01_01>.content>div>.content01>h4>span{margin:0 auto; position:relative;} #sub01_01>.content>div>div.content02{width:100%;} #sub01_02>.content>div>div.content01{width:100%; text-align:center; margin-bottom:40px;} #sub01_02>.content>div>.content01>h4>span{margin:0 auto; position:relative;} #sub01_02>.content>div>div.content02{width:100%;} #sub01_04>.content .cont01>div.content01>p{float:none; line-height:25px;} #sub01_04>.content .cont01>div.content01>p{margin-right:0px !important; margin-bottom:10px;} #sub01_04>.content>div>div.content01{width:100%; text-align:center; margin-bottom:40px;} #sub01_04>.content>div>.content01>h4>span{margin:0 auto; position:relative;} #sub01_04>.content>div>div.content02{width:100%;} .sub02_com>.content>div>div.content01{width:100%; text-align:center; margin-bottom:40px;} .sub02_com>.content>div>.content01>h4>span{margin:0 auto; position:relative;} .sub02_com>.content>div>.content01>h4 br{display:none;} .sub02_com>.content>div>div.content01{width:100%;} .sub02_com>.content .cont01 .content02{width:100%;} .sub02_com>.content .cont01 .content02>ul{margin-top:5px !important;} } @media (max-width:800px){ .notice_com .board_fr select#sbfd{width: calc(100% - 490px);} #sub04_04 #md_pg_info .fr select{width: calc(100% - 490px);} #sub05_02 #md_contents select{width: calc(100% - 490px);} } @media (max-width:650px){ .sub_header>div .cont01>div{width:100%; padding-bottom:0px;} .sub_header>div .cont01>div:after{display:block; clear:both; content:"";} .sub_header>div .cont01>div>span{display:none;} .sub_header>div .cont01>div>a{display:block; float:left; text-align:center; font-size:17px; width: 33.3%; padding-bottom: 0; height: 40px; line-height: 25px;} #sub01_header>div .cont01>div>a{width:50%;} #sub01_01>.content .cont01 .content02>div{float:none; margin:0 auto;} #sub01_01>.content .cont01 .content02>p{margin-top: 15px; text-align: center; width: 100%; padding-left: 0;} .notice_com .board_fr select#sbfd{width:20%;} .notice_com .board_fr input[type="text"]#sbt{width:60%;} .notice_com #user_board_photo ul li{width:48%;} .sub02_com>.content .cont01 .content02{position:relative;} .sub02_com>.content .cont01 .content02>div{position: absolute; top: calc(50% - 50px); width:100px; height:100px;} .sub02_com>.content .cont01 .content02>div img{top:10px;} .sub02_com>.content .cont01 .content02>ul{width: 100%; padding-left: 110px;} #sub04_04 #md_pg_info .fr select{width:20%;} #sub04_04 #md_pg_info .fr input[type="text"]{width:60%;} #sub05_02 #md_contents select{width:20%;} #sub05_02 #md_contents #md_pg_info input[type="text"]{width:60%;} #sub05_02 #md_contents table td{display:block;} #sub05_02 #md_contents table td.img_td{width:100%; border-bottom:none;} #sub_etc_02 .content01>ul>li{width:48%;} .notice_com .notice_com_read #user_board_read_information th{width:66px; padding:0;} .notice_com .notice_com_read #user_board_read_information th:nth-child(5){display:none;} .notice_com .notice_com_read #user_board_read_information td:nth-child(6){display:none;} .notice_com .notice_com_read #user_board_read_information td{padding:10px 0px;} } @media (max-width:550px){ .sub_header>div .cont01>div{width:100%; margin:0 auto;} .sub_header>div .cont01>div>a{padding-bottom: 16px;} .sub_header>div>div.cont02{bottom: 45px; width: 50%; text-align: right;} .sub_header>div>div.cont02>img{width: 100%; max-width: 300px;} .sub_header>div .cont01>p{font-size:15px; margin-bottom:30px;} .sub_header>div .cont01>h2{font-size:16px;} .sub_header>div>div.cont02{opacity:1 !important;} .sub_header>div .cont01>h2{margin-bottom:80px; line-height:25px;} .sub_header>div .cont01>h2 .mo_br{display:none;} #sub01_01>.content>h3{font-size:30px; line-height:45px; margin-bottom:55px;} #sub01_02>.content>h3{font-size:30px; line-height:45px; margin-bottom:55px;} #sub01_03>.content>h3{font-size:30px; line-height:45px; margin-bottom:55px;} #sub01_04>.content>h3{font-size:30px; line-height:45px; margin-bottom:55px;} .notice_com>.content>h3{font-size:30px; line-height:45px; margin-bottom:55px;} #sub01_01>.content .cont01 .content02>p{padding:5px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(3) p br{display:none;} #sub01_01>.content .cont03 .content02>div.year>div.year01{width:100px;} #sub01_01>.content .cont03 .content02>div.year>div.year02{width:calc(100% - 100px);} #sub01_04>.content .cont01 #daumRoughmapContainer1659330497670 .wrap_map{height:350px !important;} #sub01_04>.content .cont02 .content02{position:relative; padding:20px; 10px} #sub01_04>.content .cont02 .content02>div.txt_box{width:100%; padding-top:110px;} #sub01_04>.content .cont02 .content02>div.txt_box p{padding-left:10px;} #sub01_04>.content .cont02 .content02>div.img_box{width: 100%; text-align: center; position: absolute; top: 0; left: 0;} #sub01_04>.content .cont03 .content02{position:relative; padding:20px 10px;} #sub01_04>.content .cont03 .content02>div.txt_box{width:100%; padding-top:110px;} #sub01_04>.content .cont03 .content02>div.txt_box p{padding-left:10px;} #sub01_04>.content .cont03 .content02>div.img_box{width: 100%; text-align: center; position: absolute; top: 0; left: 0;} #sub04_02 .user_schedule_write_layer{width:90%; left:5%;} #sub04_04 #md_contents table td.td_answer{padding-left:10px;} .mo_menu_list{display:block;} .pc_menu_list{display:none;} } @media (max-width:450px){ #sub02_header>div .cont01>div>a{height:65px;} #sub02_header>div .cont01>div>a .mo_br{display:block;} #sub01_01>.content .cont01 .content02{border-radius:40px; position:relative;} #sub01_01>.content .cont01 .content02>div{left: calc(50% - 50px); top: calc(50% - 50px); width: 100px; height: 100px; margin-bottom:10px;} #sub01_01>.content .cont01 .content02>div img{top:10px;} #sub01_01>.content .cont01 .content02>p{margin-top:0; text-align: left;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(1){height:180px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(1)>div{height:180px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(2) li{width: 100%; padding: 20px 0px 10px;} #sub01_01>.content .cont02 .content02>ul>li:nth-child(2) li span{border-bottom: 2px dotted #c4c4c4; border-right:0px; width: 250px; position: relative; height: 1px; top: 20px; margin: 0 auto;} #sub01_01>.content .cont03 .content02>div.year>div.year01{width:100%; margin-bottom:15px;} #sub01_01>.content .cont03 .content02>div.year>div.year01 h5{margin-left:40px;} #sub01_01>.content .cont03 .content02>div.year>div.year01 span{top: 0px; left: 0;} #sub01_01>.content .cont03 .content02>div.year>div.year02{ padding-bottom: 30px;} #sub01_01>.content .cont03 .content02>div.year>div.year02{width:100%; border-left:none;} #sub01_01>.content .cont03 .content02>div.year>div.year02>div>h6{width:70px;} #sub01_01>.content .cont03 .content02>div.year>div.year02>div>p{width:calc(100% - 70px);} #sub02_01>.content>h3 br.mo_br{display:block;} #sub02_02>.content>h3 br.mo_br{display:block;} #sub01_04>.content .cont01>div.content01>p{text-align:left;} .sub02_com>.content .cont01 .content02{border-radius: 30px; padding: 20px 10px; min-height:150px;} .sub02_com>.content .cont01 .content02>div{left: calc(50% - 50px); position: relative; margin-bottom:10px;} .sub02_com>.content .cont01 .content02>ul{padding-left:10px;} .notice_com #user_board_control{padding:20px 10px; height:auto; margin-bottom:35px;} .notice_com .board_fr select#sbfd{ width: 100%; margin: 0; margin-bottom: 10px;} .notice_com .board_fr input[type="text"]#sbt{width: calc(100% - 60px);} .notice_com #user_board_list th{font-size:16px;} .notice_com #user_board_list td{font-size:16px;} #sub04_04 #md_contents #md_pg_info{padding:20px 10px; height:auto; margin-bottom:35px;} #sub04_04 #md_pg_info .fr select{ width: 100%; margin: 0; margin-bottom: 10px;} #sub04_04 #md_pg_info .fr input[type="text"]{width: calc(100% - 60px);} #sub04_04 #md_contents table th{font-size:16px;} #sub04_04 #md_contents table td{font-size:16px;} #sub05_02 #md_contents #md_pg_info{padding:20px 10px; height:auto; margin-bottom:35px;} #sub05_02 #md_contents select{ width: 100%; margin: 0; margin-bottom: 10px;} #sub05_02 #md_contents #md_pg_info input[type="text"]{width: calc(100% - 60px);} #sub05_02_write #md_contents .rowtable th{width:100px; padding-left:10px;} #sub_etc_02 .content01{padding-left:10px; padding-right:10px;} #sub_etc_02 .content01>ul>li{width:100%; margin:0; margin-bottom:10px; height:auto;} } @media (max-width:400px){ #sub01_04 .mo_br{display:block;} #sub01_04>.content .cont01>div.content01>p span{display:none;} .notice_com #user_board_photo ul li{width:100%; margin-right:0;} #sub03_header>div .cont01>div>a{height:65px;} #sub03_header>div .cont01>div>a .mo_br{display:block;} #sub05_header>div .cont01>div>a{height:65px;} #sub05_header>div .cont01>div>a .mo_br{display:block;} }