

  /* #wrap_content {
    font-family: "S-CoreDream"; font-size: 0.85rem; letter-spacing: -0.07rem;
  } */


  /* #wrap_content > p, span, div{
    font-size: 0.95rem !important; 
    letter-spacing: -0.03rem;
  } */


  * { 
    font-family:"GmarketSansMedium";
    font-size: 1rem;
    /* font-weight: 500; */
   }


   /* b { 
    font-family:"GmarketSansLight";
    font-size: 1rem;
    font-weight: 900 !important;
   } */



.noti li { list-style: none !important;}


/* .noti li { line-height: 220% !important} */

img {
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    backface-visibility: hidden;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
}

.imgs {
  image-rendering: -moz-crisp-edges; /* firefox */
  image-rendering: -o-crisp-edges; /* opera */
  image-rendering: -webkit-optimize-contrast; /* chrome */
  image-rendering: crisp-edges;
}

.imgbg {
  image-rendering: -webkit-optimize-contrast !important;
  /* image-rendering: -webkit-optimize-contrast; */
  image-rendering: pixelated;
  /* z축을 0으로 초기화, 입체감 삭제 */
  transform: translateZ(0);
  /* 뒷면 숨기기, 입체감 삭제 */
  backface-visibility: hidden;
  width    : 100%;
  height   : 100%;
}

a {
    color: #252525;
    text-decoration: none !important;
}

.subtit00 {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.05rem;
    /* font-family: 'Do Hyeon', sans-serif; */
    /* font-family: 'Gugi', cursive; */
    /* font-family: 'Black Han Sans', sans-serif; */

}

.subtit01 {
    font-family: 's5';
    font-weight: 700 !important;
}

.subcontit {
    font-weight: 500 !important;
    color: #000000 !important;
}

.sstit {
    color: #2B6FC2 !important;
}


.grd-1 {
  display: inline-block;
  /* margin: 50px auto 0; */
  /* padding: 10px 25px; */
  background: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.border-0 {
  border: 0px !important; 
}

.container, .container-fluid, .row {
    font-family : 's4' !important;
    /* border: 2px solid red !important; */
    /* font-family: "doutm" !important; */
    /* font-size: 1rem !important; */
    /* font-family: 'NanumSquare' !important; */
    /* letter-spacing: -0.05rem; */
    /* color: #858585 !important; */
}

.main-banner {
  height: 700px !important;
}


.bd-right {
  border-right: 1px solid #dedede;
}

.bd-right-white {
  border-right: 1px solid #FFFFFF;
}

.bd-solid-1 {
    border-bottom: 1px solid #404040 !important;
}

.bd-solid-gray-1 {
  border-bottom: 1px solid #eeeeee !important;
}

.bd-solid-2 {
  border-bottom: 2px solid #000000 !important;
}

.bdb-solid-2 {
  border-bottom: 2px solid #000000 !important;
}


.bdt-solid-1 {
  
  border-top: 1px solid #c0c0c0 !important;
  z-index: 100;

  }
  
.bdt-solid-2 {
  border-top: 2px solid #000000 !important;
}


.bd-solid-blue-2 {
  border-bottom: 2px solid #0b8bf4 !important;
}

.bd-dotted-1 {
    border-bottom: 1px dotted #404040 !important;
}

.bd-dotted-gray {
  border-bottom: 1px dotted #dadada !important;
}

.bd-gray-all{
  border: 1px solid #dbdbdb !important;
}

.bd-gray-all-2{
  border: 2px solid #dbdbdb !important;
}

.bd-gray-all-3{
  border: 3px solid #dbdbdb !important;
}

.bd-blue-all{
  border: 1px solid #245099 !important;
}


.cursor-pointer {
  cursor: pointer !important;
}

.text-gray {
  color: #9c9c9c !important;
}

.text-gray-1 {
  color: #d3d3d3 !important;
}



.text-warning-2 {
  color: #f09593 !important;
}

.text-blue-2 {
  color: #0b8bf4 !important;
}


.text-green-1 {
  color: #61BFAD !important;
}

.text-bora-1 {
  color: #5C469C !important;
}


/* border  */
.border-dark {
  border:1px solid #000000;
}

.border-red {
  border:1px solid red;
}


.border-gray {
  border:1px solid #dddddd;
}


.border-b1 {
  border-bottom: 1px solid #e0e0e0;
}




.bg-gray {
    background: #f6f6f6 !important;
}

.bg-gray-10 {
  background: #282828 !important;
}


.bg-gray-1 {
  background: #ebebeb !important;
}


.bg-blue-soft {
  background: #2e4681 !important;
  color: #FFFFFF !important;
}


.bg-blue-1 {
  background: #4089cc !important;
}

.bg-blue-2 {
  background: #71a7d9 !important;
}



.bg-yellow-1 {
  background: #fefac2 !important;
}


.bg-bora-1 {
  background: #5C469C !important;
}


.bg-ju-1 {
  background: #fac79c !important;
  }

.wd-100 {
    max-width: 100px !important;
}



input::placeholder {
  color: #a4a4a4 !important;;
  /* font-style: italic; */
  font-size: 0.85rem !important;
}


textarea::placeholder {
  /* color: blue; */
  /* font-weight: bold; */
  color: #a4a4a4 !important;;
  font-size: 0.85rem !important;
}




/* foot */
.foot-flu {
    border-top: 1px solid #eee;
    padding   : 2rem;
}

.foot-flu .col-12 {
    padding-left : 0;
    padding-right: 0;
}

.foot-row {
    font-family: 'Roboto', 'NanumSquare';
    font-size  : 1.1rem;
}

.foot-row h6 {
    font-size  : 1.2rem;
    color      : #aaa;
    font-weight: 900;
}

.foot-row b {
    font-weight: 900;
}

.copy-flu {
    background: #1d183c;
    color     : #fff;
    padding   : 1rem 0;
}

.copy {
    font-family: 'Roboto', 'NanumSquare';
    font-size  : .6rem;
    font-weight: 600;
    text-align : right;
}

.page-up {
    position       : fixed;
    right          : 1rem;
    bottom         : 1rem;
    width          : 4rem;
    height         : 4rem;
    display        : flex;
    justify-content: center;
    align-items    : center;
    font-size      : 1.2rem;
    background     : #1d183c;
    color          : #fff;
}


.menu_left ul li {
  list-style: none !important;
}
/* foot end */



.boxshadow-01 {
  box-shadow: 1px 1px 10px 10px rgba(0, 0, 0, 0.01);
}

.boxshadow-05 {
  box-shadow: 1px 1px 10px 10px rgba(0, 0, 0, 0.05);
}

.bdr-no {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
}

#main_notices .active {
  /* font-weight: 700; */
  font-family : 's6';
  font-size: 0.95rem !important;
  /* padding-bottom: 0.2rem;
  border-bottom: 2px solid rgb(7, 105, 185); */
}

