/** header **/
/* nav */

.menu {
  background: #fff;
  height: 4rem;
  padding: 40px 0;;
}
.menu ol {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}
.menu > ol {
  max-width: 1200px;
  padding: 0 2rem;
  display: flex;
}
.menu > ol > .menu-item {
  flex: 1;
  padding: 0.75rem 10px;
}
.menu > ol > .menu-item:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  bottom: 5px;
  left: calc(50% - 2px);
  background: #2361ac;
  will-change: transform;
  transform: scale(0);
  transition: transform 0.2s ease;
}
.menu > ol > .menu-item:hover:after {
  transform: scale(1);
}

.menuLogo{width:50%;}
.menuLogo img{width: auto;}

.menu-item {
  position: relative;
  line-height: 2.5rem;
  text-align: center;
}
.menu-item a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #333;
  font-size: 20px;
}
.menu-item:hover > a {

  color: #2361ac;
}
.sub-menu .menu-item {
  color:#fff;
  padding: 0.75rem 0;
  background: rgba(0, 0, 0, 0.5   );
  opacity: 0;
  transform-origin: bottom;
  animation: enter 0.2s ease forwards;
}
.sub-menu .menu-item:nth-child(1) {
  animation-duration: 0.2s;
  animation-delay: 0s;
}
.sub-menu .menu-item:nth-child(2) {
  animation-duration: 0.3s;
  animation-delay: 0.1s;
}
.sub-menu .menu-item:nth-child(3) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
}
.sub-menu .menu-item:nth-child(4) {
  animation-duration: 0.5s;
  animation-delay: 0.3s;
}
.sub-menu .menu-item:nth-child(5) {
  animation-duration: 0.6s;
  animation-delay: 0.4s;
}
.sub-menu .menu-item:hover {
  background: #2361ac;
}
.sub-menu .menu-item:hover > a {
  color: #fff;
}
.sub-menu .menu-item a {
  padding: 0 0.75rem;
  font-size: 16px;
}
@media screen and (max-width: 850px) {
  .sub-menu .menu-item {
    background: #C06C84;
  }
}
@media screen and (max-width: 850px) {
  .menu {
    position: relative;
    display:none;
  }
  .menu:after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 1rem;
    width: 30px;
    height: 4px;
    background: #FFF;
    box-shadow: 0 10px #FFF, 0 -10px #FFF;
  }
  .menu > ol {
    display: none;
    background: #F67280;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    animation: fade 0.2s ease-out;
  }
  .menu > ol > .menu-item {
    flex: 0;
    opacity: 0;
    animation: enter 0.3s ease-out forwards;
  }
  .menu > ol > .menu-item:nth-child(1) {
    animation-delay: 0s;
  }
  .menu > ol > .menu-item:nth-child(2) {
    animation-delay: 0.1s;
  }
  .menu > ol > .menu-item:nth-child(3) {
    animation-delay: 0.2s;
  }
  .menu > ol > .menu-item:nth-child(4) {
    animation-delay: 0.3s;
  }
  .menu > ol > .menu-item:nth-child(5) {
    animation-delay: 0.4s;
  }
  .menu > ol > .menu-item + .menu-item {
    margin-top: 0.75rem;
  }
  .menu > ol > .menu-item:after {
    left: auto;
    right: 1rem;
    bottom: calc(50% - 2px);
  }
  .menu > ol > .menu-item:hover {
    z-index: 1;
  }
  .menu:hover > ol {
    display: flex;
  }
  .menu:hover:after {
    box-shadow: none;
  }
}

.sub-menu {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  display: none;
  z-index: 1;
}
.menu-item:hover > .sub-menu {
  display: block;
}
@media screen and (max-width: 850px) {
  .sub-menu {
    width: 100vw;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
  }
}


