@charset "utf-8";
@import url('/design/common/css/NotoSansKR.css');

*  {margin:0; padding:0; box-sizing:border-box;}
html { font-size:10px; word-break: keep-all; word-wrap:break-word;  -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; overflow-x:hidden !important; }
body { font-family:'notokr-regular', sans-serif; color:#111; line-height:1.7; font-size:1.7rem; letter-spacing:-1px; font-weight:400; }
ul > li {list-style-type:none;}
img, fieldset {border:0; vertical-align: middle;}
img {max-width:100%;}
hr {display:none;}
table {/*border-collapse:separate;*/ border-collapse:collapse; border-spacing:0;}
table caption {position:absolute; top:-99999px; left:-99999px; line-height:0;}
input, select, textarea { font-family:'notokr-regular', sans-serif; font-size:1.7rem; -webkit-border-radius: 0; border:1px solid #aaa; height:4rem; line-height:4rem; padding:0 0.5rem; }
.iframe {overflow:hidden; width:100%; height:100%; margin:0; border:0; background:transparent;}
.hidden {position:absolute; top:-99999px; left:-99999px; line-height:0;}
iframe {width:100%; min-width:100%; border:none; margin:0; overflow:hidden; }
small, address, em {font-size:100%; font-style:normal;}
a {color:#222;}
a, a:hover, a:visited a:active, a:focus { text-decoration:none; }
@media all and (max-width:1023px){
  html {font-size:9px;}
}
@media all and (max-width:768px){
  html {font-size:8px;}
}
.blue {color:#0062d1;}
.wrap { width:900px; max-width:94%; margin:0 auto;}
.caution {position:relative; padding:0 0 0 2rem; font-size:1.6rem; margin:1rem 0; }
.caution::before {content:'※'; position:absolute; left:0; top:0;}
.taC {text-align:center;}
.mar_t10 {margin-top:1rem;}

/*상단*/
.top { background:#f9f9fb; padding:5rem 0; }
.top .title {text-align:center; margin:0 0 3rem; border-bottom:1px solid #ccc; }
h1 { position:relative; display:inline-block; /*padding:0 13rem 3rem 0;*/ padding:0 0 3rem 0; font-size:4.5rem; line-height:1.3; color:#001e50; font-weight:600; letter-spacing:-1.5px; }
h1 strong { color:#0062d1; }
h1 strong.subject { display:block; }
#cscenter { display:block; position:absolute; right:0; top:1rem; width:10rem; height:10rem; text-align:center; border-radius:50%; background:#0062d1; color:#fff; font-size:2.1rem; padding:2.5rem 0 0;  }
#cscenter::before {content:''; position:absolute; left:3.5rem; bottom:2.8rem; width:3rem; height:2px; background:#fff;}
#cscenter::after {content:''; position:absolute; left:5.4rem; bottom:3.3rem; width:1.2rem; height:2px; background:#fff; transform:rotate(45deg); }
.cscenter { position:fixed; left:0; top:-100%; width:100%; height:100%; z-index:20; transition:0.5s; overflow:hidden; }
.cscenter::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.9; z-index:10; }
.cscenter ul { position:absolute; width:900px; max-width:94%; left:50%; top:50%; z-index:20; transform:translate(-50%, -50%); }
.cscenter ul li { float:left; width:33.33%; font-size:2rem; padding:0.3rem; }
.cscenter ul li * { display:block; float:left;}
.cscenter ul li span {font-weight:600; margin:0 1rem 0 0;}
.cscenter ul li a { color:#0062d1; }
.cscenter ul li a:hover {text-decoration: underline;}
.cscenter a.close { display:block; position:absolute; left:50%; bottom:3rem; background:#333; border-radius:50%; width:5rem; height:5rem; transform:translate(-50%, -50%); z-index:20; text-indent:-99999px; }
.cscenter a.close::before,
.cscenter a.close::after {content:''; position:absolute; left:50%; top:50%; width:3px; height:2.3rem; background:#fff; transform:translate(-50%,-50%) rotate(45deg);}
.cscenter a.close::after {transform:translate(-50%,-50%) rotate(-45deg);}
.li_01 li {position:relative; padding:0.3rem 0 0.3rem 12rem;}
.li_01 li::before {content:''; position:absolute; left:0; top:1.4rem; width:0.5rem; height:0.5rem; background:#444; border-radius:50%; }
.li_01 li > strong { position:absolute; left:1.3rem; top:0.3rem; }
@media all and (max-width:768px){
  .cscenter ul li {width:50%;}
  .cscenter a.close {bottom:2rem;}
}
@media all and (max-width:480px){
  h1 { padding:0 0 3rem 0; font-size:3.5rem; }
  #cscenter { position:relative; right:auto; top:auto; width:17rem; border-radius:2rem; height:auto; padding:1.5rem 6rem 1.5rem 1rem; margin:1.5rem auto 0; }
  #cscenter::before { left:auto; right:3rem; bottom:2.5rem; }
  #cscenter::after { left:auto; right:3rem; bottom:3rem; }
}

/*조회*/
.content {padding:5rem 0;}
h2 {font-size:2.2rem; margin:0 0 1rem;}
.table {border-top:1px solid #000;}
.table .row {display:table; width:100%;}
.table .col,
.table .row2 .col:nth-of-type(2n) {display:table-cell; width:80%; padding:1.5rem; border-bottom:1px solid #cacaca; vertical-align:middle; }
.table .row2 .col:nth-of-type(2n) { width:30%;}
.table .col:first-child,
.table .row2 .col:nth-of-type(2n-1) { width:20%; background:#f6f6f6; text-align:center; color:#000;}
.table hr {display:none;}
.table input {width:15rem;}
.table input:nth-of-type(2) {width:8rem;}
.table .txt {text-align:center; padding:3rem; border-bottom:1px solid #cacaca; font-size:1.8rem; }
.btn { text-align:center; margin:5rem 0 0; }
.btn * { display:inline-block; border:0; font-size:1.8rem; padding:0 3rem; line-height:5rem; height:5rem;  background:#0062d1; color:#fff; font-weight:500; cursor:pointer; margin:0 0.2rem; }
.btn *:nth-child(2) {background:#333;}
@media all and (max-width:480px){
  .table input {width:10rem;}
  .table hr { display:table-row;}
  .table .col, .table .row2 .col:nth-of-type(2n) { width:70%; }
  .table .row2 .col:nth-of-type(2n) { width:70%;}
  .table .col:first-child, .table .row2 .col:nth-of-type(2n-1) { width:30%; }
}

/*이의신청*/
.objection .total {margin:0 0 1rem;}
.objection .title { background:#f9f9fb; padding:3rem 0; margin:0 0 3rem; }
.objection .title dt {font-size:2.5rem; font-weight:600; color:#001e50; margin:0 0 0.5rem; }
.objection table { text-align:center; width:100%; }
.objection table th,
.objection table td {padding:1rem; border-bottom:1px solid #cacaca; }
.objection table .title {margin:0; padding:1rem; background:none; text-align:left; }
.objection table .title a { display:inline-block; font-weight:600;}
.objection table .title a:hover {color:#0062d1; text-decoration:underline; }
.objection .write,
.objection .list,
.objection .view { margin:0 auto 3rem; }
.objection .write p.caution {margin:1rem 0 0;}
.objection .view h2 {margin:3rem 0 0;}

#layerMent {position:fixed; width:90%; left:5%; top:50%; transform:translate(0, -50%); font-size:3.5rem; font-weight:600; background:url('./img/mentIcon.png') no-repeat center top/14rem auto; padding:15rem 0 0; text-align:center; }