/*
 * moowabo.style.css (http://moowabo.com)
 * MOOWABO - GOOBEEGOOBEE 
 * Each annotation except mwb,gb,moowabo,goobeegoobee has a different license.
 * 각각의 주석에 영문,국문이 혼용되어 있습니다.
*/

/* MOOWABO-GB 반응형에 맞춰 css 바뀌거나 추가한 모든 내용을 아래에서 기재합니다 
 * 글자크기 조절, 테두리, 마진값, 패딩값, 플로팅, 배경값 등
 * 필요한 내용을 여기에 추가하거나 뺄 수 있습니다.
*/

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* 사용할 폰트를 임포트하고 font-family는 아래와 같이 정의됩니다.
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Brush Script', cursive;
*/


/*==================================================================*/
/*==moowabo.com 반응형 공통=========================================*/
/*==http://moowabo.com/=============================================*/
/*==================================================================*/

html {font-family: 'Noto Sans KR', 'Nanum Gothic','돋움','Dotum', sans-serif; }

h1,.h1 {font-size: 28px;}
h2,.h2 {font-size: 24px;}
h3,.h3 {font-size: 20px;}
h4,.h4 {font-size: 18px;}
h5,.h5 {font-size: 16px;}
h6,.h6 {font-size: 14px;}

a:hover, a:focus {text-decoration:none; color:#e8893d; }


.mwb-ff-ng {font-family:'Nanum Gothic','돋움','Dotum' !important; }
.mwb-ff-noto {font-family:'Noto Sans KR','돋움','Dotum' !important; }
.mwb-ff-np {font-family:'Nanum Pen Script','명조' !important; }

.mwb-fz-1   {font-size:1em !important; }
.mwb-fz-125 {font-size:1.25em !important; }
.mwb-fz-15  {font-size:1.5em !important; }
.mwb-fz-175 {font-size:1.75em !important; }
.mwb-fz-2   {font-size:2em !important; }
.mwb-fz-225 {font-size:2.25em !important; }
.mwb-fz-25  {font-size:2.5em !important; }
.mwb-fz-275 {font-size:2.75em !important; }
.mwb-fz-3   {font-size:3em !important; }
.mwb-fz-325 {font-size:3.25em !important; }
.mwb-fz-35  {font-size:3.5em !important; }
.mwb-fz-375 {font-size:3.75em !important; }
.mwb-fz-4   {font-size:4em !important; }
.mwb-fz-425 {font-size:4.25em !important; }
.mwb-fz-45  {font-size:4.5em !important; }
.mwb-fz-475 {font-size:4.75em !important; }

.mwb-bda-1 {border:1px solid #c7c7c7 !important;}
.mwb-bdt-1 {border-top:1px solid #c7c7c7 !important;}
.mwb-bdr-1 {border-right:1px solid #c7c7c7 !important;}
.mwb-bdb-1 {border-bottom:1px solid #c7c7c7 !important;}
.mwb-bdl-1 {border-left:1px solid #c7c7c7 !important;}

.mwb-bda-dashed-1 {border:1px dashed #c7c7c7 !important;}
.mwb-bdt-dashed-1 {border-top:1px dashed #c7c7c7 !important;}
.mwb-bdr-dashed-1 {border-right:1px dashed #c7c7c7 !important;}
.mwb-bdb-dashed-1 {border-bottom:1px dashed #c7c7c7 !important;}
.mwb-bdl-dashed-1 {border-left:1px dashed #c7c7c7 !important;}

.mwb-all-p-0  { padding:0 !important; }
.mwb-all-p-5  { padding:5px !important; }
.mwb-all-p-10 { padding:10px !important; }
.mwb-all-p-15 { padding:15px !important; }
.mwb-all-p-20 { padding:20px !important; }
.mwb-all-p-30 { padding:30px !important; }
.mwb-all-p-40 { padding:40px !important; }
.mwb-all-p-50 { padding:50px !important; }
.mwb-all-p-60 { padding:60px !important; }
.mwb-all-p-70 { padding:70px !important; }
.mwb-all-p-80 { padding:80px !important; }
.mwb-all-p-90 { padding:90px !important; }
.mwb-all-p-100 {padding:100px !important; }

.mwb-all-m-0  { margin:0 !important; }
.mwb-all-m-5  { margin:5px !important; }
.mwb-all-m-10 { margin:10px !important; }
.mwb-all-m-15 { margin:15px !important; }
.mwb-all-m-20 { margin:20px !important; }
.mwb-all-m-30 { margin:30px !important; }
.mwb-all-m-40 { margin:40px !important; }
.mwb-all-m-50 { margin:50px !important; }
.mwb-all-m-60 { margin:60px !important; }
.mwb-all-m-70 { margin:70px !important; }
.mwb-all-m-80 { margin:80px !important; }
.mwb-all-m-90 { margin:90px !important; }
.mwb-all-m-100 {margin:100px !important; }

.mwb-both-p-0  { padding-right:0px !important; padding-left:0px !important; }
.mwb-both-p-5  { padding-right:5px !important; padding-left:5px !important; }
.mwb-both-p-10 { padding-right:10px !important; padding-left:10px !important; }
.mwb-both-p-15 { padding-right:15px !important; padding-left:15px !important; }
.mwb-both-p-20 { padding-right:20px !important; padding-left:20px !important; }
.mwb-both-p-30 { padding-right:30px !important; padding-left:30px !important; }
.mwb-both-p-40 { padding-right:40px !important; padding-left:40px !important; }
.mwb-both-p-50 { padding-right:50px !important; padding-left:50px !important; }
.mwb-both-p-60 { padding-right:60px !important; padding-left:60px !important; }
.mwb-both-p-70 { padding-right:70px !important; padding-left:70px !important; }
.mwb-both-p-80 { padding-right:80px !important; padding-left:80px !important; }
.mwb-both-p-90 { padding-right:90px !important; padding-left:90px !important; }
.mwb-both-p-100 {padding-right:100px !important; padding-left:100px !important; }

.mwb-both-m-0  { margin-right:0px !important; margin-left:0px !important; }
.mwb-both-m-5  { margin-right:5px !important; margin-left:5px !important; }
.mwb-both-m-10 { margin-right:10px !important; margin-left:10px !important; }
.mwb-both-m-15 { margin-right:15px !important; margin-left:15px !important; }
.mwb-both-m-20 { margin-right:20px !important; margin-left:20px !important; }
.mwb-both-m-30 { margin-right:30px !important; margin-left:30px !important; }
.mwb-both-m-40 { margin-right:40px !important; margin-left:40px !important; }
.mwb-both-m-50 { margin-right:50px !important; margin-left:50px !important; }
.mwb-both-m-60 { margin-right:60px !important; margin-left:60px !important; }
.mwb-both-m-70 { margin-right:70px !important; margin-left:70px !important; }
.mwb-both-m-80 { margin-right:80px !important; margin-left:80px !important; }
.mwb-both-m-90 { margin-right:90px !important; margin-left:90px !important; }
.mwb-both-m-100 {margin-right:100px !important; margin-left:100px !important; }

.mwb-pt-0  { padding-top:0 !important; }
.mwb-pt-5  { padding-top:5px !important; }
.mwb-pt-10 { padding-top:10px !important; }
.mwb-pt-15 { padding-top:15px !important; }
.mwb-pt-20 { padding-top:20px !important; }
.mwb-pt-30 { padding-top:30px !important; }
.mwb-pt-40 { padding-top:40px !important; }
.mwb-pt-50 { padding-top:50px !important; }
.mwb-pt-60 { padding-top:60px !important; }
.mwb-pt-70 { padding-top:70px !important; }
.mwb-pt-80 { padding-top:80px !important; }
.mwb-pt-90 { padding-top:90px !important; }
.mwb-pt-100 {padding-top:100px !important; }

.mwb-pr-0  { padding-right:0 !important; }
.mwb-pr-5  { padding-right:5px !important; }
.mwb-pr-10 { padding-right:10px !important; }
.mwb-pr-15 { padding-right:15px !important; }
.mwb-pr-20 { padding-right:20px !important; }
.mwb-pr-30 { padding-right:30px !important; }
.mwb-pr-40 { padding-right:40px !important; }
.mwb-pr-50 { padding-right:50px !important; }
.mwb-pr-60 { padding-right:60px !important; }
.mwb-pr-70 { padding-right:70px !important; }
.mwb-pr-80 { padding-right:80px !important; }
.mwb-pr-90 { padding-right:90px !important; }
.mwb-pr-100 {padding-right:100px !important; }

.mwb-pb-0  { padding-bottom:0 !important; }
.mwb-pb-5  { padding-bottom:5px !important; }
.mwb-pb-10 { padding-bottom:10px !important; }
.mwb-pb-15 { padding-bottom:15px !important; }
.mwb-pb-20 { padding-bottom:20px !important; }
.mwb-pb-30 { padding-bottom:30px !important; }
.mwb-pb-40 { padding-bottom:40px !important; }
.mwb-pb-50 { padding-bottom:50px !important; }
.mwb-pb-60 { padding-bottom:60px !important; }
.mwb-pb-70 { padding-bottom:70px !important; }
.mwb-pb-80 { padding-bottom:80px !important; }
.mwb-pb-90 { padding-bottom:90px !important; }
.mwb-pb-100 {padding-bottom:100px !important; }

.mwb-pl-0  { padding-left:0 !important; }
.mwb-pl-5  { padding-left:5px !important; }
.mwb-pl-10 { padding-left:10px !important; }
.mwb-pl-15 { padding-left:15px !important; }
.mwb-pl-20 { padding-left:20px !important; }
.mwb-pl-30 { padding-left:30px !important; }
.mwb-pl-40 { padding-left:40px !important; }
.mwb-pl-50 { padding-left:50px !important; }
.mwb-pl-60 { padding-left:60px !important; }
.mwb-pl-70 { padding-left:70px !important; }
.mwb-pl-80 { padding-left:80px !important; }
.mwb-pl-90 { padding-left:90px !important; }
.mwb-pl-100 {padding-left:100px !important; }

.mwb-mt-0  {margin-top:0 !important; }
.mwb-mt-5  { margin-top:5px !important; }
.mwb-mt-10 { margin-top:10px !important; }
.mwb-mt-15 { margin-top:15px !important; }
.mwb-mt-20 { margin-top:20px !important; }
.mwb-mt-30 { margin-top:30px !important; }
.mwb-mt-40 { margin-top:40px !important; }
.mwb-mt-50 { margin-top:50px !important; }
.mwb-mt-60 { margin-top:60px !important; }
.mwb-mt-70 { margin-top:70px !important; }
.mwb-mt-80 { margin-top:80px !important; }
.mwb-mt-90 { margin-top:90px !important; }
.mwb-mt-100 {margin-top:100px !important; }

.mwb-mr-0  { margin-right:0 !important; }
.mwb-mr-5  { margin-right:5px !important; }
.mwb-mr-10 { margin-right:10px !important; }
.mwb-mr-15 { margin-right:15px !important; }
.mwb-mr-20 { margin-right:20px !important; }
.mwb-mr-30 { margin-right:30px !important; }
.mwb-mr-40 { margin-right:40px !important; }
.mwb-mr-50 { margin-right:50px !important; }
.mwb-mr-60 { margin-right:60px !important; }
.mwb-mr-70 { margin-right:70px !important; }
.mwb-mr-80 { margin-right:80px !important; }
.mwb-mr-90 { margin-right:90px !important; }
.mwb-mr-100 {margin-right:100px !important; }

.mwb-mb-0  {margin-bottom:0 !important; }
.mwb-mb-5  { margin-bottom:5px !important; }
.mwb-mb-10 { margin-bottom:10px !important; }
.mwb-mb-15 { margin-bottom:15px !important; }
.mwb-mb-20 { margin-bottom:20px !important; }
.mwb-mb-30 { margin-bottom:30px !important; }
.mwb-mb-40 { margin-bottom:40px !important; }
.mwb-mb-50 { margin-bottom:50px !important; }
.mwb-mb-60 { margin-bottom:60px !important; }
.mwb-mb-70 { margin-bottom:70px !important; }
.mwb-mb-80 { margin-bottom:80px !important; }
.mwb-mb-90 { margin-bottom:90px !important; }
.mwb-mb-100 {margin-bottom:100px !important; }

.mwb-ml-0  {margin-left:0 !important; }
.mwb-ml-5  { margin-left:5px !important }
.mwb-ml-10 { margin-left:10px !important }
.mwb-ml-15 { margin-left:15px !important }
.mwb-ml-20 { margin-left:20px !important }
.mwb-ml-30 { margin-left:30px !important }
.mwb-ml-40 { margin-left:40px !important }
.mwb-ml-50 { margin-left:50px !important }
.mwb-ml-60 { margin-left:60px !important }
.mwb-ml-70 { margin-left:70px !important }
.mwb-ml-80 { margin-left:80px !important }
.mwb-ml-90 { margin-left:90px !important }
.mwb-ml-100 {margin-left:100px !important }

.mwb-float-right {float:right !important; }
.mwb-float-left {float:left !important; }
.mwb-bg-white {background-color:#ffffff !important; }
.mwb-bg-transparent {background-color: transparent !important;}
.mwb-bg-primary {background-color: #375383 !important; color:#fff !important; }
.mwb-bg-dark {background-color:#414141 !important; color:#fff !important; }
.mwb-minheight-150 {min-height:150px !important; }
.mwb-minheight-210 {min-height:210px !important; }
.mwb-minheight-380 {min-height:380px !important; }

.mwb-clear-both {content: ""; clear:both; display:block; }

.mwb-img-100 {width:100%; height:auto; } /* 이미지 파일 넓이 100% 가변으로 바꾸기 */
.mwb-img-auto {margin-left:auto; margin-right:auto; } /* 너비 정해진 이미지 파일 가운데 정렬 */

/*스마트에디터 단축키일람 스타일 시작*/
.cke_sc {
  margin: 0 0 5px;
  text-align: right;
}
.btn_cke_sc {
  display: inline-block;
  padding: 0 10px;
  height: 23px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  line-height: 23px;
  vertical-align: middle;
  cursor: pointer;
  font-size: 12px;
  display:none !important; 
}
/*스마트에디터 단축키일람 스타일 끝*/

/*==================================================================*/
/*==무와보에서 변경한 bootstrap.css 값==============================*/
/*==http://moowabo.com/=============================================*/
/*==================================================================*/
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  border-bottom: none; /* MWBGB 변경 20170216 */
}
label {margin-bottom:0; }


/*==================================================================*/
/*==무와보에서 제공하는 필드세트====================================*/
/*==http://moowabo.com/=============================================*/
/*==================================================================*/

.mwb-field-set {}
.mwb-field-set li {}
.mwb-field-set label{
}
.mwb-field-divide,
.mwb-field-long,
.mwb-field-select,
.mwb-field-textarea,
.mwb-field-set input[type=text], 
.mwb-field-set input[type=date],
.mwb-field-set input[type=datetime],
.mwb-field-set input[type=number],
.mwb-field-set input[type=search],
.mwb-field-set input[type=time],
.mwb-field-set input[type=url],
.mwb-field-set input[type=email],
 textarea, 
 select{
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     border:1px solid #BEBEBE;
     padding: 5px;
     margin:0px;
     -webkit-transition: all 0.30s ease-in-out;
     -moz-transition: all 0.30s ease-in-out;
     -ms-transition: all 0.30s ease-in-out;
     -o-transition: all 0.30s ease-in-out;
     outline: none;  
}
.mwb-field-divide:focus,
.mwb-field-long:focus,
.mwb-field-select:focus,
.mwb-field-textarea:focus,
.mwb-field-set input[type=text]:focus, 
.mwb-field-set input[type=date]:focus,
.mwb-field-set input[type=datetime]:focus,
.mwb-field-set input[type=number]:focus,
.mwb-field-set input[type=search]:focus,
.mwb-field-set input[type=time]:focus,
.mwb-field-set input[type=url]:focus,
.mwb-field-set input[type=email]:focus,
.mwb-field-set textarea:focus, 
.mwb-field-set select:focus{
     -moz-box-shadow: 0 0 8px #88D5E9;
     -webkit-box-shadow: 0 0 8px #88D5E9;
     box-shadow: 0 0 8px #88D5E9;
     border: 1px solid #88D5E9;
}
.mwb-field-set .mwb-field-divide, .mwb-field-divide{
     width: 49%;
     max-width:300px;
     font-size:14px; 
     line-height:18px;
}

.mwb-field-set .mwb-field-long, .mwb-field-long{
     width: 100%;
     font-size:14px; 
     line-height:18px;
}
.mwb-field-set .mwb-field-select, .mwb-field-select{
     width: 100%;
     max-width:300px; 
     font-size:14px; 
     line-height:18px;
     height:30px; 
     color:#333; 
}
.mwb-field-set .mwb-field-select option, .mwb-field-select option{
  font-size:14px; 
  line-height:24px; 
  padding:7px; 
}
.mwb-field-set .mwb-field-textarea, .mwb-field-textarea{
     width:100%; 
     height: 100px;
     font-size:14px; 
     line-height:18px; 
}
.mwb-field-set input[type=submit], .mwb-field-set input[type=button], .mwb-field-submit{
     background: #4B99AD;
     padding: 5px 10px;
     border: 1px solid #4B99AD;
     color: #fff;
     border-radius: 3px;
     font-size: 12px;
     line-height:18px; 
}
.mwb-field-set input[type=submit]:hover, .mwb-field-set input[type=button]:hover, .mwb-field-submit:hover{
     background: #4691A4;
     box-shadow:none;
     -moz-box-shadow:none;
     -webkit-box-shadow:none;
}
.mwb-field-set .mwb-required, .mwb-required{
     color:red;
}


/*==================================================================*/
/*==무와보에서 제공하는 반응형 설정=================================*/
/*==http://moowabo.com/=============================================*/
/*==================================================================*/

@media (min-width:440px) { /* 440px 보다 클 경우 */
}

@media (max-width:439px) { /* 439px 보다 작을 경우 */
}

@media (min-width:768px) { /* 768px 보다 클 경우 */
}

@media (max-width:767px) { /* 767px 보다 작을 경우 */
}

@media (min-width:992px) { /* 992px 보다 클 경우 */
}

@media (max-width:991px) { /* 991px 보다 작을 경우 */
}

@media (min-width:1200px) { /* 1200px 보다 클 경우 */
}

@media (min-width:1199px) { /* 1199px 보다 클 경우 */
}

@media (min-width:440px) and (max-width:767px) {
}

@media (min-width:768px) and (max-width:991px) {
}

@media (min-width:992px) and (max-width:1199px) {
}