@import url("font.css");
/* 바디공통 */
body, html { margin:0; padding: 0; font-family: 'NotoSans', 'roboto' , 'sans-serif'; font-size: 18px; color: rgba(0,0,0,1); line-height: 1.2; }
body { width: 100%; max-width: 438px; margin: 0 auto; background: rgba(248,249,249,1); }
input, select, textarea, button { font-family: inherit; font-weight: 400; border-radius: 0; }
select::-ms-expand {display:none} /* IE용 */
button:not(.innerInput):not(.grayBorder):not(.hamberg):not(.grayBG):not(.loginButton) { background-color: rgba(0,93,185,1); border: none; color: rgba(255,255,255,1) }
button:not(.innerInput):not(.grayBorder):not(.hamberg):not(.grayBG):disabled { background: rgba(205,219,232,1); }
button.grayBorder { background: rgba(251,251,251,1); border: 1px solid rgba(226,226,226,1); color: rgba(102,102,102,1); }
button.grayBG { background: rgba(215,215,215,1); color: rgba(0,0,0,1); border: none; }
button.blueText { color: rgba(0,93,185,1); }
/* 공통 헤더 */
header { overflow: hidden; position: fixed; top: 0; left: 50%; width: 100vw; max-width: 438px; height: 60px; background: rgba(255,255,255,1); border-bottom: 1px solid rgba(196,196,196,1); z-index: 900; transform: translate(-50%, 0); padding-top: 200px; margin-top: -200px; }/* 20220512 서영기 패딩값 및 역마진 설정 */
header.noneBorder { border: none; }
header > button { overflow: hidden; position: absolute; width: 60px; height: 60px; border: none; 
    background-repeat: no-repeat; background-position: center; background-color: transparent;
    line-height: 200px;
}
/* header > button.moveBack { background-image: url('/asset/images/button_header_back.svg'); background-size: 6.85px; } */
header > button.hamberg { background-image: url('/asset/images/button_header_hamberg.svg'); background-size: 20px; }
header > h1 { margin:0; padding: 0; text-align: center; line-height: 60px; font-size: 1.125rem; } /* 20220518 서영기 폰트 사이즈 조정 1.250 */
/* 공통 버튼 푸터 */
footer { position: fixed; bottom: 0; left: 50%; width: 100vw; max-width: 438px; padding: 20px 20px 30px; background: rgba(255,255,255,1); box-sizing: border-box; transform: translate(-50%, 0); }
footer > button { width: 100%; height: 50px; font-size: 1.250rem; }
footer > p { margin: 0 0 16px; padding: 0; color: rgba(94,87,87,1); font-size: 0.875rem; }
/* 상단 메세지 박스 */
section { overflow: hidden; padding: 60px 20px 120px; box-sizing: border-box; background: rgba(255,255,255,1); }
section.noneHeader { padding-top: 0; }
section.noneFooter { padding-bottom: 0; }
section > hgroup { padding: 30px 0 44px; }
section > hgroup > p, section > hgroup > h1, section > hgroup > h2,
section > hgroup > span { margin: 0; padding: 0; }
section > hgroup > p { font-size: 1.125rem; text-align: center; font-weight: 500; }
section > hgroup > h1 { font-weight: 600; }
section > hgroup > h1 > strong { color: rgba(0,93,185,1); }
section > hgroup > h1.complete { position: relative; padding-top: 78px; }
section > hgroup > h1.complete::before { content: ' '; position: absolute; top: 0; width: 56px; height: 56px; border-radius: 28px; border: 2px solid rgba(18,18,18,1); 
    background: url('/asset/images/icon_hgroup_complete.svg') no-repeat center / 26px; box-sizing: border-box; }
