@charset "utf-8";

.skip {
  /*본문바로가기*/
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  font-size: 15px;
  position: absolute;
  top: -30px;
  left: 0;
  opacity: 0;
  z-index: 9999;
}

a:focus{
  outline:none;
  border-style:dotted;
  border-width:4px 4px 4px 4px;
  border-color:#f00;
}
a:focus:not(:focus-visible){
  outline:none;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color:#fff;
}


.wrap {
  width: 100%;
  height: auto;
  /* overflow: hidden; */
}

.wrap.customPop {
  box-sizing: border-box;
  padding: 30px;
}

.mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 900;
}

.mask.on {
  display: block !important;
}

.topBox {
  width: 100%;
  height: 90px;
  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  z-index: 999;
  transition: all 0.2s ease-in-out;
}
.topBox .topInner {
  width: 1400px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}
.topBox .topInner .mobileTopBtn {
  display: none;
}
.topBox .topInner .leftLogo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.topBox .topInner .leftLogo img {
  margin-left: 5px;
}
.topBox .topInner .leftLogo .sloganImg {
  width: 140px;
  height: 40px;
}
.topBox .topInner .koihaLogo {
  display: inline-block;
  width: 190px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.topBox .topInner .koihaLogo a {
  width: 100%;
  height: 100%;
  text-align: center;
  /* background-image: url('/img/userconsult/koihaLogo.png');
    background-repeat: no-repeat;
    background-size: 190px auto;
    background-position: center center; */
  /* pointer-events: none; */
  /*클릭 막기*/
}

.topBox .topInner .koihaLogo a img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.topBox .topInner .fl_rightBox {
  /*     float: right; */
  /*     width: 250px; */
  /*     height: 90px; */
  /*     padding-top: 40px; */
  /*     line-height: 40px; */
  /*     font-size: 13px; */
  /*     color: #444; */
  /*     box-sizing: border-box; */
  /*     background-image:url('/img/userconsult/koiha_slogan.png'); */
  /*     background-repeat:no-repeat; */
  /*     background-position:right top 10px; */
  /*     background-size:100px auto; */

  position: relative; /*추가*/
  float: right;
  width: 250px; /*수정*/
  height: 90px;
  padding-top: 40px;
  line-height: 40px;
  font-size: 13px;
  color: #444;
  box-sizing: border-box;
  /*  background-image: url("/img/userconsult/koiha_slogan.png"); */
  background-repeat: no-repeat;
  background-position: left top 10px; /*수정*/
  background-size: 100px auto;
}
.topBox .topInner .fl_rightBox .scaleBox,
.topBox .topInner .fl_rightBox .all_eng {
  display: inline-block;
  width: 50%;
  height: auto;
  overflow: hidden;
  float: left;
  text-align: right;
}
.topBox .topInner .fl_rightBox .all_eng a {
  line-height: initial;
  color: #444;
}
.topBox .topInner .fl_rightBox .scaleBox {
  padding-right: 40px;
}
.topBox .topInner .fl_rightBox .scaleBox .zoom {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -ms-background-position: center center;
  -webkit-background-position: center center;
  -moz-background-position: center center;
  -o-background-position: center center;
  position: absolute;
  top: 51px;
  /* transform: translateY(-50%); */
  /*-ms-transform: translateY(-50%);*/
  /* -webkit-transform: translateY(-50%); */
  /*-moz-transform: translateY(-50%);*/
  /*-o-transform: translateY(-50%);*/
  overflow: hidden;
  text-indent: -9999px;
}
.topBox .topInner .fl_rightBox .scaleBox .zIn {
  background-image: url("/img/userconsult/zoomin.png");
  margin-left: 5px;
}
.topBox .topInner .fl_rightBox .scaleBox .zOut {
  background-image: url("/img/userconsult/zoomout.png");
  margin-left: 23px;
}

.topBox .topInner .seesTimerBox {
  width: 120px;
  height: auto;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 10px;
  margin-left: -100px;
}

.topBox .topInner .seesTimerBox h2,
.topBox .topInner .seesTimerBox span,
.topBox .topInner .seesTimerBox a {
  display: inline-block;
  line-height: 20px;
  float: left;
}

.topBox .topInner .seesTimerBox h2 {
  font-size: 14px;
}

.topBox .topInner .seesTimerBox span {
  font-size: 14px;
}

.topBox .topInner .seesTimerBox a {
  font-size: 14px;
}

.scaleInfo {
  width: 200px;
  height: 50px;
  background: rgba(0, 0, 0, 0.8);
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -25px;
  z-index: 1000;

  animation-name: toast;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes toast {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.topBox .topInner .fl_rightBox .all_eng ul li {
  display: inline-block;
}

.subContBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.commGnb.main {
  background-color: #fff;
}
.commGnb.main ul li a {
  color: #222;
}
.commGnb {
  width: 100%;
  height: 80px;
  position: absolute;
  z-index: 999;
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}
.commGnb ul {
  width: 100%;
  height: 500px;
  /* overflow: hidden; */
  text-align: center;
}
.commGnb > ul:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 500px;
  /* background-image: url('/img/userconsult/gnbSlideBg.jpg');
    background-repeat: repeat-y;
    background-position: center center; */
  background-color: #fff;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: -1;
}
.commGnb ul li {
  display: inline-block;
  width: 130px;
  vertical-align: top;
  margin-right: -4px;
}

.wrap.en .mainContBox .commGnb ul li,
.wrap.en .subContBox .commGnb ul li {
  width: 210px;
}

.commGnb ul li a {
  width: 100%;
  height: 100%;
  line-height: 80px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  z-index: inherit;
  position: relative;
}
.commGnb ul li a .arrIcon {
  display: none;
}
.commGnb ul li a .onBlock {
  display: inline-block;
  width: 100%;
  height: 0px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -2;

  animation-name: onBlock;
  animation-duration: 0.2s;
  animation-delay: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes onBlock {
  0% {
    height: 0px;
  }
  100% {
    height: 3px;
  }
}
.commGnb.on {
  height: 540px; /* 입찰공고 메뉴 추가로 인한 수정 */
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}
[class="commGnb on"]:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 80px;
  background-color: #00689f;
  position: absolute;
  top: 0;
  z-index: -1;
}
[class="commGnb main on"]:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 80px;
  background-color: #00689f;
  position: absolute;
  top: 0;
  z-index: -1;
}
.commGnb.main.on > ul > li > a {
  color: #fff;
}
.commGnb.on ul li.customServ a {
  background-color: #09547c;
}

.commGnb ul li .onMenu {
  display: block;
  padding: 20px 0;
  border-left: 1px solid #ddd;
}
.commGnb ul li:nth-child(8) .onMenu {
  border-right: 1px solid #ddd;
}

.commGnb ul li .onMenu li a {
  width: auto;
  color: #222;
  font-size: 14px;
  line-height: 40px;
  position: relative;
}

.wrap.en .subContBox .commGnb ul li .onMenu li a,
.wrap.en .mainContBox .commGnb ul li .onMenu li a {
  line-height: 21px;
  padding: 13px 10px;
}

.commGnb ul li .onMenu li a:hover {
  color: #00689f;
}
.commGnb ul li .onMenu li a:hover:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #00689f;
  position: absolute;
  bottom: 8px;
  left: 0;
}

.commGnb.on ul li.customServ .onMenu li a {
  background: none;
}

