@charset "utf-8";

@import url("./base.css");

/* layout */
html,
body,
#wrap { min-height: 100%; }
body { max-width: 720px; margin: 0 auto; color: #3c3c3c; }
:focus { outline:none; }

/* main */
h1.logo { text-align: center; }
h1.logo img { max-height:3.6rem; text-align: center; }
.mainLayout { z-index: 1; position: relative; min-height: 100vh; padding:2.5rem 7.5% 13rem; background-color:#e0e9fb; box-sizing:border-box; }
.mainLayout::before { content:''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height:34.5rem; background:url(../images/main/bg_main.jpg) no-repeat 50% 0; background-size:100% auto; }
.mainLayout .logo { margin-bottom: 3.2rem; }
.mainLayout .mainLink { display:flex; flex-wrap:wrap; gap:1.4rem; }
.mainLayout .mainLink .item { width:calc(50% - 0.7rem); }
.mainLayout .mainLink .item a { display: block; height: 15.6rem; padding:1.8rem 1.5rem; border-radius:1rem; background-color: #fff; background-repeat: no-repeat; background-position:right 1.6rem bottom 1.6rem; background-size:4.1rem auto; color: #5776b2; box-shadow: 0px 0px 10px 5px rgba(4,35,81,0.09); box-sizing:border-box; font-weight: 500; font-size: 1.3rem; }
.mainLayout .mainLink .item.i1 a { background-image: url(../images/main/icon_main_link01.png); }
.mainLayout .mainLink .item.i2 a { background-image: url(../images/main/icon_main_link02.png); }
.mainLayout .mainLink .item.i3 a { background-image: url(../images/main/icon_main_link03.png); }
.mainLayout .mainLink .item.i4 a { background-image: url(../images/main/icon_main_link04.png); }
.mainLayout .mainLink .item a b { display: block; margin-bottom:0.7rem; color: #000; font-size:2rem; }
.mainLayout .noticeArea { margin-top:2.8rem; padding:2.4rem 2.6rem 1.5rem; border-radius:1rem; background-color: #fff; box-shadow: 0px 0px 10px 5px rgba(4,35,81,0.09); box-sizing:border-box; }
.mainLayout .noticeArea .titBox { display:flex; justify-content:space-between; align-items:center; margin-bottom: 1.2rem; padding-bottom: 1rem; border-bottom: 1px solid #f8f8f8; }
.mainLayout .noticeArea .titBox h2 { font-size:1.25em; }
.mainLayout .noticeArea .titBox .more { display: inline-block; padding:0.2rem; font-weight: 500; font-size:0.875em; }
.mainLayout .noticeArea ul li { margin-top:1.4rem; }
.mainLayout .noticeArea ul li a { display:block; }
.mainLayout .noticeArea ul li a span { display: block; }
.mainLayout .noticeArea ul li a .tit { overflow: hidden; color: #2d2e31; white-space:nowrap; text-overflow:ellipsis; font-weight: 500; font-size: 1.5rem; }
.mainLayout .noticeArea ul li a .date { color: #76777a; font-size:1.4rem; }

/* layout */
#container { padding-bottom: 8em; }

/* modal */
dialog { max-width:720px; width: 100%; padding: 0; border: none; }
dialog[open] { display: block; z-index: 900; position:fixed; top: 0; left: 0; animation: fade-in 0.4s ease-out; }
dialog[open]::backdrop { background:rgba(0,0,0,0.55); }

/* 하단 고정메뉴 */
.btmNavgation { z-index: 100; position:fixed; bottom: 0; left: 0; width: 100%; border-radius:1.2rem 1.2rem 0 0; background: #33319a; transition: bottom 0.3s ease-in-out; }
.btmNavgation.hidden { animation:navHidden 1s; animation-fill-mode:forwards; }
.btmNavgation ul { display:flex; justify-content:center; padding:0 1rem; }
.btmNavgation ul li { width: 25%; }
.btmNavgation ul li a { display: block; padding:1.6rem 1rem 1.2rem; color: #9c9aff; text-align: center; font-weight: 500; font-size:1.2rem; }
.btmNavgation ul li a.active { color: #fff; font-weight: 700; }
.btmNavgation ul li a span { display: block; padding-top:2.6rem; background-repeat: no-repeat; background-position: 50% 0; background-size:auto 2rem; }
.btmNavgation ul li.i1 a span { background-image: url(../images/common/icon_menu_home.svg); }
.btmNavgation ul li.i2 a span { background-image: url(../images/common/icon_menu_facility.svg); }
.btmNavgation ul li.i3 a span { background-image: url(../images/common/icon_menu_check.svg); }
.btmNavgation ul li.i4 a span { background-image: url(../images/common/icon_menu_more.svg); }
.btmNavgation ul li.i1 a.active span { background-image: url(../images/common/icon_menu_home_on.svg); }
.btmNavgation ul li.i2 a.active span { background-image: url(../images/common/icon_menu_facility_on.svg); }
.btmNavgation ul li.i3 a.active span { background-image: url(../images/common/icon_menu_check_on.svg); }
.btmNavgation ul li.i4 a.active span { background-image: url(../images/common/icon_menu_more_on.svg); }
@keyframes navHidden {
	0% { bottom:0; }
	100% { bottom:-100%; }
}

/* 로그인 */
.loginWrap { min-height: 100vh; padding:2.7rem 6% 2.2rem; background: #312c94; box-sizing:border-box; }
.loginWrap .logo { margin-bottom: 2.8rem; }
.loginWrap .loginForm { padding:2.8rem 6.9% 2.6rem; border-radius:1rem; background: #fff; }
.loginWrap .loginForm h2 { margin-bottom:1.6rem; text-align: center; font-size: 2.2rem; }
.loginWrap .loginForm .inputItem { margin-bottom: 1.8rem; }
.loginWrap .loginForm .inputItem label { display: block; margin-bottom:0.8rem; padding-left:1.8rem; background-repeat: no-repeat; background-position: 0 50%; background-size:1.2rem auto; color: #3a3ea3; font-weight: 700; font-size: 1.5rem; }
.loginWrap .loginForm .inputItem label[for="usr_id"] { background-image: url(../images/sub/icon_user.png); }
.loginWrap .loginForm .inputItem label[for="pwd"] { background-image: url(../images/sub/icon_password.png); }
.loginWrap .loginForm .inputItem input { width: 100%; height: 4.6rem; padding:0 1.8rem; border-radius:0.6rem; border: 1px solid #c3c4ca; line-height: 4.6rem; font-size: 1.4rem; }
.loginWrap .loginForm .inputItem input::placehoder { opacity: 1; color: #858585; }
.loginWrap .loginForm .btnLogin { display: block; width: 100%; height:4.9rem; border-radius:0.6rem; background: #3a3ea3; color: #fff; font-weight:600; font-size: 1.5rem; }
.loginWrap .loginForm .btnLogin:disabled, 
.loginWrap .loginForm .btnLogin[disabled],
.loginWrap .loginForm .btnLogin[readonly] { background:#8b8ede !important; }
.loginWrap .loginForm .checkId { position: relative; margin-top: 1.5rem; }
.loginWrap .loginForm .checkId label { display: inline-block; color: #696969; font-size: 1.4rem; cursor:pointer; }
.loginWrap .loginForm .checkId label span { display: inline-flex; align-items:center; position: relative; min-height:2.6rem; padding-left: 3.8rem; }
.loginWrap .loginForm .checkId label span::before { content:''; position: absolute; top: 0; left: 0; width: 2.6rem; height: 2.6rem; border-radius:0.4rem; border:1px solid #b3b3b3; box-sizing:border-box; }
.loginWrap .loginForm .checkId input:checked + label { color: #000; font-weight: 500; }
.loginWrap .loginForm .checkId input:checked + label span::before { border-color:#3a3ea3; background:url(../images/sub/bg_check_on.png) no-repeat 50% 50% / contain; }
.loginWrap .loginForm .linkItems { display:flex; gap:0.5rem; margin-top: 2rem; }
.loginWrap .loginForm .linkItems li { flex-grow:1; }
.loginWrap .loginForm .linkItems li a { display: block; padding:1.1rem 0; border-radius:0.6rem; border: 1px solid #3a3ea3; color: #3a3ea3; text-align: center; font-size: 1.3rem; }
.loginWrap .helpItems { margin-top:4.8rem; }
.loginWrap .helpItems a { display: block; background: #fff; color: #3a3ea3; }
.loginWrap .helpItems .linkBox { display:flex; gap:1.1rem; margin-bottom: 1rem; }
.loginWrap .helpItems .linkBox a { flex-grow:1; padding:1.2rem 1rem 1.1rem 5.2rem; border-radius:0.6rem; background-repeat: no-repeat; background-position:1.6rem 50%; background-size:auto 2.6rem; font-weight:600; font-size: 1.5rem; }
.loginWrap .helpItems .linkBox a.i1 { background-image: url(../images/sub/icon_manual_book.png); }
.loginWrap .helpItems .linkBox a.i2 { background-image: url(../images/sub/icon_faq.png); }
.loginWrap .helpItems .linkBox a span { display: block; color: #6c6e9f; font-weight: 400; font-size: 1.2rem; }
.loginWrap .helpItems .btnContact { margin-top: 1rem; padding-top:1.4rem; padding-bottom: 1rem; border-radius:0.6rem; text-align: center; font-weight: 600; font-size: 1.5rem; }
.loginWrap .helpItems .btnContact span { display: inline-block; padding-left: 2.8rem; padding-bottom: 0.7rem; background:url(../images/sub/icon_contact.png) no-repeat 0 0; background-size:1.8rem auto; }
.loginWrap .helpItems .btnContact i { display: block; margin:0 1.8rem; padding-top: 0.8rem; border-top:1px dotted #e4e4f1; text-align: center; color: #6c6e9f; font-style:normal; font-weight: 400; font-size: 1.3rem; }
.loginWrap .btnPrivacy { margin-top: 1.8rem; text-align: center; }
.loginWrap .btnPrivacy a { display: inline-block; padding-bottom:3px; border-bottom: 1px solid #9f9dcd; color: #fff; font-weight: 500; font-size: 1.4rem; }
.msgBorder { margin-top: 1rem; margin-bottom: 3rem; padding:2.6rem 1.8rem 2.4rem; border-radius:0.5rem; border: 1px solid #c9cae3; text-align: center; font-weight: 600; font-size: 1.5rem; }
.msgBorder .userTxt { margin-top: 1.2rem; margin-bottom: 2.6rem; padding-top: 12.6rem; background:url(../images/sub/icon_find_user.png) no-repeat 50% 0; background-size:9.8rem auto; }
.msgBorder .valTxt { margin: 1.8rem 0; padding:1.9rem 1.5rem; border-radius:0.5rem; background: #f6f6f8; color: #3a3ea3; font-weight: 600; font-size: 1.7rem; }
.formStyle .numberItem { margin-top: 2.6rem; }
.formStyle .numberItem .textBox { width: 100%; padding:0.8rem 0.75em; border-radius:0.5rem; border:1px solid #e6e8ea; box-sizing:border-box; font-size: 1.5rem; }

/* header */
.header { z-index: 100; position:sticky; top: 0; padding:1.9rem 6rem; background: #fff; text-align: center; }
.header.fixed { border-bottom:1px solid #e6e8ea; }
.header h1,
.header .tit { font-weight: 500; font-size: 1.7rem; }
.header .leftBtn  { position: absolute; top: 0; left: 0; height: 100%; }
.header .rightBtn { position: absolute; top: 0; right: 0; height: 100%; }
.header a,
.header button { overflow: hidden; display: inline-block; width: 6rem; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; text-indent:-999px; }
.header .btnWrite { background-image:url(../images/common/icon_write.png); background-size:2.1rem auto; }
.header .btnPrev { background-image:url(../images/common/btn_prev.png); background-size:0.9rem auto; }
.header .btnShare { background-image:url(../images/common/icon_share.png); background-size:1.6rem auto; }
dialog .header { position: relative; }

/* 관리번호 */
.topPanel { display:flex; justify-content:center; padding:1.6rem 2rem; border-top: 1px solid #dcdce4; background-color: #f6f6f8; letter-spacing: -0.03em; font-weight: 700; font-size: 1.8rem; }
.topPanel .tit { margin-right: 3.4rem; text-align: center; box-sizing:border-box; }
.topPanel a { display: inline-block; border-bottom: 1px solid #3a3ea3; color: #3a3ea3; }

/* tabmenu */
.tabMenu { padding:2.2rem 5.56% 2.8rem; }
.tabMenu ul { display:flex; gap:0.5rem; }
.tabMenu ul li { flex-grow:1; text-align: center; }
.tabMenu ul li a,
.tabMenu ul li button { display:flex; justify-content:center; align-items:center; width: 100%; height: 4.6rem; border-radius:2em; border: 1px solid #c9cae3; color: #000; font-size: 1.7rem; box-sizing:border-box; }
.tabMenu ul li .on,
.tabMenu ul li .active,
.tabMenu ul li [aria-current="page"] { background: #3a3ea3; color: #fff; }
.subTabMenu { margin-bottom:2rem; }
.subTabMenu ul { display:flex; flex-wrap:wrap; gap:0.5rem; }
.subTabMenu ul li { width:calc(33.33333% - 0.3333rem); text-align: center; }
.subTabMenu ul li a { display: block; padding:1rem; border-radius:0.5rem; border: 1px solid #cfd4d8; letter-spacing: -0.04em; }
.subTabMenu ul li a.active { border-color:#3a3ea3; color: #3a3ea3; font-weight: 700; }

/* noData */
.noData { margin:1rem 0; font-weight: 500; }

/* 구분선 */
.divLine { display: block; width: 100%; height:0.5rem; margin:3rem 0; border-top: 1px solid #e3e3e9; border-bottom: 1px solid #e3e3e9; background: #f2f2f5; box-sizing:border-box; }

/* btn Style */
.defaultBtn { display:flex; gap:0.5rem; margin-top:2rem; }
.defaultBtn a,
.defaultBtn button { flex-grow:1; display: flex; justify-content:center; align-items:center; width: 50%; height:5rem; border-radius:0.5rem; text-align: center; font-weight:600; font-size: 1.7rem; }
.defaultBtn .btn { border: 1px solid #3a3ea3; color: #3a3ea3; }
.defaultBtn .submit { background: #3e43b6; color: #fff; }
.defaultBtn .regist { background: #1e2174; color: #fff; }
.defaultBtn span { display: inline-block; }
.defaultBtn .tel { padding-left: 2.8rem; background:url(../images/sub/icon_telephone.png) no-repeat 0 50%; background-size:1.9rem auto; }
.defaultBtn button:disabled,
.defaultBtn button[disabled],
.defaultBtn a:disabled,
.defaultBtn a[disabled] { opacity:1; background: #cdced9 !important; }
.btnExpand { display: block; position: relative; width: 100%; margin-top: 2.5rem; margin-bottom: 3rem; text-align: center; }
.btnExpand::before { content:''; z-index: -1; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #c1c2e0; }
.btnExpand span { display: inline-block; position: relative; width: 15.4rem; height: 3.7rem; padding-left: 2.6rem; border-radius:2rem; border: 1px solid #b6b7e0; background: #e7e8ff; color: #312c94; line-height:3.7rem; font-size: 1.5rem; box-sizing:border-box; }
.btnExpand span::before { content:''; position: absolute; top: 0; left: 1.8rem; width: 2.4rem; height: 100%; background:url(../images/sub/arrow_expand.svg) no-repeat 50% 52%; background-size:1.4rem auto; transform:rotate(0); }
.btnExpand.active span::before { left: 2.2rem; transform:rotate(180deg); }
.btnExpandRound { display: block; position: relative; width: 100%; padding:1.4rem 1.8rem; background-image:url(../images/sub/arrow_expand_round.svg); background-repeat:no-repeat; background-position:right 1.4rem top 50%; background-size:2.3rem auto; text-align: left; font-weight: 600; font-size: 1.5rem; }
.btnExpandRound.active { background-image: url(../images/sub/arrow_expand_round_active.svg); }

/* form */
:disabled,
[disabled],
[readonly] { opacity:0.3; background:#f5f5f7 !important; }
.formStyle { padding:0 5.56%; }
.formStyle label,
.formStyle .label { display:inline-block; letter-spacing: -0.04em; font-weight:600; }
.formStyle input::-webkit-input-placeholder { font-weight:300; color:#919191; }
.formStyle input::-moz-placeholder { font-weight:300; color:#919191; }
.formStyle input:-ms-input-placeholder { font-weight:300; color:#919191; }
.formStyle input::-ms-input-placeholder { font-weight:300; color:#919191; }
.formStyle [type="number"] { -moz-appearance: textfield; }
.formStyle input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.formStyle textarea.txt { resize:none; height:9.375em; padding:0.75em 0.625em; }
.formStyle input[type="radio"],
.formStyle input[type="checkbox"] { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; clip: rect(0,0,0,0); }
.formStyle input[type="radio"] + label,
.formStyle input[type="checkbox"] + label { display:inline-block; position:relative; cursor:pointer; box-sizing:border-box; }
.formStyle input[type="radio"] + label::before,
.formStyle input[type="checkbox"] + label::before { content:''; position:absolute; left:0; border:1px solid #dcdcdc; background-repeat: no-repeat; background-position: 50% 50%; box-sizing:border-box; }
.formStyle input[type="radio"]:checked + label::before,
.formStyle input[type="checkbox"]:checked + label::before { border-color:#3a3ea3; }
.formStyle input[type="radio"]:focus + label,
.formStyle input[type="checkbox"]:focus + label { outline:2px dashed #000; }
.formStyle input[type="radio"] + label::before { top:0.3125rem; width:1rem; height:1rem; border-radius:50%; background-size:contain; }
.formStyle input[type="radio"] + label { margin:2px 0 2px 0.875rem; padding-left:1.5rem; }
.formStyle input[type="radio"]:checked + label::before { background-color: #1a3ac5; background-image: url(../images/sub/bg_radio_on.png); }
.formStyle input[type="checkbox"] + label { min-height:1.9rem; padding-top:1px; padding-left:2.4rem; }
.formStyle input[type="checkbox"] + label::before { top:1px; width:1.9rem; height:1.9rem; border-radius:0.3rem; border:1px solid #e6e8ea; background-image: url(../images/sub/arrow_check.svg); background-size:1.1rem auto; }
.formStyle input[type="checkbox"]:checked + label::before { background-image: url(../images/sub/arrow_check_on.svg); }
.formStyle input.txt,
.formStyle textarea.txt,
.formStyle .selectBox { width:100%; max-width:100%; height:3.7rem; padding-left:0.75em; border-radius:0.5rem; border:1px solid #e6e8ea; box-sizing:border-box; font-size: 1.5rem; }
.formStyle input.txt.row { height: 11.2rem; }
.formStyle .selectBox { position:relative; width:100%; padding:0; }
.formStyle .selectBox + .selectBox { margin-top: 0.5rem; }
.formStyle .selectBox::after { content:''; position:absolute; right:1rem; top:50%; width:1.4rem; height:1rem; background:url(../images/sub/arrow_select.svg) no-repeat center / contain; z-index:3; pointer-events:none; transform:translateY(-50%); }
.formStyle .selectBox.active::after { transform:translateY(-50%) rotate(180deg); }
.formStyle .selectBox:has(:disabled)::after,
.formStyle .selectBox:has([disabled])::after { opacity:0.5; }
.formStyle .selectBox select { overflow: hidden; position:relative; width:100%; height:3.7rem; padding:0 .75em; border: none; background:transparent; box-sizing:border-box; text-overflow: ellipsis; white-space: nowrap; }
.formStyle textarea.txt { height: 14.2rem; }
.formStyle .required { overflow:hidden; display:inline-block; width:0.6em; height:0.6rem; margin-top: 0.4rem; margin-left:0.25rem; background:url(../images/sub/icon_compul_check.gif) center no-repeat; background-size:contain; vertical-align:middle; text-indent:999px; font-size: 1rem; }
.formStyle .formTit { margin-bottom:1.4rem; color: #3a3ea3; font-size: 1.7rem; }
.formStyle div.formTit { display:flex; justify-content:space-between; margin: 0; font-size: 1em; }
.formStyle div.formTit .unit { display: inline-block; color: #5b5d8b; font-weight: 500; font-size: 1.4rem; }
.formStyle .formTit2 { margin-bottom: 1.2rem; color: #3a3ea3; font-weight: 600; font-size: 1.9rem; }
.formStyle .pointTxt { position: relative; margin-top:2rem; padding-left:2.3rem; background-image: url(../images/sub/bu_point.png); background-repeat: no-repeat; background-position:1px 0; background-size:1.8rem auto; color: #866254; word-break:keep-all; letter-spacing: -0.03em; font-size: 1.5rem; }
.formStyle .pointTxt + .pointTxt { margin-top: 0.5rem; }
.formStyle .pointTxt.line { padding-top: 2rem; border-top: 1px solid #d1d1e7; background-position:0 2.1rem; }
.formStyle .guideTxt { position: relative; margin-top: 0.7rem; padding-left: 0.7rem; word-break:keep-all; font-size: 1.4rem; }
.formStyle .guideTxt::before { content:'·'; position: absolute; top: 0; left: 0; }
.formStyle .guideTxt.red { color: #d62222; }
.formStyle .desc { margin-top: 0.5rem; color: #000; letter-spacing: -0.03em; font-size: 1.3rem;  }
.formStyle .optHidden { display: none; width:100%; }
.formStyle input.datePicker { background:url(../images/sub/icon_calendar.png) no-repeat right 0.7rem top 50% / 1.2rem auto; }
.formStyle .dateGroup { display:flex; align-items:center; }
.formStyle .dateGroup .unit { flex-shrink:0; margin:0 1px; }
.formStyle .dateGroup input { flex-grow:1; }
.formStyle .dateGroup .datePicker { padding-left:0.8rem; letter-spacing: -0.03em; font-size: 1.3rem; }
.formStyle .block { padding-top:2rem; padding-bottom: 1.4rem; border-bottom:1px solid #d1d1e7; }
.formStyle .block:nth-of-type(1) { border-top:1px solid #d1d1e7; }
.formStyle .block ~ .defaultBtn { margin-top: 3rem; }
.formTable .formTable .row { margin:0.5rem 0 !important; }
.formTable .formTable .row label,
.formTable .formTable .row .label { flex-basis:5rem; color: #565656; font-weight: 500; font-size: 1.4rem; }
.formTable .row { display:flex; margin:0.5rem 0; }
.formTable .row .row { margin: 0; }
.formTable .row label,
.formTable .row .label,
.formTable .row .check { flex-shrink:0; flex-basis:10.4rem; display:flex; padding-top: 0.8rem; }
.formTable .row label:has(br),
.formTable .row .label:has(br) { padding-top: 0; }
.formTable .row div,
.formTable .row .txt,
.joinTable .row .txt { flex-grow:1; }
.formTable .row .selectBox { margin-top: 0; }
.formTable .row .selectBox + .selectBox { margin-left: 0.5rem; }
.formTable .row .selectBox + .txt { margin-top: 0.5rem; }
.formTable .row .textBox { padding-top: 0.8rem; }
.formTable .row > .check { flex-basis:12.5rem; flex-grow:0; }
.formTable .row > .check label { flex-basis:auto; }
.formStyle .btnCurLocation { flex-shrink:0; display: inline-block; height: 3.8rem; margin-left: 0.5rem; padding-left: 2.8rem; padding-right: 0.8rem; border-radius:0.5rem; border:1px solid #e6e8ea; background-color:#edeef6; background-image:url(../images/sub/icon_location.svg); background-repeat: no-repeat; background-position: 1rem 50%; background-size:1.4rem auto; line-height: 3.8rem; font-weight: 500; font-size: 1.4rem; }
.formStyle .btnCurLocation.active { background-image: url(../images/sub/loading.gif); background-position:0.6rem 50%; background-size:1.8rem auto; }
.formStyle .formBtn { display: inline-block; width: 100%; height: 3.8rem; border-radius:0.5rem; border:1px solid #e6e8ea; background: #f5f5f7; text-align: center; line-height: 3.8rem; font-weight: 500; font-size: 1.4rem; box-sizing:border-box; }
.formStyle .formBtn2 { display: inline-block; height: 3.3rem; margin:0 1.2rem; padding:0 1.5rem; border-radius:0.5rem; border:1px solid #3a3ea3; background: #fff; color: #3a3ea3; text-align: center; line-height: 3.3rem; font-weight:600; font-size: 1.4rem; box-sizing:border-box; }
.formStyle .formBtnBg { display: inline-block; min-width:4.2rem; height: 2.4rem; border-radius:0.5rem; border:none; background: #3a3ea3; color: #fff; text-align: center; font-size: 1.4rem; box-sizing:border-box; }
.formStyle a.formBtnBg { padding-top: 0.3rem; }
.formStyle .btnDelete,
.areaBtn .btnDelete,
.areaBtnDelete { overflow: hidden; display: inline-block; width: 2.4rem; height:2.4rem; background-image: url(../images/sub/bg_delete_on.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size:contain; text-indent:-999px; cursor:pointer; box-sizing:content-box; }
.formStyle .btnDesc { overflow: hidden; display: inline-block; width: 2.4rem; height:2.4rem; border-radius:0.5rem; background-color: #3a3ea3; background-image: url(../images/sub/icon_setting.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size:1.6rem auto; text-indent:-999px; cursor:pointer; box-sizing:content-box; }
.formTable .filebox { position: relative; margin-bottom:0.5rem; word-break:break-all; }
.formTable .filebox input:disabled ~ *,
.formTable .filebox input[disabled]  ~ * { opacity:0.5; }
.formTable .filebox label { display: block; padding-top: 0; }
.formTable .filebox label.formBtn { margin-bottom:1.2rem; }
.formTable .filebox a { display: inline-block; }
.formTable .filebox .fileName { display:inline-block; text-decoration:underline; text-underline-offset :5px; vertical-align: top; font-size: 1.5rem; }
.formTable .filebox a.fileName,
.formTable .filebox a .fileName { margin-top:0.8rem; margin-bottom:0.5rem; margin-right: 1rem; vertical-align: top; font-weight: 500; }
.formTable .filebox a ,
.formTable .filebox button { margin-top: 0.5rem; vertical-align: top; }
.formTable .filebox a span.fileName { margin-top: 0; }
/* 주소입력 - 도로명 */
.formStyle .address .adrLabel { display:flex; justify-content:space-between; margin-bottom: 1.2rem; }
.formStyle .address .adrLabel .formTit { margin-bottom: 0; }
.formStyle .address .adrItems .row { margin:0.5rem 0; }
.formStyle .formCheckBox { align-self: center; }

/* 주소찾기 */
.adrSearch .resultTit { margin-top: 0; margin-bottom: 1rem; padding:0 5.56%; }
.adrSearch .adrList { padding:0 5.56%; }
.adrSearch .adrList li { position: relative; border-bottom: 1px solid #e5e8ea; }
.adrSearch .adrList li input { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
.adrSearch .adrList li label { display: block; padding:1.8rem 3rem 1.8rem 0; background-image: url(../images/sub/bg_checkbox.svg); background-repeat: no-repeat; background-position:right 0 top 50%; background-size:2.3rem auto; font-size: 1.5rem; }
.adrSearch .adrList li input:checked + label { background-image: url(../images/sub/bg_checkbox_on.svg); font-weight: 700; }
.adrSearch .pageNav { margin:2rem 0; }

/* 검색 목록 */
.resultWrap { margin-top:1rem; padding:1.4rem 5.56% 3rem; border-top: 5px solid #ebebf0; }
.resultTit { display:flex; justify-content:space-between; align-items:center; margin-top: 1.2rem; }
.resultTit .tit { color: #3a3ea3; font-weight: 600; font-size: 1.9rem; }
.resultTit .count { color: #5b5d8b; font-weight: 500; font-size: 1.4rem; }
.resultList li { padding:0 2rem 1.2rem; border:1px solid #e6e8ea; margin:1.3rem 0; border-radius:0.7rem; }
.resultList li:has(input:checked),
.usrList li:has(input:checked) { border-color:#3a3ea3; }
.resultList li .titMore { display:flex; justify-content:space-between; align-items:center; border-bottom: 1px solid #e8eaec; }
.resultList li .titMore strong { color: #000; font-weight: 500; font-size: 1.7rem; }
.resultList li .titMore label,
.resultList li .titMore .label { flex-grow:1; padding-left: 2.6rem; color: #000; text-align: left; font-size: 1.7rem; }
.resultList li .titMore .label { padding-left: 0; }
.resultList li .titMore label::before { top:0.3rem; }
.resultList li .titMore input[type="checkbox"]:checked + label::before { top:3px; background-color: #3a3ea3; background-image: url(../images/sub/arrow_check_w.svg); }
.resultList li .titMore .btn-more { display: inline-block; padding:1.5rem 1.6rem 1.5rem 0; background:url(../images/sub/arrow_right.svg) no-repeat right 50%; background-size:0.8rem auto; color: #787878; font-weight: 500; font-size: 1.4rem; }
.resultList li table { width: 100%; margin-top: 1rem; table-layout:fixed; }
.resultList li table td { overflow: hidden; padding:0.3rem 0; color: #4d4c4c; vertical-align: middle; font-size: 1.5rem; white-space:nowrap; text-overflow:ellipsis; }
.resultList li table td:first-child { width:35%; color: #3c3c3c; font-weight: 500; }
.floatingBtn { display:none; gap:0.5rem; z-index:20; position:fixed; bottom:10rem; left: 0; width: 100%; padding:0 2.78%; box-sizing:border-box; transition:bottom 0.3s; }
.floatingBtn.active { display:flex; }
.floatingBtn a,
.floatingBtn button { flex-grow:1; display: block; height: 4.5rem; border-radius:0.7rem; background: #3a3ea3; color: #fff; text-align: center; line-height: 4.5rem; font-weight: 500; font-size: 1.5rem; }

/* 관리자 선택 목록 */
.usrList li { overflow: hidden; position: relative; margin: 1.5rem 0; padding:1.6rem 6rem 1.6rem 2rem; border-radius:0.5rem; border: 1px solid #e8eaec; }
.usrList li .txt { display:inline-block; position: relative; float: left; padding:1px 0; vertical-align: top; letter-spacing: -0.04em; font-weight: 500; }
.usrList li .txt:nth-of-type(3) { clear: both; }
.usrList li .txt:nth-of-type(even)::before { content:'/'; display: inline-block; margin-left:0.6rem; margin-right:0.6rem; color: #c6c6c6; }
.usrList li .check { position: absolute; top:0; right:0; height: 100%; }
.usrList li .check input {  overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
.usrList li .check label { overflow: hidden; display: inline-block; width: 2.4rem; height:100%; padding:0 1.8rem; background-image: url(../images/sub/bg_checkbox.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size:2.4rem auto; text-indent:-999px; cursor:pointer; box-sizing:content-box; }
.usrList li .check input:checked + label { background-image: url(../images/sub/bg_checkbox_on.svg); }
.usrList li .check label::before { content:none; }
.usrList.del li .check label { background-image: url(../images/sub/bg_delete.svg); }
.usrList.del li input:checked + label { background-image: url(../images/sub/bg_delete_on.svg); }
.usrList.plus li .check label { background-image: url(../images/sub/bg_plus.svg); }
.usrList.plus li input:checked + label { background-image: url(../images/sub/bg_plus_on.svg); }
.dialogWrap .searchMangeWrap { margin-top: 0; margin-bottom:2rem; }

/* pageNav */
.pageNav { margin-top:3.2rem; margin-bottom: 4rem; }
.pageNav ul { display:flex; justify-content:center; align-items:center; }
.pageNav ul li { margin:0 2px; color:#737373; }
.pageNav ul li a,
.pageNav ul li strong { display:block; padding:0 0.7rem 2px; }
.pageNav ul li a { position:relative; box-sizing:border-box; color:#737373; font-weight:700; }
.pageNav strong { color:#3a3ea3; font-weight:700; text-decoration:underline; }
.pageNav ul li.pageBtn a { overflow:hidden; width:4.1rem; height:4.1rem; margin:0 2px; padding:0; background-position:center; background-repeat:no-repeat; background-size:auto 1.1rem; border:1px solid #e3e3e3; border-radius:50%; text-indent:-999px; box-sizing:border-box; }
.pageNav ul li.prev { margin-right: 1rem; }
.pageNav ul li.next { margin-left: 1rem; }
.pageNav ul li.prev a,
.pageNav ul li.next a { background-image: url(../images/sub/arrow_page.png); }
.pageNav ul li.first a,
.pageNav ul li.last a { background-image: url(../images/sub/btn_first.png); }
.pageNav ul li.next a,
.pageNav ul li.last a { transform:rotate(180deg); }
.pageNav ul li span::before { content: '...'; display: inline-block; margin-right: .5em; }

/* 시설물 관리 검색 - 점검주제 */
.searchField { margin-bottom: 1rem; }
.searchField .searchItems .defaultBtn .submit { min-width:19.2rem; }
.searchItems { margin-bottom: 2.5rem; }
.searchItems .row { margin:1rem 0; }
.searchItems .row .check { flex-shrink:0; display:flex; align-items:center; margin-left: 0.5rem; }
.searchItems .row .check label { flex-basis:auto; font-size: 1.4rem; }
.searchMangeWrap { margin-top: 3rem; border-radius:0.5rem; border: 1px solid #c1c2e0; }
.searchField .searchMangeWrap { margin-top: 0; margin-bottom: 1.25em; }
.searchMangeWrap .areaBtn { position: relative; }
.searchMangeWrap .areaBtn .label { padding:0 1.8rem 1.4rem; color: #3a3ea3; letter-spacing: -0.03em; font-size: 1.5rem; }
.searchMangeWrap .areaBtn .check { z-index: 2; position: absolute; top:1.2rem; left:1.8rem;  }
.searchMangeWrap .areaBtn .check label { overflow: hidden; text-indent:-999px; }
.searchMangeWrap .areaBtn .check ~ .btnExpandRound { padding-left:4.6rem; }
.searchMangeWrap .btnExpandRound.active ~ .label { display: none; }
.searchMangeWrap .searchMange { display: none; padding:0 1.8rem 1.8rem; text-align: center; }
.searchMangeWrap .searchMange .check { margin-top: 1.5rem; }
.searchMangeWrap .searchMange .check label { font-size: 1.5rem; }

/* 시설물 관리 - 등록 */
.registLayout .areaBtn { position: relative; }
.registLayout .areaBtn .btnDelete { z-index: 2; position: absolute; top:0; left:0; width:60px; height: 100%; background-size:2.4rem auto; }
.registLayout .btnExpandRound { margin-bottom: 5px; padding:2.2rem 20px 2.2rem 60px; background-position:right 20px top 50%; font-weight: 700; font-size: 1.9rem; }
.registLayout .btnExpandRound::after { content:''; display: block; position: absolute; bottom:-5px; left: 0; width: 100%; height: 0.5rem; border-top: 1px solid #e3e3e9; border-bottom: 1px solid #e3e3e9; background: #f2f2f5; box-sizing:border-box; }
.registLayout .btnExpandRound.active { margin-bottom: 0; border-bottom: none; }
.registLayout .btnExpandRound.active::after { display: none; }
.registLayout .defaultBtn { margin-top: 3rem; padding:0 5.56%; }

/* 시설물 관리 일괄 수정*/
#resultList { margin-bottom:2.5rem; }
dialog[id*="detailPop"] { padding-bottom: 1rem; }

/* modal - 상세검색, 관리자검색 */
.dialogWrap { width: 90%; max-width:720px; min-width:320px; border-radius:1rem; box-sizing:border-box; }
.dialogWrap .formStyle { padding: 2.5rem 2rem 2rem; }
.btnDialogClose { overflow: hidden; display: inline-block; z-index: 101; position: absolute; top: 0; right: 0; width: 5.6rem; height: 6.5rem; background:url(../images/sub/icon_pop_close.svg) no-repeat 50% 50%; background-size:1.9rem auto; text-indent:-999px; }
.dialogWrap .popTit { margin-bottom:2rem; padding-right: 3.6rem; font-weight: 600; font-size: 1.9rem; }
.dialogWrap .defaultBtn { margin-top: 1rem; transform: translateZ(0); will-change: transform; isolation: isolate; }
.dialogWrap a,
.dialogWrap button { border-radius:0; }
.dialogWrap.block { width: 100%; min-height:100vh; max-width:720px; border-radius:0; }
.dialogWrap.block .btnDialogClose { height: 6rem; }
.dialogWrap.block .formStyle { padding: 1rem 2rem 3rem;}
.dialogWrap.block .defaultBtn { margin-top: 2rem; }
.dialogWrap.block a,
.dialogWrap.block button { border-radius:0.5rem; }

/* 점검관리 - 점검결과 */
.resultSafety { padding-top: 1rem; border-top:1px solid #c9cae3; }
.resultSafety .pageNav { margin-bottom: 0; }
.resultSafety .btnExpand { margin-bottom: 1rem; }
.layerPopup { max-width:80%; min-width:288px; border-radius:1rem; background: #fff; }
.layerPopup .popWrap { padding:3rem 2.6rem; text-align: center; }
.layerPopup .popTit { padding-top: 6.8rem; background:url(../images/sub/icon_notice.svg) no-repeat 50% 0; background-size:5.2rem auto; color: #3535cf; font-size: 1.8rem; }
.layerPopup .check { padding-top: 8rem; background:url(../images/sub/icon_confirm.svg) no-repeat 50% 0; background-size:5.2rem auto; }
.layerPopup .popWrap p { margin-top: 2.2rem; word-break:keep-all; font-weight: 500; font-size: 1.7rem; }
.layerPopup .popWrap p strong { color: #c73b04; }
.layerPopup .popWrap .link { display: block; margin: 2.5rem 1.8rem 0; padding:1.5rem 1.5rem 1.4rem; border-radius:0.5rem; border: 1px solid #3a3ea3; background: #eff0ff; color: #3a3ea3; font-weight: 500; }
.layerPopup .defaultBtn { gap:0; margin-top: 0; }
.layerPopup .defaultBtn a,
.layerPopup .defaultBtn button { border-radius:0; font-weight: 500; }
/* 후속조치 - 소요예산 내역 리스트 */
#more-budget-list li { padding:0 1.4rem; border-color:#3f3a9b; }
#more-budget-list .titMore { border-bottom: none; }
#more-budget-list .titMore .label { font-weight: 400; font-size: 1.5rem; }
#more-budget-list .titMore .btn-more { padding:1.1rem 1.6rem 1.1rem 0; }
#more-budget-list .titMore .btnDelete { margin-left:3rem; }
/* 소요예산 */
.budgetTable { overflow: hidden; table-layout:auto !important; }
.budgetTable table { margin-left: -1px; }
.budgetTable { margin-bottom:1rem; }
.budgetTable tbody th[scope="rowgroup"] { background: #fff; text-align: left; }
.budgetTable td { padding:0.5rem; }
.budgetTable tbody th[scope*="col"] { padding:1rem 0; word-break:keep-all; }
/* 파일선택 */
.fileModal { width: 200px; min-width:auto; padding:4rem 2.5rem 1.6rem; border-radius:0.6rem; box-sizing:border-box; }
.fileModal button { margin-top: 0 !important; }
.fileModal ul li { border-top: 1px solid #eceeef; font-size: 1.7rem; }
.fileModal ul li:first-child { border-top: none; }
.fileModal ul li label { display: block; width: 100%; background-repeat: no-repeat; background-position:right 0 top 50%; background-size:2.3rem auto; text-align: left; font-weight: 500; box-sizing:border-box; }
.fileModal ul li label  { padding:1rem 3rem 1.1rem 0 !important; }
.fileModal ul li .gall { background-image: url(../images/sub/icon_images.png); }
.fileModal ul li .file { background-image: url(../images/sub/icon_files.png); }
.fileModal .btnDialogClose { width:3.6rem; height:3.6rem; margin-top: 0; background-size:1.6rem auto; }

/* tablestyle */
.tableStyle { table-layout:fixed; width: 100%; margin-top:1.4rem; border-top:1px solid #3a3ea3; }
.tableStyle th { font-weight: 500; }
.tableStyle th,
.tableStyle td { border-bottom: 1px solid #e8eaec; border-left: 1px solid #e8eaec; vertical-align: middle; color: #000; letter-spacing: -0.04em; text-align: center; font-size: 1.5rem; }
.tableStyle thead th,
.tableStyle .th { padding-top:1.1rem; padding-bottom:1rem; background: #f7f9fb; text-align: center; }
.tableStyle thead th:first-child,
.tableStyle tbody td:first-child,
.tableStyle tbody th[scope*="row"] { border-left: none; }
.tableStyle tbody th { padding:1rem; background: #f7f9fb; }
.tableStyle td { padding:1rem; }
.tableStyle.tdLeft td { text-align: left; }
.tableStyle .won { color: #c73b04; }
.tableStyle input.txt { height: 3.1rem; }

/* 더보기 */
.moreLayout { padding-top:0.5rem; }
.moreLayout .divLine { margin:2rem 0; }
.moreLayout .userInfo { margin:0 5.56%; padding:2.1rem 1em 2rem; border-radius:0.5rem; background: #45438e; }
.moreLayout .userInfo p { padding:0.2rem 0 0.3rem 3.5rem; background:url(../images/sub/icon_user_sm.png) no-repeat 0 50%; background-size:2.6rem auto; color: #c9c8ff; font-weight: 600; }
.moreLayout .userInfo .userItem { display:flex; align-items:center; justify-content:space-between; margin-top: 0.9rem; }
.moreLayout .userInfo .userItem h2 { flex-grow:1; color: #fff; text-align: center; font-weight: 600; font-size: 1.9rem; }
.moreLayout .userInfo .userItem .btnArea { flex-shrink:0; display:flex; gap:0.4rem; }
.moreLayout .userInfo .userItem .btnArea a,
.moreLayout .userInfo .userItem .btnArea button { display: inline-block; height: 2.9rem; padding:0 1.5rem; border-radius:2em; background: #d6d5ff; color: #272591; line-height: 2.9rem; font-weight: 400; font-size: 1.4rem; }
.moreLayout .linkItems { margin:0 5.56%; }
.moreLayout .linkItems li { margin-bottom: 0.5rem; }
.moreLayout .linkItems li a { display: block; padding:1.7rem 0 1.7rem 5.5rem;  border: 1px solid #e5e8ea; border-radius:0.5rem; background-repeat: no-repeat; background-position:1.6rem 42%; background-size:2.8rem auto; }
.moreLayout .linkItems li.i1 a { background-image: url(../images/sub/icon_link_chart.png); }
.moreLayout .linkItems li.i2 a { background-image: url(../images/sub/icon_link_notice.png); }
.moreLayout .linkItems li.i3 a { background-image: url(../images/sub/icon_link_contact.png); }
.moreLayout .linkItems li.i4 a { background-image: url(../images/sub/icon_link_manual.png); }
.moreLayout .linkItems li.i5 a { background-image: url(../images/sub/icon_link_faq.png); }
.moreLayout .linkItems li a span { display: block; }
.moreLayout .linkItems li a .tit { font-weight: 600; }
.moreLayout .linkItems li a .txt { margin-top: 0.6rem; color: #757575; font-size: 1.2rem; }
.moreLayout .btmArea { margin: 2rem 5.56% 0; padding:2rem 0; border-top: 1px solid #c9cae3; }
.moreLayout .btmArea .linkItems { display:flex; justify-content:space-between; margin: 0; }
.moreLayout .btmArea .linkItems li { width: 48.8%; }
.moreLayout .btmArea .linkItems li a { padding-top:1.1rem; padding-bottom:0.9rem; }
.moreLayout .btmArea .linkItems li a .tit { font-size: 1.5rem; }
.moreLayout .btmArea .linkItems li a .txt { margin-top: 0; }
.moreLayout .btmArea .tel a { display: block; margin-bottom: 0.6rem; padding-top:1.3rem; padding-bottom:0.8rem; border: 1px solid #e5e8ea; border-radius:0.5rem; text-align: center; font-weight: 600; font-size: 1.5rem; }
.moreLayout .btmArea .tel a span { display: inline-block; padding-left:2.8rem; padding-bottom:0.8rem; background:url(../images/sub/icon_contact_bl.png) no-repeat 0 0; background-size:1.8rem auto; }
.moreLayout .btmArea .tel a i { display: block; padding:0.8rem 1.8rem 0; border-top: 1px solid #f6f7f7; color: #757575; font-style:normal; font-weight: 400; font-size: 1.3rem; }

/* 더보기 > 통계 */
.chartArea { margin-bottom:2.5rem; padding:2rem 2.4rem; border-radius:0.5rem; border:1px solid #cfd4d8; }
.chartBar li { display:flex; margin-top:1rem; }
.chartBar li:first-child { margin-top: 0; }
.chartBar li .txt { flex-basis:6rem; }
.chartBar li .bar { flex-grow:1; position: relative; height: 1.9rem; border-radius:0.3rem; background: #f5f5f7; }
.chartBar li .bar span { display: inline-block; position: absolute; top: 0; left: 0; height: 100%; padding-right: 0.8rem; border-radius:0.3rem; background: linear-gradient(270deg, rgba(84,58,242,1) 0%, rgba(133,122,236,1) 100%); color: #fff; text-align: right; font-weight: 500; font-size: 1.4rem; box-sizing:border-box; }
.chartWrap { overflow-x:auto; border-top: 1px solid #3a3ea3; }
.chartTable { table-layout:fixed; width: 100%; margin-top: -1px; margin-left: -1px; }
.chartTable tr { }
.chartTable th,
.chartTable td { border: 1px solid #8b8dc4; border-right:none; text-align: center; vertical-align: middle; font-size: 1.3rem; }
.chartTable th { padding:1.2rem 0; background: #f5f5f7; color: #000; font-weight: 400; }
.chartTable td { padding-top:0.7rem; padding-bottom: 0.7rem; padding-left: 0.5rem; padding-right: 0.5rem; }
.chartTable .type1 td,
.chartTable .type2 td,
.chartTable .type3 td { padding-top:1.2rem; padding-bottom: 1.2rem; }
.chartTable .type1 td { background: #fceff4; color: #723b50; }
.chartTable .type2 td { background: #eff9fc; color: #275b6a; }
.chartTable .type3 td { background: #fcf5ef; color: #634328; }
.chartWrap details .chartTable { border-top:none; }
.chartWrap details .btnChartToggle::-webkit-details-marker { display:none; }
.chartWrap .btnChartToggle { display: block; text-align: center; }
.chartWrap .btnChartToggle i { display: inline-block; position: relative; padding:0.6rem 2rem 0.6rem 0; font-style:normal; font-size: 1.4rem; }
.chartWrap .btnChartToggle i::after { content:''; position: absolute; top:0.6rem; right: 0; width: 0; height: 0; border-style: solid; border-width: 0px 10px 10px 0px; border-color: transparent #525252 transparent transparent; transform:rotate(135deg); transition:transform 0.3s; }
.chartWrap :open .btnChartToggle i::after { top: 1.4rem; transform:rotate(-45deg); }
.dragTxt { padding:1.2rem 0; border-top: 1px solid #8b8dc4; color: #737373; text-align: center; font-size: 1.4rem; }
.dragTxt span { display: inline-block; padding-left: 4.2rem; background:url(../images/sub/bg_scroll.png) no-repeat 0 50%; background-size:3.4rem auto; }

/* 더보기 > 정보변경, 회원가입 */
.joinTable .formTit { margin-top: 2rem; margin-bottom: 1rem; font-weight: 600; }
.joinTable label .required { margin-top:-1rem; margin-left: 1px; }
.joinTable .emailCheck { display:flex; justify-content:space-between; margin-top: 1rem; }
.joinTable .emailCheck label { font-weight: 500;}
.joinTable .row { display:flex; }
.joinTable .telGroup { display:flex; align-items:center; }
.joinTable .telGroup .txt { flex-grow:1; padding:0 0.8rem; }
.joinTable .telGroup .txt:nth-of-type(1) { flex-grow:0; width:8rem; }
.joinTable .telGroup span { display: inline-block; margin:0 0.25rem; }
.joinTable .row .formBtn { flex-shrink:0; width:auto; margin-left: 0.5rem; padding:0 1.5rem; }
.privacyWrap { padding-left: 2rem; padding-right: 2rem; word-break:keep-all; font-size:1.4rem; }
.privacyWrap p { margin-top: 1.5rem; }
.privacyWrap h3 { margin-top: 1.2em; margin-bottom:0.8rem; font-size: 1.6rem; }
.privacyWrap h4 { margin-top: 1rem; margin-bottom: 0.2rem; font-size: 1.5rem; }
.privacyWrap ul { margin-left:2rem; list-style:disc; }
.privacyWrap ul ::marker { margin-right: 1rem; }
.privacyWrap > ul > li { margin:0.6rem 0; }
.privacyWrap ul ul { list-style:none; margin-left: 0; }
.privacyArea { margin-top: 1rem; margin-bottom:2rem; }
.privacyArea .privacyWrap { overflow-y:auto; height:20rem; margin-bottom: 1.8rem; padding-top:2rem; padding-bottom: 2rem; border: 1px solid #e6e8ea; }
.privacyArea .privacyWrap .tit { text-align: center; color: #3a3ea3; text-align: center; font-size: 1.9rem; }
.privacyArea .check { margin-bottom: 0.5rem; }
.privacyArea .check label { font-weight: 400; }
.privacyArea .check input:checked + label  { font-weight: 600; }

.privacyPop { max-width:90%; border-radius:1rem; background: #fff; }
.privacyPop .privacyWrap { padding-top:3rem; padding-bottom:3rem; }
.privacyPop .privacyWrap .popTit { padding-top: 6.8rem; background:url(../images/sub/icon_notice.svg) no-repeat 50% 0; background-size:5.2rem auto; color: #3535cf; text-align: center; font-size: 1.9rem; }
.privacyPop .defaultBtn { margin-top: 0; }
.privacyPop .defaultBtn button { border-radius:0; }

/* 더보기 > 공지사항 */
.boardWrap { padding:0 5.56%; }
.boardWrap .noData { display:flex; align-items:center; justify-content:center; text-align: center; min-height:20rem; font-size: 1.5rem; }
.boardWrap .date { color: #7a7a7a; font-size: 1.4rem; }
.boardWrap .total { margin-top: 3rem; padding-bottom: 1rem; border-bottom: 1px solid #e5e8ea; color: #5b5d8b; font-size: 1.4rem; }
.boardWrap .boardSearch { position: relative; margin-top: 1.6rem; margin-bottom: 2.2rem; }
.boardWrap .boardSearch .txt { width: 100%; height: 3.7rem; padding-left: 1em; padding-right: 4.5rem; border-radius:0.5rem; border: 1px solid #e5e8ea; line-height: 3.7rem; font-size: 1.5rem; }
.boardWrap .boardSearch .btnSearch { overflow: hidden; display: inline-block; position: absolute; top: 0; right: 0; width: 4.4rem; height: 100%; background:url(../images/sub/icon_board_search.png) no-repeat 50% 50%; background-size:1.8rem auto; text-indent:-999px; }
.boardWrap .boardList li { border-bottom: 1px solid #e5e8ea; } 
.boardWrap .boardList li a { display: block; padding:1.6rem 0; }
.boardWrap .boardList li span { display: block; }
.boardWrap .boardList li .tit { overflow: hidden; text-overflow: ellipsis; word-break:keep-all; font-weight: 500; font-size: 1.6rem;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.boardWrap .boardList li .date { margin-top:0.6rem; }
.boardWrap .boardList li .new { display: inline-block; margin-right: 0.4rem; padding:0.3rem 0.7rem 0; border-radius:2em; background: #FF2C63; color: #fff; vertical-align:baseline; font-style:normal; font-weight: 600; font-size: 1.2rem; }
.boardWrap .viewTit { padding-top: 1.2rem; padding-bottom: 1.8rem; border-bottom: 1px solid #e5e8ea; }
.boardWrap .viewTit h2 { font-weight: 500; font-size: 1.7rem; }
.boardWrap .viewTit .date { margin-top: 1rem; }
.boardWrap .viewContent { margin-top:2.2rem; }
.boardWrap .viewContent .viewContentInner { overflow: hidden; width: 100%; white-space: normal; font-family: inherit; word-wrap: break-word; font-size: 1.5rem; box-sizing: border-box; }
.boardWrap .viewContent .viewContentInner img { text-align: center; }
.boardWrap .boardFile { margin-top:3rem; }
.boardWrap .boardFile a { overflow: hidden; display:block; margin:0.5rem 0; padding-left: 1.5rem; border-radius:0.5rem; border: 1px solid #e5e8ea; background: #f5f5f7; line-height: 1.2; font-size: 1.4rem; }
.boardWrap .boardFile a span { display: flex; align-items:center; position: relative; min-height:4rem; padding:0.6rem 4.2rem 0.6rem 3.2rem; background:url(../images/sub/icon_file.png) no-repeat 0 50%; background-size:2rem auto; box-sizing:border-box; }
.boardWrap .boardFile a span::after { content:''; position: absolute; top: 0; right: 0; width: 4.2rem; height: 100%; background:#696969 url(../images/sub/icon_download.png) no-repeat 50% 50%; background-size:1.7rem auto; }
.boardWrap .answerTit { display:flex; justify-content:space-between; align-items:center; padding-left:2.7rem; background:url(../images/sub/icon_comment.png) no-repeat 0 50%; background-size:2rem auto; }
.boardWrap .answerTit strong { font-weight: 600; font-size: 1.7rem; }
.boardWrap .defaultBtn { margin-top:4rem; }
.boardWrite > div { margin-bottom: 2.2rem; }
.boardWrite label { display: block; margin-bottom: 1rem; color: #3a3ea3; font-weight: 700; font-size: 1.7rem; }
.boardWrite .txt,
.boardWrite textarea { width: 100%; border-radius:0.5rem; border: 1px solid #e6e8ea; font-size: 1.5rem; }
.boardWrite .txt { height: 3.7rem; padding:0 1.2rem; line-height: 3.7rem; }
.boardWrite textarea { height: 17.6rem; resize:none; padding:1.2rem; }
.writeFile .fileTit { display:flex; justify-content:space-between; margin-top: 2.5rem; margin-bottom: 1.2rem; }
.writeFile .fileTit h3 { color: #312c94; font-weight: 500; font-size: 1.7rem; }
.writeFile .fileTit .btnPlus { overflow: hidden; display: inline-block; width: 2.4rem; height: 2.4rem; border-radius:50%; border: 1px solid #989acf; background:url(../images/sub/btn_file_plus.png) no-repeat 50% 50% / contain; text-indent:-999px; box-sizing:border-box; }
.writeFile .fileList .item { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; position: relative; min-height:4.5rem; margin:0.5rem 0; padding-left: 4.8rem; padding-right:1.2rem; border-radius:0.5rem; border: 1px solid #e5e8ea; background: #f5f5f7 url(../images/sub/icon_file.png) no-repeat 1.4rem 1.4rem; background-size:2rem auto; box-sizing:border-box; }
.writeFile .fileList  .item > label { overflow: hidden; display: block; z-index: 2; position: absolute; top: 0; left: 0; width:calc(100% - 11rem); height: 4.3rem; cursor:pointer; text-indent:-999px; }
.writeFile .fileList .item .fileNm { flex-grow:1; display:flex; align-items:center; min-height:4.3rem; padding:1rem 0; word-break:break-all; line-height: 1.1; font-size: 1.4rem; box-sizing:border-box; }
.writeFile .fileList .item input ~ .fileNm { width:calc(100% - 16rem); }
.writeFile .fileList .item .btnFileDel { overflow: hidden; flex-shrink:0; display: inline-block; width: 2.4rem; height: 2.4rem; margin-left: 0.5rem; border-radius:50%; border: 1px solid #989acf; background:url(../images/sub/btn_file_delete.png) no-repeat 50% 50% / contain; text-indent:-999px; }
.writeFile .fileList .item .formStyle { flex-shrink:0; display:flex; align-items:center; justify-content:flex-end; z-index: 3; position: relative; max-width:100%; padding:0.5rem 0; }
.writeFile .fileList .item .btnGroup { flex-shrink:0; display:flex; flex-wrap: wrap; gap:0.3rem; z-index: 2; margin-left: 0.5rem; }
.writeFile .fileList .item .formStyle input.txt { width: 100%; }
.writeFile .fileList .fileModal label { z-index: auto; width: 100%; text-indent:0; }
#contactPop .popWrap p { margin-top: 0; }

/* 로딩창 */
#loadingDialog[open] { display: block; z-index: 900; position:fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.1); text-align: center; }
#loadingDialog { display: none; max-width:none; max-height:none; margin: 0 auto; padding: 0; border: none; font-size: 1rem; }
#loadingDialog .loading { display: inline-block; position: absolute; top: 50%; left: 50%; width:100%; max-width:220px; transform:translate(-50%, -50%); padding:6rem 2rem 2.5rem; border-radius:0.5rem; background: #fff; }
#loadingDialog h3 { margin-top:40px; color: #006fd2; font-weight:700; font-size:1.9rem; }
#loadingDialog p { margin-top:4px; font-size:1.5rem; }
#loadingDialog .loader { display: inline-block; font-size: 10px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; animation: mulShdSpin 1.1s infinite ease; transform: translateZ(0); }
@keyframes mulShdSpin {
  0%,
  100% {
	box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 111, 210, 0.2), 2.5em 0em 0 0em rgba(0, 111, 210, 0.2), 1.75em 1.75em 0 0em rgba(0, 111, 210, 0.2), 0em 2.5em 0 0em rgba(0, 111, 210, 0.2), -1.8em 1.8em 0 0em rgba(0, 111, 210, 0.2), -2.6em 0em 0 0em rgba(0, 111, 210, 0.5), -1.8em -1.8em 0 0em rgba(0, 111, 210, 0.7);
  }
  12.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 111, 210, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 111, 210, 0.2), 1.75em 1.75em 0 0em rgba(0, 111, 210, 0.2), 0em 2.5em 0 0em rgba(0, 111, 210, 0.2), -1.8em 1.8em 0 0em rgba(0, 111, 210, 0.2), -2.6em 0em 0 0em rgba(0, 111, 210, 0.2), -1.8em -1.8em 0 0em rgba(0, 111, 210, 0.5);
  }
  25% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 111, 210, 0.5), 1.8em -1.8em 0 0em rgba(0, 111, 210, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 111, 210, 0.2), 0em 2.5em 0 0em rgba(0, 111, 210, 0.2), -1.8em 1.8em 0 0em rgba(0, 111, 210, 0.2), -2.6em 0em 0 0em rgba(0, 111, 210, 0.2), -1.8em -1.8em 0 0em rgba(0, 111, 210, 0.2);
  }
  37.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 111, 210, 0.2), 1.8em -1.8em 0 0em rgba(0, 111, 210, 0.5), 2.5em 0em 0 0em rgba(0, 111, 210, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 111, 210, 0.2), -1.8em 1.8em 0 0em rgba(0, 111, 210, 0.2), -2.6em 0em 0 0em rgba(0, 111, 210, 0.2), -1.8em -1.8em 0 0em rgba(0, 111, 210, 0.2);
  }
  50% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 111, 210, 0.2), 1.8em -1.8em 0 0em rgba(0, 111, 210, 0.2), 2.5em 0em 0 0em rgba(0, 111, 210, 0.5), 1.75em 1.75em 0 0em rgba(0, 111, 210, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 111, 210, 0.2), -2.6em 0em 0 0em rgba(0, 111, 210, 0.2), -1.8em -1.8em 0 0em rgba(0, 111, 210, 0.2);
  }
  62.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 111, 210, 0.2), 1.8em -1.8em 0 0em rgba(0, 111, 210, 0.2), 2.5em 0em 0 0em rgba(0, 111, 210, 0.2), 1.75em 1.75em 0 0em rgba(0, 111, 210, 0.5), 0em 2.5em 0 0em rgba(0, 111, 210, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 111, 210, 0.2), -1.8em -1.8em 0 0em rgba(0, 111, 210, 0.2);
  }
  75% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 111, 210, 0.2), 1.8em -1.8em 0 0em rgba(0, 111, 210, 0.2), 2.5em 0em 0 0em rgba(0, 111, 210, 0.2), 1.75em 1.75em 0 0em rgba(0, 111, 210, 0.2), 0em 2.5em 0 0em rgba(0, 111, 210, 0.5), -1.8em 1.8em 0 0em rgba(0, 111, 210, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 111, 210, 0.2);
  }
  87.5% {
	box-shadow: 0em -2.6em 0em 0em rgba(0, 111, 210, 0.2), 1.8em -1.8em 0 0em rgba(0, 111, 210, 0.2), 2.5em 0em 0 0em rgba(0, 111, 210, 0.2), 1.75em 1.75em 0 0em rgba(0, 111, 210, 0.2), 0em 2.5em 0 0em rgba(0, 111, 210, 0.2), -1.8em 1.8em 0 0em rgba(0, 111, 210, 0.5), -2.6em 0em 0 0em rgba(0, 111, 210, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@media screen and (max-width: 767px) {
	#loadingDialog .dialogWrap { min-width:280px; }
}