section > hgroup > span { color: rgba(102,102,102,1); font-weight: 500; font-size: 0.875rem; }
/* 서브네비게이션 */
section > nav { overflow: hidden; margin: 0; padding: 0; }
section > nav > ul { margin: 0; padding: 0; list-style: none; }
section > nav > ul li { border-top: 1px solid rgba(226,226,226,1); line-height: 38px; text-align: center; font-size: 0.875rem; color: rgba(102,102,102,1); }
section > nav > ul li a { text-decoration: none; color: inherit; }
section > nav > ul li.on { border-color: rgba(0,0,0,1); color: rgba(0,0,0,1); font-weight: 600; }
section > nav[data-listLength="2"] > ul li { float: left; width: 50%; }
section > nav[data-listLength="3"] > ul li { float: left; width: 33.33%; }
section > nav[data-listLength="4"] > ul li { float: left; width: 25%; }
section > nav[data-listLength="5"] > ul li { float: left; width: 20%; }

/* 공통 폼양식 */
form label { position: relative; display: block; overflow: hidden; }
form label + label, form div + label, form label + div, form div + div, form p + label { margin-top: 40px; } /* 서영기 추가 항목 선언 p + lable */
/* label 타이틀 */
form label > span { display: inline-block; font-weight: 500; color: rgba(102,102,102,1); }
form label.mustReg > span { padding-right: 12px; background: url('/asset/images/bg_label_mustReg.svg') no-repeat right top / 5px; }
form label.noneMargin { margin-top: 6px; } /* 20220511 서영기 마진 수정 0 > 5 */
/* validation 메세지 */
form label > p { padding: 9px 0 0 0; margin: 0; font-size: 0.875rem; color: rgba(205,219,232,1); }
form label > p.successMsg { color: rgba(0,185,41,1); }
form label > p.failMsg { color: rgba(246,33,33,1); }
/* label 인풋 */
form label > input[type="text"], form label > input[type="tel"], form label > input[type="password"], form label > select {
    position: relative; display: block; width: 100%; height: 40px; padding: 0; border: none; border-bottom: 1px solid rgba(196,196,196,1); font-weight: 400; outline: none; font-size: 1rem;
}
form label > input[type="text"]::placeholder, form label > input[type="tel"]::placeholder, form label > input[type="password"]::placeholder {
    color: rgba(205,219,232,1); font-size: 1rem;
}
form label > input[type="checkbox"] { display: none; }
form label > input[type="checkbox"] + div { overflow: hidden; background-image: url('/asset/images/input_checkbox.svg'); background-repeat: no-repeat; background-size: 24px; background-position: left 4px;
    padding-left: 36px; font-weight: 400; color: rgba(100,100,100,1); font-size: 0.875rem; word-break: keep-all; }
form label > input[type="checkbox"]:checked + div { background-image: url('/asset/images/input_checkbox_checked.svg'); }
form label > select { padding: 0 19px 0 0; border-radius: 0; 
    background-image: url('/asset/images/select_arr.svg'); background-repeat: no-repeat; background-position: calc(100% - 9px) center; background-size: 8px; background-color: rgba(255,255,255,1);
    appearance: none; color: rgba(0,0,0,1); } /* 20220512 서영기 - background-color 신규 선언*/