.commGnb:after {
  content: "";
  width: 0%;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 79px;
  left: 0px;
  opacity: 0.6;
  animation-name: subTopLine;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.commGnb ul li.infoGnbBox {
  display: none;
}

.commGnb ul li.homeInfo {
  display: none;
}

@keyframes subTopLine {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

/*main*/

.mainSlide {
  width: 100%;
  height: 830px;
  position: relative;
  overflow: hidden;
}

.mainSlideBox {
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: absolute;
  z-index: 99;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transition: all 0.2s ease-in-out;
}

.mainSlideBox ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: inherit;
}

.navQuick {
  width: 30px;
  height: auto;
  overflow: hidden;
  position: fixed;
  top: 420px;
  right: 100px;
  z-index: 200;
  transition: all 0.2s ease-in-out;
}
.navQuick .navQuickInner {
  width: 30px;
  height: auto;
  overflow: hidden;
}
.navQuick .navQuickInner a[class^="btn-"] {
  display: block;
  margin: 10px auto;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid #00689f;
  overflow: hidden;
  text-indent: -9999px;
}
.navQuick .navQuickInner a[class^="btn-"].on {
  background-color: #00689f;
}
.navQuickInner .btnGroup {
  margin-top: 85px;
  height: auto;
  overflow: hidden;
}
.navQuickInner .btnGroup a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: left;
  margin: 1px;
}
.navQuick .navQuickInner a.btnUp,
.navQuick .navQuickInner a.btnDown {
  background-color: #00689f;
  background-image: url("/img/userconsult/cat_arr.png");
  background-repeat: no-repeat;
  background-size: 6px 10px;
  background-position: center center;
  -ms-background-position: center center;
  -webkit-background-position: center center;
  -moz-background-position: center center;
  -o-background-position: center center;
  text-indent: -9999px;
}
.navQuick .navQuickInner a.btnUp {
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.navQuick .navQuickInner a.btnDown {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.navQuick .navQuickInner a.btnTop {
  background-color: #3e3e3e;
  color: #fff;
  font-size: 12px;
  border-bottom: none;
  position: relative;
}

.navQuick .navQuickInner a.btnUp {
  bottom: 62px;
}

.navQuick .navQuickInner a.btnDown {
  bottom: 31px;
}

.navQuick .navQuickInner a.goTop {
  bottom: 0px;
}

.textBoxArea {
  width: 600px;
  height: 300px;
  position: absolute;
  top: 130px;
  left: 50%;
  margin-left: -600px;
  transition: all 0.2s ease-in-out;
}

.textBox {
  width: 575px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  /*   display : none; */
  /* transition: all 0.2s ease-in-out; */
}

.textBox.on {
  z-index: 200;
}

.textLine {
  font-weight: 700;
  font-size: 42px;
  line-height: 59px;
  position: relative;
  /* transition: all 0.2s ease-in-out; */
}

.textLine b {
  font-weight: 800;
}
.tbox1 .textLine b {
  color: #00689f;
}
.tbox2 .textLine b {
  color: #f3c724;
}
.tbox3 .textLine b {
  color: #b65a0b;
}

.textLine .movTxt {
  display: block;
  position: absolute;
  font-size: 42px;
  font-weight: 800;
  /*   transition: all 1s ease; */
  opacity: 0;
  /* transition: all 0.2s ease-in-out; */
}
.textLine .mainsubTxt {
  margin: 0;
  margin-top: 19px;
  line-height: 27px;
  font-size: 20px;
  opacity: 0;
  /* transition: all 0.2s ease-in-out; */
}
.textLine section {
  opacity: 0;
}

.tbox2 .textLine,
.tbox2 .textLine .mainsubTxt,
.tbox2 .textLine .mainsubTxt a {
  color: #fff;
}
.tbox2 .textLine .mainsubTxt a:before {
  background: #fff;
}

.tbox2 .textLine .movTxt {
  top: 59px;
  left: 337px;
  color: #f3c724;
  opacity: 0;
}
.tbox2.on .textLine .movTxt {
  opacity: 1;
  animation-name: movText1;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes movText1 {
  0% {
    left: 337px;
  }
  100% {
    left: 0px;
  }
}

.tbox3 .textLine .movTxt {
  top: 0px;
  left: 87px;
  color: #b65a0b;
  opacity: 0;
}

.tbox3.on .textLine .movTxt {
  opacity: 1;
  animation-name: movText2;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes movText2 {
  0% {
    left: 87px;
  }
  100% {
    left: 212px;
  }
}

.tbox1.on .textLine section {
  animation-name: showSec;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.tbox2.on .textLine section,
.tbox3.on .textLine section {
  animation-name: showSec;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.textBox.on .textLine .mainsubTxt {
  animation-name: showSec;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes showSec {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.bnnQuick {
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: 50px;
  left: 0;
  z-index: 100;
  transition: all 0.2s ease-in-out;
}
.bnnQuick ul {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: block;
  transition: all 0.2s ease-in-out;
}
.bnnQuick ul li {
  width: 16.66%;
  max-width: 200%;
  height: 100%;
  float: left;
  text-align: center;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.wrap.en .mainContBox .mainSlide .bnnQuick ul li {
  width: 25%;
}

.bnnQuick ul li a {
  width: 100%;
  height: 100%;
  line-height: 20px;
  font-size: 17px;
  font-weight: 700;
  background-color: #fff;
  border-right: none;
}
.bnnQuick ul li:last-child a {
  border-right: none;
}
.bnnQuick ul li .box {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.bnnQuick ul li a .imgBox {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  transition: all 0.2s ease-in-out;
  background: #f2f3f7;
  border-radius: 100%;
  margin-bottom: 10px;
}
.bnnQuick ul li a img {
  width: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.mainContInner {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #fff;
}
.mainContInner .mainContArea {
  width: 1200px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 40px 30px;
}
.mainSlideImg {
  position: relative;
  height: 100%;
}

.mainSlideImg .bx-wrapper .bx-pager {
  bottom: auto;
}
.shadowLine {
  width: 100%;
  height: 30px;
  background: url("/img/userconsult/main/shadowLine.png") no-repeat center center;
  position: absolute;
}
.mainCont {
  width: 100%;
  float: left;
}
.mainCont.news {
  width: 70%;
  padding-right: 30px;
}
.mainCont.newsletter {
  width: 30%;
}
.mainCont.certi,
.mainCont.kops {
  width: 50%;
}
.mainCont.certi {
  padding-right: 15px;
}
.mainCont.kops {
  padding-left: 15px;
}
.mainCont.eduConsult {
  padding-top: 40px;
}
.mainCont.eduConsult h1,
.mainCont.eduConsult .mainCmt {
  display: inline-block;
}
.mainCont.eduConsult .mainCmt {
  padding-left: 10px;
}

.mainCont .mainContTitle {
  width: 100%;
  height: auto;
  overflow: hidden;
  line-height: 35px;
  position: relative;
  padding-bottom: 30px;
}
.mainCont .mainContTitle h1 {
  font-weight: 800;
  font-size: 30px;
  color: #222;
}
.mainCont .mainContTitle h1 br {
  display: none;
}
.mainCont .mainContTitle .mainCmt {
  color: #666;
  font-size: 20px;
  line-height: 20px;
}
.mainCont .plusBtn {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #737373;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 800;
  color: #737373;
  opacity: 0.5;
  text-align: center;
}

.mainCont .newsBox {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.mainCont .newsBox .newsTabArea {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.newsBox {
  position: relative;
}
.newsBox .newsTabArea ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.newsBox .newsTabArea ul li a {
  padding: 0 30px;
  height: 100%;
  position: relative;
  font-size: 17px;
  color: #6d6d6d;
}
.newsBox .newsTabArea ul li.on a {
  font-weight: 800;
  color: #622a01;
}
.newsBox .newsTabArea ul li:not(:last-child) a:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 17px;
  background-color: #ccc;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.newsContArea,
.newsContArea .newsCont ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  float: left;
}
.newsCont {
  display: none;
}
.newsCont.on {
  display: block;
}
.newsContArea a.newsContAreaBtn {
  padding: 0 30px;
  height: 30px;
  line-height: 30px;
  position: relative;
  font-size: 17px;
  color: #6d6d6d;
  position: absolute;
  top: 15px;
  left: 0px;
}
.newsContArea a.newsContAreaBtn:focus,
.newsContArea a.newsContAreaBtn.on {
  font-weight: 800;
  background: #622a01;
  color: #fff;
}
.newsContArea a.newsContAreaBtn.bodo {
  left: 121px;
  border-left: 1px solid #ccc;
}
.newsContArea a.newsContAreaBtn.bidd {
  left: 242px;
  border-left: 1px solid #ccc;
}
.newsContArea a.newsContAreaBtn.incr {
  left: 363px;
  border-left: 1px solid #ccc;
}

.newsContArea a.newsContAreaBtn h2 {
  font-size: 17px;
}
.newsContArea .newsCont > ul > li {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.26);
  color: #444;
  font-size: 14px;
  float: left;
  position: relative;
}
.newsContArea .newsCont > ul > li:last-child {
  border-bottom: 1px solid #ccc;
}
.newsContArea .newsCont > ul > li .mainNewLabel {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #ff5400;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.newsContArea .newsCont > ul > li a {
  width: 100%;
  height: 100%;
  padding-left: 70px;
  float: left;
}
.newsContArea .newsCont > ul > li a span {
  display: inline-block;
  width: 70%;
  /* height: 100%; */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  box-sizing: border-box;
}
.newsContArea .newsCont > ul > li a:hover,
.newsContArea .newsCont > ul > li a:focus {
  font-weight: 700;
}
.newsContArea .newsCont ul.writeInfo {
  width: 30%;
  float: right;
  color: #777777;
}
.newsContArea .newsCont ul.writeInfo li {
  width: 50%;
  float: left;
}
.newsletterBox {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.newsletterBox .newsletterImgBox {
  width: 100%;
  height: 360px;
  background-color: #e7e7e7;
  padding: 5px 10px;
  position: relative;
  overflow: hidden;
}
.newsletterBox .newsletterImgBox .newsletterImg {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.newsletterBox .newsletterImgBox .newsletterImg img {
  max-width: 100%;
}
.newsletterBox .newsletterImgBox .newletterPlus {
  width: 100%;
  height: 90px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
  background-image: url("/img/userconsult/main/newsletterPlus.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
.newsletterBox .newsletterImgBox .newletterPlus a {
  padding: 0 15px 0 0;
  font-size: 13px;
  color: #444;
  font-weight: 700;
  background-image: url("/img/userconsult/leftmenu_arr.png");
  background-repeat: no-repeat;
  background-position: right center;
  -ms-background-position: center bottom;
  -webkit-background-position: center bottom;
  -moz-background-position: center bottom;
  -o-background-position: center bottom;
  background-size: 10px 6px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.newsletterBox .newsletterSubmit {
  width: 100%;
  height: 100%;
  border: 1px solid #e6e6e6;
  padding: 20px 30px;
}

.newsletterBox .newsletterSubmit label {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.newsletterBox .newsletterSubmit p {
  font-size: 14px;
  color: #6e6e6e;
  padding-bottom: 15px;
}
.newsletterBox .newsletterSubmit form {
  width: 100%;
}
.newsletterBox .newsletterSubmit form fieldset {
  width: 80% !important;
  padding-right: 5px;
  float: left;
}
.newsletterBox .newsletterSubmit form fieldset:nth-child(2) {
  margin-top: 5px;
}
.newsletterBox .newsletterSubmit form input {
  width: 50%;
  float: left;
}
.newsletterBox .newsletterSubmit form input::placeholder {
  font-size: 14px;
}
.newsletterBox .newsletterSubmit form input.userId {
  padding-right: 50px;
  background-image: url(/img/userconsult/info/emailInput.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.newsletterBox .newsletterSubmit form input#emailTxtBox:disabled {
  background-color: #f8f8f8;
}
.newsletterBox .newsletterSubmit form select {
  width: 49%;
  float: right;
  background-position: 90% 50%;
  padding: 0 25px 0 10px;
}
.newsletterBox .newsletterSubmit form input,
.newsletterBox .newsletterSubmit form select {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding: 0 10px;
}
.newsletterSubmit .submitBtn {
  width: 20%;
  height: 85px;
  line-height: 85px;
  background-color: #3e3e3e;
  color: #fff;
  text-align: center;
  vertical-align: top;
}
.bnnerArea {
  padding-top: 30px;
}
.bnnerArea,
.bnnerArea ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.bnnerArea ul li {
  width: 50%;
  height: 130px;
  float: left;
  position: relative;
}
.bnnerArea ul li.recruit {
  background-image: url("/img/userconsult/main/bnnImg01.png");
  background-repeat: no-repeat;
  /* background-position: left 15px bottom -20px; */
  background-position: 10px 20px;
  background-color: #00406d;
  background-size: 100px auto;
}
.bnnerArea ul li.koihaPr {
  background-image: url("/img/userconsult/main/bnnImg02.png");
  background-repeat: no-repeat;
  /* background-position: left 15px center; */
  background-position: 15px 50%;
  background-color: #eddbbe;
  background-size: 100px auto;
}
.bnnerArea ul li .box {
  width: 100%;
  padding-left: 160px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.bnnerArea ul li .box .plusBtn {
  right: 20px;
}
.bnnerArea ul li.recruit .box .bnnTitle {
  color: #fff;
  font-size: 25px;
  font-weight: 800;
}
.bnnerArea ul li.recruit .box .bnnCmt {
  font-size: 15px;
  color: #c0c0c0;
  padding-top: 15px;
  padding-right: 20px;
}
.bnnerArea ul li.recruit .box .plusBtn {
  color: #fff;
  border-color: #fff;
}
.bnnerArea ul li.koihaPr .box .bnnTitle {
  color: #723601;
  font-size: 25px;
  font-weight: 800;
}
.bnnerArea ul li.koihaPr .box .bnnCmt {
  font-size: 15px;
  color: #7f634a;
  padding-top: 15px;
  padding-right: 20px;
}
.bnnerArea ul li.koihaPr .box .plusBtn {
  color: #723601;
  border-color: #723601;
}
.certiBox,
.certiList {
  width: 100%;
  height: auto;
  /* overflow: hidden; */
}
.certiList li {
  width: 100%;
  height: 150px;
  position: relative;
  margin-bottom: 30px;
  float: left;
}
.certiList li:last-child {
  margin-bottom: 0;
}
.certiList li .certiImgBox {
  width: 150px;
  height: 100%;
  float: left;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.certiContBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-left: 180px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.certiContBox .certiCont {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
}
.certiContBox .certiCont span {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #666;
  padding-top: 10px;
  line-height: 20px;
}
.kopsBox,
.kopsBox .kopsList {
  width: 100%;
  height: auto;
  position: relative;
  /* overflow: hidden; */
}
.kopsBox ul li {
  padding: 30px;
  width: 265px;
  height: 240px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 100% auto;
}
.kopsBox ul li.kops01 {
  background-image: url("/img/userconsult/main/kopsBg01.jpg");
}
.kopsBox ul li.kops02 {
  background-image: url("/img/userconsult/main/kopsBg02.jpg");
}
.kopsBox ul li.kops03 {
  background-image: url("/img/userconsult/main/kopsBg03.jpg");
}
.kopsBox ul li.kops04 {
  background-image: url("/img/userconsult/main/kopsBg04.jpg");
}

.kopsBox ul li:nth-child(2n-1) {
  float: left;
}
.kopsBox ul li:nth-child(2n) {
  float: right;
}
.kopsBox ul li:nth-child(3),
.kopsBox ul li:nth-child(4) {
  margin-bottom: 0;
}
.kopsContBox .kopsCont,
.eduConsultContBox .eduConsultCont {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
}
.kopsContBox .kopsCont img {
  max-width: 100%;
}
.kopsContBox .kopsCont span,
.eduConsultContBox .eduConsultCont span {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: #666;
  padding-top: 15px;
  line-height: 20px;
}
.eduConsultBox,
.eduConsultBox ul {
  width: 100%;
  height: auto;
}
.eduConsultBox ul li {
  float: left;
  width: 33.3%;
  position: relative;
}
.eduConsultBox ul li .eduConsultImgBox {
  width: 150px;
  height: 150px;
  float: left;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.eduConsultContBox {
  width: 100%;
  padding: 0 30px 0 180px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.customerBnn {
  width: 80%;
  height: 130px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
  position: relative;
}
.customerBnn a[class^="arrow_"] {
  width: 40px;
  height: 40px;
  border: 1px solid #737373;
  background-image: url("/img/userconsult/main/cus_arrow.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 5;
  overflow: hidden;
  text-indent: -9999px;
}
.customerBnn a.arrow_left {
  /* left: calc(20% - 20px); */
  /* left: -webkit-calc(20% - 40px); */
  left: 0;
}
.customerBnn a.arrow_right {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  /* right: calc(20% - 20px); */
  right: 0;
}
.customerBnn .customerList {
  width: 100% !important;
  height: 130px;
  position: relative;
}
.customerBnn .customerList:before {
  content: "";
  display: inline-block;
  width: 20%;
  height: 100%;
  background-color: #fff;
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: 0;
}
.customerBnn .customerList li {
  width: 10% !important;
  height: 100%;
  float: left;
  position: relative;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}
.customerBnn .customerList li a {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.customerBnn .customerList li a img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  max-width: 80%;
  /*     max-height: 100%; */
}

/*main end*/

.subContBox .subTop {
  width: 100%;
  height: 355px;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.subContBox .subTop:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;

  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  animation-name: subTop;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.subContBox .subTop.small:before {
  background-size: 100% auto;
}

@keyframes subTop {
  0% {
    transform: perspective(500px) scale(1.2) rotate(0.001deg);
  }
  100% {
    transform: perspective(500px) scale(1) rotate(0.001deg);
  }
}

/*subTop bg*/
.subContBox .subTop.acc_ass:before {
  background-image: url("/img/userconsult/subtopImg/acc_ass.jpg");
}
.subContBox .subTop.kops:before {
  background-image: url("/img/userconsult/subtopImg/kops.jpg");
}
.subContBox .subTop.consult:before {
  background-image: url("/img/userconsult/subtopImg/consult.jpg");
}
.subContBox .subTop.lib:before {
  background-image: url("/img/userconsult/subtopImg/lib.jpg");
}
.subContBox .subTop.commu:before {
  background-image: url("/img/userconsult/subtopImg/commu.jpg");
}
.subContBox .subTop.about:before {
  background-image: url("/img/userconsult/subtopImg/about.jpg");
}
.subContBox .subTop.pr:before {
  background-image: url("/img/userconsult/subtopImg/pr.jpg");
}
.subContBox .subTop.serv:before {
  /*고객상담실*/
  background-image: url("/img/userconsult/subtopImg/serv.jpg");
}
.subContBox .subTop.info:before {
  /*이용안내*/
  background-image: url("/img/userconsult/subtopImg/info.jpg");
}

.subContBox .subTop .subTopCont {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transition: all 0.5s ease-in-out;
}

.subContBox .subTop .subTopCont h1 {
  font-size: 35px;
  font-weight: 800;
  color: #fff;
  position: absolute;
  top: 120px;
  transition: all 0.5s ease-in-out;

  margin-top: 20px;
  opacity: 0;

  animation-name: onMovTop;
  animation-duration: 0.5s;
  animation-delay: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.subContBox .subTop .subTopCont .subTitleEn {
  font-size: 17px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  top: 200px;
  padding-top: 20px;
  transition: all 0.5s ease-in-out;

  margin-top: 20px;
  opacity: 0;

  animation-name: onMovTop;
  animation-duration: 0.5s;
  animation-delay: 2.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.subContBox .subTop .subTopCont .subTitleEn:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 5px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes onMovTop {
  0% {
    margin-top: 20px;
    opacity: 0;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}

.subContBox .subTop .subCategoryArea {
  width: 100%;
  height: 60px;
  background-color: rgba(19, 57, 99, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
}
.subContBox .subTop .subCategoryArea .subCategory {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.subCategory .catLogoArea {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url("/img/userconsult/koihaLogoWhite.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px auto;
  background-color: rgba(59, 59, 59, 0.8);
  transition: all 0.2s ease-in-out;
}
.subCategory ul {
  height: auto;
  overflow: hidden;
}
.subCategory ul li {
  height: 60px;
  padding: 0 20px 0 15px;
  position: relative;
  float: left;
  transition: all 0.2s ease-in-out;
}
.subCategory ul li:last-child {
  padding-right: 0;
}
.subCategory ul li:not(:last-child):before {
  content: "";
  display: inline-block;
  width: 10px;
  height: inherit;
  background-image: url("/img/userconsult/cat_arr.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 5px auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 0;
}
.subCategory ul li a {
  width: 100%;
  height: 100%;
  line-height: 60px;
  color: #fff;
  font-size: 17px;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.subCategory ul li a br {
  display: none;
}

.subCategory ul li a:hover:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 20px;
}

.subCategory .catBtnArea {
  width: 120px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s ease-in-out;
}

.subCategory .catBtnArea a {
  width: 33.3333%;
  height: 100%;
  float: left;
  background-repeat: no-repeat;
  background-position: right center;
  overflow: hidden;
  text-indent: -9999px;
}
.subCategory .catBtnArea .shareBtn {
  background-image: url("/img/userconsult/shareBtn.png");
}

.subCategory .catBtnArea .shareBtn.fb {
  background-image: url("/img/userconsult/shareBtn_fb.png");
}

.subCategory .catBtnArea .shareBtn.tw {
  background-image: url("/img/userconsult/shareBtn_tw.png");
}

.subCategory .catBtnArea .printBtn {
  background-image: url("/img/userconsult/printBtn.png");
}

.subContBox .subContInner {
  width: 1200px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 40px 0;
  transition: all 0.2s ease-in-out;
}

/*left menu*/

.subContBox .leftMenu {
  display: inline-block;
  width: 250px;
  height: auto;
  overflow: hidden;
  padding-top: 45px;
  margin-right: 30px;
  background: url("/img/userconsult/leftmenu_top_img.png");
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
  transition: all 0.2s ease-in-out;
}
.subContBox .leftMenu ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.subContBox .leftMenu ul li {
  display: block;
  width: 100%;
  /* height: 100%; */
  border-bottom: 1px solid #dddddd;
}

.subContBox .leftMenu ul li a {
  width: 100%;
  line-height: 60px;
  font-size: 17px;
  color: #666;
  text-decoration: none;
  box-sizing: border-box;
  padding: 0 10px;
  position: relative;
}

.subContBox .leftMenu.en ul li a {
  line-height: 22px;
  padding: 15px 10px;
}

.subContBox .leftMenu ul li a .arrIcon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/img/userconsult/leftmenu_arr.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 7px;
  position: absolute;
  right: 10px;
  top: 18px;
  text-indent: -100000px;
}

.subContBox .leftMenu ul li.on a span {
  transform: rotate(180deg);
}

.subContBox .leftMenu ul li a:hover,
.subContBox .leftMenu ul li a:focus,
.subContBox .leftMenu ul li.on a {
  color: #00689f;
  font-weight: 700;
}

.subContBox .leftMenu ul li ul.subMenu {
  border-top: 1px solid #00689f;
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 10px 0;
  display: none;
  float: left;
}

.subContBox .leftMenu ul li ul.subMenu.on {
  display: block;
}

.subContBox .leftMenu ul li ul.subMenu li {
  border-bottom: none;
}

.subContBox .leftMenu ul li ul.subMenu li a {
  font-size: 14px;
  padding: 0 30px;
  color: #666;
  font-weight: 700;
  line-height: 35px;
}

.subContBox .leftMenu.en ul li ul.subMenu li a {
  line-height: 17px;
  padding: 9px 30px;
  position: relative;
}

.subContBox .leftMenu ul li ul.subMenu li a:before {
  content: "· ";
}

.subContBox .leftMenu.en ul li ul.subMenu li a:before {
  position: absolute;
  left: 16px;
  top: 8px;
}

.subContBox .leftMenu ul li ul.subMenu li a:hover,
.subContBox .leftMenu ul li ul.subMenu li.on a {
  color: #00689f;
}

/*content*/

.content {
  display: inline-block;
  /* width: 920px; */
  width: calc(100% - 280px);
  height: auto;
  overflow: hidden;
  float: left;
  vertical-align: top;
  transition: all 0.2s ease-in-out;
}

.content .contTitle {
  width: 100%;
  height: 45px;
  font-size: 25px;
  font-weight: 700;
  color: #222;
  border-bottom: 1px solid #777;
  transition: all 0.2s ease-in-out;
}

.content .contTitle h2 {
  font-size: 25px;
  font-weight: 700;
  color: #222;
}

.content .contBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 17px;
  color: #444;
  padding: 30px 0 50px 0;
}

.content .contBox > p.info-text {
  margin-bottom: 10px;
  font-size: 16px;
}
.content .contBox .contAreaBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  line-height: 25px;
  padding: 0 25px 50px 7px;
}
.content .contBox .contAreaBox:last-child {
  padding-bottom: 0px;
}
.content .contBox .contAreaBox.wide:last-child {
  padding-bottom: 0px !important;
}
.content .contBox .contAreaBox .contAreaTitle {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  position: relative;
  padding-left: 25px;
  line-height: 25px;
  transition: all 0.2s ease-in-out;
}
.content .contBox .contAreaBox .contAreaTitle:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 3px solid #00689f;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 4px;
}
.content .contBox .contAreaBox .contAreaSubTitle {
  font-weight: 700;
  color: #222;
  position: relative;
  padding: 20px 0 0 25px;
}
.content .contBox .contAreaBox .contAreaSubTitle:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #00689f;
  position: absolute;
  left: 10px;
  top: 29px;
}

.contAreaBox .contArea.decoBox {
  padding: 40px;
  background-color: #f4f5f7;
  font-size: 20px;
  line-height: 30px;
  transition: all 0.2s ease-in-out;
}

.contAreaBox .decoBox.acclogo {
  background-image: url("/img/userconsult/acc_ass/acc_logo.png");
  background-repeat: no-repeat;
  /* background-position: right 30px top 18px; */
  background-position: 95% 50%;
  background-size: 250px auto;
}
.contAreaBox .decoBox.research {
  background-image: url("/img/userconsult/acc_ass/decoBoxImg.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 350px auto;
}
.contAreaBox .decoBox.investi {
  background-image: url("/img/userconsult/acc_ass/decoBoxImg02.png");
  background-repeat: no-repeat;
  /* background-position: right 20px bottom; */
  background-position: 98% 100%;
  background-size: 300px 213px;
  height: 290px;
}

.contAreaBox .decoBox.investi.en {
  min-height: 450px;
}

.contAreaBox .decoBox.assinvesti {
  background-image: url("/img/userconsult/acc_ass/decoBoxImg03.png");
  background-repeat: no-repeat;
  /* background-position: right 20px bottom; */
  background-position: 98% 100%;
  background-size: 250px 213px;
}
.contAreaBox .decoBox.kopsRow {
  background-image: url("/img/userconsult/kops/kopsRowBg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  font-size: 17px;
  line-height: 20px;
}

.contAreaBox .decoBox.reportCorruption {
  background-color: #d6e7f1;
  background-image: url("/img/userconsult/subContImg/reportCorruption.jpg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  font-size: 17px;
  line-height: 20px;
}

/* .contAreaBox .decoBox.reportCorruption p, */
/* .contAreaBox .decoBox.reportCorruption { */
/* 	color:#fff !important; */
/* } */

.contAreaBox .decoBox.consult {
  background-image: url("/img/userconsult/consult/consult.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  font-size: 17px;
  line-height: 25px;
}
.contAreaBox .decoBox.alio {
  /* background-image: url('/img/userconsult/alioLogo.png');
    background-repeat: no-repeat;
    background-position: 98% 90%;
    background-size: 224px auto; */
  font-size: 20px;
  line-height: 30px;
}
.contAreaBox .decoBox.prChar {
  background-image: url("/img/userconsult/pr/charBg.png");
  background-repeat: no-repeat;
  /* background-position: right 40px center; */
  background-position: 95% 50%;
  font-size: 17px;
  line-height: 25px;
}

.contAreaBox .decoBox.prChar.charBg2 {
  background-image: url("/img/userconsult/pr/charBg03.png");
  background-repeat: no-repeat;
  /* background-position: right 40px center; */
  background-position: 10% 50%;
  font-size: 17px;
  line-height: 25px;
  padding-left: 30%;
}

.contAreaBox .decoBox.email {
  background-color: #fff;
  background-image: url("/img/userconsult/info/emailX.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  text-align: center;
  min-height: 200px;
  line-height: 70px;
}
.prChar .sub {
  display: inline-block;
  padding-left: 30px !important;
  vertical-align: super;
  width: 300px;
}
.contArea .accApplyDesc {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 40px;
}
.contArea .accApplyDesc li {
  width: 50%;
  float: left;
  font-size: 16px;
  min-height: 60px;
  line-height: 20px;
  padding-left: 75px;
  padding-right: 15px;
  background-repeat: no-repeat;
  background-position: left center;
}

.contArea .accApplyDesc.en li {
  background-position: left top;
}

.contArea .accApplyDesc li:nth-child(1) {
  background-image: url("/img/userconsult/acc_ass/apply_icon01.png");
  background-size: 50px auto;
}
.contArea .accApplyDesc li:nth-child(2) {
  background-image: url("/img/userconsult/acc_ass/apply_icon02.png");
  background-size: 60px auto;
}
.contAreaBox .contArea {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 15px 25px;
  position: relative;
}
.contAreaBox .contArea.wide {
  padding: 0;
}
.contAreaBox .contArea .vidBox {
  width: 100%;
  height: 259px;
  margin-bottom: 50px;
  position: relative;
}
.contAreaBox .contArea .vidBox:last-child {
  margin-bottom: 0;
}
.contAreaBox .contArea .vidBox iframe,
.contAreaBox .contArea .vidBox .vidCont {
  width: 50%;
  height: 100%;
  float: left;
}
.contAreaBox .contArea .vidBox .vidCont {
  padding: 0 40px;
}
.contArea .vidCont .listContTitle {
  font-weight: 700;
}
.contArea .vidCont .listContInfo li {
  display: block;
}
.contAreaBox .contArea .tblBox {
  width: 100%;
  padding-top: 15px;
}
.tblBox .tblCmt {
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: right;
  font-size: 14px;
  color: #666;
}
.contAreaBox .contArea .contList {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.contAreaBox .contArea p {
  /* padding-bottom: 15px; */
  padding: 5px 0;
  position: relative;
  /*     text-align: justify; */
}
.contAreaBox .contArea .contList li p {
  padding-bottom: 0;
  display: inline-block;
  padding-left: 0.7em;
}
.contAreaBox .contArea .contList li {
  display: block;
  line-height: 30px;
  padding-left: 0.7em;
  text-indent: -0.7em;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: all 0.2s ease-in-out;
}

.contAreaBox .contArea .contList li:last-child {
  padding-bottom: 0;
}
.contAreaBox:not(.law) .contArea .contList:not(.num) li:before {
  content: "· ";
}
.contAreaBox .contArea .contList li ul.subContList {
  display: block;
}
.contAreaBox .contArea .contList li ul.subContList li {
  font-size: 15px;
  color: #666;
  line-height: 20px;
}
.contAreaBox .contArea .contList li ul.subContList li:before {
  content: "- ";
}
.contAreaBox .contArea .contList li a,
.cListCont li a {
  padding-left: 0.7em;
}
.content .contBox .contAreaBox .subCmt {
  color: #666;
  font-size: 14px;
  padding: 15px 0 0 0;
  line-height: 20px;
}
.subCmt .info {
  font-weight: 700;
  display: inline-block;
  width: 50px;
}
.content .contBox .contAreaBox .contImgBox {
  text-align: center;
  position: relative;
  /*     padding: 20px; */
}

.content .contBox .contAreaBox .contImgBox video {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.content .contBox .contAreaBox .contImgBox img {
  max-width: 100%;
  /* image-rendering: auto; */
}
.content .contBox .contAreaBox .contImgBox .imgfigCaption {
  position: absolute;
  text-indent: -10000px;
}
.contArea .boxList {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.contArea .boxList li {
  width: 32%;
  vertical-align: top;
}

.contArea.en .boxList li {
  width: 100%;
  padding-bottom: 20px;
}

.contArea.en .boxList li .BoxLiCont {
  min-height: initial;
}

.contArea .boxList li .BoxLiTitle {
  text-align: center;
  padding: 10px 20px;
  background-color: #00689f;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  margin-left: 10px;
  font-weight: 700;
  z-index: 1;
}
.contArea .boxList li .BoxLiCont {
  width: 100%;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  padding: 30px 15px 20px 15px;
  min-height: 180px;
  margin-top: -22px;
  font-size: 15px;
}
ul.boxList.circle li {
  text-align: center;
  float: left;
  width: 33.3%;
}
ul.boxList.circle li .BoxLiTitle {
  width: 100px;
  height: 100px;
  line-height: 100px;
  padding: 0;
  margin: 0;
  transition: all 0.2s ease-in-out;
}
ul.boxList.circle {
  padding-top: 30px;
}
ul.boxList.circle li:nth-child(2) {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
ul.boxList.circle li:nth-child(2) .BoxLiTitle {
  background-color: #4c95bc;
}
ul.boxList.circle li:nth-child(3) .BoxLiTitle {
  background-color: #444;
}
ul.boxList.circle li .BoxLiCont {
  height: 125px;
  margin-top: 0;
  padding: 20px 15px 0 15px;
  border: none;
  background-color: #fff;
  text-align: left;
}
.contArea .boxList.type2 > li {
  width: 100%;
}
.contArea .boxList.type2 > li:last-child {
  padding-top: 20px;
}
.contArea .boxList.type2 li .BoxLiCont {
  min-height: inherit;
}
.contArea .boxList.type2 li ul.BoxLiCont li {
  display: block;
  width: 100%;
  padding-left: 1em;
  text-indent: -1em;
}

.contArea .layerBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.contArea ul.numList {
  width: 100%;
  margin-top: 10px;
}
.contArea ul.numList li {
  display: block;
  font-size: 15px;
}

.circleList ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.circleList ul li {
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.circleList ul li:last-child {
  border-bottom: 0;
}
.circleList ul li p {
  float: left;
  padding: 0 !important;
}
.circleList ul li .cListTitle {
  width: 20%;
  min-height: 45px;
  height: auto;
  line-height: 20px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.circleList ul li .cListTitle span {
  color: #fff;
  border-radius: 50px;
  display: inline-block;
  width: calc(100% - 30px);
  min-width: 100px;
  padding: 10px;
  height: 100%;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
}

.wrap.en
.subContBox
.subContInner
.content
.contBox
.contAreaBox
.contArea
.circleList
ul
li
.cListTitle
span {
  border-radius: 10px;
}

.circleList ul li .cListTitle span:before {
  content: "";
  display: inline-block;
  width: calc(100% - 10px);
  height: 1px;
  background-color: inherit;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: -1;
}
.circleList ul li .cListTitle span:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: inherit;
  position: absolute;
  left: calc(100% - 15px);
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.circleList ul li .cListTitle .bg-blue {
  background-color: #00689f;
}
.circleList ul li .cListTitle .bg-lightblue {
  background-color: #4c95bc;
}
.circleList ul li .cListTitle .bg-gray {
  background-color: #444;
}
.circleList ul li .cListCont {
  width: 80%;
  padding-top: 12px !important;
}
.circleList ul li ul.cListCont {
  padding: 0 !important;
}
.circleList ul li ul.cListCont li {
  padding: 10px 0;
  border-bottom: none;
}
.circleList ul li ul.cListCont li p {
  width: 100%;
}
.circleList ul li ul.listType,
.circleList ul li ul.numType li {
  padding-top: 10px !important;
}
.circleList ul li ul.listType li,
.circleList ul li ul.numType li {
  padding: 0 0 5px 0.7em;
  text-indent: -0.7em;
  line-height: 20px;
}
.circleList ul li ul.listType li.beforeNone {
  text-indent: 0;
  padding: 0 0 5px 0;
}
.circleList ul li ul.listType li:not(.beforeNone):before {
  content: "· ";
}

.contArea .contTopBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  border: 1px solid #ddd;
  position: relative;
}
.contArea .leftBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 10px;
}
.contArea .rightBox {
  width: 100%;
  padding: 10px;
  margin-top: 100px;
  clear: both;
  height: auto;
  overflow: hidden;
  position: relative;
}

.contArea .rightBox.rowAddBox {
  margin-top: 0;
  margin-bottom: 100px;
}

.content .contBox .contAreaBox .contImgBox.rowAddImg {
  margin-top: -130px;
  padding-bottom: 90px;
}

.contArea .bottomBox {
  width: 100%;
  padding: 10px;
  margin-top: 100px;
  border: 1px solid #ddd;
  clear: both;
  height: auto;
  overflow: hidden;
}
.contArea .leftBox .boxCont {
  width: 25%;
  float: left;
  transition: all 0.2s ease-in-out;
}
.contArea .rightBox .boxCont,
.contArea .bottomBox .boxCont {
  width: 50%;
  float: left;
}
.contArea .boxCont .boxTitle {
  width: 100%;
  padding: 15px 10px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border-radius: 50px;
  line-height: 20px;
  position: relative;
}
.contArea .boxCont .boxTitle.addTitleBox {
  border-radius: 20px;
}
.contArea .boxCont .boxTitle:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: inherit;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  bottom: -15px;
}
.contArea .boxCont .boxTitle:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: inherit;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  bottom: -18px;
}
.contArea .leftBox .boxCont .boxTitle {
  background-color: #00689f;
}
.contArea .rightBox .boxCont .boxTitle {
  background-color: #4c95bc;
}
.contArea .bottomBox .boxCont .boxTitle {
  background-color: #444;
}
.contArea .boxCont {
  padding: 0 5px;
}
.contArea .boxCont ul {
  width: 100%;
  padding: 10px;
  font-size: 15px;
  border: 1px solid #ddd;
  margin-top: 15px;
}
.contArea .boxCont ul li {
  display: block;
  padding-left: 0.5em;
  text-indent: -0.6em;
}
.contArea .boxCont ul li:before {
  content: "· ";
}

.leftBox .boxCont ul {
  min-height: 205px;
}
.rightBox .boxCont ul {
  min-height: 72px;
}

.rightBox .boxCont ul.addMinH {
  min-height: 124px;
}

.contArea .bgImg {
  position: absolute;
  padding-top: 30px;
  left: 0;
}

/*board*/
.contAreaBox .srchBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 25px 20px 25px 0;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  position: relative;
}
.contAreaBox .srchBox div {
  position: relative;
  display: inline-block;
  vertical-align: top;
  float: left;
  /* width: 100%; */
}
.srchBox .srchTitle {
  display: inline-block;
  font-weight: 700;
  color: #222;
  width: 105px;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  transition: all 0.2s ease-in-out;
}

.srchBox.type02 fieldset {
  float: left;
}
fieldset:nth-child(2),
fieldset:nth-child(3) {
  margin-top: 20px;
}

.contAreaBox .srchBox fieldset.customBox {
  width: 50%;
  float: left;
}

.srchBox.type02 .field01 {
  width: 265px;
}
.srchBox.type02 .field02 {
  width: calc(100% - 265px - 90px);
  margin: 0;
}
.srchBox.serv fieldset {
  margin: 0;
}
.srchBox.type02 .srchCont,
.srchBox.type03 .srchCont {
  width: calc(100% - 105px);
}
.srchBox .srchCont.type02 {
  width: calc(100% - 105px - 90px);
  padding-right: 10px;
}
.srchBox .srchCont.type02 input[type="text"] {
  width: 100%;
}
.srchBox.type02 form,
.srchBox.type03 form {
  position: relative;
}

.srchBox.type02 .srchBtn,
.srchBox.type03 .srchBtn {
  position: absolute;
  bottom: 0;
  right: 0;
}

.srchBox.type03 .srchBtn.status {
  bottom: 25px;
  right: 30px;
}

.srchBox.type03 .field03 {
  float: left;
  width: calc(100% - 90px);
  margin-top: 10px;
}

.srchBox.en .srchTitle {
  width: 205px;
}

.srchBox.en .srchCont {
  width: calc(100% - 205px);
}

.srchBox.en .srchBtn {
  width: 130px;
  position: relative;
  bottom: initial;
  right: initial;
  margin-top: 10px;
  margin-right: 10px;
}

.srchBox form {
  float: right;
  vertical-align: top;
  width: 100%;
}
.srchCont {
  width: calc(100% - 105px - 90px);
  padding-right: 10px;
  transition: all 0.2s ease-in-out;
}

.srchCont label,
label.formInputLabel {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.srchCont input[type="text"] {
  width: calc(100% - 165px);
  float: right;
}
.formBox .srchCont {
  width: calc(100% - 105px);
  padding: 0;
}
.formBox.select02 .srchCont select {
  width: 49%;
  float: left;
}
.formBox.select02 .srchCont select:nth-child(2) {
  float: right;
}

.boardBox,
.boardBox .boardBoxTop,
.boardBox .boardBoxCont,
.boardBox .boardBoxCont > ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.boardBox.addBeforeList {
  display: none;
  max-height: 501px;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.boardBox .boardBoxTop {
  padding-bottom: 10px;
}
.boardBox .boardBoxTop .listCnt {
  float: left;
  font-weight: 700;
}
.boardBox .boardBoxTop .listCnt .cntBg {
  display: inline-block;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  background-color: #00689f;
  color: #fff;
  text-align: center;
  margin-right: 5px;
  padding: 0 10px;
  box-sizing: border-box;
}
.boardBox .boardBoxTop .listRange {
  float: right;
}
.boardBox .boardBoxTop .listRange .rgBg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-left: 5px;
  border-radius: 50%;
  color: #555555;
  text-align: center;
  position : relative;
}
.boardBox .boardBoxTop .listRange .rgBg.on {
  border: 1px solid #00689f;
  color: #00689f;
  font-weight: 700;
}
.boardBox .boardBoxCont > ul > li {
  width: 100%;
  height: 100px;
  border: 1px solid #ddd;
  border-bottom: none;
  float: left;
  position: relative;
}

.boardBox .boardBoxCont > ul > li.empty {
  text-align: center;
  line-height: 100px;
  border: 1px solid #aaa !important;
  width: 100% !important;
  height: 100px !important;
}

.boardBox .boardBoxCont > ul > li.blank .listNum {
  display: none;
}

[class="boardBox"] .boardBoxCont > ul > li:hover {
  background-color: #f8f8f8;
}
.boardBox .boardBoxCont > ul > li:hover a.listContTitle:not(.none) {
  font-weight: 700;
}
.boardBox .boardBoxCont > ul > li .listContTitle.none {
  cursor: default;
}
.boardBox .boardBoxCont > ul > li:last-child {
  border-bottom: 1px solid #ddd;
}
.boardBox .boardBoxCont ul li .listNum,
.boardBox .boardBoxCont ul li .listContBox {
  float: left;
}
.boardBox .boardBoxCont ul li .listNum {
  width: 100px;
  height: 100%;
  line-height: 100px;
  text-align: center;
  position: relative;
  display: inline-block;
}

.boardBox .boardBoxCont ul.addBeforeListBox li .listNum {
  width: 40px;
}

.boardBox .boardBoxCont ul li .listNum:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: calc(100% - 40px);
  background-color: #ddd;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  opacity: 0.5;
}
.boardBox .boardBoxCont table.boardStandList tr.notice .listNum,
.boardBox .boardBoxCont ul li.notice .listNum {
  font-weight: 700;
  color: #ff5400;
}
.boardBox .boardBoxCont ul li .listContBox {
  display: inline-block;
  width: calc(100% - 100px);
  height: 100%;
  position: relative;
}

.boardBox .boardBoxCont ul.addBeforeListBox li .listContBox {
  width: calc(100% - 40px);
}

.boardBox .boardBoxCont ul li .listCont {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 100%;
  padding: 0 20px;
}

.boardBox .boardBoxCont ul li .listCont.none .servDiv {
  display: none;
}

.boardBox .boardBoxCont ul li .listCont.none .listContInfo {
  display: none;
}

.boardBox .boardBoxCont ul li .listCont .listContTitle,
.contArea .vidCont .listContTitle {
  width: 100%;
  color: #222;
  padding: 5px 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.boardBox .boardBoxCont ul li .listCont .listContTitle {
  /* 	overflow: hidden; */
  /*     text-overflow: ellipsis; */
  /*     white-space: nowrap; */
  line-height: 20px;
  max-height: 70px;
  overflow: hidden;
}

.boardBox.stat .boardBoxCont ul li .listCont .listContTitle {
  width: auto;
}
.boardBox .boardBoxCont ul li.notice .listContTitle,
.boardBox.view .boardBoxCont ul li.boardTop .listContTitle {
  font-weight: 700;
}
.boardBox .boardBoxCont ul li .listCont .listContInfo,
.contArea .vidCont .listContInfo {
  font-size: 12px;
  color: #555555;
  display: block;
}
.boardBox .boardBoxCont ul li .listCont .listContInfo li {
  padding-right: 20px;
  float: left;
}
.boardBox .boardBoxCont ul li .listCont .listContInfo li:last-child {
  padding-right: 0;
}
.boardBox
.boardBoxCont
table.boardStandList
tbody
tr.new
td.listContBox
.newLabel,
.boardBox .boardBoxCont ul li.new .newLabel {
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #ff5400;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  vertical-align: text-bottom;
  margin-left: 5px;
}
.boardBox.view {
  padding-bottom: 30px;
}
.boardBox .boardBoxCont > ul > li.boardView {
  padding: 40px;
  height: auto;
  overflow: hidden;
  min-height: 300px;
  font-family: "나눔고딕";
}

.boardBox .boardBoxCont > ul > li.boardView.gall {
  min-height: inherit;
}

.boardBox .boardBoxCont > ul > li.boardView .contImgBox {
  padding: 0;
  margin-bottom: 50px;
}
.boardBox .boardBoxCont > ul > li.boardView.tbl {
  padding: 0;
  min-height: auto;
}
.boardBox .boardBoxCont > ul > li.boardView.tbl table tr td:last-child {
  border-right: none;
}
.boardView.tbl .tblBox {
  padding-bottom: 0;
  /* line-height: 0; */
}
.boardView.tbl .tblBox form {
  width: 100%;
}
.boardView.tbl table tr th,
.boardView.tbl table tr td {
  border-top: none;
  border-left: none;
}
.boardView.tbl table tr:last-child th,
.boardView.tbl table tr:last-child td {
  border-bottom: none;
}
.boardBox .boardBoxCont > ul > li.boardView img {
  margin: 0 auto;
}
.boardBox .boardBoxCont .fileBox {
  background-color: #f8f8f8;
}
.fileBox .file {
  background-image: url("/img/userconsult/fileImg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px auto;
  min-height: 100px;
}
.boardBox .boardBoxCont > ul > li.fileBox {
  height: auto;
  overflow: hidden;
  min-height: 100px;
}
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName,
.fileBox .fileName {
  display: block;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 25px;
  background-image: url("/img/userconsult/file_icon_file.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 17px auto;
}

.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.hwp,
.fileBox .fileName.hwp {
  background-image: url("/img/userconsult/hwpIcon.png");
  background-repeat: no-repeat;
  background-position: left top 2px;
  background-size: 15px auto;
}

.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.PDF,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.pdf,
.fileBox .fileName.PDF,
.fileBox .fileName.pdf {
  background-image: url("/img/userconsult/file_icon_pdf.png");
  background-repeat: no-repeat;
  background-position: left top 2px;
  background-size: 15px auto;
}

.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.zip,
.fileBox .fileName.zip {
  background-image: url("/img/userconsult/file_icon_zip.png");
  background-repeat: no-repeat;
  background-position: left top 2px;
  background-size: 18px auto;
}

.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.ppt,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.pptx,
.fileBox .fileName.ppt,
.fileBox .fileName.pptx {
  background-image: url("/img/userconsult/file_icon_ppt.png");
  background-repeat: no-repeat;
  background-position: left top 2px;
  background-size: 18px auto;
}

.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.xls,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.xlsx,
.fileBox .fileName.xls,
.fileBox .fileName.xlsx {
  background-image: url("/img/userconsult/file_icon_xls.png");
  background-repeat: no-repeat;
  background-position: left top 2px;
  background-size: 18px auto;
}

.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.JPG,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.PNG,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.bmp,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.gif,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.jpeg,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.jpg,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.png,
.fileBox .fileName.JPG,
.fileBox .fileName.PNG,
.fileBox .fileName.bmp,
.fileBox .fileName.gif,
.fileBox .fileName.jpeg,
.fileBox .fileName.jpg,
.fileBox .fileName.png {
  background-image: url("/img/userconsult/file_icon_img.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 18px auto;
}

.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.mp3,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.mp4,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.swf,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName.wmv,
.fileBox .fileName.mp3,
.fileBox .fileName.mp4,
.fileBox .fileName.swf,
.fileBox .fileName.wmv {
  background-image: url("/img/userconsult/file_icon_media.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 18px auto;
}

.fileBox .fileName:hover {
  text-decoration: underline;
}
.fileBox .nonFile {
  font-size: 15px;
}

/*gallery*/
.boardBoxCont ul.gallery > li {
  width: 32%;
  height: 190px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  cursor: pointer;
  margin-right: 2%;
}
.boardBoxCont ul.gallery > li:nth-child(3n) {
  float: right;
  margin-right: 0;
}
.boardBox .boardBoxCont ul.gallery li .listContBox {
  width: 65% !important;
}
.galleryImgBox {
  display: inline-block;
  width: 35%;
  height: 100%;
  padding: 20px 10px;
  float: left;
  position: relative;
}
.galleryImgBox .galleryImgCont {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.galleryImgBox .galleryImgCont img {
  max-width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.galleryImgBox:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: calc(100% - 40px);
  background-color: #ddd;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  opacity: 0.5;
}
.boardBox .boardBoxCont ul.gallery li .listCont {
  top: auto;
  transform: none;
  padding: 30px;
  height: 100%;
}
.boardBox .boardBoxCont ul.gallery li .listCont .listContTitle {
  text-overflow: unset;
  white-space: unset;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
}
.boardBox .boardBoxCont ul.gallery li .listCont .listContInfo,
.contArea .vidCont .listContInfo {
  padding-top: 20px;
}

.boardBox .boardBoxCont ul.gallery li .listCont .listContInfo {
  padding-top: 10px;
}

.boardBox .boardBoxCont ul.gallery li .listCont .listContInfo li {
  display: block;
  padding: 0;
  width: 100%;
  line-height: 15px;
}

/*gallery 가로형*/
.boardBoxCont ul.gallery.hori > li {
  width: 31.5%;
  height: 350px;
  margin-right: 20px;
  float: left;
}
.boardBoxCont ul.gallery.hori > li:nth-child(3n) {
  margin-right: 0;
}
ul.gallery.hori .galleryImgBox {
  width: 100%;
  height: 170px;
  padding: 20px;
  text-align: center;
}
ul.gallery.hori .galleryImgBox:after {
  content: "";
  display: inline-block;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #ddd;
  position: absolute;
  left: 50%;
  top: auto;
  bottom: 0;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0.5;
}
ul.gallery.hori .galleryImgBox img {
  max-width: 100%;
  min-height: 100%;
}
.boardBox .boardBoxCont ul.gallery.hori li .listContBox {
  width: 100% !important;
  height: calc(100% - 170px);
}

.boardBox .boardBoxCont ul.gallery.hori li .listCont {
  width: 100%;
  padding: 20px;
  height: 100%;
}
.boardBox .boardBoxCont ul.gallery.hori li .listCont .listContTitle {
  padding: 0;
  white-space: normal;
  line-height: 1.5em;
  height: 4.2em;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.contAreaBox.tab,
.contAreaBox.tab ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.contAreaBox.tab ul li {
  /* width: 25%; */
  /* float: left; */
  padding: 0 20px;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.contAreaBox.tab ul.traning li {
  padding: 0 10px;
}

.contAreaBox.tab ul li:first-child {
  padding-left: 0;
}
.contAreaBox.tab ul li:not(:first-child):after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #ddd;
  opacity: 0.7;
  position: absolute;
  left: 0;
}

.contAreaBox.tab ul li a {
  color: #000;
  opacity: 0.8;
}
.contAreaBox.tab ul li.on a {
  border-bottom: 1px solid #444;
  opacity: 1;
}
.tabCont {
  display: none;
}
.tabCont.on {
  display: block;
}
.contImgBox .imgSlider li {
  min-height: 560px;
}
.contImgBox .imgSlider li img {
  /*     position: absolute; */
  /*     top: 50%; */
  /*     transform: translateY(-50%); */
  /*     -ms-transform: translateY(-50%); */
  /*     -webkit-transform: translateY(-50%); */
  /*     -moz-transform: translateY(-50%); */
  /*     -o-transform: translateY(-50%); */
}
.boardView .bx-wrapper .bx-controls {
  width: 100%;
  bottom: -20px;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

/*교육/행사안내*/
.boardBox .boardBoxCont > ul.traning {
  padding-bottom: 30px;
}
.boardBox .boardBoxCont > ul.traning:last-child {
  padding-bottom: 0px;
}
.boardBox .boardBoxCont > ul.traning > li {
  border: 1px solid #aaa;
}
.boardBox .boardBoxCont > ul.traning.end > li {
  border: 1px solid #ddd;
}
.boardBox .boardBoxCont > ul.traning > li:first-child {
  border-bottom: none;
}
.boardBox .boardBoxCont > ul.traning > li.traningCont {
  background-color: #f8f8f8;
  height: auto;
  overflow: hidden;
  padding: 30px;
}
.traningCont ul li {
  font-size: 14px;
  color: #666;
  display: block;
  padding: 5px 0;
}
.traningCont ul li p {
  display: inline-block;
}
.traningCont ul li .title {
  color: #222;
  width: 100px;
}
.traning.end li .listNum,
.traning.end li .listCont .listContTitle,
.traning.end li .listCont .listContInfo,
.traning.end .traningCont ul li,
.traning.end .traningCont ul li .title {
  /*     opacity: 0.7; */
}

.boardBox .boardBoxCont > ul.traning.end > li.traningCont {
  background-color: #fff;
}

.boardView .tblBox {
  padding-bottom: 40px;
}
.boardView table {
  font-size: 17px;
}
.boardView table tr th,
.boardView table tr td {
  border-top: 1px solid #ddd;
}

.boardBox .boardBoxTop .boardCmt {
  display: inline-block;
  margin-left: 35px;
  height: 40px;
  line-height: 40px;
  position: relative;
}
/* .boardBox .boardBoxTop .boardCmt .deco {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #ff5400;
    position: relative;
    vertical-align: sub;
    margin-right: 10px;
}
.boardBox .boardBoxTop .boardCmt .deco:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ff5400;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
} */
.boardCmt .chkCustom {
  position: absolute;
  z-index: -1;
  width: 16px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  opacity: 0;
}
.chkCustom + label {
  color: #ff5400;
  font-weight: 700;
  display: inline-block;
  padding-left: 22px;
  background: url("/img/userconsult/chkCustom_Off.jpg") left center no-repeat;
  cursor: pointer;
}

.chkCustom:focus + label {
  outline: 2px solid #ff5400;
  box-sizing: border-box;
}

.chkCustom:checked + label {
  background: url("/img/userconsult/chkCustom_On.jpg") left center no-repeat;
}

a.btnFocus {
  color: #ff5400;
  border: 1px solid #ff5400;
  line-height: 40px;
  padding: 0 20px;
  display: none;
  margin-left: 10px;
  font-size: 14px;
  border-radius: 20px;
}

/*홍보자료*/
.contArea.charBg {
  padding-top: 200px;
  background-image: url("/img/userconsult/pr/charBg02.png");
  background-repeat: no-repeat;
  background-position: center top;
}

.contArea.charBg.en {
  padding-top: 200px;
  background-image: url("/img/userconsult/en/pr/charBg02_en.png");
  background-repeat: no-repeat;
  background-position: center top;
}

.contArea .lgSong {
  width: 100%;
  min-height: 500px;
  background-image: url("/img/userconsult/pr/logosongBg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 50px;
}
.lgSong .lgSongPlayer {
  position: relative;
}
.lgSong .lgSongPlayer .lgSongTitle {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 14px;
  color: #666;
}
.lgSong .lgSongPlayer .lgSongTitle span {
  font-weight: 800;
  font-size: 20px;
  color: #444;
}
.lgSong .lgSongPlayer {
  width: 300px;
  height: 100px;
  overflow: hidden;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}
.lgSong .lgSongPlayer div {
  float: left;
}
.lgSong .lgSongPlayer .playerBtnBox {
  height: 35px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 15px;
}
.lgSong .lgSongPlayer .playerBtnBox a {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.3;
  overflow: hidden;
  text-indent: -9999px;
}
.lgSong .lgSongPlayer .playerBtnBox a.on,
.lgSong .lgSongPlayer .playerBtnBox a:hover {
  opacity: 1;
}
.lgSong .lgSongPlayer .playerBtnBox .pauseBtn {
  background-image: url("/img/userconsult/pr/pauseBtn.png");
}
.lgSong .lgSongPlayer .playerBtnBox .playBtn {
  background-image: url("/img/userconsult/pr/playBtn.png");
  background-size: 20px 22px;
}
.lgSong .lgSongPlayer .playerBtnBox .stopBtn {
  background-image: url("/img/userconsult/pr/stopBtn.png");
}
.lgSong .lgSongPlayer audio {
  display: none;
}
.hp_slide {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
}
.hp_range {
  width: 0;
  background-color: #444;
  height: 100%;
}
.contArea .lgSong .lgSongCont {
  padding-top: 40px;
  line-height: 30px;
}
.boardBox .boardBoxCont > ul.employee > li {
  height: auto;
  overflow: hidden;
  line-height: 60px;
}

.boardBox .boardBoxCont > ul.employee:not(.employeeHeader) {
  margin-top: -9px;
}

.boardBox .boardBoxCont > ul.employee.employeeHeader {
  background: #f8f8f8;
  z-index: 100;
}

.boardBoxCont .employee.employeeHeader li div {
  font-size: 17px;
  font-weight: 700;
}

.boardBoxCont .employee li .emPart,
.boardBoxCont .employee li .emName,
.boardBoxCont .employee li .emRank,
.boardBoxCont .employee li .emNum {
  text-align: center;
}

.boardBoxCont .employee li .emPart {
  width: 20%;
}

.boardBoxCont .employee li .emName,
.boardBoxCont .employee li .emRank {
  width: 13%;
}
.boardBoxCont .employee li .emNum {
  width: 20%;
}
.boardBoxCont .employee li .emDept {
  width: 27%;
  padding: 20px 20px 20px 20px;
  line-height: 20px;
}

.boardBoxCont .employee li div {
  position: relative;
  float: left;
  font-size: 15px;
}
.boardBoxCont .employee li div:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 1px;
  height: calc(100% - 20px);
  background-color: #ddd;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

/*조직구성*/
.orgBox,
.orgBox .orgTop,
.orgBox .orgMid,
.orgBox .orgBtm {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.orgBox {
  /* background-image: url('/img/userconsult/about/orgTree_web.png'); */
  background-image: url("/img/userconsult/about/orgTree_web_new.png");
  background-repeat: no-repeat;
  /* background-position: center top 60px; */
  background-position: 50% 60px;
}

.orgBox.en {
  /* background-image: url('/img/userconsult/about/orgTreeLine_m_en.png');  */
  background-size: 84% 130px;
}

.orgBox.en .orgBtm > ul {
  width: 20%;
  text-align: center;
  margin: 0 0 20px 0;
  box-sizing: border-box;
  padding: 0 10px;
  min-height: 600px;
}
.orgBox.en .orgBtm > ul.double {
  width: 40%;
}
.orgBox .orgTop .orgTopBox {
  width: 200px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  text-align: center;
  background-color: #00689f;
  background-image: url("/img/userconsult/about/or_koihabg.png");
  background-repeat: no-repeat;
  background-position: left 20px top 20px;
  margin: 0 auto;
}
.orgBox .orgMid,
.orgBox .orgBtm {
  margin-top: 40px;
}
.orgBox .orgMid .orgMidBox,
.orgBox .orgBtm ul li {
  width: 150px;
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  text-align: center;
  background-color: #fff;
}
.orgBox .orgBtm.newGroup ul li {
  width: 199px;
}

/* 2022.08.23 한글 조직도 추가 */
.orgBox .orgBtm.newGroup .org3Dept:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #222;
  position: absolute;
  left: 50%;
  bottom: -10px;
}

.orgBox.en .orgBtm > ul li {
  width: 100%;
  height: 105px;
  line-height: 25px;
  box-sizing: border-box;
  /* padding:15px; */
}
.orgBox.en .orgBtm ul li p {
  word-break: keep-all;
  width: 100%;
  height: 100%;
}
.orgBox.en .orgBtm > ul li.org1Dept {
  height: 105px;
}
.orgBox.en .orgBtm > ul li.org1Dept p {
  padding: 15px;
}

.orgBox .orgMid {
  height: 50px;
}
.orgBox .orgMid .orgMidBox {
  background-color: #343b43;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 120px;
}
.orgBox.en .orgMid .orgMidBox {
  margin-left: 100px;
}
.orgBox .orgMid .orgMidBox.board {
  width: 200px;
}

.orgBox .orgMid .orgMidBox.board p {
  padding: 0;
}

.orgBox .orgBtm > ul {
  vertical-align: top;
  min-height: 320px;
  height: auto;
  overflow: hidden;
  margin-right: 30px;
  float: left;
  transition: all 0.2s ease-in-out;
}
.orgBtm .clear {
  display: none;
}

.orgBox.en .orgBtm .clear.first {
  display: block;
}

.orgBox .orgBtm > ul:last-child {
  margin-right: 0;
}

.orgBox .orgBtm ul li p,
.orgBox .orgBtm ul li a {
  width: 100%;
  height: 100%;
}

.orgBox .orgBtm ul li p {
  padding: 0;
}

.orgBox .orgBtm ul .org1Dept {
  border: 1px solid #00689f;
  position: relative;
}

/* 2022.08.23 한글 조직도 수정 */
.orgBox .orgBtm ul .org1Dept:before {
  content: "";
  display: inline-block;
  width: 1px;
  /* height: 10px; */
  height: 28px;
  background-color: #00689f;
  position: absolute;
  left: 50%;
  /* bottom: -10px; */
  bottom: -28px;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.orgBox .orgBtm ul .org1Dept:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #00689f;
  position: absolute;
  /* bottom: -15px; */
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

/* 2022.08.23 한글 조직도 추가 */
.orgBox .orgBtm .double .org1Dept:before {
  height: 15px;
  bottom: -15px;
}

.orgBox .orgBtm .double ul.org2Dept {
  display: flex;
  flex-wrap: nowrap;
  gap: 4%;
}

.orgBox .orgBtm .double .org1Dept:after {
  width: 105.5%;
  height: 11px;
  border-radius: 0;
  background: none;
  bottom: -27px;
  border: 1px solid #00689f;
  border-bottom: none;
}
/* 2022.08.23 한글 조직도 추가 */

.orgBox.en .orgBtm ul .org1Dept:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 28px;
  background-color: #00689f;
  position: absolute;
  left: 50%;
  bottom: -28px;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.orgBox.en .orgBtm ul .org1Dept:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #00689f;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.orgBox.en .orgBtm .double .org1Dept:before {
  height: 15px;
  bottom: -15px;
}
.orgBox.en .orgBtm .double .org1Dept:after {
  width: 51.5%;
  height: 11px;
  border-radius: 0;
  background: none;
  bottom: -27px;
  border: 1px solid #00689f;
  border-bottom: none;
}
.orgBox .orgBtm ul .org1Dept > p,
.orgBox .orgBtm ul .org1Dept > a {
  color: #00689f;
}
.orgBox .orgBtm ul .org1Dept > a:hover,
.orgBox .orgBtm ul .org1Dept > a:focus {
  color: #fff;
  background-color: #00689f;
}
.orgBox .orgBtm ul.org3Dept,
.orgBox .orgBtm ul.org2Dept {
  margin-top: 10px;
  width: 100%;
}
/* 2022.08.23 한글 조직도 추가 */
.orgBox .orgBtm ul.org2Dept {
  margin-top: 28px;
  width: 100%;
}
.orgBox.en .orgBtm ul.org2Dept {
  margin-top: 28px;
  width: 100%;
}
.orgBox.en .orgBtm .double ul.org2Dept {
  display: flex;
  flex-wrap: nowrap;
  gap: 4%;
}
.orgBox .orgBtm ul.org3Dept li,
.orgBox .orgBtm ul.org2Dept li {
  float: left;
  border: 1px solid #ccc;
  margin-top: -2px;
}

.orgBox .orgBtm ul.org3Dept li,
.orgBox .orgBtm ul.org2Dept li {
  font-size: 15px;
  font-weight: 400;
  width: 100%;
}

.orgBox .orgBtm.newGroup ul.org2Dept > li {
  border-color: #222;
  position: relative;
  width: 100%;
}
.orgBox .orgBtm.newGroup ul.org2Dept > li:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #00689f;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.orgBox .orgBtm.newGroup ul.org2Dept:before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 10px;
  background-color: #222;
  position: absolute;
  left: 50%;
  bottom: -68px;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.orgBox .orgBtm ul.org3Dept li a:hover,
.orgBox .orgBtm ul.org3Dept li a:focus,
.orgBox .orgBtm ul.org2Dept li a:hover,
.orgBox .orgBtm ul.org2Dept li a:focus {
  background-color: #eee;
}
.orgBox .orgCmt {
  text-align: right;
  font-size: 14px;
  padding-top: 40px;
}

.orgBox.en .orgBtm.newGroup .org3Dept {
  margin-top: 28px;
}
.orgBox.en .orgBtm.newGroup .org3Dept:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 27px;
  background-color: #222;
  position: absolute;
  left: 50%;
  bottom: -27px;
}

/*paging*/
.paging {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: 35px;
}
.paging a {
  width: 40px;
  height: 100%;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: top;
  color: #444;
  position : relative;
}
.paging a:last-child {
  margin-right: 0;
}
.paging .pgNum.current {
  background-color: #eee;
  box-sizing: border-box;
  border: 1px solid #444;
}
.paging .first {
  background-image: url("/img/userconsult/paging_first.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.paging .prev {
  background-image: url("/img/userconsult/paging_prev.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.paging .next {
  background-image: url("/img/userconsult/paging_prev.png");
  background-repeat: no-repeat;
  background-position: center center;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.paging .last {
  background-image: url("/img/userconsult/paging_first.png");
  background-repeat: no-repeat;
  background-position: center center;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.paging .last,
.paging .next,
.paging .prev,
.paging .first {
  overflow: hidden;
  text-indent: -9999px;
}

/*경영공시*/
.MO_table {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.MO_table .partArea {
  width: 33.3%;
  min-height: 1015px;
  float: left;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.MO_table .partArea:last-child {
  border-right: 1px solid #ddd;
}
.MO_table .partArea dl dt,
.MO_table .partArea dl dd {
  padding: 10px;
  color: #444;
}
.MO_table .partArea dl dt {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f8f8f8;
  font-weight: 700;
  text-align: center;
}
.MO_table .partArea dl dd ul li {
  display: block;
  padding: 5px 10px;
}
.MO_table .partArea dl dd ul li a {
  color: #444;
  text-indent: -1.2em;
  padding-left: 1em;
  position: relative;
}
.MO_table .partArea dl dd ul li a:hover,
.MO_table .partArea dl dd ul li a:focus,
.MO_table .partArea dl dd ul li .depts03 li a:hover,
.MO_table .partArea dl dd ul li .depts03 li a:focus {
  color: #00689f;
}
.MO_table .partArea dl dd ul li .depts03 {
  padding-left: 10px;
  display: block;
}
.MO_table .partArea dl dd ul li .depts03 li {
  padding: 5px 10px 0px;
}
.MO_table .partArea dl dd ul li .depts03 li a {
  font-size: 15px;
  color: #666;
}

/*인사말*/
.contBox .greetingBox {
  width: 100%;
  height: 270px;
  overflow: hidden;
  background-image: url("/img/userconsult/about/greeting.png");
  background-position: right center;
  /* background-size: 100% auto; */
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.contBox .greetingBox .greetingTxt {
  position: absolute;
  top: 90px;
  left: 70px;
  transition: all 0.2s ease-in-out;
}

.contBox .greetingBox .greetingTxt h1 {
  line-height: 35px;
  font-size: 30px;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
}

.contBox .greetingBox .greetingTxt h1 span {
  font-weight: 800;
  color: #00689f;
}

.contBox .greetingBox .greetingTxt p {
  line-height: 25px;
  font-size: 18px;
  font-weight: 800;
  color: #222;
  padding: 30px 0 0 10px;
  transition: all 0.2s ease-in-out;
}

.contBox .greetingInner {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 40px;
}

.contBox .greetingInner p {
  display: inline-block;
  width: 50%;
  height: auto;
  overflow: hidden;
  float: left;
  font-size: 17px;
  color: #444;
  line-height: 34px;
}

.contBox .greetingInner p:nth-child(1) {
  padding-right: 25px;
}
.contBox .greetingInner p:nth-child(2) {
  padding-left: 25px;
}

/*역대원장*/
.chiefHisBox {
  width: 50%;
  height: auto;
  overflow: hidden;
  float: left;
  padding-right: 10px;
  padding-bottom: 30px;
  transition: all 0.2s ease-in-out;
}
.chiefHisBox:nth-child(2n) {
  padding-right: 0;
  padding-left: 10px;
}
.chiefHisBox .chiefHisTitle {
  font-size: 20px;
  font-weight: 700;
  color: #00689f;
}
.chiefHisBox .chiefHisCont {
  width: 100%;
  height: 200px;
  border: 1px solid #ddd;
  margin-top: 10px;
  background-image: url("/img/userconsult/about/prevChiefBg.png");
  background-repeat: no-repeat;
  background-position: right 10px bottom 10px;
}
.chiefHisBox .chiefHisCont ul {
  width: 100%;
  height: 100%;
  position: relative;
}
.chiefHisBox .chiefHisCont ul li {
  width: 50%;
  float: left;
  padding: 10px;
}
.chiefHisBox .chiefHisCont ul .imgBox {
  position: relative;
  height: 100%;
}
.chiefHisBox .chiefHisCont ul .imgBox:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: calc(100% - 20px);
  background-color: #ddd;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.chiefHisBox .chiefHisCont ul .imgBox .imgBoxCont {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.chiefHisBox .chiefHisCont ul .imgBox .imgBoxCont img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  max-height: 100%;
}
.chiefHisBox .chiefHisCont ul .chiefInfo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.chiefHisBox .chiefHisCont ul li .chiefRg {
  padding-top: 15px;
}
.chiefHisBox .chiefHisCont ul li .chiefNm span {
  font-family: Verdana, sans-serif;
}

.chiefHisBox .chiefHis {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px;
  font-size: 15px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-top: none;
  min-height: 145px;
}

.chiefHisBox .chiefHis dl {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.chiefHisBox .chiefHis dl dd {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding-left: 10px;
  position: relative;
}

.chiefHisBox .chiefHis dl dd:before {
  content: "· ";
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 20px;
}

span.cn,
.chiefHisBox .chiefHis dl dd span {
  font-family: "맑은고딕";
}

/*연혁*/
.histBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 50px;
  background-image: url("/img/userconsult/about/hisBg.png");
  background-repeat: no-repeat;
  background-position: right top;
}
.histBox .histList {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 50px;
  position: relative;
}
.histBox .histList:last-child {
  padding-bottom: 0;
}
.histBox .histList:not(:last-child):before {
  content: "";
  display: inline-block;
  width: 3px;
  background-color: #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 58px;
  z-index: -1;
  transition: all 0.2s ease-in-out;
}
.histBox .histList ul > li {
  float: left;
}
.histBox .histList ul .histYear {
  width: 120px;
  height: 120px;
  line-height: 115px;
  border-radius: 50%;
  border: 4px solid #00689f;
  color: #00689f;
  background-color: #fff;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
.histBox .histList ul .histCont {
  width: calc(100% - 120px);
  padding: 50px 0 0 50px;
  transition: all 0.2s ease-in-out;
}
.histBox .histList ul .histCont ul li {
  line-height: 30px;
  width: 100%;
  padding-left: 61px;
  text-indent: -61px;
  transition: all 0.2s ease-in-out;
}
.histBox .histList ul .histCont ul li a {
  padding-left: 61px;
  text-indent: -61px;
  transition: all 0.2s ease-in-out;
}
.histBox .histList ul .histCont ul li span {
  padding-right: 10px;
}

/*찾아오시는길*/
.comeBox {
  width: 50%;
  height: auto;
  overflow: hidden;
  float: left;
  transition: all 0.2s ease-in-out;
}
.comeBox .comeBoxTop {
  width: 100%;
  height: 80px;
  padding-left: 100px;
  position: relative;
}
.comeBox .comeBoxTop:before {
  content: "";
  display: inline-block;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  border: 7px solid #a5c9eb;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px auto;
}
.comeBox.bus .comeBoxTop:before {
  background-image: url("/img/userconsult/about/busIcon.png");
}
.comeBox.subway .comeBoxTop:before {
  background-image: url("/img/userconsult/about/subwayIcon.png");
}
.comeBox .comeBoxTop .comeBoxTopCont {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
}
.comeBox .comeBoxTop .comeBoxTopCont p {
  float: left;
  transition: all 0.2s ease-in-out;
}
.comeBox .comeBoxCont {
  padding: 30px 10px 10px;
}
.comeBox .comeBoxCont .comeList {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.comeBox .comeBoxCont .comeList li {
  position: relative;
  display: block;
  line-height: 40px;
  padding-left: 100px;
  text-indent: -39px;
}
.comeBox .comeBoxCont .comeList li span {
  display: inline-block;
  font-weight: 700;
  padding-right: 15px;
}
.comeList li:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 12px;
}
.comeList li.bus01:before {
  background-color: #ee262f;
}
.comeList li.bus02:before {
  background-color: #00a651;
}
.comeList li.bus03:before {
  background-color: #0072bc;
}
.comeList li.bus04:before {
  background-color: #7cc576;
}
.comeList li.bus05:before {
  background-color: #cb982b;
}
.content .contBox .contAreaBox iframe {
  transition: all 0.2s ease-in-out;
}
.blockLayer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

/*고객상담실*/
.myCertiBox {
  margin: 0 auto;
  width: 660px;
  height: auto;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.myCertiBox .myCerti {
  width: 33.3333%;
  height: auto;
  overflow: hidden;
  padding: 10px;
  float: left;
}
.myCertiBox .myCertiCont {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  background-repeat: no-repeat;
  text-align: center;
  padding: 15px 0;
  transition: all 0.2s ease-in-out;
  /* padding: 115px 15px 15px; */
}
.myCertiBox .myCertiCont.phone {
  float: left;
  background-image: url("/img/userconsult/serv/phone.png");
  /* background-position: center top 15px; */
  background-position: 50% 15px;
}
.myCertiBox .myCertiCont.phone:hover {
  background-image: url("/img/userconsult/serv/phone_hov.png");
}
.myCertiBox .myCertiCont.iPIN {
  float: right;
  background-image: url("/img/userconsult/serv/iPIN.png");
  /* background-position: center top 25px; */
  background-position: 50% 25px;
}
.myCertiBox .myCertiCont.iPIN:hover {
  background-image: url("/img/userconsult/serv/iPIN_hov.png");
}
.myCertiBox .myCertiCont.easyAuth {
  float: right;
  background-image: url("/img/userconsult/serv/easyAuth.png");
  background-position: 50% 25px;
}
.myCertiBox .myCertiCont.easyAuth:hover {
  background-image: url("/img/userconsult/serv/easyAuth_hov.png");
}
.myCertiBox .subCmt{
  max-width: 440px;
  margin: 0 auto;
}
.content .contBox .contAreaBox .myCertiBox .myCertiCont .subCmt,
.myCertiBox .myCertiCont p {
  line-height: 1.2em;
}
.myCertiBox .myCertiCont p {
  width: 100%;
  padding-top: 115px;
}
.myCertiBox .myCertiCont p .subCmt {
  font-size: 14px;
  display: block;
}
.content .contBox .contAreaBox .contImgBox.serv img {
  width: 70%;
  transition: all 0.2s ease-in-out;
}
/* .contImgBox.serv img.on {display: block;} */

.srchCont.serv {
  width: calc(100% - 105px);
  padding-right: 0;
}
.srchCont.serv select {
  width: 100%;
}
.listCont .servDiv {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  margin-bottom: 0px;
  float: left;
}
.listCont .servDiv li {
  position: relative;
  padding-right: 20px;
}
.listCont .servDiv li:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url('/img/selectArrow.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px 4px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}
.ansLabel,
.openLabel,
.rschLabel {
  display: inline-block;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #ff5400;
  font-size: 15px;
  color: #fff;
  border-radius: 5px;
  font-weight: 400;
  margin-left: 5px;
}
.ansY .ansLabel {
  background-color: #ff5400;
}
.ansN .ansLabel {
  color: #ff5400;
}

.ansD .ansLabel {
  background-color: #00689f;
  border-color: #00689f;
}
.ansA .ansLabel {
  background-color: #00689f;
  border-color: #00689f;
}

.openCont .openLabel {
  background-color: #41a95c;
  border-color: #41a95c;
}

.rschLabel {
  margin-left: 0;
  margin-right: 5px;
}

.out .rschLabel {
  color: #41a95c;
  border-color: #41a95c;
}

.inr .rschLabel {
  background-color: #41a95c;
  border-color: #41a95c;
}

p.ansD {
  color: #00689f;
}

p.ansD .ansLabel {
  margin-left: 0px;
}
p.ansA {
  color: #00689f;
}

p.ansA .ansLabel {
  margin-left: 0px;
}

.boardTop.ans {
  color: #ff5400;
  font-weight: 700;
}
.boardTop.ans .listNum {
  font-size: 20px;
}
/* .boardBox .boardBoxCont>ul>li.boardView.ans {
    margin: 30px 0;
    border-bottom: 1px solid #ddd;
} */
.boardBox .boardBoxCont > ul > li.boardView.writeBox {
  padding: 5px;
}
.boardView.writeBox .textCount {
  padding: 10px 5px;
  text-align: right;
}

/*이용안내*/
.contAreaBox .contArea p.infoTitle {
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 15px;
  transition: all 0.2s ease-in-out;
}
.contAreaBox .border {
  border: 1px solid #ddd;
}
.contAreaBox.law .contArea .contList li {
  text-indent: -1.1em;
  padding-left: 1.2em;
}
.contAreaBox.law .contArea .contList li.tblBox {
  padding: 10px 0;
  font-size: 15px;
  line-height: 22px;
}
.contAreaBox.law .contArea .contList li.tblBox ul li {
  line-height: 22px;
  text-indent: -0.8em;
}
.contAreaBox.law .contArea .contList li table {
  padding-left: 0;
  text-indent: 0;
}
.contAreaBox.law .contArea .contList li ul.subContList li {
  font-size: 16px;
  line-height: 25px;
}
.contAreaBox.law .contArea .contList li ul.subContList li:before {
  content: "";
}
.contAreaBox.law .contArea .contList li a,
.contAreaBox.law .contArea .contList li p {
  text-indent: 0;
  padding-left: 0;
}
.prevInfoGo ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 5px 0;
}
.prevInfoGo ul li {
  width: 33%;
  float: left;
  line-height: 40px;
  text-align: center;
}
.prevInfoGo ul li a {
  position: relative;
  color: #666;
}
.prevInfoGo ul li a:hover,
.prevInfoGo ul li a:focus {
  color: #00689f;
}
.prevInfoGo ul li a:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #666;
  position: absolute;
  bottom: 5px;
  left: 0;
}
.prevInfoGo ul li a:hover:after,
.prevInfoGo ul li a:focus:after {
  background-color: #00689f;
}

/*뷰어다운로드*/
.viewDownBox {
  width: 100%;
  padding-top: 50px;
}
.viewDownBox ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.viewDownBox ul li {
  width: 33.3%;
  float: left;
  height: auto;
  overflow: hidden;
  text-align: center;
  padding: 10px;
}
.viewDownBox ul li .border {
  padding: 20px;
}
.viewDownBox ul li .viewImg {
  width: 100%;
  height: 80px;
}
.viewDownBox ul li .viewNm {
  font-weight: 700;
  font-size: 20px;
  padding: 20px 0;
}
.viewDownBox ul li .viewCmt {
  font-size: 15px;
  color: #666;
  line-height: 20px;
  padding-bottom: 20px;
  letter-spacing: -0.07em;
}
.decoBox.email p {
  display: block;
  height: auto;
  overflow: hidden;
  letter-spacing: -0.01em;
  /* line-height: 25px; */
}
.decoBox.email p br {
  display: none;
}
.contAreaBox .contArea .emailCmt {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  text-align: left;
  margin: 0 auto;
  display: block;
  width: 615px;
  padding-top: 15px;
}
.srchCont.email {
  width: calc(100% - 115px);
  float: right;
  text-align: right;
  padding-right: 0;
}
.srchCont.email input[class^="email-"] {
  margin-right: 3px;
}
.srchCont.email input[class^="email-"],
.srchCont.email select.email-AddrSlt {
  width: 32.5%;
  float: left;
}
.srchCont.email .email-ID {
  padding-right: 50px;
  background-image: url("/img/userconsult/info/emailInput.png");
  background-repeat: no-repeat;
  background-position: right center;
}

/*관련사이트*/
.siteList {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.siteList li {
  width: 33.3%;
  height: 150px;
  padding: 10px;
  float: left;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.siteList li .siteImg {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  position: relative;
}
.siteList li .siteImg img {
  max-width: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: all 0.2s ease-in-out;
}
.siteList li .siteHov {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
  padding-top: 30px;
  display: none;
}
.siteList li .siteHov.on {
  display: block;
}
.siteList li .siteHov .siteNm {
  display: block;
}
.siteList li .siteHov .link {
  font-size: 14px;
  position: relative;
  opacity: 0.8;
  margin-top: 20px;
  display: inline-block;
}
.siteList li .siteHov .link:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: -1px;
  left: 0;
}

/*인증/평가현황*/
.mapArea {
  position: relative;
  z-index: 0;
  margin-top: 30px;
  width: 50%;
  display: inline-block;
  float: left;
  transition: all 0.2s ease-in-out;
}
.mapAreaFocus {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mapAreaFocus a {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}
.mapAreaFocus a.on {
  z-index: 1;
}
.mapAreaFocus a img {
  position: absolute;
  z-index: 3;
}

/*지역별 on*/
.mapAreaFocus .seoul {
  top: 105px;
  left: 83px;
  width: 40px;
  height: 32px;
}
.mapAreaFocus .seoul.on,
.mapAreaFocus .seoul:focus {
  background-image: url(/img/userconsult/acc_ass/map/seoul.png);
}
.mapAreaFocus .seoul img {
  top: -25px;
  left: 10px;
}

.mapAreaFocus .incheon {
  top: 109px;
  left: 66px;
  width: 18px;
  height: 31px;
}
.mapAreaFocus .incheon.on,
.mapAreaFocus .incheon:focus {
  background-image: url(/img/userconsult/acc_ass/map/incheon.png);
}
.mapAreaFocus .incheon img {
  top: -27px;
  left: -6px;
}

.mapAreaFocus .gyeonggi {
  top: 32px;
  left: 59px;
  width: 129px;
  height: 173px;
}
.mapAreaFocus .gyeonggi.on,
.mapAreaFocus .gyeonggi:focus {
  background-image: url(/img/userconsult/acc_ass/map/gyeonggi.png);
}
.mapAreaFocus .gyeonggi img {
  top: 75px;
  left: 75px;
}

.mapAreaFocus .kangwon {
  top: 0;
  left: 123px;
  width: 215px;
  height: 201px;
}
.mapAreaFocus .kangwon.on,
.mapAreaFocus .kangwon:focus {
  background-image: url(/img/userconsult/acc_ass/map/kangwon.png);
}
.mapAreaFocus .kangwon img {
  top: 75px;
  left: 104px;
}

.mapAreaFocus .chungcheongB {
  top: 166px;
  left: 126px;
  width: 138px;
  height: 150px;
}
.mapAreaFocus .chungcheongB.on,
.mapAreaFocus .chungcheongB:focus {
  background-image: url(/img/userconsult/acc_ass/map/chungcheongB.png);
}
.mapAreaFocus .chungcheongB img {
  top: 20px;
  left: 33px;
}

.mapAreaFocus .chungcheongN {
  top: 174px;
  left: 10px;
  width: 144px;
  height: 150px;
}
.mapAreaFocus .chungcheongN.on,
.mapAreaFocus .chungcheongN:focus {
  background-image: url(/img/userconsult/acc_ass/map/chungcheongN.png);
}
.mapAreaFocus .chungcheongN img {
  top: 34px;
  left: 58px;
}

.mapAreaFocus .sejong {
  top: 223px;
  left: 109px;
  width: 22px;
  height: 40px;
}
.mapAreaFocus .sejong.on,
.mapAreaFocus .sejong:focus {
  background-image: url(/img/userconsult/acc_ass/map/sejong.png);
}
.mapAreaFocus .sejong img {
  top: -34px;
  left: -5px;
}

.mapAreaFocus .daejeon {
  top: 255px;
  left: 119px;
  width: 29px;
  height: 36px;
}
.mapAreaFocus .daejeon.on,
.mapAreaFocus .daejeon:focus {
  background-image: url(/img/userconsult/acc_ass/map/daejeon.png);
}
.mapAreaFocus .daejeon img {
  top: -23px;
  left: 2px;
}

.mapAreaFocus .gyeongsangB {
  top: 190px;
  left: 176px;
  width: 176px;
  height: 189px;
}
.mapAreaFocus .gyeongsangB.on,
.mapAreaFocus .gyeongsangB:focus {
  background-image: url(/img/userconsult/acc_ass/map/gyeongsangB.png);
}
.mapAreaFocus .gyeongsangB img {
  top: 50px;
  left: 80px;
}

.mapAreaFocus .gyeongsangN {
  top: 332px;
  left: 142px;
  width: 167px;
  height: 149px;
}
.mapAreaFocus .gyeongsangN.on,
.mapAreaFocus .gyeongsangN:focus {
  background-image: url(/img/userconsult/acc_ass/map/gyeongsangN.png);
}
.mapAreaFocus .gyeongsangN img {
  top: 38px;
  left: 46px;
}

.mapAreaFocus .daegu {
  top: 325px;
  left: 225px;
  width: 42px;
  height: 45px;
}
.mapAreaFocus .daegu.on,
.mapAreaFocus .daegu:focus {
  background-image: url(/img/userconsult/acc_ass/map/daegu.png);
}
.mapAreaFocus .daegu img {
  top: -21px;
  left: 9px;
}

.mapAreaFocus .ulsan {
  top: 363px;
  left: 287px;
  width: 50px;
  height: 52px;
}
.mapAreaFocus .ulsan.on,
.mapAreaFocus .ulsan:focus {
  background-image: url(/img/userconsult/acc_ass/map/ulsan.png);
}
.mapAreaFocus .ulsan img {
  top: -21px;
  left: 9px;
}

.mapAreaFocus .busan {
  top: 405px;
  left: 264px;
  width: 54px;
  height: 41px;
}
.mapAreaFocus .busan.on,
.mapAreaFocus .busan:focus {
  background-image: url(/img/userconsult/acc_ass/map/busan.png);
}
.mapAreaFocus .busan img {
  top: -17px;
  left: 9px;
}

.mapAreaFocus .gwangju {
  top: 404px;
  left: 44px;
  width: 38px;
  height: 23px;
}
.mapAreaFocus .gwangju.on,
.mapAreaFocus .gwangju:focus {
  background-image: url(/img/userconsult/acc_ass/map/gwangju.png);
}
.mapAreaFocus .gwangju img {
  top: -32px;
  left: 5px;
}

.mapAreaFocus .jeollaB {
  top: 294px;
  left: 28px;
  width: 153px;
  height: 108px;
}
.mapAreaFocus .jeollaB.on,
.mapAreaFocus .jeollaB:focus {
  background-image: url(/img/userconsult/acc_ass/map/jeollaB.png);
}
.mapAreaFocus .jeollaB img {
  top: 13px;
  left: 64px;
}

.mapAreaFocus .jeollaN {
  top: 374px;
  left: 0;
  width: 159px;
  height: 145px;
}
.mapAreaFocus .jeollaN.on,
.mapAreaFocus .jeollaN:focus {
  background-image: url(/img/userconsult/acc_ass/map/jeollaN.png);
}
.mapAreaFocus .jeollaN img {
  top: 31px;
  left: 93px;
}

.mapAreaFocus .jeju {
  top: 551px;
  left: 37px;
  width: 82px;
  height: 43px;
}
.mapAreaFocus .jeju.on,
.mapAreaFocus .jeju:focus {
  background-image: url(/img/userconsult/acc_ass/map/jeju.png);
}
.mapAreaFocus .jeju img {
  top: -18px;
  left: 30px;
}

.mapInfo {
  width: 50%;
  height: inherit;
  float: left;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.mapInfo .areaInfo {
  width: 350px;
  height: 150px;
  border: 1px solid #ddd;
  margin: 20px auto;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.mapInfo .areaInfo .areaInfoNm {
  width: 40%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.mapInfo .areaInfo .areaInfoNm img {
  padding-left: 15px;
}
.mapInfo .areaInfo .areaInfoCont {
  width: 60%;
  margin-left: 30%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  text-align: center;
}
/* .areaInfoOn {
    display: none;
} */
.mapInfo .areaInfo .areaInfoCont p {
  color: #666;
}
.mapInfo .areaInfo .areaInfoCont p span {
  color: #444;
}
.mapInfo .areaInfoCmt {
  width: 350px;
  margin: 0 auto;
  font-size: 14px;
  color: #666;
  text-align: right;
  padding: 0 5px !important;
  line-height: 15px;
}

.listCont .homepageGo {
  font-size: 14px;
  color: #666;
  padding-left: 20px;
  background-image: url("/img/userconsult/acc_ass/homepageGo.png");
  background-position: left 5px top 6px;
  background-repeat: no-repeat;
  background-size: 10px 11px;
  position: relative;
}
.listCont .homepageGo:hover:before {
  content: "";
  display: inline-block;
  width: 73px;
  height: 1px;
  background-color: #666;
  position: absolute;
  bottom: 5px;
  right: 0;
}
.listNum .accMarkBox {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.listNum .accMarkBox .mark {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.listNum .accMarkBox .mark img {
  max-width: 100%;
}
.listNum .accMarkBox.fail span {
  color: #eb1f2e;
}
ul.listContInfo span.underline a {
  color: #444;
  position: relative;
}
ul.listContInfo span.underline a:hover:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #444;
  position: absolute;
  bottom: 5px;
  right: 0;
}

.accStatTitle {
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 20px;
}
.tblBox.accStat {
  padding-bottom: 30px;
  padding-right: 1px;
}

.tblBox.accStat table thead th,
.tblBox.accStat table thead td,
.tblBox.accStat table tbody th,
.tblBox.accStat table tbody td {
  height: 50px;
  padding: 5px 10px;
}
.tblBox.accStat table tbody td p.tblImg {
  width: 100%;
  height: 100%;
  position: relative;
}
.tblBox.accStat table tbody td img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.tblBox.accStat table thead tr:first-child th,
.tblBox.accStat table tbody tr:first-child th {
  border-top: 1px solid #ddd;
}

.tblBox.accStat table tbody[id*="tbody"] tr:first-child th,
.tblBox.accStat table tbody[id*="meList"] tr:first-child th {
  border-top: none;
}

.tblBox.accStat table thead tr th {
  border-top: none;
}
.tblBox.accStat table tbody tr td {
  border-left: none;
}
.accStat ul.tblList {
  width: 100%;
  padding: 10px 0;
}
.accStat ul.tblList li {
  display: block;
  line-height: 30px;
  padding-left: 0.7em;
  text-indent: -0.7em;
  position: relative;
}
.accStat ul.tblList li a {
  text-indent: -0.05em;
  padding-left: 0.7em;
}
.accStat ul.tblList li:before {
  content: "· ";
  position: absolute;
  top: 0;
  left: 10px;
}
.accStat a:hover,
.accStat a:focus {
  text-decoration: underline;
}

/*진료과목 리스트*/
.mediSubjectList {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.mediSubjectList li {
  width: 33.3%;
  height: 80px;
  padding: 5px;
  float: left;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.mediSubjectList li p {
  width: 100%;
  height: 100%;
  line-height: 70px;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
  font-weight: 700;
  padding: 0 0 0 75px !important;
  letter-spacing: -0.1em;
}
.mediSubjectList li[class^="subject-"]:before {
  content: "";
  display: inline-block;
  width: 65px;
  height: 70px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 40px auto;
}
.mediSubjectList li.subject-01:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_01.png");
}
.mediSubjectList li.subject-02:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_02.png");
}
.mediSubjectList li.subject-03:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_03.png");
}
.mediSubjectList li.subject-04:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_04.png");
}
.mediSubjectList li.subject-05:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_05.png");
}
.mediSubjectList li.subject-06:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_06.png");
}
.mediSubjectList li.subject-07:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_07.png");
}
.mediSubjectList li.subject-08:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_08.png");
}
.mediSubjectList li.subject-09:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_09.png");
}
.mediSubjectList li.subject-10:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_10.png");
  background-size: 30px auto;
}
.mediSubjectList li.subject-11:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_11.png");
}
.mediSubjectList li.subject-12:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_12.png");
  background-size: 30px auto;
}
.mediSubjectList li.subject-13:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_13.png");
  background-size: 35px auto;
}
.mediSubjectList li.subject-14:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_14.png");
}
.mediSubjectList li.subject-15:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_15.png");
}
.mediSubjectList li.subject-16:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_16.png");
}
.mediSubjectList li.subject-17:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_17.png");
  background-size: 35px auto;
  opacity: 0.6;
}
.mediSubjectList li.subject-18:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_18.png");
}
.mediSubjectList li.subject-19:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_19.png");
}
.mediSubjectList li.subject-20:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_20.png");
  background-size: 25px auto;
}
.mediSubjectList li.subject-21:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_21.png");
}
.mediSubjectList li.subject-22:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_22.png");
}
.mediSubjectList li.subject-23:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_23.png");
}
.mediSubjectList li.subject-24:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_24.png");
  opacity: 0.6;
}
.mediSubjectList li.subject-25:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_25.png");
}
.mediSubjectList li.subject-26:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_26.png");
  opacity: 0.6;
}
.mediSubjectList li.subject-27:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_27.png");
  opacity: 0.6;
}
.mediSubjectList li.subject-28:before {
  background-image: url("/img/userconsult/acc_ass/subject/sub_cd_28.png");
}

/*고객만족도조사*/
.customGradeBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px 0 20px 120px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  background-image: url("/img/userconsult/customGradeIcon.png");
  background-repeat: no-repeat;
  /* background-position: left 35px center; */
  background-position: 35px 50%;
  position: relative;
  transition: all 0.2s ease-in-out;
}

/* 간행물 팝업 */
.customGradeBox.pop {
  max-width: 710px;
  margin: 10px auto;
  border: none;
}

.pdfWrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 130px;
  background: #f8f8f8;
  border: 1px solid rgba(195, 195, 195, 0.8);
  box-sizing: border-box;
}

.pdfContArea .pdfContArea_Box {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 130px;
  box-sizing: border-box;
  min-height: 585px;
  min-width: 700px;
}

.pdfobject-container {
  width: 100%;
  height: 100%;
}

.pdfobject {
  border: solid 1px #666;
}

/* 간행물 팝업 */

.customGradeBox form {
  width: 100%;
}
.customGradeBox:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 60px;
  background-color: #dddddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 100px;
}

.customGradeBox legend {
  font-size: 17px;
  color: #222;
  padding: 10px 0;
}
[type="radio"] {
  /* visibility: hidden; */
  /* opacity: 0; */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  /* width: 20px;
    height: 20px;
    cursor: pointer; */
}
.customGradeBox label {
  display: inline-block;
  margin-right: 10px;
  padding-left: 20px;
  line-height: 26px;
  font-size: 12px;
  color: #444;
  position: relative;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  /* background-image: url('/img/userconsult/radio_off.png');
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer; */
}
/* [type='radio']:checked + label {
    background: url('/img/userconsult/radio_on.png');
    background-repeat: no-repeat;
    background-position: left center;
} */

.customGradeBox .customGradeSubmit {
  display: inline-block;
  width: 70px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  background-color: #00689f;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

/*footer*/
footer {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #444;
}
.footerGnb {
  width: 1200px;
  height: auto;
  overflow: hidden;
  color: #fff;
  margin: 0 auto;
  padding: 30px 0 20px 0;
  border-bottom: 1px solid #3b3737;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.footerGnb ul {
  width: 100%;
}
.footerGnb > ul > li {
  float: left;
  width: 12.5%;
}

footer.en .footerGnb > ul > li {
  width: 25%;
}

footer.en .footerGnb > ul > li:last-child {
  position: absolute;
  left: 50%;
  margin-left: 300px;
  top: 190px;
}

.footerGnb > ul > li.customServ {
  position: absolute;
  left: 0;
  /* margin-left: -600px; */
  top: 190px;
}

.footerGnb ul li .footMenuTitle {
  width: 100%;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  position: relative;
  padding-bottom: 20px;
  vertical-align: top;
}

.footerGnb ul li .footMenuTitle:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 37px;
  left: 0;
}
.footSubMenu {
  padding-top: 20px;
}
.footSubMenu li {
  display: block;
}
.footSubMenu li a {
  color: #acacac;
  font-size: 13px;
  line-height: 20px;
}

.footSubMenu li a:before {
  content: "· ";
}

footer.en .footSubMenu li {
  box-sizing: border-box;
  padding-left: 10px;
  position: relative;
}

footer.en .footSubMenu li a:before {
  content: "· ";
  position: absolute;
  left: 0px;
  top: 0px;
}

.footerGnb > ul > li.customServ .footSubMenu {
  padding-top: 5px;
}

.footerInfo {
  width: 1200px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
}

.footerInfo .footerLogo {
  display: inline-block;
  width: 200px;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.footerInfo .footerLogo .footLogo {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.footerInfo .footerLogo a.footLogo img {
  width: 100%;
}
/*클릭 막기*/
/* .footerInfo .footerLogo .footLogo {
    pointer-events: none;
} */

.footerLogo .footerSNS {
  /*     padding-top: 10px; */
  display: none;
}

footer.en .footerInfo {
  padding: 60px 0;
}

.footerInfo .footerTxt {
  float: left;
  padding-left: 220px;
  vertical-align: top;
}

.footerInfo .footerTxt ul {
  height: auto;
  overflow: hidden;
  padding: 20px 0 45px 0;
}
.footerInfo .footerTxt ul li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
.footerInfo .footerTxt ul li:last-child {
  margin-right: 0;
}

.footerInfo .footerTxt ul li:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #a5a5a5;
  position: absolute;
  margin-top: 3px;
  margin-left: 15px;
}
.footerInfo .footerTxt ul li a {
  font-size: 13px;
  color: #a5a5a5;
}
.footerInfo .footerTxt .addr_Copy {
  font-size: 12px;
  color: #9e9e9e;
  line-height: 18px;
}
.addr_Copy span {
  display: block;
}
.addr_Copy br {
  display: none;
}

.footerInfo a.waLogo {
  display: none;
}

/* .footerInfo.wa .footerTxt {
    padding-right:120px;
} */

.footerInfo.wa a.waLogo {
  display: block;
  width: 80px;
  height: auto;
  overflow: hidden;
  position: absolute;
  right: 90px;
  top: 40px;
}
.footerInfo.wa a.waLogo2 {
  display: block;
  width: 80px;
  height: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 30px;
}

.footerInfo a.waLogo img,
.footerInfo a.waLogo2 img {
  width: 100%;
}

/*popup*/
.popLayer {
  width: auto;
  height: auto;
  position: absolute;
  z-index: 120;
  top: 220px;
  left: 50%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.42);
  box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.42);
}

.popLayer .popImg {
  max-width: 700px;
}

.popLayer .popImg img {
  width: 100%;
}

.popLayer .popBtn {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 10px 0;
}

.popLayer .popBtn {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 10px 20px;
  background: #222;
  box-sizing: border-box;
}

.popLayer .popBtn a.btn {
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
}

.popLayer .popBtn a.btn.days {
  float: left;
}

.popLayer .popBtn a.btn.close {
  float: right;
}

#contents {
  outline: none;
}

.lawContents {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 30px;
  display: none;
}

.lawContents table {
  margin-top: 20px;
}

.lawContents table td {
  vertical-align: top;
  text-align: left;
  box-sizing: border-box;
  padding: 20px;
  font-size: 14px;
}

.lawContents table td h2 {
  font-size: 16px;
  line-height: 30px;
}

.lawContents table td ol li {
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
  font-size: 98%;
}

.lawContents table td ol li:before {
  content: "1.";
  position: absolute;
  left: 3px;
  top: 0px;
}

.lawContents table td ol li:nth-child(1):before {
  content: "1.";
}
.lawContents table td ol li:nth-child(2):before {
  content: "2.";
}
.lawContents table td ol li:nth-child(3):before {
  content: "3.";
}
.lawContents table td ol li:nth-child(4):before {
  content: "4.";
}
.lawContents table td ol li:nth-child(5):before {
  content: "5.";
}
.lawContents table td ol li:nth-child(6):before {
  content: "6.";
}
.lawContents table td ol li:nth-child(7):before {
  content: "7.";
}
.lawContents table td ol li:nth-child(8):before {
  content: "8.";
}
.lawContents table td ol li:nth-child(9):before {
  content: "9.";
}
.lawContents table td ol li:nth-child(10):before {
  content: "10.";
}
.lawContents table td ol li:nth-child(11):before {
  content: "11.";
}
.lawContents table td ol li:nth-child(12):before {
  content: "12.";
}
.lawContents table td ol li:nth-child(13):before {
  content: "13.";
}
.lawContents table td ol li:nth-child(14):before {
  content: "14.";
}
.lawContents table td ol li:nth-child(15):before {
  content: "15.";
}
.lawContents table td ol li:nth-child(16):before {
  content: "16.";
}
.lawContents table td ol li:nth-child(17):before {
  content: "17.";
}
.lawContents table td ol li:nth-child(18):before {
  content: "18.";
}
.lawContents table td ol li:nth-child(19):before {
  content: "19.";
}
.lawContents table td ol li:nth-child(20):before {
  content: "20.";
}

ul.sitemap {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 10px;
}

ul.sitemap li {
  display: inline-block;
  float: left;
  width: 25%;
  padding-bottom: 20px;
  box-sizing: border-box;
  padding: 0 10px 20px 10px;
}

ul.sitemap li:nth-child(5),
ul.sitemap li:nth-child(9) {
  clear: both;
}

ul.sitemap li a {
  display: block;
  line-height: 40px;
  font-size: 18px;
  border-bottom: 1px solid #00689f;
  box-sizing: border-box;
  padding: 0 10px;
  color: #00689f;
  font-weight: 700;
}

ul.sitemap li > ul {
  width: 100%;
  margin-top: 10px;
}

ul.sitemap li > ul li {
  display: block;
  width: 100%;
  min-height: inherit;
  box-sizing: border-box;
  padding: 0 10px;
}

ul.sitemap li > ul li a {
  display: block;
  line-height: 14px;
  padding: 8px 20px;
  font-size: 14px;
  border: none;
  color: #222;
  font-weight: 400;
  position: relative;
}

ul.sitemap li > ul li a:before {
  content: "·";
  position: absolute;
  left: 7px;
  top: 8px;
}

ul.sitemap.en li {
  width: 33.3333%;
}

ul.sitemap.en li:nth-child(4) {
  clear: both;
}

ul.sitemap.en li:nth-child(5) {
  clear: inherit;
}

ul.sitemap.en li > ul > li {
  width: 100%;
}

select.employeeSelect {
  min-width: 190px;
}

table.boardStandList thead th,
table.boardStandList tbody td {
  height: 50px;
  font-size: 15px;
  box-sizing: border-box;
}

table.boardStandList tbody td {
  padding: 5px 10px;
}

table.boardStandList tbody tr:hover td {
  background: #f8f8f8;
}

a.underlineBtn.addBeforeBtn {
  position: relative;
  margin-top: 10px;
  top: inherit;
  transform: none;
}

li.viewBeforeList {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.boardBox .boardBoxContNew,
.boardBox .boardBoxContNew > ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.boardBox .boardBoxContNew > ul > li {
  width: 100%;
  height: auto;
  overflow: hidden;
  /*     min-height:100px; */
  box-sizing: border-box;
  padding: 20px 0 20px 100px;
  position: relative;
  border: 1px solid #ddd;
  border-bottom: none;
  float: left;
}

.boardBox .boardBoxContNew > ul > li.empty {
  padding: 0;
  text-align: center;
  line-height: 100px;
}

.boardBox:not(.view) .boardBoxContNew > ul > li:hover {
  background: #f8f8f8;
}

.boardBox .boardBoxContNew > ul > li:last-child {
  border-bottom: 1px solid #ddd;
}

.boardBox .boardBoxContNew > ul > li .listNumNew {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 100px;
  text-align: center;
}

.boardBox .boardBoxContNew > ul > li .listNumNew.hide {
  display: none;
}

.boardBox.view
.boardBoxContNew
> ul
> li.boardTop:not(.notice):not(.ans):not(.traning) {
  padding-left: 0;
}

.boardBox.view .boardBoxContNew > ul > li.boardTop p.listContTitleNew {
  font-weight: 700;
}

.boardBox .boardBoxContNew ul li.notice .listNumNew {
  font-weight: 700;
  color: #ff5400;
}

.boardBox .boardBoxContNew > ul > li .listContBoxNew {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 20px;
  border-left: 1px solid rgba(221, 221, 221, 0.5);
}

.boardBox .boardBoxContNew > ul > li .listContBoxNew .listContNew {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
a.listContTitleNew {
  display: inline-block;
  color: #222;
  line-height: 30px;
  padding: 5px 0;
}

p.issue,
span.issue {
  width: 100%;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  margin-top: 6px;
  letter-spacing: -1px;
}

/* .boardBox .boardBoxContNew > ul > li .listContBoxNew .listContNew a .ansLabel{ */
/*     margin-right:5px; */
/*     margin-left:0px; */
/* } */

.boardBox:not(.view)
.boardBoxContNew
> ul
> li:hover
.listContBoxNew
.listContNew
.listContTitleNew,
.boardBox:not(.view)
.boardBoxContNew
> ul
> li:hover
.listContBoxNew
.listContNew
a,
.boardBox
.boardBoxContNew
> ul
> li.notice
.listContBoxNew
.listContNew
.listContTitleNew,
.boardBox .boardBoxContNew > ul > li.notice .listContBoxNew .listContNew a {
  font-weight: 700;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
ul.listContInfoNew {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 12px;
  color: #555555;
  display: block;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
ul.listContInfoNew
li {
  padding-right: 20px;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
ul.servDivNew
li:last-child,
.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
ul.listContInfoNew
li:last-child {
  padding-right: 0px;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew.none
ul.listContInfoNew,
.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew.none
ul.servDivNew {
  display: none;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
ul.servDivNew {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  margin-bottom: -5px;
  float: left;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
ul.listContInfoNew
li.open {
  background: #41a95c;
  padding: 0 10px;
  border-radius: 4px;
  color: #fff;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
ul.listContInfoNew
li.addTerm {
  font-size: 17px;
  margin-top: 10px;
  color: #ff5400;
}

.boardBox.view .boardBoxContNew > ul > li.addCont {
  background: #f3feff;
}

.boardBox.view
.boardBoxContNew
> ul
> li:not(.addCont)
.listContBoxNew
.listContNew
ul.servDivNew {
  margin-bottom: 5px;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
ul.servDivNew
li {
  position: relative;
  padding-right: 20px;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
ul.servDivNew
li:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url('/img/selectArrow.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px 4px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}

.boardBox
.boardBoxContNew
> ul
> li
.listContBoxNew
.listContNew
ul.servDivNew
li:last-child:before {
  display: none;
}

.boardBox .boardBoxContNew > ul > li.new .newLabel {
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #ff5400;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  vertical-align: text-bottom;
  margin-left: 5px;
}

.boardBox .boardBoxContNew > ul > li.boardView {
  padding: 40px;
  height: auto;
  overflow: hidden;
  min-height: 300px;
  font-family: "나눔고딕";
}

.boardBox .boardBoxContNew > ul > li.boardView.tbl {
  padding: 0px;
  min-height: 0px;
}

.boardBox .boardBoxContNew > ul > li.boardView.ansD {
  min-height: 200px;
}

.boardBox .boardBoxContNew > ul > li .listContBoxNew .listContNew a.none {
  line-height: 50px;
}

.boardBox .boardBoxContNew > ul > li.fileBox {
  background: #f8f8f8;
}

.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName:hover,
.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName:focus {
  text-decoration: underline;
}

.boardBox
.boardBoxContNew
> ul
> li.fileBox
.listContBoxNew
.listContNew
.fileName {
  display: block;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 25px;
  background-image: url(../img/file.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 17px auto;
}

ul.addBeforeListBox li .listNumNew input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.listNumNew .accMarkBox {
  width: 100%;
  height: 100px;
  position: relative;
}

.listNumNew .accMarkBox .mark {
  width: 100%;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
}

.listNumNew .accMarkBox .mark img {
  height: 60px;
  margin-top: 20px;
}

.txt-hidden {
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.txt-hidden img{
  background-size: 12px auto;
  background-position: center center;
  /* min-height: 100px; */
  background-repeat: no-repeat;
  width: 12px;
  height: 36px;
  left: 50%;
  top: 30%;
  position: absolute;
}

.listContNew a:not(.listContTitleNew).homepageGo {
  font-size: 14px;
  color: #666;
  padding-left: 20px;
  background-image: url(/img/userconsult/acc_ass/homepageGo.png);
  background-position: left 5px top 4px;
  background-repeat: no-repeat;
  background-size: 10px 11px;
  position: relative;
}

.listContNew a:not(.listContTitleNew).homepageGo:hover {
  text-decoration: underline;
}

.subCstm {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.subCstm select {
  margin-top: 5px;
  width: 38%;
}

.subCstm select:first-child {
  margin-top: 5px;
  width: 20%;
}

.openCusotm {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 10px;
}

.openCusotm label {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding-left: 18px;
  margin-right: 20px;
  font-size: 14px;
  line-height: 50px;
  cursor: pointer;
}

.openCusotm .openCusotmInfo {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 10px;
  background: #f8f8f8;
}

.openCusotm .openCusotmInfo p {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}

.openCusotm .openCusotmInfo dl {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 10px;
}

.openCusotm .openCusotmInfo dl dt,
.openCusotm .openCusotmInfo dl dd {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}

.openCusotm .openCusotmInfo dl dt {
  font-weight: bold;
}

.openCusotm .openCusotmInfo dl dd {
  font-size: 13px;
}

.boardView img {
  max-width: 100%;
}

figcaption.toon {
  position: fixed;
  bottom: -1000px;
}

a.passMap {
  position: absolute;
  top: -80px;
  left: 0px;
  z-index: 100;
  width: 100%;
  line-height: 40px;
  background: #222;
  color: #fff;
  text-align: center;
  display: block;
}

a.passMap:focus {
  top: 0px;
}

.popMask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  display: none;
}

.popMaskBtn {
  width: 600px;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 790px;
  left: 660px;
  z-index: 1100;
  display: none;
  background: #eee;
  padding: 5px;
}

.popMaskBtn .allPopBtn {
  display: inline-block;
  background: #fff;
  color: #222;
  font-size: 14px;
  padding: 0 10px;
  line-height: 30px;
  margin: 0 5px;
  border: 1px solid #ccc;
}
.popMaskBtn .allPopBtn:focus {
  outline: red solid 2px !important;
}

.popMaskBtn .allPopBtn.close {
  float: right;
}

/*20210223 원장인사말 추가디자인 css 시작*/
.contInnerTab {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin: 30px 0;
}
.contInnerTab li {
  display: inline-block;
  width: 25%;
  height: 100%;
  float: left;
  border: 1px solid #ddd;
  border-right: none;
  background-color: #f4f5f6;
}
.contInnerTab li:last-child {
  border-right: 1px solid #ddd;
}
.contInnerTab li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 50px;
  text-align: center;
  color: #222;
  font-size: 17px;
}
.contInnerTab li.on {
  background-color: #fff;
  border-top: 3px solid #00689f;
}
.contInnerTab li.on a {
  color: #00689f;
  font-weight: 700;
}
.addTab {
  display: none;
}
.addTab.on {
  display: block;
}

.briefTitle {
  width: 100%;
  background-image: url(/img/userconsult/about/brief_deco.png);
  background-repeat: no-repeat;
  background-position: left 25%;
  padding: 50px 30px;
}
.briefTitle p {
  font-size: 17px;
  color: #666;
}
.briefTitle h3 {
  font-size: 30px;
  color: #222;
  font-weight: 800;
}
.briefTitle h3 span {
  font-family: Verdana, sans-serif;
}
.briefList {
  width: 100%;
  padding: 0 30px 30px 30px;
  height: auto;
  overflow: hidden;
}
.briefList .briefTop {
  display: inline-block;
  width: 30%;
  font-size: 20px;
  color: #00689f;
  font-weight: 700;
  border-bottom: 2px solid #00689f;
  margin-bottom: 10px;
}
.briefList ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.briefList ul li {
  display: inline-block;
  width: 100%;
}
.briefList ul li p {
  line-height: 40px;
}
.briefList ul li p.year {
  display: inline-block;
  width: 30%;
  text-align: right;
  color: #222;
  font-weight: 700;
  font-size: 20px;
  float: left;
}
.briefList ul li p.briefCont {
  display: inline-block;
  width: 70%;
  color: #222;
  font-size: 17px;
  float: left;
  padding-left: 50px;
}
/*원장인사말 추가디자인 css 끝*/

/*210308 만족도 조사 새창 팝업 css 시작*/
.windowPop.csat {
  width: 700px;
  height: 932px;
  background-image: url(/img/userconsult/csat_bg.jpg);
  background-repeat: no-repeat;
  /* background-size: 100% 100%; */
}
.windowPop .windowPopTop {
  width: 100%;
  height: 300px;
  text-align: center;
}
.windowPop .windowPopTop .title {
  display: inline-block;
  width: 230px;
  height: auto;
  overflow: hidden;
  padding-top: 30px;
}
.windowPop .windowPopTop .title .subtitle {
  font-size: 16px;
  letter-spacing: -0.05em;
  color: #fff;
  text-align: center;
  padding-bottom: 18px;
}
.windowPop .windowPopTop .title .maintitle {
  font-size: 45px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.1em;
}
.windowPop .windowPopTop .topContent {
  font-size: 16px;
  color: #fff;
  padding-top: 20px;
  line-height: 1.3em;
}
.windowPop .windowPopTop .topContent .fc_yellow {
  color: #ffe800;
  font-weight: 700;
}
.windowPop .windowPopTop .topContent .bottomCmt {
  font-size: 14px;
  padding-top: 15px;
}
.windowPop .windowPopCont {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 10px 38px 0;
}
.windowPop .windowPopCont ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0 30px;
}
.windowPop .windowPopCont ul li.csatQues {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}
.windowPop .windowPopCont ul li.csatQues .question {
  font-size: 14px;
  padding-bottom: 15px;
}
.windowPop .windowPopCont ul li.csatQues label {
  display: inline-block;
  margin-right: 10px;
  padding-left: 20px;
  line-height: 26px;
  font-size: 14px;
  color: #444;
  position: relative;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.windowPop .windowPopCont ul li.csatQues .inputArea {
  padding: 0 15px;
}
.windowPop .windowPopCont ul li.csatQues .inputArea.type2 label {
  width: 33.33%;
  margin: 0;
  float: left;
}
.windowPop .windowPopCont ul li.csatQues .inputArea form {
  width: 100%;
}
.windowPop .windowPopCont ul li.csatQues .inputArea textarea {
  min-height: 70px;
  border-radius: 3px;
  font-size: 14px;
}
.windowPop .windowPopBtm {
  padding-top: 5px;
}
.windowPop .windowPopBtm .btnArea .submit {
  width: 120px;
  line-height: 40px;
  text-align: center;
  background-color: #ffd800;
  border-radius: 5px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
}
/*만족도 조사 새창 팝업 css 끝*/

/* 신규 추가 css */
.snsTopBox {
  position: absolute;
  right: 0;
  top: 10px;
  height: 30px;
  display: block;
}

.snsTopBox a {
  width: 30px;
  height: 30px;
}

.snsTopBox a img {
  width: 100%;
  height: 100%;
}

.navQuick .navQuickSns a.btnQuick {
  text-indent: -99999px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: left;
  margin: 1px;
  background: #000;
}

.navQuick .navQuickSns a.btnQuick.insta {
  background: url("/img/userconsult/snsQuick_insta.png") no-repeat center;
  background-size: 30px 30px;
}

.navQuick .navQuickSns a.btnQuick.facebook {
  background: url("/img/userconsult/snsQuick_facebook.png") no-repeat center;
  background-size: 30px 30px;
}

.navQuick .navQuickSns a.btnQuick.youtube {
  background: url("/img/userconsult/snsQuick_youtube.png") no-repeat center;
  background-size: 30px 30px;
}

.navQuick .navQuickSns a.btnQuick.kakao {
  background: url("/img/userconsult/snsQuick_kakao.png") no-repeat center;
  background-size: 30px 30px;
}

/* 개인정보처리방침 영역 */
.labeling-list {
  width : 100%;
  height : auto;
  overflow : hidden;
  display: flex;
  flex-wrap: wrap;
}
.labeling-list li {
  flex: 1 1 30%;
  padding: 10px;
  text-align: center;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.labeling-list li:nth-child(3n) {
  border-right : 1px solid #ddd;
}
.labeling-list li:nth-child(4),
.labeling-list li:nth-child(5),
.labeling-list li:nth-child(6) {
  border-bottom: 1px solid #ddd;
}
/* 테이블 내부의 라벨링 이미지 */
.labeling_table {
  width: 64px;
  height: 64px;
}

/* 라벨링 이미지 */
.labeling {
  width: 64px;
  height: 64px;
  position: relative;
  top: 28px;
}
.txtL li {
  text-indent: -2.7em !important;
  padding-left: 2.8em !important;
}

.txtL2 {
  text-align: left !important;
}

.txtL2 li {
  text-indent: 0em !important;
  padding-left: 0em !important;
}

.subContList2 li {
  text-indent: -1.4em !important;
  padding-left: 1.5em !important;
}
/* 개인정보처리방침 영역 */

/************************************** 고객상담실 (userPageWrap) **************************************/
/* common */
.userPageWrap {height: 100%;}
.userPageWrap .topBox,
.userPageWrap .commGnb {display: none;}
.userPageWrap .subTop.serv:before {background-size: cover; background-position: center center;}
.userPageWrap .subTop,
.userPageWrap .subTop .subCategoryArea,
.userPageWrap .subTop .subCategory .catLogoArea,
.userPageWrap .subTop .subCategory ul li {height: 100px;}
.userPageWrap .subTop .subCategory ul {padding:0; margin:0;}
.userPageWrap .subTop .subCategory ul li .txt {position: relative; height: 100px; line-height: 100px; font-size: 17px; color: #fff; transition: all 0.2s ease-in-out;}
.userPageWrap .subContInner {min-height: calc(100% - 240px);}
.userPageWrap .leftMenu {display: inline-block;}
.userPageWrap .leftMenu.hide {display: none;}
.userPageWrap footer {display: webkit-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; height: 140px;}
.userPageWrap .footerInfo {display: webkit-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center;}
.userPageWrap .footerInfo .footerTxt ul {padding: 10px 0;}
.userPageWrap .footerInfo.wa a[class^=waLogo] {display: inline-block; position:revert; float: left;}
/* board */
.userPageWrap .boardBox a.listContTitleNew {display: block;}
.userPageWrap .boardBox .customRegBox > li {margin-bottom: 20px; border-bottom: 1px solid #ddd !important;}
.userPageWrap .boardBox .customRegBox > li:last-child {margin-bottom: 0;}
.userPageWrap .boardBox .customRegBox .boardTop {margin-bottom: 35px;}
.userPageWrap .boardBox .customRegBox .boardView.tbl {border-bottom: 0 !important;}
.userPageWrap .boardBox .customRegBox .boardView.tbl table tr th {border-right: 0; border-bottom: .5px solid #ddd;}
.userPageWrap .boardBox .customRegBox .boardView.tbl table tr td {border-left: .5px solid #ddd; border-bottom: .5px solid #ddd;}
.userPageWrap .boardBox .customRegBox .boardView.tbl .required {display: inline-block; margin-left: 3px; color: #e11d1d; vertical-align: middle;}
.userPageWrap .boardBox .customRegBox .boardBoxContNew > ul > li {padding-left: 100px !important; text-indent: 0 !important;}
.userPageWrap .boardBox .customRegBox .boardBoxContNew ul.addBeforeListBox li .listNumNew input[type="checkbox"] {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer;}
/* popup */
.userPageWrap.popup {padding: 20px;}
.userPageWrap.popup .content {width: 100%;}
.userPageWrap.popup .contBox .contAreaBox {padding: 0;}
.userPageWrap.popup .contBox .boardBox.view {padding-bottom: 20px;}
.userPageWrap.popup .contBox .btnArea .btnClose {display: block; width: 100%; padding: 15px; background: #f8f8f8; border: 1px solid #ddd; color: #343434;}

.userPageWrap .boardBox .customRegBox .boardBoxContNew > ul > li.empty {    padding: 0 !important;}