@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/



body { font-family: "Noto Sans KR",sans-serif,"Nanum Gothic","Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: 0px; font-size: 15px; background-color: #f8f8fa }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    /*font-family: inherit;
    font-weight: 500;*/
    line-height: 1.3;
    /*color: inherit;*/
    font-weight: 400;
}

/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 200;
    color: #231f20;
}

.h3, h3 {
    font-size: 34px;
    margin-top: 5px;
}
*/
p {
    font-size: 15px;
    color: #666;
    line-height: 22px;
}

a {
    cursor: pointer;
}


.form-control { font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif; }
/*a:hover,
a:focus {
    color: #414042;
    text-decoration: underline;
}


.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}*/

.wrap {
    display: block;
    width: 100%;
    clear: both;
}

    .wrap:after {
        display: block;
        height: 0;
        content: ".";
        font-size: 0;
        visibility: hidden;
        clear: both;
    }

.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: auto;
    margin-left: auto;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #beafa8;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #cdcdcd;
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        z-index: 3;
        color: #beafa8;
        background-color: #eee;
        border-color: #ddd;
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #999999;
    border-color: #cdcdcd;
}

.pagination > li > a {
    margin: 1px;
}


.h3, h3 {
    font-size: 23px;
}


/*@media (max-width:417px) {


    .content-img {        
        max-width: 100%;
        height: auto
    }
}*/

.tooltip.top .tooltip-inner {
    background-color: #3c322b;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #4f4640;
}


.mobile-block {
    display: block;
    padding-top: 10px;
}

.mobile-block-np {
    display: block;
    padding-top: 0;
}

/*.mobile-size {
    display: initial;
}*/

.tablet {
    display: initial;
}

.pc {
    display: none;
}

/* ===== 버튼 =========*/
.btn-consult {
    margin-top: 0;
    border-radius: 0;
}

    .btn-consult:hover {
        color: #fff;
        background-color: #3C322B;
        border-color: #adadad;
    }

/*최신글 목록 꾸미기*/
img.latest {
    /* vertical-align: middle; */
    /* text-align: -webkit-match-parent; */
    float: left;
    margin-right: 10px;
    border-radius: 5px;
    margin-top: 5px;
}


#return-to-top {
    z-index: 10;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(138, 125, 125);
    background: rgba(187, 180, 180, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 16px;
        top: 13px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgba(138, 125, 125, 0.9);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 5px;
        }


@media (min-width:768px) {

    .tablet {
        display: none;
    }

    .pc {
        display: block !important;
    }

    .pc-important {
        display: block;
    }

    .mobile-block {
        display: inline-block;
    }

    .mobile-block-np {
        display: inline-block;
    }

    .btn-consult {
        margin-top: 20px;
    }


    .modal-body {
        max-height: 730px;
        overflow-y: visible;
        overflow-x: hidden;
    }
}


@media (min-width:992px) {

    .modal-body {
        overflow-y: auto;
        max-height: 680px;
    }
}


@media (min-width: 1200px) {

    .modal-body {
        overflow-y: auto;
        max-height: 750px;
    }
}



/*::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}*/