form label > button.innerInput,
form label > button.changePWDView { position: absolute; right: 0; height: 26px; margin-top: -32px; padding: 0 14px; font-size: 0.750rem; color: rgba(100,100,100,1); background: rgba(255,255,255,1); border: 1px solid rgba(226,226,226,1); outline: none; }
form label > button.innerInput > div  { position: absolute; margin: -4px 0 0 calc(-100% - 15px); color: rgba(205, 219, 232, 1); font-size: 1rem; }
form label > button.innerInput:disabled { border: 1px solid rgba(226,226,226,1); background: rgba(251,251,251,1); color: rgba(202,202,202,1); }
form label > button.changePWDView { overflow: hidden; display: block; width: 20px; line-height: 200px; background-color: transparent !important; background: url('/asset/images/icon_pwd_view.svg') no-repeat right center / 20px; }
form label > button.innerInput.blueGB { background: rgba(0,93,185,1); color: rgba(255,255,255,1); border: none; }
form label > span + button.innerInput { margin-top: 0; }
/* 버튼영역 */
form div.buttonArea { overflow: hidden; text-align: right; }
form div.buttonArea a { display: inline-block; color: rgba(94,87,87,1); text-decoration: none; font-size: 0.850rem; padding: 0 8px; } /* 20220511 서영기 패딩 수정 - 0 10px, 폰트사이즈 수정 0.875 */
form div.buttonArea a + a { border-left: 1px solid rgba(94,87,87,1); padding-left: 10px; }  /* 20220511 서영기 패딩 수정 14px */
form div.buttonArea a:last-child { padding-right: 0; }
form div.buttonArea button { width: 100%; height: 40px; font-size: 0.875rem; }
form div.buttonArea button + a { margin-top: 20px; }
form div.buttonArea[data-buttonLength="2"] > button,
footer[data-buttonLength="2"] > button { float: left; width: 50%; }
form div.buttonArea[data-buttonLength="3"] > button,
footer[data-buttonLength="3"] > button { float: left; width: 33.33%; }
form div.buttonArea[data-buttonLength="4"] > button,
footer[data-buttonLength="4"] > button { float: left; width: 25%; }
form div.buttonArea[data-buttonLength="5"] > button,
footer[data-buttonLength="5"] > button { float: left; width: 20%; }
form div.buttonArea > button + button { border-left: none; }
form div.buttonArea > button.loginButton { height: 50px; border: none; font-size: 1.250rem; background: rgb(112,165,202); color: rgb(255,255,255); margin-bottom: 30px;} /* 20220511서영기 - margin추가 */
form div.buttonArea > button.cancelButton { height: 50px; border: none;font-size: 1.250rem; background: rgb(145,146,148); color: rgb(255,255,255);}
form div.buttonArea > button.joinButton { height: 50px; border: none;font-size: 1.250rem;background-color: rgba(0,93,185,1); color: rgb(255,255,255);}
form div.buttonArea > label[for="isAuto"] { float: left; line-height: 30px; margin-top: -3px; } /* 20220511 서영기 신규 추가 */
form div.buttonArea > label[for="isAuto"] > div { font-size: 0.850rem; } /* 20220511 서영기 신규 추가 */
/* 일반 text + 버튼 영역 */
form div:not(.buttonArea) { overflow: hidden; }
form div:not(.buttonArea) span { display: inline-block; font-weight: 500; color: rgba(102,102,102,1); }
form div:not(.buttonArea) button { float: right; height: 26px; padding: 0 14px; font-size: 0.750rem; color: rgba(100,100,100,1); background: rgba(255,255,255,1); border: 1px solid rgba(226,226,226,1); outline: none; }
/* 약관동의 관련 */
form.agreeForm { }
form.agreeForm > h1 { margin: 56px 0 45px; padding: 0; font-size: 1.250rem; }
form.agreeForm label > input[type="checkbox"] { display: none; }
form.agreeForm label > input[type="checkbox"] + div { overflow: hidden; background-image: url('/asset/images/input_checkbox.svg'); background-repeat: no-repeat; background-size: 24px; background-position: left 4px;
     padding-left: 32px; font-weight: 400; color: rgba(100,100,100,1); line-height: 28px; }