#main_notices > .st {
  cursor: pointer;
}


/* checkbox*/


/* The customcheck */
.customcheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  /* font-size: 0.85rem; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked~.checkmark {
  background-color: #02cf32;
  border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



/* checkbox*/

/* radio */



/* radio */


.bd-radius-03 { border-radius: 0.3rem ; -webkit-border-radius: 0.3rem ; -moz-border-radius: 0.3rem ; -ms-border-radius: 0.3rem ; -o-border-radius: 0.3rem ; }
.bd-radius-04 { border-radius: 0.4rem ; -webkit-border-radius: 0.4rem ; -moz-border-radius: 0.4rem ; -ms-border-radius: 0.4rem ; -o-border-radius: 0.4rem ; }
.bd-radius-05 { border-radius: 0.5rem ; -webkit-border-radius: 0.5rem ; -moz-border-radius: 0.5rem ; -ms-border-radius: 0.5rem ; -o-border-radius: 0.5rem ; }



.bd-bottom-nam-1 {
  color: #245099;
  font-weight: 600;
  border-bottom: 3px solid #245099;
}

.bg-ico {
  background-image: url('/img/bg-ico.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.bg-ico-sm {
  background-image: url('/img/bg-ico.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 5px;
  height: 5px;
  display: inline-block;
  vertical-align: middle;
}

.bg-text-bottom {
  background-image: url('/img/bg-text-bottom.png');
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: contain;
  vertical-align: middle;
  padding-bottom: 0.3rem;
  font-weight: 500;
  font-size: 1rem;
}

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink-effect 0.9s step-end infinite;
  /*animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */;
  -webkit-animation: blink-effect 0.9s step-end infinite;
}


/* #content_view *:not(i) {
  font-family: "GmarketSansLight";
  font-size: 1rem;
  font-weight: 900 !important;
  line-height: 1.7rem;
  letter-spacing: -0.02rem;
} */