/*
 * 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;
}
/*==================================================================*/
/*==무와보에서 변경한 bootstrap.css 값==============================*/
/*==http://moowabo.com/=============================================*/
/*==================================================================*/

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    /* padding-right: 6px;
  padding-left: 6px; */
}

.mwb-col-last {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*==================================================================*/
/*==무와보에서 제공하는 필드세트====================================*/
/*==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.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s 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;
}

/* animated offset 체크하기 viewportchecker.js, animate.min.css 와 함께 사용 */
.mwb-animate-hidden {
    opacity: 0;
}
.mwb-animate-visible {
    opacity: 1;
}

/*==================================================================*/
/*==무와보에서 제공하는 반응형 설정=================================*/
/*==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) {
}