form.agreeForm label > input[type="checkbox"]:checked + div { background-image: url('/asset/images/input_checkbox_checked.svg'); }
form.agreeForm label > input[type="checkbox"] + div strong { color: rgba(0,0,0,1); }
form.agreeForm label > input[type="checkbox"] + div span { color: rgba(6,91,170,1); }
form.agreeForm label > input[type="checkbox"] + div button { float: right; width: 84px; height: 28px; border-radius: 3px; background: rgba(196,196,196,1) !important; font-size: 0.875rem; }
form.agreeForm label + label { margin-top: 12px; }
form.agreeForm label[for="checkAll"] + label { margin-top: 20px; }
form.agreeForm div.buttonArea { margin-top: 60px; }
/* 검색 */
form.searchForm { overflow: hidden; }
form.searchForm > select, form.searchForm > input[type="search"], form.searchForm > input[type="text"], form.searchForm > button { float: left; width: 100%; height: 38px; margin-bottom: 10px; border: none; outline: none; font-size: 0.875rem; } /* 20220511 서영기 서체크기 선언 및 height 변경 height - 30px */
form.searchForm .w90 { width: calc(90% - 4px) !important; }
form.searchForm .w80 { width: calc(80% - 4px) !important; }
form.searchForm .w70 { width: calc(70% - 4px) !important; }
form.searchForm .w60 { width: calc(60% - 4px) !important; }
form.searchForm .w50 { width: calc(50% - 4px) !important; }
form.searchForm .w40 { width: calc(40% - 4px) !important; }
form.searchForm .w40_2 { width: calc(40% - 6px) !important; } /* 20220511 서영기 신규 추가 */
form.searchForm .w30 { width: calc(30% - 4px) !important; }
form.searchForm .w20 { width: calc(20% - 4px) !important; }
form.searchForm .w10 { width: calc(10% - 4px) !important; }
form.searchForm .w90 + .w10, form.searchForm .w80 + .w20, form.searchForm .w70 + .w30, form.searchForm .w60 + .w40, form.searchForm .w50 + .w50,
form.searchForm .w40 + .w60, form.searchForm .w30 + .w70, form.searchForm .w20 + .w80, form.searchForm .w10 + .w90 { margin-left: 8px; } 
form.searchForm .w40_2 + .w40_2, form.searchForm .w40_2 + .w20 { margin-left: 8px; } /* 20220511 서영기 대상 추가 */
form.searchForm > select { border: none; padding: 0 14px; 
    background-color: rgba(243,243,243,1); background-image: url('/asset/images/select_arr.svg'); background-repeat: no-repeat; background-position: calc(100% - 16px) center; background-size: 8px; 
    color: rgba(160,160,160,1); appearance: none; } 
form.searchForm > input[type="search"] { padding: 0 14px 0 34px; border-radius: 0; 
    background-color: rgba(243,243,243,1); background-image: url('/asset/images/input_search.svg'); background-repeat: no-repeat; background-position: 15px center; background-size: 15px; 
    -webkit-appearance: none; }
form.searchForm > input[type="text"] { padding: 0 14px; border-radius: 0; background: rgba(243,243,243,1); box-sizing: border-box; }
form.searchForm > input[type="search"]:placeholder { color: rgba(160,160,160,1); }
form.searchForm > input[type="search"].w50, form.searchForm > input[type="text"].w50, form.searchForm > select.w50 { border-radius: 5px; }

/* modal */
div[role="dialog"] { position: fixed; top: 0; left: 0; width:100vw; height: 100vh; background: rgba(0,0,0,.8); z-index: 900; outline: none; }
div[role="dialog"] > div { overflow: hidden; position: absolute; top: 50%; left: 50%; width: 320px; padding: 30px 20px; background: rgba(255,255,255,1); transform: translate(-50%, -50%); text-align: center; box-sizing: border-box; }
div[role="dialog"] > div h1 { margin: 25px 0; padding: 0; font-size: 1.250rem; }
div[role="dialog"] > div p { margin: 0 0 25px; padding: 0; color: rgba(102,102,102,1); }
div[role="dialog"] > div button { width: 100%; height: 50px; font-size: 1.250rem; }
div[role="dialog"] > div > div { overflow: hidden; }
div[role="dialog"] > div > div > button { float: left; width: 50%; }

