/*반응형 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;}
}

.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;}

.pl05 {padding-left:5px;}
.pl08 {padding-left:8px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}


.pr05 {padding-right:5px;}
.pr08 {padding-right:8px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}
.pr80 {padding-right: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;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

/*폰트 사이즈*/
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;}
  @media(max-width:767px){
  	.slideanim1,.slideanim2,.slideanim3,.slideanim4,.slideanim5 {visibility:visible;}
  }
	

  .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;}}

/*dp 테이블*/
.dp-table{display:table;}
.dp-table-row{display:table-row;}
.dp-table-cell{display:table-cell;}
.vertical-middle{vertical-align:middle;}
.vertical-top{vertical-align:top;}

@media(max-width:992px){
	.text-center-sm {text-align:center !important;}
}
@media(max-width:767px){
	.text-center-xs {text-align:center !important;}
}

/*멤버*/
.member-skin-wrap h2 {font-size:30px; margin-bottom:20px;}
.member-skin-wrap .member-box{
	border:1px solid #ddd;
	border-top:2px solid #000;
	padding-top:40px;
	padding-bottom:40px;
}
.member-skin-wrap .login-box{
	border:1px solid #ddd;
	background:#f6f6f6;
	padding:30px;
	margin:30px 30px 10px 30px;
}
.member-skin-wrap .join-btn{
	padding:0 30px;
}
.member-skin-wrap .join-btn a{
	float:right
}
.member-skin-wrap .login-box input[type='submit']{
	background:#000;
	border:1px solid #000;
	color:#fff;
}
.member-skin-wrap .join-form-box table {
	border-top:2px solid #000;
	width:100%;
}
.member-skin-wrap .join-form-box table th {
	background:#f1f1f1; 
	border-right:1px solid #ddd; 
	border-bottom:1px solid #ddd;
	padding:10px 15px;
}
.member-skin-wrap .join-form-box table td{
	border-bottom:1px solid #ddd;
	padding:10px 15px;
}
@media(max-width:767px){
	.member-skin-wrap .join-form-box table th {
		background:#fff; 
		border-right:0; 
		border-bottom:0;
		padding:20px 15px 10px 15px;
		display:block;
		width:100%;
	}
	.member-skin-wrap .join-form-box table td{
		border-bottom:1px solid #ddd;
		padding:0px 15px 20px 15px;
		display:block;
		width:100%;
	}
	.member-skin-wrap .login-box{
	padding:20px;
	margin:30px 10px 10px 10px;
}
}