@keyframes enter {
  from {
    opacity: 0;
    transform: scaleY(0.98) translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*** Mobile Menu ***/
.window {
    
  position: relative;
  
  display:none;
  width: 100%;
  height: auto;
  margin: 100px auto 0;
  box-shadow: 0 0 65px 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 3px;
  background: #F1F1F1;
}
.window .header {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: all 0.5s ease-out, background 1s ease-out;
  transition-delay: 0.2s;
  z-index: 9;
}
.window .header .burger-container {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.window .header .burger-container #burger {
  width: 18px;
  height: 8px;
  position: relative;
  display: block;
  margin: -4px auto 0;
  top: 50%;
}
.window .header .burger-container #burger .bar {
  width: 100%;
  height: 1px;
  display: block;
  position: relative;
  background: #FFF;
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition-delay: 0s;
}
.window .header .burger-container #burger .bar.topBar {
  -webkit-transform: translateY(0px) rotate(0deg);
          transform: translateY(0px) rotate(0deg);
}
.window .header .burger-container #burger .bar.btmBar {
  -webkit-transform: translateY(6px) rotate(0deg);
          transform: translateY(6px) rotate(0deg);
}
.window .header .icon {
  display: inline-block;
  position: absolute;
  height: 100%;
  line-height: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #FFF;
  font-size: 22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.window .header .icon.icon-bag {
  right: 0;
  top: 0;
  left: auto;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition-delay: 0.65s;
}
.window .header ul.menu2 {
  position: relative;
  display: block;
  padding: 40px 48px 0;
  list-style: none;
}
.window .header ul.menu2 li.menu-item2 {
  border-bottom: 1px solid #333;
  margin-top: 5px;
  -webkit-transform: scale(1.15) translateY(-30px);
          transform: scale(1.15) translateY(-30px);
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.window .header ul.menu2 li.menu-item2:nth-child(1) {
  transition-delay: 0.49s;
}
.window .header ul.menu2 li.menu-item2:nth-child(2) {
  transition-delay: 0.42s;
}
.window .header ul.menu2 li.menu-item2:nth-child(3) {
  transition-delay: 0.35s;
}
.window .header ul.menu2 li.menu-item2:nth-child(4) {
  transition-delay: 0.28s;
}
.window .header ul.menu2 li.menu-item2:nth-child(5) {
  transition-delay: 0.21s;
}
.window .header ul.menu2 li.menu-item2:nth-child(6) {
  transition-delay: 0.14s;
}
.window .header ul.menu2 li.menu-item2:nth-child(7) {
  transition-delay: 0.07s;
}
.window .header ul.menu2 li.menu-item2 a {
  display: block;
  position: relative;
  color: #FFF;
  font-family: "Ek Mukta", sans-serif;
  font-weight: 100;
  text-decoration: none;
  font-size: 22px;
  line-height: 2.35;
  font-weight: 200;
  width: 100%;
}

.window a.menufont{font-size:12px!important;}

.window .header.menu-opened {
  height: 100%;
  background-color: #000;
  transition: all 0.3s ease-in, background 0.5s ease-in;
  transition-delay: 0.25s;
}
.window .header.menu-opened .burger-container {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.window .header.menu-opened .burger-container #burger .bar {
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition-delay: 0.2s;
}
.window .header.menu-opened .burger-container #burger .bar.topBar {
  -webkit-transform: translateY(4px) rotate(45deg);
          transform: translateY(4px) rotate(45deg);
}
.window .header.menu-opened .burger-container #burger .bar.btmBar {
  -webkit-transform: translateY(3px) rotate(-45deg);
          transform: translateY(3px) rotate(-45deg);
}
.window .header.menu-opened ul.menu2 li.menu-item2 {
  -webkit-transform: scale(1) translateY(0px);
          transform: scale(1) translateY(0px);
  opacity: 1;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(1) {
  transition-delay: 0.27s;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(2) {
  transition-delay: 0.34s;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(3) {
  transition-delay: 0.41s;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(4) {
  transition-delay: 0.48s;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(5) {
  transition-delay: 0.55s;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(6) {
  transition-delay: 0.62s;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(7) {
  transition-delay: 0.69s;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(8) {
  transition-delay: 0.76s;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(9) {
  transition-delay: 0.83s;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(10) {
  transition-delay: 0.90s;
}
.window .header.menu-opened ul.menu2 li.menu-item2:nth-child(11) {
  transition-delay: 0.97s;
}
.window .header.menu-opened .icon.icon-bag {
  -webkit-transform: translateX(75px);
          transform: translateX(75px);
  transition-delay: 0.3s;
}
.window .content {
  font-family: "Ek Mukta", sans-serif;
  padding: 67px 4% 0;
  text-align: justify;
  overflow: scroll;
  max-height: 100%;
}
.window .content::-webkit-scrollbar {
  display: none;
}
.window .content h2 {
  margin-bottom: 0px;
  letter-spacing: 1px;
}
.window .content img {
  width: 95%;
  position: relative;
  display: block;
  margin: 75px auto 75px;
}
.window .content img:nth-of-type(2) {
  margin: 75px auto;
}
@media (max-width: 850px) {
  .window {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 0px;
  }
  .window .header {
    position: fixed;
  }
}   


/******/


/* sub body */
.wirteLine .writeSplit{width:calc(49%);display:inline-block;}
.wirteLine .writeSplit:nth-child(2){margin-left:10px;}
.wirteLine .writeSplit .writeinput{width:calc(100% - 147px);;}
.wirteLine .writeSplit .writetit{min-width:140px;;}

.sub_body{padding:0px 0 0;background-color: #fbfbf9;}

.subtopCate{padding:10px 0 0 25px;;}
.subtopCate li{float: left;}
.subtopCate li,.subtopCate li a {color:#979797;font-size: 11px;margin-right: 5px;}
.subtopCate li:last-child a{color:#000;font-weight: bold;}

.subtopTit{text-align: center;font-size: 40px; color:#000;font-weight: 800;}

.subtopImgmob{height:150px;background-size:cover;display:none;background-position:center;}

.mobileSubmenu{display:none;padding:20px 15px;background-color:#fafafa;margin-bottom:20px;}
.mobileSubmenu select{width:100%;height:35px;border:0px solid #0095da;background-color:#fafafa;color:#000;outline:none;font-size:16.5px;font-weight:800;font-family:nanumsquare;}
.mobileSubmenu select option:not(:checked) {color: #c1c1c1; }


.sub_1 .subtopTit{padding: 57px 0 43px;}

.subtopImg{width: 100%;min-height: 200px;background-repeat: no-repeat;background-position: center;}
.subtopImg img{vertical-align: middle;max-width: 100%;}


.subtopMenu{width:auto;margin:0 auto;padding:0 0 40px;}
.subtopMenu ul{display: table;margin: 0 auto;}
.subtopMenu ul li{display: inline-block;;padding:0 75px;;text-align: center;border-right:1px solid #b5b5b5;}
.subtopMenu ul li:last-child{border-right:0px solid #b5b5b5;}
.subtopMenu ul li a{font-size: 18px; color:#c1c1c1;font-weight: 800;letter-spacing: -0.5px;}
.subtopMenu ul li a:hover{color:#1f1f1f;}
.subtopMenu ul li.on a{color:#1f1f1f;}

.submidBox{}
.sub_1 .submidBox{padding:55px 0 45px;min-height: 500px;}

.subtxtTit{font-size: 18px; color: #000;font-weight: 600;position: relative;}
.subtxtTit2{font-size: 24px;;}

.underline{display: inline-block;margin-bottom:13px;position: relative;}
.underline::after{content: "";width:100%;height:2px; background-color:#000;bottom:-3px; left:0;position: absolute;}
.underlineB{display: inline-block;margin-bottom:0px;position: relative;}
.underlineB::after{content: "";width:100%;height:2px; background-color:#000;bottom:-3px; left:0;position: absolute;}

.subtxtTit span{font-weight: 800;}
.subtxtSub{font-size: 18px; color: #535353;padding-top:30px; word-break: keep-all;}
.subtxtSub span{font-weight: 600;}

.subtxtBigtit{font-size: 72px;font-weight: 600;}
.subtxtBigtit .smallTit{font-size: 20px;letter-spacing: 0.7px;display: inline-block;;}


.subtxtImg{width:100%;padding-top:40px;}
.subtxtImg img{ vertical-align: middle; max-width: 100%; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }

.introName{font-size: 24px;color:#000;font-weight: 500;text-align: right;padding:115px 25px 0 0;}
.introName span{font-weight: 800;letter-spacing: 5px;margin-left:10px;}

.submainLeft{width:20%;max-width:240px;}
.submainLeft .subleftTit{color:#000;font-size: 18px;font-weight: 800;position: relative;padding-top: 10px;}
.submainLeft .subleftTit::after{content: "";position: absolute;top:0;left:0;width:60px; height:2px; background-color: #fff;;}

.submainLeft .subleftTitlist a{color:#c1c1c1;font-weight: 500;}
.submainLeft .subleftTit.on a{color:#000;font-weight:800;}
.submainLeft .subleftTit.on::after{content: "";position: absolute;top:0;left:0;width:60px; height:2px; background-color: #000;;}

.submainRight{width:80%;padding-left: 30px;}
.submainRight .subtxtSub:first-child {padding-top:0;}


.introTable{margin-bottom:75px;}

.horizonTable{width:100%;border-top:2px solid #000;border-collapse: collapse;}
.horizonTable tr{font-size: 16.5px; color:#000;}
.introTable .horizonTable tr th{border-bottom: 1px solid #e2e2e2;height:68px;text-align: left;padding-left:20px;font-weight: 400;width:155px;}
.introTable .horizonTable tr td{border-bottom: 1px solid #e2e2e2;font-weight: 600;width:385px;}
.horizonTable tr td.imgtd{text-align: center;width:auto;}
.horizonTable tr td.rightline{border-right: 1px solid #e2e2e2;}
 

.examplepage .mainimgBox .hoverGo p{font-size:14px;right:0;padding:0 15px;bottom:-35px;}
.examplepage .mainimgBox:hover .hoverGo p{bottom:5px;}

.subleftUl{}
.subleftUl li{padding:0 0 20px;}
.subleftUl li a{color:#c1c1c1;position: relative;font-weight: 600;font-size: 18px;}
.subleftUl li a:hover{color:#000;}
.subleftUl li.on a{color:#000;}
.subleftUl li.on a::after{content: "";width:100%;position: absolute;bottom:-4px;left:0; height:2px; background-color: #0095da;}



.splitItems{border-top: 2px solid #000;padding-top:45px;}

.splitItembox{width:50%;height:215px;padding-right:40px;}

.splitItemimg{width:20%;padding: 5px 0;vertical-align: top;}
.splitItemimg img{max-width:100%;vertical-align: middle;}

.splitItemtxt{width:79%;}
.splitItemtxt b{font-size: 19px;padding: 0 0 10px 0;display: block;color:#0095da;font-weight: 600;}
.splitItemtxt p{font-size: 16.5px;color:#686868;}




.subPlbox{padding-left: 25px;}
.subPlbox > p{font-size: 20px;font-weight: 800;margin-bottom:23px;}
.pltext{padding-left:10px;line-height: 1.5;font-size: 16.5px;color:#555;}
.pltext .textorange{font-weight: 800;}
.pltext .subtxtSub{font-size: 16.5px;}

.checkText{padding:5px 0 0px 0;}
.checkText img{max-width: 20px;vertical-align: bottom;margin-right:10px;}





/*** Left Right Layout ***/
.rlbox{}
.rlbox_lside{}
.rlTit{font-size: 60px;;}
.rlTit .rlTitsub{font-size: 17px;;}

.rlbox_lside:last-child .rlmain{border-bottom:0px;}
.rlmain{border-bottom: 1px solid #ccc;padding: 15px 0 10px; ;}

.rlbox_lside .rlmain .rlBoxleft{width:55%;}
.rlmain img{ width:100%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }

.rlbox_lside .rlmain .rlBoxright{width:45%;padding:0px 0px 0 40px;}
.rlmain .rlBoxright p{font-size: 18px;}
.rlmain .rlBoxright p.mem_htit{font-size: 24px;font-weight: 600;}
.rlmain .rlBoxright p.mem_htxt{font-family: NotoSansKR;font-size: 16px;;}


.rlbox_rside .rlTit{font-size: 60px;float: right;;}
.rlbox_rside .rlTit .rlTitsub{font-size: 17px;margin-right: 10px;}
.rlbox_rside .rlmain .rlBoxleft{width:45%;padding:0px 40px 20px 0;}
.rlbox_rside .rlmain .rlBoxleft p{font-size: 18px;}
.rlbox_rside .rlmain .rlBoxleft p.mem_htit{font-size: 24px;font-weight: 800;}
.rlbox_rside .rlmain .rlBoxleft p.mem_htxt{font-family: NotoSansKR;font-size: 16px;;}


.rlbox_rside .rlmain .rlBoxright{width:55%;}



/*** MAPS ***/
#map{border:1px solid #ddd; border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; }
.mapSubs{padding: 30px 0;}
.mapSubRow{padding:0px 0 20px;}
.mapSubRow span{display:inline-block;box-sizing: border-box;}
.mapSubRow .mapSubleft{width:20%;font-weight: 800;color:#000;box-sizing: border-box;font-size: 22px;vertical-align: middle;}
.mapSubRow .mapSubright{width:79%;box-sizing: border-box;vertical-align: middle;font-size: 22px;}




/*** boards **/

.boardTable{}

.boardTable .horizonTable{border-top: 3px solid #818181;}
.boardTable .horizonTable thead tr{height: 45px;border-bottom: 1px solid #888;background-color: #F0F0F0;;}
.boardTable .horizonTable thead tr th{font-size: 14px; color:#414141;font-weight: 600;font-family: NotoSansKR;}

.boardTable .horizonTable tbody tr{height: 50px;border-bottom: 1px solid #e5e5e5;}
.boardTable .horizonTable tbody tr:hover{background-color:#f5f5f5;}
.boardTable .horizonTable tbody tr td{font-size: 14px;font-family: NotoSansKR;letter-spacing: -0.5px;}
.boardTable .horizonTable tbody tr td a{}
.boardTable .horizonTable tbody tr td a:hover{text-decoration: underline;}
.boardTable .horizonTable tbody tr td:nth-child(1){padding-left:20px;}
.boardTable .horizonTable tbody tr td:nth-child(2){text-align: center;width:15%;color:#575757;font-size:14px;
-webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.boardTable .horizonTable tbody tr td:nth-child(3){text-align: center;width:15%;color:#575757;font-size:14px;letter-spacing:-1px;}

.submainLeft .tableTit{font-size: 18px; font-weight: 800;color:#000;padding-right: 10px;}
.submainLeft .tableDate{font-size: 14px; color:#5d5d5d;font-weight: 200;padding: 30px 0 0;}

.boardmainText {padding-bottom:60px;border-bottom:1px solid #e6e6e6;}
.boardmainText p{color:#414141;font-family: NotoSansKR;word-break: keep-all;}
.boardmainText img{max-width: 100%;margin:0 0 30px 0;}

.boardBtnwrap{padding: 21px 0;}
.boardBtnwrap button{width:70px; height:30px;font-size: 14px;}
.boardBtnwrap a:nth-child(2) button{margin-left:10px;}
.boardBtnwrap button img{max-height: 20px;margin-right: 10px;;}


.boardmainTextA{margin:40px 60px;padding:0px;background-color:#eee;border-radius:15px;position:relative;}  
.boardmainTextA::after{content: "";;position: absolute;border-left: 32px #0d2850  solid;top: -30px;left:15px;height: 0px;width: 30px;z-index: 0;border-top: 32px solid transparent;}
.boardAnswer{padding:15px 20px 12px;font-size:18px; font-weight:800;background-color: #0d2850;  border-radius: 18px 18px 0 0;  color: #fff;}
.boardmainTextA .prewrap{padding:20px;font-family: NotoSansKR;font-size: 14px;line-height: 1.5;}
.boardAnswer span{float:right;font-size: 14px;font-weight: normal;margin-top: 3px;;}

.boardmainTextC{margin:40px 0 10px;padding:20px 30px;background-color:#fcda06;border-radius:15px;position:relative;}
.boardmainTextC .boardAtime{font-size:13px;letter-spacing: -1px;margin-bottom:15px;color:#888;}
.boardmainTextC .boardAnswer{padding:5px 0;font-size:22px;}
.boardmainTextC .prewrap{font-size:17px;}

.consulTable{}
.boardTable .horizonTable.consulTable  tbody tr td:nth-child(2){width:10%;}
.boardTable .horizonTable.consulTable  tbody tr td:nth-child(3){width:15%;}
.boardTable .horizonTable.consulTable  tbody tr td:nth-child(4){text-align: center;font-size: 15px;width:10%;}
.cns_label{ display: inline-block;padding:3px 10px;color:#fff;font-size: 12px; border-radius: 25px;; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.cns_label.cns_wait{background-color: #aaa;}
.cns_label.cns_ok{background-color: #013660;}
.boardTable .horizonTable tbody tr td svg{float:right;color:#ccc;}


.Qamaint{padding-left: 40px;;}

.consultAtop{margin-top:50px;}
.consultAtop .tableTit{font-size: 17px;color: #8a9196;}
.consultAtop ul{border:0px solid #013660;background-color: #eee;border-radius: 5px;width: 80%;margin-top: 10px;}
.consultAtop ul li{border-bottom:0px solid #edd;padding:10px 0 10px 10px;font-size: 12px;font-family: NotoSansKR;;}
.consultAtop ul li span{float:right;padding-right: 10px;font-weight: 600;font-size: 13px;}


  /*** wirte ***/
  
  .wirteLine{padding: 15px 0; border-bottom: 1px solid #e6e6e6;}
  
  .writetit{width:15%;font-size: 16.5px; font-weight: 800;color: #414141;vertical-align: middle;}
  .writeinput{width:84%;}
  .writeinput input{ width: 100%; height: 50px; background-color: #f7f7f7; border:0px; padding-left: 15px; box-sizing: border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
  .writeinput input:hover{ background-color: #efefef; }
  .writeinput textarea{width:100%;border:0px; background-color: #f7f7f7;height: 290px;padding: 10px 15px;box-sizing: border-box;;}
  .writeinput textarea:hover{ background-color: #efefef; }
  
  .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
  .filebox label { display: inline-block; padding: 15px .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; } /* named upload */ 
  .filebox .upload_name { display: inline-block;width: calc(100% - 74px); padding: .15px .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
  
  .secCol{background-color: #f5f5f5;padding-top:100px!important;}
  



  /** Input Boxes **/

/* checkbox_btns */

input[type="checkbox"] {
  display:none;
}

input[type="checkbox"] + label {
  color:#333;
  font-family:nanumsquare;
  font-size:12px;
  letter-spacing: -1px;
      margin-right: 20px;
      cursor:pointer;
  
}

input[type="checkbox"] + label span {
  display:inline-block;
  width:17px;
  height:17px;
  margin:-1px 10px 0 0;
  vertical-align:middle;
  border: 1px solid #808080;
  /*background-color: #fff;
  border: 1px solid #808080;*/
    cursor:pointer;

}

input[type="checkbox"]:checked + label span {
  
  position: relative;
  border: 1px solid #2760af;
  transition:0.2s ease-in;
  position:relative;


}
input[type="checkbox"]:hover + label span {
  position: relative;
  

}
 input[type="checkbox"]:hover + label span::after {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #aac9f3;
  position: absolute;
  top: 3px;
  left: 3px;

} 


input[type="checkbox"]:checked + label span::after {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #2760af;
  position: absolute;
  top: 3px;
  left: 3px;

  transition:0.2s ease-in;


}