/* 아이디 찾기 결과 목록 */
.findIDResult > hgroup { padding-bottom: 22px; }
.findIDResult > article > div { overflow: hidden; width: 100%; height: 413px; }
.findIDResult > article > div ul, .findIDResult > article > div ol { margin: 0; padding: 0; list-style: none; }
.findIDResult > article > div > ul > li { float: left; width: calc(100vw - 40px); }
.findIDResult > article > div > ul > li, .findIDResult > article > div ol { max-width:  398px; }
.findIDResult > article > div * { user-select: none; }
.findIDResult > article > div ol li { overflow: hidden; padding: 20px 0; border-top: 1px solid rgba(196,196,196,1); }
.findIDResult > article > div ol li:last-child { border-bottom: 1px solid rgba(196,196,196,1); }
.findIDResult > article > div ol li h1 { margin: 0 0 3px; padding: 0; font-size: 1rem; font-weight: 600; }
.findIDResult > article > div ol li p { margin: 0; padding: 0; font-size: 1rem; font-weight:400; }
.findIDResult > article > div ol li.notResult { border-top: 1px solid rgba(226,226,226,1); border-bottom: 1px solid rgba(226,226,226,1);  font-size: 0.8775rem; text-align: center; line-height: 120px; }
/* 목록형 하단 인디케이터 공통 */
ol.indicator { overflow: hidden; margin: 13px 0 0; padding: 0; list-style: none; text-align: center; }
ol.indicator li { overflow: hidden; display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: rgba(196,196,196,1); line-height: 200px; }
ol.indicator li + li { margin-left: 3px; }
ol.indicator li.on { background: rgba(0,116,231,1); }

/* 이용약관 전문보기 */
.viewAgreeDetail > article > h1 { padding: 0; margin: 32px 0 0; font-size: 1rem; color: rgba(0,0,0,.8); }
.viewAgreeDetail > article > h2 { padding: 0; margin: 28px 0 0; font-size: 0.875rem; color: rgba(0,0,0,.8); }
.viewAgreeDetail > article > h3 { padding: 0; margin: 28px 0 0; font-size: 0.813rem; color: rgba(0,0,0,.8); font-weight: 500; }
.viewAgreeDetail > article > p { padding: 0; margin: 30px 0 0; font-size: 0.750rem; color: rgba(100,100,100,1); }

/* 회원가입 */
.memberJoin { padding-top: 91px; }

/* 현장이용 리스트 */
.findPlaceList > article { overflow: hidden; padding-top: 12px; }
.findPlaceList > article > div { overflow: hidden; width: 100%; margin-bottom: 20px; }
.findPlaceList > article > div ul, .findPlaceList > article > div ol { margin: 0; padding: 0; list-style: none; }
.findPlaceList > article > div > ul > li { float: left; width: calc(100vw - 40px); }
.findPlaceList > article > div ol > li { overflow: hidden; }
.findPlaceList > article > div > ul > li , .findPlaceList > article > div ol, .findPlaceList > article > div ol > li { max-width: 398px; }
.findPlaceList > article > div ol > li + li { margin-top: 30px; }
.findPlaceList > article > div table { width: 100%; border-collapse: collapse; border-top: 1px solid rgba(226,226,226,1); border-bottom: 1px solid rgba(226,226,226,1); text-align: left; }

