/*반응형 css 기본 세팅*/
/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: bold;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
/*기본속성*/
@media(max-width:768px) {
	.m-none {display:none !important;}
}

.clearFix{*zoom:1;*display:block;}
.clearFix:after{content:"";display:block;clear:both;}

.radius-none {border-radius:0 !important;}
/*버튼 색상설정*/
.hover-white{color:#fff !important;}
.btn.btn-white {
	background-color:#fff;
	border-color:#333;
	color:#333;
}
.btn.btn-gray {
	background-color:#ccc;
	border-color:#aaa;
	color:#444;
}
.btn.btn-black {
	background-color:#000;
	border-color:#000;
	color:#fff;
}

.btn.btn-red {
	background-color:#d50202;
	border-color:#d50202;
	color:#fff;
}

.btn.btn-orange2 {
	background-color:#ffdc8b;
	border-color:#ffdc8b;
	color:#000;
}

/*구분 선*/

.line-1p {width:100%; border-top:1px solid #ddd;}

/*가로 세로 사이즈*/
.wp100{width:100% !important}

/*패딩*/
.pd-none-all {padding:0 !important;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}




/*정렬*/

.text-center {text-align:center !important}
.text-right {text-align:right !important}
.text-left {text-align:left !important}

.grid-center {float:none !important; margin:0 auto !important;}

/*기본 세팅 0*/
.default-MP0 {padding:0 !important; margin:0!important;}
.bold {font-weight:bold;}

/*마진*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}

/*폰트 사이즈*/
h1 {font-size:50px;}
h2 {font-size:45px;}
h3 {font-size:40px;}
h4 {font-size:35px;}
h5 {font-size:30px;}
h6 {font-size:20px;}

@media(max-width:768px) {
	h1 {font-size:40px;}
	h2 {font-size:35px;}
	h3 {font-size:30px;}
	h4 {font-size:25px;}
	h5 {font-size:20px;}
	h6 {font-size:16px;}
	.fs50 {font-size:40px !important}
	.fs60 {font-size:50px !important}
}

.fs11 {font-size:11px !important}
.fs12 {font-size:12px !important}
.fs13 {font-size:13px !important}
.fs14 {font-size:14px !important}
.fs50 {font-size:50px !important}
.fs60 {font-size:60px !important}


p.small-font {font-size:16px; font-weight:normal !important; line-height:22px !important;}

/*색상*/
.Color-White{color:#fff !important;}
.Color-black{color:#000 !important;}
.Color-Yellow{color:#FEB123 !important;}
.Color-Red{color:#bb0000 !important;}
.Color-Gray{color:#666 !important;}

.grayscale { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}

.grayscale:hover { 
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}

/*배경색*/
.bgColor-white {background:#ffffff !important;}


.Title-area {
 padding:50px 0;
}

/**/
.div-textarea {min-height:250px; overflow-y:scroll;}

/**/

  .slideanim1,.slideanim2,.slideanim3,.slideanim4,.slideanim5 {visibility:hidden;}
  .slide-view1,.slide-view2,.slide-view3,.slide-view4,.slide-view5 {
      animation-name: slide-view;
      -webkit-animation-name: slide-view;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide-view {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide-view {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }


/*추가 부트스트랩 속성*/

.jumbotron.small {padding:20px !important}

.col-no-pd {padding:0 !important;}
.col-xs-pl5-none {padding-left:5px !important;}
@media(max-width:768px) {
.col-xs-no-pd {padding:0 !important;}
.col-xs-mb5 {margin-bottom:5px;}
.col-xs-pl5-none {padding-left:0 !important}
}


/*이미지 반응시 변경 css*/

.img-md-view,.img-sm-view,.img-xs-view {display:none;}
@media(min-width:993px) {.img-md-view {display:block;} }
@media(max-width:992px) {.img-sm-view {display:block;}}
@media(max-width:768px) {.img-xs-view {display:block;}}

/*줄바꿈 셋팅*/

@media(max-width:768px) {br.sm-none {display:none !important;}}