@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');


.sub_top{
    background-repeat: no-repeat; background-position: left top; color: #fff;
    padding: 70px 0 35px; box-sizing: border-box; text-align: center;
}
.subTop_title{font-size: 40px; font-weight: 500; margin-bottom: 54px;}
.sub_top ul{font-size: 16px;}
.sub_top ul li{display: inline-block;}
.sub_top ul li:not(:first-of-type){margin-left: 13px;}

.sub_page{margin: 35px auto 120px; max-width: 1200px; display: flex;}
.sub_lnb{width: 19.17%; text-align: center;}
.sub_lnb span{
    display: block; width: 100%; color: #fff; font-size: 25px; font-weight: 500; background-color: #0065b1;
    padding: 42px 0 39px; box-sizing: border-box;
}
.sub_lnb ul{border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.sub_lnb ul li{border-bottom: 1px solid #ccc; height: 59px; line-height: 59px; font-size: 20px; font-weight: 500;}
.sub_lnb ul li a{color: #5e5d5d; width: 100%; display: block;}
.sub_lnb ul li.active_page{background-color: #f5f5f5;}
.sub_lnb ul li.active_page a{color: #1063a2;}
.sub_con{margin-left: 50px; width: 76.7%;}
.sub_title{font-size: 30px; font-weight: 500; margin-bottom: 40px; color: #111;}

.cate01{background-image: url('/web/images/sub/cate01_bg.jpg');}
.cate02{background-image: url('/web/images/sub/cate02_bg.png');}
.cate03{background-image: url('/web/images/sub/cate03_bg.jpg');}
.cate04{background-image: url('/web/images/sub/cate04_bg.jpg');}


/* sub 공통 */



.intro ul{margin-top: 25px; font-size: 18px; font-weight: 200; color: #111; line-height: 1.6;}
.intro ul li:not(:last-of-type){margin-bottom: 40px;}
/* cate01_page01 인사말 */


.history_box{background: url('/web/images/sub/history_bg.jpg') no-repeat right bottom; padding-bottom: 360px;}
.history_con{display: flex; align-items: flex-start;}
.history_year{background: url('/web/images/sub/history_con.png') no-repeat left center; padding-left: 39px; box-sizing: border-box;}
.history_con li{font-size: 18px; color: #111; margin-bottom: 20px;}
.history_con li:first-of-type{font-family: 'Roboto'; font-size: 30px; font-weight: 300; color: #00518d; width: 156px;}
.history_con li:nth-of-type(2){font-family: 'Roboto'; font-size: 20px; font-weight: 300; color: #707070; margin-right: 30px;}
.history_con li:last-of-type p:not(:last-of-type){margin-bottom: 20px;}
/* cate01_page02 회사연혁 */


.license_box{display: flex; justify-content: space-between;}
/* cate01_page03 보유면허 */


.prepare_box{text-align: center; margin-top: 73px;}
.prepare_box p{font-size: 24px; font-weight: 600; color: #3f3f3f; margin: 40px 0 25px;}
.prepare_box ul{font-size: 16px; color: #888888; line-height: 1.5;}
/* cate01_page04 주요실적현황 */


#daumRoughmapContainer1641971353339{width: 100%;}
.root_daum_roughmap .wrap_controllers{display: none;}
.map_info{
    width: 100%; color: #fff; background-color: #3c4449; border: 1px solid #d9d9d9;
    padding: 30px 16px 33px 26px; box-sizing: border-box; margin-bottom: 60px;
}
.map_info ul{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.map_info ul li:not(:last-of-type){border-right: 1px solid rgba(185,185,185,0.3); padding-right: 40px; box-sizing: border-box;}
.map_info ul li span{font-size: 20px; font-weight: 500; margin-bottom: 10px; display: block;}
.map_info ul li p{font-size: 18px; font-weight: 200;}
.map_howTo h3{
    background-repeat: no-repeat; background-position: left center; padding-left: 82px; box-sizing: border-box;
    height: 64px; font-size: 24px; font-weight: 500; color: #111; margin-bottom: 13px; padding-top: 20px;
}
.map_con div:first-of-type{margin-bottom: 60px;}
.map_con div:last-of-type{margin-bottom: 30px;}
.map_con div:first-of-type h3{background-image: url('/web/images/sub/map_icon01.png');}
.map_con div:last-of-type h3{background-image: url('/web/images/sub/map_icon02.png');}
.map_howTo ul{background-color: #f8f8f8; padding: 26px 20px 30px 28px; box-sizing: border-box;}
.map_howTo ul li:first-of-type{margin-bottom: 30px;}
.map_howTo ul li span{font-size: 20px; font-weight: 500; display: block; color: #0065b1; margin-bottom: 13px;}
.map_howTo ul li p{font-size: 17px; font-weight: 200; color: #393939; line-height: 1.5;}
.map_con > p{font-size: 18px; font-weight: 200; color: #111;}
.map_con > p span{color: #45a5ee;}
.map_con > p strong{font-weight: 500; vertical-align: baseline;}
/* cate01_page05 오시는 길 */


.indoor_airBox{position: relative;}
.indoor_airBox::before{
    content: ''; display: block; position: absolute; top: 0; right: 0; width: 99%; height: 100%;
    background: url('/web/images/sub/office_icon.png') no-repeat right top;
}
.indoor_con{margin-left: 15px; width: 98.37%; padding-top: 90px;}
.indoor_con div{display: flex;}
.indoor_con div:not(:last-of-type){margin-bottom: 20px;}
.indoor_con div h3{
    color: #fff; background-repeat: no-repeat; background-color: #0065b1;
    width: 12.28%; text-align: center; font-size: 20px; font-weight: 500; border-radius: 10px; box-sizing: border-box;
}
.indoor_con div:first-of-type h3{background-image: url('/web/images/sub/indoor_icon01.png'); background-position: top+43px center; padding: 92px 0 37px;}
.indoor_con div:nth-of-type(2) h3{background-image: url('/web/images/sub/indoor_icon02.png'); background-position: top+11px center; padding: 56px 0 10px;}
.indoor_con div:nth-of-type(3) h3{background-image: url('/web/images/sub/indoor_icon03.png'); background-position: top+65px center; padding: 110px 0 50px;}
.indoor_con div:nth-of-type(4) h3{background-image: url('/web/images/sub/indoor_icon04.png'); background-position: top+70px center; padding: 124px 0 63px;}
.indoor_con div:nth-of-type(5) h3{background-image: url('/web/images/sub/indoor_icon04.png'); background-position: top+42px center; padding: 90px 0 35px;}
.indoor_con div ul{
    display: flex; border-radius: 10px; border: 1px solid #0065b1; font-size: 19px; 
    color: #565656; line-height: 1.5; width: 87.72%;
}
.indoor_con div ul li{
    width: 33.33%; height: 100%; padding-left: 10px; box-sizing: border-box;
    display: flex; justify-content: center; flex-direction: column;
}
.indoor_con div ul li:not(:last-of-type){border-right: 1px solid #0065b1;}
/* cate02_page01 실내공기질관리 현황 */


.public_box > ul{font-size: 20px; color: #4d4d4d; line-height: 1.3; margin-bottom: 23px;}
.public_box > div:not(:last-of-type){margin-bottom: 50px;}
.business_wrap h3{
   font-size: 24px; font-weight: 500; color: #565656; margin-bottom: 22px; padding-left: 42px;
   background: url('/web/images/sub/public_icon.png') no-repeat left center; box-sizing: border-box;
}
.business_wrap table{width: 920px;}
.business_wrap table tr >*{border: 1px solid #ccc; text-align: center;}
.public_box div table th{background-color: #0065b1; font-size: 18px; color: #fff; height: 70px;}
.public_box div table td{font-size: 16px; color: #565656;}
.facility table td{height: 42px;}
.facility table tbody tr td:first-of-type{background-color: #f5f5f5;}
.facility table tbody tr td:last-of-type{line-height: 2.0;}
.criteria table th.backslash{
    background: url('/web/images/sub/backslash.png') no-repeat left top; 
    text-align: left; background-color: #0065b1;
}
.criteria table th.backslash span{text-align: right; display: block;}
.criteria table th:first-of-type, .criteria table td:first-of-type{padding: 0 10px;}
.criteria table thead tr th{line-height: 1.2; height: 76px; font-size: 14px;}
.criteria table thead tr th:first-of-type{font-size: 16px;}
.criteria01 table{margin-bottom: 20px;}
.criteria table tbody tr td{font-size: 14px;}
.criteria table tbody tr td:first-of-type{text-align: left; font-size: 11px; line-height: 1.5;}
.criteria table tbody tr td{height: 37px;}
.criteria table tbody tr:first-of-type td:first-of-type{height: 90px;}
.table_note{
    width: 100%; background-color: #f5f5f5; padding: 19px 20px; box-sizing: border-box;
    font-size: 16px; font-weight: 500; color: #565656;
}
.table_note span{display: block; margin-bottom: 15px;}
.table_note li p{line-height: 1.6;}
.table_note li:last-of-type{margin-top: 30px;}
.table_note li:not(:last-of-type) p:not(:first-of-type){margin-left: 18px;}
/* cate02_page02  다중이용시설 */


.apartment_house div ul{font-size: 16px; color: #565656; line-height: 1.5; margin-bottom: 15px;}
.apartment_house div ul li span{display: block; margin-left: 10px;}
.apartment_house div table tr th{background-color: #0065b1; font-size: 18px; color: #fff; height: 70px;}
.house_facility{margin-bottom: 50px;}
.house_facility table tbody tr td{height: 40px; font-size: 16px; color: #565656;}
.house_facility table tbody tr td:first-of-type{background-color: #f5f5f5;}
.house_facility table tbody tr:nth-of-type(2) td{height: 60px; line-height: 1.5;}
.house_facility table tbody tr td:nth-of-type(2){text-align: left; padding: 0 20px;}
.house_criteria thead tr:first-of-type th:nth-of-type(3),
.house_criteria thead tr:nth-of-type(2) th{height: 35px;}
.house_criteria table thead tr th.backslash{
    background: url('/web/images/sub/backslash02.png') no-repeat left top; background-color: #0065b1;
    text-align: left; font-size: 14px;
}
.house_criteria table thead tr th span{display: block; text-align: right; margin-bottom: 20px;}
.house_criteria table tr th:first-of-type,
.house_criteria table tr td:first-of-type{padding: 0 10px;}
.house_criteria table tr td:first-of-type{background-color: #f5f5f5;}
.house_criteria table tbody tr td{height: 150px; font-size: 16px; color: #565656; line-height: 1.5;}
/* cate02_page03 신축공동주택 */



.school table tr th{background-color: #0065b1; color: #fff; font-size: 16px; height: 50px;}
.school table tr td{font-size: 16px; color: #565656; line-height: 1.3;}
.school table tr td:last-of-type{text-align: left;}
.school_table01{margin-bottom: 50px;}
.school_table01 table tr td{height: 60px;}
.school_table01 table tr:last-of-type td{height: 145px;}
.school_table01 table tr td:last-of-type{padding: 0 22px; box-sizing: border-box;}
.school_table02 table tr td:last-of-type{padding: 0 35px; box-sizing: border-box;}
.school_table02 table tr td{height: 50px;}
.school_table02 table tr:nth-of-type(2) td,
.school_table02 table tr:nth-of-type(3) td{height: 110px;}
/* cate02_page04  학교 */



.office_table p{font-size: 16px; color: #565656; margin-bottom: 20px;}
.office_table table tr th{background-color: #0065b1; color: #fff; font-size: 16px; height: 50px;}
.office_table table tr td{height: 60px; font-size: 16px; color: #565656;}
.office_table table caption{font-size: 12px; color: #111; caption-side: bottom; line-height: 2.0; text-align: left;}
/*  cate02_page05 사무실 */



.public_transport ul{font-size: 16px; color: #565656; line-height: 1.5; margin-bottom: 20px;}
.public_transport table th{background-color: #0065b1; color: #fff; font-size: 16px; height: 50px;}
.public_transport table td{font-size: 16px; color: #565656;}
.transport_table01{margin-bottom: 50px;}
.transport_table01 table tr td{height: 60px;}
.transport_table02 table tr >*{height: 55px;}
.transport_table02 table tr:first-of-type td:last-of-type{background-color: #addef8;}
.transport_table02 table tr:nth-of-type(2) td{background-color: #f5f5f5;}
/* cate02_page06 대중교통 */



.asbestos div:first-of-type ul{font-size: 16px; color: #4d4d4d; line-height: 1.8; margin-bottom: 50px;}
.asbestos div:first-of-type ul li p:not(:first-of-type){margin-left: 11px;}
.asbestos_table ul{font-size: 20px; margin-bottom: 23px; color: #565656;}
.asbestos_table table th{background-color: #0065b1; color: #fff; font-size: 18px; height: 70px;}
.asbestos_table table td{font-size: 16px; color: #565656; height: 43px;}
.asbestos_table table tbody tr:nth-of-type(3) td{height: 87px; line-height: 1.3;}
/* cate02_page07 석면건축물 */


.equipment{position: relative;}
.tabMenu{position: absolute; top: 70px; right: 0; display: flex; align-items: center;}
.tabMenu li{font-size: 20px; color: #111; cursor: pointer; padding-bottom: 6px;}
.tabMenu li:nth-of-type(2){color: #cbcbcb; margin: 0 10px;}
.active_tabMenu{border-bottom: 1px solid #111;}
.tabPage{display: none;}
.active_tabPage{display: block;}
.equipment_box table th{background-color: #0065b1; color: #fff; font-size: 18px; height: 45px;}
.equipment_box table td{font-size: 14px; line-height: 1.5; color: #565656; height: 115px;}
/* cate03_page01 측정 및 분석장비 */



.law div:first-of-type{margin-top: 45px;}
.law div:not(:last-of-type){margin-bottom: 77px;}
.law_box{text-align: center;}
.law_box h3{margin-bottom: 24px;}
.law_box ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.law_box ul li{
    width: 49%; border: 1px solid #ddd; height: 95px; box-sizing: border-box; margin-bottom: 15px;
}
.law_box ul li a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.law_box ul li a p:first-of-type{font-size: 17px; color: #202020; margin-bottom: 10px;}
.law_date{font-size: 14px; color: #888888;}
.law_shortcut{
    font-size: 14px; color: #0065b1; font-weight: 500; padding-right: 20px; box-sizing: border-box;
    background: url('/web/images/sub/law_arrow.png') no-repeat right center; display: none;
}
.law_box ul li:hover{background-color: #f9f9f9; border-color: #0065b1;}
.law_box ul li:hover a .law_date{display: none;}
.law_box ul li:hover a .law_shortcut{display: block;}
.pdf_downBox:hover a p:first-of-type{display: none;}
/* cate04_page01 관련법률 */



.gei_ContectTitle{display: flex; justify-content: flex-end; font-size: 16px; color: #919191; font-family: 'NotoSansKR'; margin-bottom: 10px;}
.gei_ContectTitle span{display: inline-block; vertical-align: baseline;font-size: 18px; color: #f35252; font-family: 'NotoSansKR';}
.protectGEI05_cont{width: 100%; margin: 0 auto;}
.formBoxfull{border-top: 1px solid #202020; box-sizing: border-box; border-bottom: 1px solid #dddddd;}
.contect_form{width: 100%; height: 60px; border-bottom: 1px solid #ddd; display: flex; align-items: center; }
.contect_form09{height: 160px;}
.contect_form07{height: 150px;}
.contect_form:last-child{border-bottom: none;}
.contect_form h1{width: 22%; box-sizing: border-box; background: #fafafa; height: 100%; display: flex; align-items: center; font-size: 18px; color: #202020; text-indent: 15px; font-family: 'NotoSansKR'; font-weight: 400;}
.contect_form09 h1{align-items: baseline; padding-top: 18px}
.contect_form h1 span{display: block; color: #f35252; position: relative; top: -5px; width: 10px;}
.contect_form h1 span.titopnone{opacity: 0;}
.inputform_box{width: 78%; padding: 0 10px; box-sizing: border-box;}
.inputform_box input{outline: none; color: #b7b7b7; font-size: 16px; font-family: 'NotoSansKR'; padding: 0; margin: 0;}
.inputform_box select{outline: none; color: #b7b7b7; font-size: 16px; font-family: 'NotoSansKR'; padding: 0; margin: 0;}

.inputform_box .titlefull{width: 100%; border: 1px solid #b7b7b7; box-sizing: border-box; height: 36px; color: #b7b7b7; text-indent: 10px;}
.inputform_box .titleshot{ border: 1px solid #b7b7b7; box-sizing: border-box; height: 36px; color: #b7b7b7; text-align: center; width: 155px;}

.inputform_box select.phoneForm{padding-left: 5px;}
.inputform_box .phoneForm{width: 67px; height: 36px; border: 1px solid #b7b7b7; box-sizing: border-box; text-align: center;}
.inputform_box span.linespan{margin: 0 5px; color: #b7b7b7;}

.mails_form{display: flex; align-items: center;}
.mails_form .mailfull{width: 155px; height: 36px; border: 1px solid #b7b7b7; box-sizing: border-box; text-indent: 10px;}
.mails_form span.eamilspan{color: #b7b7b7; box-sizing: border-box; display: inline-block; margin: 0 8px; font-size: 18px;}
.mails_form select{font-size: 16px; padding: 0 ; margin-left: 5px;}


.inputform_box_address{margin-bottom: 10px;}
.inputform_box_address .opaddbtnput{width: 92px; height: 36px; background-color: #848484; box-sizing: border-box; text-align: center; color: #fff; font-size: 16px; font-family: 'NotoSansKR'; font-weight: 300; border: none;}
.inputform_box .opaddput01{margin-bottom: 10px; }


.areaboxput textarea{width: 100%; height: 130px; border: 1px solid #b7b7b7; box-sizing: border-box; margin: 0; padding: 5px 10px; resize: none; outline: none; font-size: 18px; color: #b7b7b7; font-family: "Noto snas KR";}

.filedBox input[name="opfiled"]{display: none;}
.filelabelBox{width: 100%; border: 1px solid #b7b7b7; box-sizing: border-box; height: 36px; display: flex;align-items: center;}
.filelabel{width: 90px; height: 36px; display: flex; align-items: center; justify-content: center; color: #fff;font-size: 16px; background: #848484; font-family: 'NotoSansKR'; }

#file_name{padding-left: 10px; box-sizing: border-box; width: 100%; border: none; height: 34px; background-color: transparent;}
input.file_desc{color: #b7b7b7; font-size: 16px; font-family: 'NotoSansKR'; width: 100%; padding-right: 40px;}


.contectBox_link{display: flex; align-items: center; justify-content: center; margin-top: 42px;}
.contectBox_link input{width: 158px; height: 48px; text-align: center; color: #fff;  font-family: 'NotoSansKR'; background-color: #00479d; font-size: 16px; margin-right: 10px; border: none; cursor: pointer;}
.contectBox_link a{width: 158px; height: 48px; text-align: center; color: #111;  font-family: 'NotoSansKR'; border: 1px solid #b7b7b7; box-sizing: border-box; font-size: 16px; display: flex; align-items: center; justify-content: center;}
/* cate04_page02 견적문의 */




.qna{position: relative;}
.search_box{
    position: absolute; top: 0; right: 0; border: 1px solid #d5d5d5; width: 36%; box-sizing: border-box; height: 44px;
    display: flex; align-items: center; justify-content: space-between;
}
.search_text{border: none; height: 42px; padding: 0 15px; box-sizing: border-box; font-size: 16px; color: #9c9c9c; width: 85%; outline: none;}
.search_btn{
    border: none; background: url('/web/images/sub/qna_btn.png') no-repeat center;
    width: 16px; height: 16px; padding: 0 20px; box-sizing: border-box; cursor: pointer;
}
.board_con{border-top: 1px solid #202020; font-size: 18px; color: #565656; text-align: center; margin-bottom: 42px;}
.board_con ul{border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: space-between; padding: 26px 0 23px; box-sizing: border-box;}
.board_con ul:first-of-type{color: #202020; border-bottom: 1px solid #b9b9b9;}
.board_con ul:not(:first-of-type) .board_title{text-align: left;}
.board_con ul li:first-of-type{width: 9%;}
.board_con ul li:nth-of-type(2){width: 65%;}
.board_con ul li:nth-of-type(3){width: 13%;}
.board_con ul li:last-of-type{width: 13%;}
.board_title a{
    display: block; color: #565656; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    background: url('/web/images/sub/lock_icon.png') no-repeat right center; padding-right: 10px;
}
.answer_fin{color: #0065b1;}
.write_boardPage{position: relative;}
.board_pager{display: flex; align-items: center; justify-content: center;}
.board_pager a{
    display: block; width: 32px; height: 32px; border: 1px solid #ddd; box-sizing: border-box;
    text-align: center; line-height: 32px; font-size: 14px; color: #444; font-weight: 200;
}
.board_pager a:not(:first-of-type){margin-left: 5px;}
.board_pager a.active_number{color: #0065b1; border-color: #0065b1;}
.board_writeBtn{
    position: absolute; bottom: 0; right: 0; display: block; font-size: 16px; font-weight: 500; color: #fff;
    background-color: #0065b1; width: 86px; height: 42px; line-height: 42px; text-align: center;
}
.password_popup{position: fixed; width: 100%; height: 100%; z-index: 4; top: 0; left: 0; display: none;}
.password_box{
    position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);
    width: 460px; height: 302px; background-color: #fff; z-index: 4; text-align: center;
}
.password_box > p{margin: 57px 0 14px; font-size: 22px; font-weight: 500; color: #111;}
.password_box ul{font-size: 16px; color: #939393; line-height: 1.3; margin-bottom: 27px;}
.password_inputBox{margin-bottom: 60px;}
.password_inputBox label{font-size: 16px; color: #111; margin-right: 14px;}
#popup_password{width: 188px; height: 36px; border: 1px solid #ddd; outline: none; padding: 0 5px; box-sizing: border-box;}
.popup_btn{display: flex; align-items: center;}
.popup_btn input[type="button"]{
    cursor: pointer; width: 50%; background-color: #00479d; border: none; color: #fff; font-size: 16px;
    height: 48px;
}
.cancle_btn{background-color: #4b4b4b; font-size: 16px; width: 50%; height: 48px; text-align: center; line-height: 48px; color: #fff; cursor: pointer;}
.popup_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 3;}
/* cate04_page03 Q&A */


.qna_listBox{border-top: 1px solid #202020; border-bottom: 1px solid #b9b9b9; margin-bottom: 40px;}
.qna_listBox ul{display: flex; align-items: center; border-bottom: 1px solid #b9b9b9;}
.board_listTit{padding: 22px 22px 25px; box-sizing: border-box; font-size: 20px; line-height: 1.3; color: #202020; width: 68%;}
.qna_listBox ul li:not(:first-of-type){width: 16%; font-size: 18px; color: #565656;}
.qna_listBox ul li:nth-of-type(2){padding: 30px 0 25px 29px; box-sizing: border-box; background-color: #f7f7f7; height: 100%;}
.board_listDate{text-align: center;}
.qna_textBox{padding: 25px 20px; box-sizing: border-box; font-size: 18px; color: #565656; line-height: 1.3; word-break: break-all;}
.answer_box{
    border-top: 1px solid #ddd; font-size: 18px; font-weight: 200; color: #454545;
    line-height: 1.3; padding: 30px 73px 30px 62px; box-sizing: border-box;
    background: url('/web/images/sub/answer_icon.png') no-repeat left+30px top+30px;
    background-color: #f7f7f7; 
}
.go_list{
    display: block; width: 158px; height: 48px; text-align: center; line-height: 48px; border: 1px solid #ddd;
    font-size: 16px; color: #444444; margin: 0 auto;
}
/* cate04_page03_01 Q&A상세페이지 */


.write_box{border-top: 1px solid #202020; margin-bottom: 40px;}
.wirte_tit, .write_passwordBox{display: flex; align-items: center; padding: 10px 20px; box-sizing: border-box;}
.wirte_tit label,
.write_passwordBox label{width: 90px; font-size: 20px; color: #202020;}
#write_title,
#write_password{border: 1px solid #d7d7d7; font-size: 16px; color: #aeadad; padding: 0 7px; box-sizing: border-box; width: 100%; height: 44px; outline: none;}
#write_textCon{
    width: 100%; font-size: 16px; color: #565656; line-height: 1.3; word-break: break-all; height: 435px;
    outline: none; resize: none; padding: 20px 10px; box-sizing: border-box; font-family: 'NotoSansKR';
}
.write_passwordBox{border-bottom: 1px solid #dddddd;}
.write_btn{display: flex; align-items: center; justify-content: center;}
.write_btn .go_list{margin: 0 0 0 12px;}
.write_btn input[type="button"]{
    display: block; width: 158px; height: 48px; text-align: center; line-height: 48px; border: none;
    font-size: 16px; color: #fff; background-color: #00479d; cursor: pointer;
}
/* cate04_page03_02 Q&A글쓰기 */


.m_lnb_wrap,
.mtable_scrollMotion{display: none;}






@media screen and (max-width: 1199px){


    .sub_lnb{display: none;}

    .sub_page{display: block; margin: 0 auto 120px;}
    .sub_con{width: 95%; margin: 80px auto 0;}

    .m_lnb_wrap{width: 100%; margin: 0 auto; display: block; }
    .m_lnb{width: 100%; margin: 0 auto; display: flex; height: 50px; align-items: center;border-bottom:1px solid #c4c4c4; box-sizing: border-box; }

    .m_lnb_home{width: 50px; height: 50px;}
    .m_lnb_home a.mhomelink{ vertical-align: baseline; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #0065b1; box-sizing: border-box;}

    .m_lnb_ulBox{width: calc(100% - 50px); height: 100%; box-sizing: border-box; display: flex; z-index: 2}
    .m_lnb_ulBox > li{width: 50%; box-sizing: border-box; background: #fff; }
    .m_lnb_ulBox > li:first-child{border-right: 1px solid #c4c4c4; background: #f5f5f5;}

    .m_lnb_ulBox > li > a{display: flex; align-items: center;  height: 100%; justify-content: space-between; font-size: 18px; font-weight: 400; font-family: 'NotoSansKR'; padding: 0 15px; box-sizing: border-box;}
    .m_lnb_ulBox > li:first-child > a{color:#1063a2;}
    .m_lnb_ulBox > li:last-child > a{color: #7e7e7e;}

    .m_lnb_subulBox{padding: 15px 0; background: #fff; border: 1px solid #c4c4c4; box-sizing: border-box; display: none; }
    .m_lnb_subulBox01{background: #f5f5f5;}
    .m_lnb_subulBox li{margin-bottom: 10px;}
    .m_lnb_subulBox li:last-child{margin-bottom: 0;}
    .m_lnb_subulBox li a{display: block; color: #7e7e7e; font-size: 16px; font-weight: 400; font-family: 'NotoSansKR'; padding: 0 15px; box-sizing: border-box; line-height: 1.4em;}

    .m_lnb_subulBox01 li a{color: #1063a2;}
    /* m_lnb */

    .tablet_br{display: block;}

    .intro img{width: 100%;}
    .intro ul li p{display: inline;}

    .history_con li,
    .history_con li:last-of-type p:not(:last-of-type){margin-bottom: 10px;}
    .history_con li:first-of-type{width: 130px;}
    .history_con li p{line-height: 1.3;}

    .license_box{width: 100%;}
    .license_box img{width: 48%;}

    .map_info ul{display: block;}
    .map_info ul li{padding: 0 20px;}
    .map_info ul li:not(:last-of-type){border-right: 0; border-bottom: 1px solid rgba(185,185,185,0.3); padding-right: 0; padding-bottom: 20px;}
    .map_info ul li:not(:first-of-type){padding-top: 24px;}
    .map_info ul li span{display: inline-block; width: 110px; vertical-align: top;}
    .map_info ul li p{display: inline-block;}
    .map_howTo ul li p{display: inline;}

    .indoor_airBox::before{background-size: 90%;}
    .indoor_con{width: 100%; margin-left: 0;}
    .indoor_con div h3{font-size: 16px;}
    .indoor_con div ul{font-size: 14px;}

    .table_box{overflow-x: scroll;}
    .mtable_scrollMotion{display: block; font-size: 14px; color: #565656; margin-bottom: 20px;}
    .mtable_scrollMotion span{
        display: inline-block; width: 90px; height: 10px; border-radius: 25px; box-sizing: border-box;
        background-color: rgba(0,0,0,0.1); position: relative; overflow-x: hidden;
    }
    .mtable_scrollMotion span::after{
        position: absolute; top: 0; right: 0; width: 30px; height: 100%; border-radius: 25px;
        box-sizing: border-box; content: ''; background-color: #0065b1;
        animation: tableBar 2s infinite ease-in-out;
    }
    @keyframes tableBar{
        from{
            transform: translateX(35px);
        }to{
            transform: translateX(-90px);
        }    
    }

    .table_note{margin-top: 20px; font-size: 12px;}

    .transport_table01 ul li{display: inline;}

    .asbestos div:first-of-type ul{font-size: 13px;}

}




@media screen and (max-width: 768px){


    .sub_page{margin: 0 auto 60px;}
    .sub_top{padding: 45px 0 25px; background-position: center;}
    .subTop_title{font-size: 20px; margin-bottom: 37px;}
    .sub_top ul{font-size: 11px;}
    .m_lnb{height: 34px;}
    .m_lnb_home{height: 34px; width: 34px;}
    .m_lnb_home a img{width: 50%;}
    .m_lnb_ulBox{width: calc(100% - 25px);}
    .m_lnb_ulBox > li > a{font-size: 11px; padding: 0 8px;}
    .m_lnb_ulBox > li > a span img{width: 50%;}
    .m_lnb_subulBox li a{font-size: 11px; padding: 0 8px;}
    .sub_con{width: 90%; margin: 40px auto 0;}
    .sub_title{font-size: 25px; margin-bottom: 30px;}

    .cate01{background-image: url('/web/images/sub/m_cate01_bg.jpg');}
    .cate02{background-image: url('/web/images/sub/m_cate02_bg.jpg');}
    .cate03{background-image: url('/web/images/sub/m_cate03_bg.jpg');}
    .cate04{background-image: url('/web/images/sub/m_cate04_bg.jpg');}




    .intro ul{margin-top: 10px; font-size: 12px;}
    .intro ul li:not(:last-of-type){margin-bottom: 20px;}

    .history_box{padding-bottom: 180px; background-size: 580px;}
    .history_con{align-items: flex-end;}
    .history_con li:first-of-type{width: 60px; font-size: 18px; padding-left: 20px; box-sizing: border-box;}
    .history_con li:nth-of-type(2){font-size: 12px; margin-right: 10px;}
    .history_con li{font-size: 11px;}
    .history_con li, .history_con li:last-of-type p:not(:last-of-type){margin-bottom: 5px;}

    .prepare_box p{font-size: 20px; margin: 20px 0 13px;}
    .prepare_box ul{font-size: 12px;}

    .map_info{padding: 15px; margin-bottom: 30px;}
    .map_info ul li{padding: 0 10px;}
    .map_info ul li:not(:first-of-type){padding-top: 12px;}
    .map_info ul li span{font-size: 13px; width: 55px; vertical-align: baseline; margin-bottom: 0;}
    .map_info ul li p{font-size: 12px;}
    .map_con div:first-of-type{margin-bottom: 30px;}
    .map_howTo h3{background-size: 39px; padding-left: 45px; font-size: 15px; height: 39px; padding-top: 10px;}
    .map_howTo ul{padding: 22px 14px;}
    .map_howTo ul li:first-of-type{margin-bottom: 15px;}
    .map_howTo ul li span{font-size: 13px; margin-bottom: 7px;}
    .map_howTo ul li p{font-size: 12px;}
    .map_con > p{font-size: 12px;}

    .indoor_air{overflow-x: scroll;}    
    .indoor_airBox{width: 800px;}
    .indoor_con div:not(:last-of-type){margin-bottom: 10px;}
    .indoor_con div:first-of-type h3{padding: 55px 0 20px; background-position: top+14px center;}
    .indoor_con div:nth-of-type(3) h3{padding: 80px 0 40px; background-position: top+40px center;}
    .indoor_con div:nth-of-type(4) h3{padding: 80px 0 25px; background-position: top+30px center;}
    .indoor_con div:nth-of-type(5) h3{padding: 70px 0 25px; background-position: top+22px center;}

    .public_box > ul{font-size: 12px; margin-bottom: 10px;}
    .public_box > ul li{display: inline;}
    .business_wrap h3{font-size: 15px; background-size: contain; padding-left: 21px; margin-bottom: 10px;}
    .mtable_scrollMotion {font-size: 10px; margin-bottom: 10px;}
    .table_note{margin-top: 10px; padding: 15px;}
    .table_note li p{display: inline;}
    .table_note li:not(:last-of-type) p:not(:first-of-type){margin-left: 0;}
    .apartment_house div ul li span{display: inline; margin-left: 0; vertical-align: baseline;}

    .apartment_house div ul{font-size: 12px;}
    .office_table p{font-size: 12px; line-height: 1.3; margin-bottom: 10px;}
    .office_table table caption{font-size: 10px;}
    .public_transport ul{font-size: 12px;}
    .asbestos ul li p{display: inline;}
    .asbestos div:first-of-type ul li p:not(:first-of-type){margin-left: 0;}
    .asbestos div:first-of-type ul{margin-bottom: 25px;}
    .tabMenu{top: 55px;}
    .tabMenu li{font-size: 10px; padding-bottom: 3px;}
    .tabMenu li:nth-of-type(2){margin: 0 5px;}

    .law_box h3{margin-bottom: 12px;}
    .law_box h3 img{width: 65px;}
    .law_box ul{display: block;}
    .law_box ul li{width: 100%; height: 50px; margin-bottom: 7px;}
    .law_box ul li a p:first-of-type{font-size: 12px; margin-bottom: 5px;}
    .law_date{font-size: 10px}
    .law_shortcut{font-size: 10px; padding-right: 14px; background-size: contain;}
    .law div:not(:last-of-type){margin-bottom: 39px;}

    .gei_ContectTitle{font-size: 10px; margin-bottom: 5px;}
    .contect_form{height: 35px;}
    .contect_form h1{font-size: 11px; text-indent: 5px;}
    .contect_form h1 span{width: 5px;}
    .inputform_box .titlefull{height: 25px;}
    .inputform_box input{font-size: 10px;}
    .inputform_box .phoneForm{height: 25px; width: 50px;}
    .inputform_box select{font-size: 10px;}
    .inputform_box .titleshot,
    .mails_form .mailfull{height: 25px; width: 80px;}
    .mails_form .mailfull{width: 60px; text-indent: 0;}
    .mails_form span.eamilspan{font-size: 10px;}
    .contect_form07{height: 110px;}
    .inputform_box_address .opaddbtnput{width: 45px; height: 25px; font-size: 10px;}
    .contect_form09{height: 130px;}
    .areaboxput textarea{height: 120px; font-size: 10px;}
    .filelabelBox{height: 30px;}
    .filelabel{width: 77px; height: 30px; font-size: 10px;}
    .contectBox_link{margin-top: 21px;}
    .contectBox_link input,
    .contectBox_link a{width: 98px; height: 30px; font-size: 11px;}
    
    .search_box{position: unset; width: 100%; font-size: 12px; margin-bottom: 35px;}
    .search_text{height: 31px; font-size: 12px;}
    .board_con{font-size: 11px; margin-bottom: 25px;}
    .board_con ul{padding: 13px 0 12px;}
    .board_con ul li:first-of-type{display: none;}
    .board_con ul li:nth-of-type(2){width: 58%;}
    .board_con ul li:nth-of-type(3){width: 15%;}
    .board_con ul li:last-of-type{width: 17%;}
    .board_title a{background-size: 6px 7px;}
    .board_writeBtn{position: unset; width: 100%; height: 30px; font-size: 11px; margin-bottom: 25px; line-height: 30px;}
    .board_pager a{width: 24px; height: 24px; line-height: 24px; font-size: 10px;}
    

    .write_box{margin-bottom: 20px;}
    .wirte_tit, .write_passwordBox{padding: 5px 10px;}
    .wirte_tit label, .write_passwordBox label{font-size: 11px; width: 50px;}
    #write_title, #write_password{font-size: 11px; height: 30px;}
    #write_textCon{font-size: 11px; height: 215px; padding: 10px 5px;}
    .write_btn input[type="button"],
    .go_list{width: 98px; height: 30px; font-size: 11px; line-height: 30px;}

    .board_listTit{padding: 11px 11px 12px; font-size: 11px; width: 60%;}
    .qna_listBox{margin-bottom: 20px;}
    .qna_listBox ul li:nth-of-type(2){font-size: 11px; padding: 15px 3px 12px; width: 18%;}
    .qna_listBox ul li:not(:first-of-type){font-size: 11px;}
    .qna_textBox{padding: 12px 10px; font-size: 11px;}
    .answer_box{font-size: 11px; padding: 15px 15px 15px 30px; background-position: left+15px top+15px; background-size: 7px 8px;}
    
}