.findPlaceList > article > div table th, .findPlaceList > article > div table td { height: 20px; padding: 8px 0; }
.findPlaceList > article > div table th { border-bottom: 1px solid rgba(226,226,226,1); font-size: 0.875rem; width:50%;}
.findPlaceList > article > div table td { font-size: 0.875rem; width: 50%;} /* 20220511 서영기 서체크기 변경 0.750rem */
.findPlaceList > article > div table tr > th:nth-child(1) {  }
.findPlaceList > article > div table tr > th:nth-child(3) { width: 156px; } /* 20220511 width 변경 140px */
.findPlaceList > article > div div { overflow: hidden; margin: 10px 0; text-align: right; }
.findPlaceList > article > div p, .findPlaceList > article > div button { font-size: 0.750rem; }
.findPlaceList > article > div p { display: inline-block; float: left; width: 60px; height: 20px; padding: 0; margin: 3px 0 3px 10px; border-radius: 10px; color: rgba(255,255,255,1); text-align: center; line-height: 20px; }
.findPlaceList > article > div p.wait { background: rgba(132,171,209,1); }
.findPlaceList > article > div p.endNow { background: rgba(196,196,196,1); }
.findPlaceList > article > div p.canReg { background: rgba(235,78,78,1); }
.findPlaceList > article > div button { min-widht: 52px; height: 26px; background: rgba(251,251,251,1) !important; border: 1px solid rgba(0,116,231,1) !important; color: rgba(0,93,185,1) !important; }
.findPlaceList > article > div button.download, .findPlaceList > article > div button.pageMove { border: 1px solid rgba(226, 226, 226, 1) !important; color: rgba(102,102,102,1) !important; }
.findPlaceList > article > div button.pageMove { width: 95px; }
.findPlaceList > article > div button + button { margin-left: 2px; }
.findPlaceList > article li.notResult { border-top: 1px solid rgba(226,226,226,1); border-bottom: 1px solid rgba(226,226,226,1);  font-size: 0.8775rem; text-align: center; line-height: 120px; }

/* 메인페이지 처리 */
.main01, .main02, .main03 { overflow: hidden; height: 100%; }
.main01 > section, .main02 > section, .main03 > section { position: relative; padding: 0 20px; text-align: center; background: transparent; }
.main01 > section > h1, .main02 > section > h1, .main03 > section > h1 { margin: 0; padding: 0; font-size: 1rem; font-weight: 300; }
.main01 > section > h2, .main02 > section > h2, .main03 > section > h2 { margin: 0; padding: 0; font-size: 1.125rem; font-weight: 300; }
.main01 > section > img:not(.BGImg), .main02 > section > img:not(.BGImg), .main03 > section > img:not(.BGImg) { width: 190px; }
.main01 > footer, .main02 > footer, .main03 > footer {
    padding: 30px 20px; background: transparent; text-align: center; border-radius: 25px 25px 0 0; 
}
.main01 > footer > h1, .main02 > footer > h1, .main03 > footer > h1 {
    margin: 0 0 15px; padding: 0; font-size: 0.875rem; font-weight: 500;
}
.main01 > footer > a, .main02 > footer > a, .main03 > footer > a { 
    display: inline-block; margin-top: 12px; padding: 0 10px; color: rgba(94,87,87,1); text-decoration: none; font-size: 0.875rem;
 }
.main01 > footer > a + a, .main02 > footer > a + a, .main03 > footer > a + a { 
      border-left: 1px solid rgba(94,87,87,1); padding-left: 14px; 
}

.main01 > section { background: rgba(25,92,159,1); color: rgba(255,255,255,1); }
.main01 > section > h2 { margin: 120px 0 3px; } /* 20220511 서영기 마진값 수정 40px 0 3px */
.main01 > section > h1 { margin-top: 12px; }
.main01 footer { background: rgba(255,255,255,1) }

.main02 > section { background: rgba(35,81,126,1); color: rgba(255,255,255,1); }
.main02 > section > h2 { margin: 20px 0 3px; }
.main02 > section > h1 { margin: 12px 0 20px; }
.main02 > footer { background: transparent; color: rgba(255,255,255,1); }
.main02 > footer > a { color: rgba(255,253,253,1); }
.main02 > footer > a + a { border-color: rgba(255,253,253,1); }
.main02 > footer > button { background: rgba(132,171,209,1) !important; }

.main03 > section { background: rgba(170,205,255,1); color: rgba(28,29,27,1); }
.main03 > section > h2 { margin: 25px 0 3px; }
.main03 > section > h1 { margin-top: 12px; }
.main03 > footer { background: transparent; }
.main03 > footer > a { color: rgba(28,29,27,1); }
.main03 > footer > a + a { border-color: rgba(28,29,27,1); }
.main03 > footer > button { background: rgba(2,92,171,1) !important; }