ul.list-none { list-style: none; padding: 0; margin: 0; margin-top: 30px; }
 ul.list-none li { color: #696969; padding-bottom: 5px; }

ul.custom { list-style: none; padding: 0; margin: 0; margin-top: 30px; }
  ul.custom li { color: #696969; padding-bottom: 5px; display: table; }
    ul.custom li::before { content: "•\00a0"; color: #696969; display: table-cell; /* or whatever color you prefer */ }
    ul.custom li p { padding-left: 10px; font-size: 15px; line-height: 0.7em; padding-top: 5px; }






/*help*/
.width25 { width: 25px !important; display: inline-block; }
.width40 { width: 40px !important; display: inline-block; }
.width50 { width: 50px !important; display: inline-block; }
.width60 { width: 60px !important; display: inline-block; }
.width70 { width: 70px !important; display: inline-block; }
.width87 { width: 87px !important; margin-right: 3px; display: inline-block; }
.width88 { width: 88px !important; display: inline-block; }
.width100 { width: 100px !important; display: inline-block; }
.width120 { width: 120px !important; display: inline-block; }
.width130 { width: 130px !important; display: inline-block; }
.width150 { width: 150px !important; display: inline-block; }
.width200 { width: 200px !important; display: inline-block; }
.width245 { width: 245px !important; display: inline-block; }
.width250 { width: 250px !important; display: inline-block; }
.width300 { width: 300px !important; display: inline-block; }
.width400 { width: 400px !important; display: inline-block; }
.width500 { width: 500px !important; display: inline-block; }

.width368 { width: 368px !important; display: inline-block; }

/*width*/
.width10p { width: 10% !important; }
.width20p { width: 20% !important; }
.width30p { width: 30% !important; }
.width40p { width: 40% !important; }
.width50p { width: 50% !important; }
.width60p { width: 60% !important; }
.width70p { width: 70% !important; }
.width80p { width: 80% !important; }
.width90p { width: 90% !important; }
.width100p { width: 100% !important; display: inline-block; }


select.form-control { color: #ababab; }
    select.form-control option { color: #555; }
        select.form-control option:first-child { color: #ababab; }

/*margin*/
.margin-top-m10 { margin-top: -10px !important }
.margin-top-0 { margin-top: 0 !important }
.margin-top-3 { margin-top: 3px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-60 { margin-top: 60px !important; }
.margin-top-70 { margin-top: 70px !important; }
.margin-top-80 { margin-top: 80px !important; }
.margin-top-90 { margin-top: 90px !important; }
.margin-top-100 { margin-top: 100px !important; }

.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-70 { margin-bottom: 70px !important; }
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-90 { margin-bottom: 90px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }
.margin-bottom-200 { margin-bottom: 200px !important; }

.margin-center { margin-left: auto; margin-right: auto }
.margin-auto { margin: 0 auto }

/*padding*/
.padding-5-10 { padding: 5px 10px }
.padding-15 { padding: 15px }

.padding-left-30 { padding-left: 30px }
.padding-left-40 { padding-left: 40px }
.padding-left-50 { padding-left: 50px }
.padding-left-60 { padding-left: 60px }
.padding-left-70 { padding-left: 70px }

.padding-right-30 { padding-right: 30px }
.padding-right-40 { padding-right: 40px }
.padding-right-50 { padding-right: 50px }
.padding-right-60 { padding-right: 60px }
.padding-right-70 { padding-right: 70px }



/*칼라*/
.color69 { color: #696969 }
.color-black { color: #000 }
.color-black-impotant { color: #000 !important; }

.color-white { color: #fff !important; }
.color-pink { color: #DE6967 !important; }
.color-tree { color: #86724E !important; }
.color-green { color: #209C8C !important; }
.color-salgu { color: #E6A075 !important; }
.color-jinju { color: #E35500 !important }

.color-help { color: #e99c29 !important }
/*백그라운드 칼라*/

.bg-inherit { background-color: inherit !important; }
.bg-color { background-color: #F8F8F8; }
.bg-color-gray { background-color: #ccc; }

.bg-pink { background-color: #DE6967 }
.bg-tree { background-color: #86724E }
.bg-green { background-color: #209C8C }
.bg-salgu { background-color: #E6A075 }
/*float*/
.float-left { float: left }
.float-right { float: right }

/*position*/
.position-relative { position: relative }
.position-absolute { position: absolute }

/*clear-both*/
.clear-both { clear: both }

.label { display: inline; padding: .2em 1em .3em; font-size: 15px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 15px; }
.label-default { background-color: #B6B6B6; }
.label-ing { background-color: #E6A075; }

/*폰트*/
.font-noto { font-family: "Noto Sans KR",sans-serif }
.font-lato { font-family: "Lato",sans-serif }
.font-malgun { font-family: 'Malgun Gothic', '맑은 고딕',sans-serif }

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

.fontSize11 { font-size: 11px }

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

/*border*/
.border-none-lr { border-left: 0 !important; border-right: 0 !important }

.ds-inline-block { display: inline-block; }

.bd-gray { border-color: #D8D8D8; }