.s_point{
   font-family: Noto Sans KR;
   font-weight: bold; 
   color: black;
   border-bottom: 3px solid;
   padding-bottom: 0px;
  }

  .s_point:hover{
   font-weight: bold; 
   color: black;
   border-bottom: 3px solid;
   padding-bottom: 0px;
   text-decoration: none;
  }

	 .no_select{
	   font-family: Noto Sans KR;
	   font-weight: 300; 
	   font-size: 18px;
	   color: #949494;
	  }

	  .no_select:hover{
	    text-decoration: none;
	    font-weight: bold; 
	    font-size: 18px;
	    color: black;
	    border-bottom: 3px solid;
	    padding-bottom: 0px;
	  }

.t_sub{
 padding-left: 55px;
}

.sub_title{
    font-weight: bold;
}

.col-g{

background: #d7e6f4; /* Old browsers */
background: -moz-linear-gradient(top,  #d7e6f4 0%, #ffffff 54%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d7e6f4 0%,#ffffff 54%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d7e6f4 0%,#ffffff 54%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e6f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.hit_h{
 padding-top: 3px;
}

.black_sub{
 color:black;
}

.black_sub:hover{
 color:black;
 text-decoration: none;
}


.tab_li{
	width: 50%;
    text-align: center;
    font-size: 2vh;
    background-color: #909696;
}

.tab_li>a{
 color:white;
}

.tab_li>a:hover{
 font-weight: bold;
 color:white;
}

.tab_li .nav-link.active{
color:white !important;
 background-color: #06c0cd !important;
 font-weight: bold;
 position: relative;/*ÀÌ·¸°Ô ¼³Á¤ÇØ¾ß .active µû¶ó À̵¿ÇÔ*/
}

/*bottom arrow*/
.tab_li .nav-link.active:after{
 content:"";
 position: absolute;
 left: 47%;
 top: 95%;
 border-left: 20px solid transparent;
 border-right: 20px solid transparent;
 border-top: 30px solid #06c0cd;
 z-index:10;
}


/*tab menu*/
.nav-tabs{
 border: 0 !important;
}

.nav-tabs .nav-link{
 border: 0 !important;
 border-top-left-radius: 0rem !important;
 border-top-right-radius: 0rem !important;
}

.font-bm{
 font-size:2.5vh;
}

.font-m{
 font-size:2vh;
}

.font-b{
 font-weight: bold;
}

.font-center{
     text-align: center;
}

.font-pp{
     padding-left: 5em !important;
}

.font-s{
  font-size: 0.8rem;
}

.btn-t{
    border: 0;
    background-color: #6d6d6d;
    color: white;
}

.btn-t2{
    border: 0;
    background-color: #f27549;
    color: white;
	font-weight: 500;
}

.btn-t3{
    border: 0;
    background-color: #0d8ab6;
    color: white;
	font-weight: 500;
}

.round-b{
	border: 2px solid #cccccc;
    border-radius: 10px;
}

.fit-padding{
   padding-left: 35px !important;
   padding-right: 35px !important;
}

@media screen and (min-width: 300px) {
  .css_img{
	  max-width: 60% !important
	}
}

@media screen and (min-width: 500px) {
   .css_img{
	  max-width: 65% !important
	}
}

@media screen and (min-width: 650px) {
   .css_img{
	  max-width: 70% !important
	}
}

@media screen and (min-width: 768px) {
	.css_img{
	  max-width:75% !important
	}
}


@media screen and (min-width: 1024px) {
   .css_img{
	  max-width:80% !important
	}
}

@media screen and (min-width: 1100px) {
	.css_img{
	  max-width:87% !important
	}
}