.main01 img.BGImg, .main03 img.BGImg { position: absolute; left: 0; bottom: 169px; width: calc(100% + 40px); }
.main02 img.BGImg { position: absolute; top: 50%; width: calc(100% - 40px); left: 20px; transform: translate(0, -50%); }

/* GNB추가 */
#GNBLayer { position: fixed; top: 0; left: 50%; width: 100%; max-width: 438px; height: 100vh; background: rgba(49,54,60,1); margin: 0 auto; padding: 60px 20px 20px; z-index: 999; transform: translate(-50%, 0); box-sizing: border-box; }
#GNBLayer a { text-decoration: none; color: rgba(255,255,255,.8); }
#GNBLayer > button.gnbClose { display: block; overflow: hidden; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; 
    background-color: transparent; background-image: url('/asset/images/button_gnb_close.svg'); background-repeat: no-repeat; background-position: right top; line-height: 100px; }
#GNBLayer > a { padding: 0 0 0 32px; background: url('/asset/images/icon_gnb_login.svg') no-repeat left center; background-size: 21px; font-size: 0.938rem; font-weight: 300; line-height: 32px; }
#GNBLayer > button:not(.gnbClose) { float: right; width: 95px; height: 26px; background: rgba(251,251,251,1); font-size: 0.750rem; color: rgba(102,102,102,1); }
#GNBLayer > ul { padding: 0; margin: 16px 0 ; border-top: 1px solid rgba(196,196,196,1); list-style: none; }
#GNBLayer > ul > li { border-bottom: 1px solid rgba(196,196,196,1); font-size: 1.125rem; line-height: 2.625rem; }

/* IE 핵 모음 */
_:-ms-fullscreen, :root button.changePWDView { display: none; }
_:-ms-fullscreen, :root form label > input[type="checkbox"] + div,
_:-ms-fullscreen, :root form.agreeForm label > input[type="checkbox"] + div { overflow: hidden; background-image: url('/asset/images/input_checkbox.png'); }
_:-ms-fullscreen, :root form label > input[type="checkbox"]:checked + div,
_:-ms-fullscreen, :root form.agreeForm label > input[type="checkbox"]:checked + div { background-image: url('/asset/images/input_checkbox_checked.png'); }
_:-ms-fullscreen, :root form.searchForm > input[type="search"] { background-image: url('/asset/images/input_search.png'); }
_:-ms-fullscreen, :root #GNBLayer > a { background-image: url('/asset/images/icon_gnb_login.png'); }

/* 20220511 주소찾기 관련 추가 */
#addrCheckArea {padding: 0;}

/* 20220518 상세 보기 - 부동산 중개업소 MGM안내 */
.detailView {}
.detailView h1, .detailView p { padding: 0; margin: 0; word-break: keep-all; }
.detailView > h1 { margin: 30px 0 15px; color: rgba(2,92,171,1); font-size: 0.889rem; }
.detailView > p { font-size: 0.722rem; }
.detailView > p + p { margin-top: 15px; }
.detailView > ul { margin: 15px 0 0 0; padding: 0; border-bottom: 1px solid rgba(226,226,226,1); list-style: none; }
.detailView > ul li { padding-bottom: 10px; }
.detailView > ul h1, .detailView > ul p { margin: 0; padding: 0; font-size: 0.667rem; }
.detailView > ul h1 { margin-bottom: 10px; padding: 10px 8px; background: rgba(240,240,240,1); border: 1px solid rgba(226,226,226,1); border-left: none; border-right: none; box-sizing: border-box; color: rgba(102,102,102,1); }
.detailView > ul p { padding: 0 8px; color: rgba(102,102,102,1); }
.detailView > ul p + p { margin-top: 15px; }
.blue { color: rgba(2,92,171,1); }
.red { color: rgba(246,33,33,1) }
.bgBlue { background: rgba(2,92,171,1); color: rgba(255,255,255,1); border: none; }