@charset "utf-8";

/* Guide
----------------------------------------------------------------------------------------------------------------------------------------------------------

▶사이즈
pc : 1400px
tablet : 980px ~
mobile : 767px ~ 320px

▶미디어쿼리는 (주석으로 구분 되어있는)파트마다 각각 작성함.

*/


/* Reset
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
}

html {
    text-size-adjust: 100%;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
  background: #244c73;
  height: 30px;
}

body,
th,
td,
input,
select,
textarea,
button {
    font-size: 16px;
    color: #787878;
}

dl,
ul,
ol,
menu,
li {
    list-style: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0;
}

:focus {
    outline: 0 !important;
}

iframe {
    border: none;
    width: 100%;
}

a {
    color: inherit;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

a:hover,
a:focus,
a:active,
a:link {
    text-decoration: none;
   color: inherit;
}

img {
  padding-top: 5px;
    max-width: 90%;
}

textarea {
    max-width: 100%;
    resize: none;
}



b {
  font-weight: 500;
}

.modal {
    z-index: 999999;
}

.panel-default>.panel-heading .badge {
    color: #fff;
    background-color: #555;
    margin-left: 15px;
    padding: 2px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    border-radius: 50%;
}

@media only screen and (min-width: 320px) {
    body {
        overflow-x: hidden;
    }
}

.hidden {
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}

.row {
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {


}

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
  padding: 0px;
}

.form-horizontal .form-group {
    margin: 0;
    margin-top: 7px;
    margin-bottom: 7px;
    border: 0px  solid #000;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;

}

.form-horizontal .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    padding: 0 ;
    width: 100%;
}


.form-horizontal .input-group-addon {
    padding: 6px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #333;
    text-align: center;
    background-color: #f2f4f8;
    border: 1px solid #d4dce6;
    border-radius: 4px;
    width: 20%;
}

.form-horizontal .input-group-addon:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.row-wrap{
  display:flex;
  margin: 5px;
  padding:5px;
   background-color: #fff;
   border:1px solid #d4dce6;
   border-radius: 0px;
}

.row-wrap .input-title {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #333;
    text-align: center;
    background-color: #f2f4f8;
    border: 1px solid #d4dce6;
    border-radius: 4px;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}

.log .modal {
    top: 200px;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    overflow: visible;
    color: #fff;
}

.log .fade {
    opacity: 1;
}

.log .modal-content {
  background-color: rgba(0, 0, 0, .75);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.9);
}

.log .close {
    float: right;
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    opacity: 1.0;
    text-shadow: 0 ;
}

.file-del {
  color: ;
  padding: 10px;
  text-align: left;
  padding-left: 13%;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

@media (max-width: 768px) {
    .row-wrap{
      flex-direction: column;
    }
    .row-wrap,
    .row-wrap .input-title,
    .form-horizontal .input-group-addon {
      font-size: 1.4rem;
    }

}

@media (max-width: 992px) {
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
      width: 100%;
    }

}



@media (min-width: 768px) {
    .container {
      width: 100%;
    }
    .row-wrap{
      flex-direction: column;
    }
}

@media (min-width: 992px) {
    .container {
      width: 100%;
    }
    .row-wrap{
      flex-direction: row;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
    .row-wrap{
      flex-direction: row;
    }
}


/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper {
    position: relative;
    width: 100%;
    min-width: 340px;
    min-height: 100vh;
    margin-right: 0px;
background-color: #f2f4f8
}

.navigation {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    grid-gap: 0 5rem;
    height: 100%;
    margin-left: 50px;
}


    #nav {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 66px;
        z-index: 999;
    }



.client-main {
  display: block;
  height: 100vh;
  position: relative;
width: 100%;
  background: url(/images/main_visual_011.jpg) no-repeat 70% center / cover;
}

.main-visual {
    position: relative;
    overflow: hidden;
}


/* Header
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1400px) {
    #header {
        z-index: 999;
        width: 100%;
        padding: 0px 0px;
        position: fixed;
        transition: all 0.5s;
        border-top: 5px solid #244c73;


    }

    #header:after {
        display: block;
        content: "";
        clear: both;
    }

    #header.scroll_on {
      background: rgba(0, 0, 0, 0.85);
        transition: all 0.5s;
        border-bottom: 5px solid #e5871d;
        height: 75px;
    }

    #header.sub_page:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: #eaeaea;
        position: absolute;
        left: 0;
    }

    #header > div {
        position: relative;
        margin: 0 auto;
        width: 1180px;
        height: 42px;
        text-align: center;
    }

    #L_SITE_LOGO {
      display: inline-block;
      float: left;
    }

    #header h1 {
        padding-top: 0px;
        margin: 0px;
        /*32px;
        float: left;
        position: absolute;

        */
    }

    #header h1 a {
        display: block;

        width: 146px;
        height: 50px;

    }

    #header h1 a > img {
        vertical-align: baseline;
        content: url('/images/logo_top.png');
    }

    .gnb {
        float: right;
        right: 0;
        top: 39px;
        position: absolute;
    }

    .nav-btn {
        z-index: 999;
        position: absolute;
        top: 20px;
        right: 32px;
        width: 35px;
        height: 29px;
        cursor: pointer;
        display: none;
    }

    .nav-btn span {
        position: absolute;
        left: 50%;
        display: inline-block;
        margin-left: -17.5px;
        width: 35px;
        height: 3px;
        background: #0b7c02;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .nav-bg {
        z-index: -1;
        display: none;
        position: absolute;
        top: 0px;
        left: -500%;
        width: 1000%;
        height: 335px;
        background: rgba(0, 0, 0, 0.7);
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    }


    .navigation:after {
        content: "";
        display: block;
        clear: both;
    }

    .navigation > li {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        float: left;
        width: 170px;
        height: 100%;
        text-align: center;
    }

    .navigation .main-menu {
        display: block;
        width: 100%;
        font-weight: 400;
        font-size: 2rem;
        /*16px;*/
        color: #fff;
    }

    .navigation > li:hover:before {
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        background: #f37321;
        position: absolute;
        bottom: 0;
    }

    .navigation .sub-menu {
        display: none;
        z-index: 999;
        position: absolute;
        top: 90px;
        left: 0;
        padding: 20px 0;
        width: 100%;
    }

    .navigation .sub-menu a {
        display: block;
        padding: .5rem 0;
        text-align: center;
        font-weight: 300;
        line-height: 1.5;
        font-size: 1.7rem;
        color: #fff;
    }

    .navigation .sub-menu .intro-menu {
        display: none;
    }

    .navigation .sub-menu a:hover {
      font-weight: 500;

        color: #f37321;
    }

    /* 서브상단메뉴 */
    #L_SITE_LOGO.sub_page a {
        display: inline-block;
        background: url('/images/logo_top.png') no-repeat center center/contain;
        width: 146px;
        height: 60px;
    }

    #L_SITE_LOGO.sub_page a > img {
        display: none;
    }

    .navigation.sub_page .main-menu {
        color: #fff;
    }
}

@media only screen and (max-width: 1520px) {
    #header {
        padding: 0px 0px;
    }
}

@media only screen and (max-width: 1400px) {
        #header {
            z-index: 999;
            width: 100%;
            padding: 0px 0px;
            position: fixed;
            transition: all 0.5s;
            border-top: 5px solid #244c73;
        }

        #header:after {
            display: block;
            content: "";
            clear: both;
        }

        #header.scroll_on {
          background: rgba(0, 0, 0, 0.85);
            transition: all 0.5s;
            border-bottom: 5px solid #e5871d;
            right: 5px;
        }

        #header.sub_page:after {
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            background: #eaeaea;
            position: absolute;
            left: 0;
        }

        #header > div {
            position: relative;
            margin: 0 auto;
            width: 1180px;
            text-align: center;
        }

        #L_SITE_LOGO {
            float: left;

        }

        #header h1 {
            float: left;
            padding-top: 0px;
            padding-left: 10px;
            /*32px;*/
            position: absolute;
        }

        #header h1 a {
            display: block;
            width: 146px;
            height: 50px;

        }

        #header h1 a > img {
            vertical-align: baseline;
            content: url('/images/logo_top.png');
        }

        .gnb {
            float: right;
            right: 20px;
            top: 39px;
            position: absolute;
        }

        .nav-btn {
            z-index: 999;
            position: absolute;
            top: 20px;
            right: 32px;
            width: 35px;
            height: 29px;
            cursor: pointer;
            display: none;
        }

        .nav-btn span {
            position: absolute;
            left: 50%;
            display: inline-block;
            margin-left: -17.5px;
            width: 35px;
            height: 3px;
            background: #0b7c02;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }

        .nav-bg {
            z-index: -1;
            display: none;
            position: absolute;
            top: 0px;
            left: -500%;
            width: 1000%;
            height: 315px;
            background: rgba(0, 0, 0, 0.7);
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
        }

        #nav {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          z-index: 999;
        }

        .navigation {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            grid-gap: 0 3rem;
            height: 100%;
            margin-left: 50px;
        }

        .navigation:after {
            content: "";
            display: block;
            clear: both;
        }

        .navigation > li {
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            float: left;
            width: 160px;
            height: 100%;
            text-align: center;
        }

        .navigation .main-menu {
            display: block;
            width: 100%;
            font-weight: 500;
            font-size: 2rem;
            /*16px;*/
            color: #fff;
        }

        .navigation > li:hover:before {
            content: '';
            display: block;
            width: 100%;
            height: 4px;
            background: #f37321;
            position: absolute;
            bottom: 0;
        }

        .navigation .sub-menu {
            display: none;
            z-index: 999;
            position: absolute;
            top: 90px;
            left: 0;
            padding: 20px 0;
            width: 100%;
        }

        .navigation .sub-menu a {
            display: block;
            padding: .5rem 0;
            text-align: center;
            font-weight: 300;
            line-height: 1.5;
            font-size: 16px;
            color: #fff;
        }

        .navigation .sub-menu .intro-menu {
            display: none;
        }

        .navigation .sub-menu a:hover {
          font-weight: 500;

            color: #f37321;
        }

        /* 서브상단메뉴 */
        #L_SITE_LOGO.sub_page a {
            display: inline-block;
            background: url('/images/logo_top.png') no-repeat center center/contain;
            width: 146px;
            height: 60px;
        }

        #L_SITE_LOGO.sub_page a > img {
            display: none;

        }

        .navigation.sub_page .main-menu {
            color: #fff;
        }

    }


@media only screen and (max-width: 1200px) {

  .navigation {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      grid-gap: 0 3rem;
      height: 100%;
      margin-left: 50px;
  }

  #nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999;
    margin-right: 60px;
  }

  .navigation > li {
      width: 130px;
  }

  .navigation .main-menu {
      font-size: 1.7rem;
  }

  }


@media only screen and (max-width: 1000px) {
}


@media only screen and (max-width: 768px) {

}


/* Button (공통 버튼)
----------------------------------------------------------------------------------------------------------------------------------------------------------

.btn {
    text-transform: uppercase;
    border-radius: 3px;
    line-height: 24px;
}

.btn:focus,
.btn:active {
    outline: none;
    color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #bbb;
    border-color: #acacac;
}

*/



.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #e5871d;
    border-color: #d58512;
}


.btn-custom {
    border-radius: 3px;
    padding: 0.8em 1.8em;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-transform: uppercase;
    background-color: #509591;
    border-color: #509591;
    color: #fff;
}

.btn-custom:hover,
.btn-custom:focus {
    background-color: #447774;
    border-color: #447774;
    color: #fff;
}

.btn-custom-outline {
    border-radius: 3px;
    padding: 0.8em 1.8em;
    color: #fff;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-transform: uppercase;
    background-color: transparent;
    border-color: #fff;
}

.btn-custom-outline:hover,
.btn-custom-outline:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, .5);
}

.btn-bar a {
    margin-right: 10px;
}


.form-inline .form-group {
  width: 100%;
  display:inline-block;
}

.form-inline .sbj {
  width: 99.8%;
  margin-bottom: 15px;
}

.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 3px;
    height: 38px;
}


.form-inline .form-control {
  width: 100%;
  margin-bottom: 0.8rem;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #333;
}

@media only screen and (max-width: 1400px) {
  .form-inline .form-group {
    width:100%;
  }
  .form-inline .form-control {
    margin-top: 0px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 980px) {
  .form-inline .form-group {
    width:100%;
  }
  .form-inline .form-control {
    margin-top: 0px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .form-inline .form-group {
    width:100%;
    margin-bottom: 1px;
  }
  .form-inline .form-control {
    margin-top: 0px;
    margin-bottom: 5px;
  }
}




/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer {
    padding: 5px 0px;
    width: 100%;
    background: #000;
    color: #999;
}

.footer-area {
    width: 1400px;
    margin: 0 auto;
}

.footer-menu {
    margin-top: 15px;
}

.footer-menu:after {
    content: '';
    display: block;
    clear: both;
}

.footer-menu li {
  float: left;
  padding-right: 15px;
  margin-right: 15px;
  line-height: 1;
  font-size: 1.5rem;
  border-right: 1px solid #444;
}


.footer-menu li > a {
    line-height: 1;
    color: #fff;
    opacity: 0.25;
    transition: opacity .3s;
}

.footer-menu li > a:hover {
    opacity: 1;
}

.footer-menu li:last-child {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
}

.footer-top {
    display: flex;
    margin: 0 auto;
    padding: 0 0 40px;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.footer-top > div:first-child {
    width: 30%;
}

.footer-top > div:last-child {
    width: 70%;
}


.foot-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.foot-nav >li>span {
  color: #ccc;
  padding-bottom: 5px;
  letter-spacing: 0.3px;
}

.foot-nav >li {
  display: block;
  float: left;
  width: 23%;
  padding: 0;
  margin-bottom: 5px;
  text-align: left;
}

.foot-ul {
  margin-right: 20px;
  margin-top: 5px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, .16);
}

.foot-ul>li {
  margin-bottom: 5px;
  font-size: 1.5rem;
  color: #aaa;
}

.foot-ul>li>a {
  letter-spacing: 0.3px;
}

.foot-info {
    margin: 1px 0px;
}

.foot-info > ul:after {
    content: '';
    display: block;
    clear: both;
}

.foot-info > ul li {
    float: left;
    line-height: 2.2rem;

/*    width: calc(100%/3);*/
}

.foot-info > ul li h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
}

.foot-info > p {
    line-height: 1.5rem;
}


#footer .foot-info span {
    display: inline-block;
    font-size: 1.6rem;
    opacity: 0.9;
    margin-right: 1.7rem;
}


@media only screen and (max-width: 1400px) {
    #footer {
    }

    .footer-area {
        width: 100%;
    }

    .footer-menu li {
        font-size: 15px;
    }
}

@media only screen and (max-width: 980px) {
    .footer_top {
        padding-bottom: 0px;
        border-bottom: none;
        display: block;
    }

    .footer-top {
        display: block;
    }

    .footer-top > div:first-child {
        width: 100%;
    }

    .footer-top > div:last-child {
        width: 100%;
    }

    .footer-menu {
        float: none;
        display: inline-block;
    }

    .foot-nav {
      padding-top: 30px;

    }

}

@media only screen and (max-width: 768px) {
    .footer_top {
        text-align: center;
    }

    .foot-nav >li {
      font-size: 1.4rem;
    }

    .foot-ul>li {
      font-size: 1.4rem;
    }


    #footer .foot-info span {
        font-size: 1.5rem;
    }

    .foot-info {
        text-align: center;
        margin-bottom: 30px;
    }

    .foot-info > ul li {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .foot-info > ul li:last-child {
        margin-bottom: 0px;
    }


    .copy {
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
    .foot-logo > img {
        margin-bottom: 20px;
    }

    .footer-info {
        font-size: 1.4rem;
        line-height: 22px;
        margin-top: 20px;
    }

    .foot-info > ul li p {
        line-height: 24px;
        font-size: 1.4rem;
    }

    .footer-menu li {
        float: none;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
        margin-bottom: 10px;
    }

    .footer-menu li:last-child {
        margin-bottom: 0px;
    }

    .footer-menu li > a {
        font-size: 1.4rem;
    }

    .copy {
        font-size: 1.4rem;
        line-height: 20px;
    }
}

@media only screen and (max-width: 353px) {
    #footer {
        padding: 30px 10px 35px 10px;
    }
}



@media only screen and (min-width: 2200px) {

}


@media only screen and (max-width: 1400px) {


}

@media only screen and (max-width: 1000px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 480px) {

}

/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#mainContainer {
    z-index: 999 ;
    overflow: ;
    padding-right: 7px;
    padding-top: 20px;
}

.mCont {
  padding-left: 70px;
}

.mContC {
  padding-left: 250px;
}

.page__box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 7.1875rem;
    margin-bottom: 0rem;
    border: 1px solid #c2c2c2;
    border-radius: .25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #fff;
}

.cf-c-underlined-collapsible:not(:last-child) {
    margin-bottom: 3rem;
}

.cf-c-underlined-collapsible__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.5rem;
    border-bottom: 1px solid #4788c6;
}

.cf-c-fad-explorer-table__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 0px solid #e5e7e8;
    background-color: #fff;
    min-height: 4rem;
    margin-bottom: .5rem;
}

.cf-c-fad-explorer-table-left-wrapper {
    padding: .5rem;
    padding-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
}

.cf-c-fad-explorer-table-right-wrapper {
    padding: .5rem;
    padding-top: 1rem;

    cursor: pointer;
}

.cf-c-fad-explorer-table-item__container {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cf-c-fad-explorer-table-item__container, .cf-c-fad-explorer-table-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
}

.cf-u-ml-default {
    margin-left: 1rem;
    padding-top: 0.5rem;
}

a:hover {
    color: #0056b3;
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

a:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

.h5, h5 {
    font-size: 15px;
}










.main_section_title {
    font-size: 4.2rem;
    color: #333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 70px;
}

.main_section_title strong {
    display: block;
    color: #f37321;
    font-weight: 800;
    font-size: 46px;
}

.main_section02 h3 {
    font-size: 30px;
    color: #333;
    font-weight: 500;
    margin-bottom: 20px;
}

.main_section01 p,
.main_section02 p,
.main_section03 p,
.main_section04 p {
    font-size: 1.7rem;
    color: #787878;
    font-weight: 400;
    line-height: 1.8;
}

.main_section04 p.extract-body {
    margin-top: 15px;
}

@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 980px) {
    .main_section_title {
        font-size: 35px
    }
}

@media only screen and (max-width: 640px) {
    .main_section_title {
        font-size: 30px
    }

    .main_section02 h3 {
        font-size: 20px;
    }

    .main_section01 p,
    .main_section02 p,
    .main_section03 p,
    .main_section04 p {
        font-size: 1.6rem;
        line-height: 1.8;
    }
}

@media only screen and (max-width: 480px) {
    .main_section_title {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .main_section_title strong {
        font-size: 28px;
    }

    .main_section_title p {
        font-size: 16px;
    }

    .main_section01 p,
    .main_section02 p,
    .main_section03 p,
    .main_section04 p {
        font-size: 1.5rem;
        line-height: 1.8;
    }
}



/*  --------------------------  main_section02 -------------------------------  */



.main_section02 {
    position: relative;
    padding: 2px 0px;
    width: 100%;
        height: 0px;

}

.main_section02 .section02_inner {
    width: 1400px;
    display: flex;
    margin: auto;
        padding: auto;
            margin-top: -50%;
            z-index: 888;
}

.main_section02 .section02_inner .inner-left {
      padding: 5rem 0;
    width: 50%;
    position: relative;
}

.main_section02 .section02_inner .inner-right {
    margin: 0 auto;
    padding:  0 auto;
    width: 50%;
    position: relative;
}

.main_section02 .main_section_title {
    text-align: left;
    font-size: 5rem;
    font-weight: 500;
    position: absolute;
    top: 50px;
    margin: 0;
    color: #f25c4b;
}

.main_section02 .main_section_title strong {
    margin-bottom: 30px;
    color: #f7a43e
}


.main_section02 ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.5;
    width: calc(50% - 20px);
    height: 8rem;
    float: left;
    margin: 0 10px 15px 10px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    text-align: center;
    padding: 0;
}
/* background: linear-gradient(100deg, rgba(242, 92, 75, 1) 0%, rgba(203, 46, 29, 1) 100%)
  background: linear-gradient(100deg, rgba(240, 183, 93, 1) 0%, rgba(215, 136, 4, 1) 100%);
*/

.main_section02 ul li a {
    font-size: 1.8rem;
    line-height: 1.8;
    font-weight: 300;
}

/*
.main_section02 ul li:nth-child(2),
.main_section02 ul li:nth-child(3) {
    background: rgba(240, 183, 93, 0.5);
}
*/
.main_section02 ul li:hover {
    border: 1px solid  rgba(255, 255, 255, 0.7);
}

.main_section02 ul li p {
    word-break: keep-all;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #333;
    margin-top: 5px;
}

.main_section02 ul li:hover p {
    color: #f37321;
}

.main_section02 .img-bg {
    position: absolute;
    bottom: -9px;
    left: -90px;
    width: initial;
}



.main_section02 .img-bg img {}

@media only screen and (max-width: 1400px) {

    .main_section02 {
        position: relative;
        padding: 2px 0px;
        width: 100%;
            height: 0px;
    }

    .main_section02 .section02_inner {
        width: 100%;
    }
/*
    .main_section02 .section02_inner .inner-left {
        display: inline-flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
                grid-gap: 2rem;
                position: relative;

    }
    flex-wrap: wrap;

*/



    .main_section02 .img-bg {
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 10rem;
    }

    .main_section02 .main_section_title {
        font-size: 4rem;
        position: relative;
    }

    .main_section02 .main_section_title strong {
        font-size: 36px
    }
}


@media only screen and (max-width: 980px) {

  .main_section02 .section02_inner {
                margin-top: -170px;
  }

.main_section02 ul li {
    font-size: 1.8rem;
    height: 7rem;
        background: rgba(0, 0, 0, 0.35);
}

    .main_section02 ul li a {
        font-size: 1.8rem;
    }
}



/*
.main_section02 ul li:nth-child(2),
.main_section02 ul li:nth-child(3) {
    background: rgba(240, 183, 93, 0.5);
}
*/

@media only screen and (max-width: 768px) {
    .main_section02 {
        width: 100%;
        margin: 0;
        z-index: 888;

    }

    .main_section02 .section02_inner {
        width:95%;
                  margin-top: -235px;
                  flex-direction: row;
    }


    .main_section02 .section02_inner .inner-left,
    .main_section02 .section02_inner .inner-right {
        display: inline-flex !important;
        grid-gap: 0.5rem 0;
        flex-direction: column;
        padding-top: 10px;
        width: 90%;
        position: relative;
    }


    .main_section02 .main_section_title {
        font-size: 2rem;
    }

    .main_section02 .img-bg {
        position: relative;
        width: 60%;
    }

    .main_section02 .section02_inner .inner-left,
    .main_section02 .section02_inner .inner-right {
        width: 100%;
    }

    .main_section02 ul li {
        width: 90%;
        height: 5rem;
        margin-bottom: 1px;
    }

    .main_section02 ul li a {
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.5;
    }

    .main_section02 ul li:nth-child(1),
    .main_section02 ul li:nth-child(3) {
      background: rgba(0, 0, 0, 0.35);
    }

    /*
    .main_section02 ul li:nth-child(2),
    .main_section02 ul li:nth-child(3) {
        background: rgba(240, 183, 93, 0.5);
    }
    */




}



@media only screen and (max-width: 480px) {}


/* --------------------------------------------- main_section03 -----------------------------  */
.main_section03 {
    width: 100%;
    padding: 150px 0px;
    text-align: center;
    background: url('/images/main_section_03.jpg') no-repeat center center/cover;
}
/*  background: linear-gradient(100deg, rgba(233, 75, 20, 1) 0%, rgba(205, 49, 31, 1) 100%);  */

.main_section03 small {
    margin-bottom: 3rem;
    color: #fff;
    font-weight: 400;
    font-size: 3rem;
    display: block;
}

.main_section03 p {
    color: #fff;
    font-weight: 500;
    font-size: 5rem;
    text-align: center;
    line-height: 1.5
}

/*
.main_section03 p:first-child {
    font-size: 28px;
    font-weight: 500;
}
*/

.main_section03 .value-wrap {
    margin-top: 60px;
    text-align: center;

}

.main_section03 .value-top {
     display: inline-block;
     border-radius: 9px 9px 9px 9px;

     margin: 10px;
     color:#fff;
     width: 210px;
     height: 400px;

     position: relative;
     vertical-align: middle;
 }


.main_section03 .value {
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    color:#fff;
    border: 1px solid rgba(255, 255, 255, 0.7);
    background-color: rgb(255, 255, 255, 0.1);
    width: 210px;
    height: 400px;

    position: relative;
    vertical-align: middle;
}

.main_section03 .value:hover {

    background: linear-gradient(135deg, rgba(229, 135, 29, 1) 0%, rgba(150, 150, 150, 1) 100%);
    border: 0;


}


.main_section03 .value .glyphicon {
    font-size:6rem;
    color: #fff;
    padding-bottom: 2rem;
}

.main_section03 .glyphicon {
    font-size:5.5rem;
    color: #e5871d;
    padding-bottom: 2rem;
}

.main_section03 .value ._vc{
    color:#fff;
    font-size: 1.7rem;
    font-weight: 300;
    padding-top: 3.5rem;
    line-height: 2.7rem;
    word-break: normal;
    letter-spacing: 0.02rem;
}


@media only screen and (max-width: 1400px) {
    .main_section03 {
        padding: 60px 20px;
    }
}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 768px) {
    .main_section03 {
        width: 100%;
        margin: 0;
        padding: 40px 20px;
    }

    .main_section03 small {
        font-size: 2rem;
    }

    .main_section03 p:first-child,
    .main_section03 p {
        font-size: 3rem;
    }

    .main_section03 .value ._vc{
        font-size: 1.6rem;
    }

    .main_section03 .glyphicon {
        font-size:4rem;
    }

}

@media only screen and (max-width: 480px) {

  .main_section03 small {
      font-size: 1.5rem;
  }

    .main_section03 p:first-child,
    .main_section03 p {
        font-size: 2rem;
    }

    .main_section03 .glyphicon {
        font-size:3rem;
        padding-bottom: 1.5rem;
    }

}


/*  main_section04   */
.main_section04 {
  position: relative;
    width: 100%;
    padding: 40px 0px;
    background-color: #fff;
    color: #333;
    z-index: 1;
}

.main_section04 .section04_inner {
    width: 1400px;
    margin: 0 auto;
}

.main_section04 .img-bg {
    position: absolute;
    width: ;
    top: ;
    z-index: 3;
    text-align: center;
}

.nav-iso {
  margin: 0 auto;
  padding: 50px 0 ;
  width: 100%;
  position: relative;
  vertical-align: middle;
}

.main_section04 .iso {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    width: calc(32% - 20px);
    height: 5rem;
    margin: 0 10px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    text-align: center;
    padding: 0;

    clip-path: polygon(12.5px 0, 100% 0%, calc(100% - 12.5px) 100%, 0% 100%);
    /* clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 12.5px), calc(100% - 12.5px) 100%, 0% 100%); */
}

.nav-iso>li>a {
  position: relative;
display: block;
    padding: 15px;

}

.main_section04 .nav-iso>li>a:hover,
.main_section04 .nav-iso>li>a:focus {
    background-color: rgb(229, 135, 29, 0.9);
}

.nav-pills>li {
    float: none;
}

.main_section04 .panel-group .panel {
  border: 0;
}

.main_section04 .panel-group .panel .panel-collapse{
    border-top: 2px solid rgb(229, 135, 29, 0.9);
    padding: 10px 30px;

  }

  .main_section04 b {
    color: rgb(0, 0, 0, 0.8);
  }


@media only screen and (max-width: 1400px) {
    .main_section04 {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }

    .main_section04 .section04_inner {
      width: 100%;
    }

}

@media only screen and (max-width: 980px) {
    .main_section04 .img-bg {
        top: -300px;
        width: auto
    }

    .main_section04 .iso {
        font-size: 1.6rem;

    }

}

@media only screen and (max-width: 768px) {
    .main_section04 .img-bg {
        top: -270px;
    }

    .main_section04 .iso {
        font-size: 1.5rem;
        margin: 0;
        height: 6rem;
        width: calc(32%);
    }

    .nav-iso>li>a {
      padding: 20px 0;
    }
}

@media only screen and (max-width: 640px) {
    .main_section04 .main_section_title {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .main_section04 .img-bg {
        top: -200px;
    }

    .main_section04 .iso {
        font-size: 1.4rem;

    }

}


/*  main_section05  */

.qna {
    display: flex;
    height: 50px;
    padding-top: 20px;
    padding-bottom: 40px;
    color: #666;
    font-size: 1.7rem;
    font-weight: 400;
    text-align: center;
}

.main_section05 {
    position: relative;
    width: 100%;
    padding: 30px 10px;
    color: #333;
    text-align: center;
}


.main_section05 .section02_inner {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}

.main_section05 .section02_inner .inner-left {
  padding: 0;
    width: 50%;
    position: relative;
    margin-right: 3px ;
    margin-left: 3px ;
    padding-right: 50px;
    padding-left: 20px;
}

.main_section05 .section02_inner .inner-right {
      padding: 0;
    width: 50%;
    margin-left: 3px ;
    margin-right: 3px ;
    padding-left: 50px;
    padding-right: 20px;
}


.main_section05 .section05_inner {
          width: 100%;
    margin: 0 auto;
    text-align: left
}

.main_section05 .main_section_title {
  width: 100%;
    color: #333;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 5px
}

.main_section05 .main_section_title strong {
    margin-bottom: 30px;
    color: #333
}

.main_section05 .main_section_title + p {
    margin-bottom: 50px
}

@media only screen and (max-width: 1400px) {

  .qna {
      font-size: 1.7rem;
  }

    .main_section05 {
        padding: 30px 10px;
    }

    .main_section05 .section05_inner {
        width: 100%;
        margin: 0 auto;
    }

    .main_section05 .section02_inner {
      display: inline-block;
        flex-direction: row;
        margin: 0 auto;

    }

    .main_section05 .section02_inner .inner-left {
        display: inline-flex;
        flex-direction: column;
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
        grid-gap: 2rem;
    }

    .main_section05 .section02_inner .inner-right {
        display: inline-flex !important;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
    }


    .main_section05 .main_section_title strong {
        font-size: 30px
    }

    .main_section05 .main_section_title {
        font-size: 20px
    }
}

@media only screen and (max-width: 980px) {

  .main_section05 .section02_inner {

    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;

  }


}

@media only screen and (max-width: 768px) {
    .main_section05 {
        padding: 30px 20px;
        width: 100%;
        margin: 0;
    }

    .main_section05 .section02_inner {
        display:flex;
        justify-content: center;
        flex-direction: column;
        margin: 0 auto;
    }


    .main_section05 .section02_inner .inner-left {
        display: inline-flex;
        flex-direction: column;
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
                grid-gap: 2rem;
                padding: 0;

    }

    .main_section05 .section02_inner .inner-right {
        display: inline-flex !important;
        flex-direction: column;
        flex-wrap: wrap;
        grid-gap: 2rem;
        padding: 0;
        padding-left: 15px;
        width: 100%;

    }

    .main_section05 .section02_inner .inner-left,
    .main_section05 .section02_inner .inner-right {
        grid-gap: 1rem 0;
        width: 100%;
    }

    .main_section05 .main_section_title {
        font-size: 2rem;
    }

}

@media only screen and (max-width: 480px) {

  .qna {
      font-size: 1.5rem;
  }

  .main_section05 {
      padding: 2px;
      padding-top: 25px;
      padding-bottom: 20px;
      width: 100%;
      margin: 0;
  }

  .main_section05 .section02_inner .inner-left {
      padding: 0;
      width: 100%;
      position: relative;
      padding-top: 0px;
      margin-right: 1px ;
      margin-left: 1px ;
  }

  .main_section05 .section02_inner .inner-right {
      padding: 0;
      width: 100%;
      margin-left: 1px ;
      margin-right: 1px ;
      padding-left: 15px;
      padding-right: 10px;
  }

}

/*   //////////////////////////////////////////////////////////////////////////////    */

.clear:after {
    display: block;
    content: "";
    clear: both;
}

.board {
  width: 100%;
  margin-top: 10px;
}


.board th {
    height: 1px;
    border-bottom: 1px solid #dadada;
    background-color: #f9f9fb;
    color: #464646;
    text-align: center;
    font-weight: 600;
    word-wrap: break-word;
    border-top: 1px solid #464646;
    word-break: keep-all;
}

.board td {
    height: 60px;
    border-bottom: 1px solid #dadada;
    color: #797979;
    text-align: center;
    padding: 10px;
    word-wrap: break-word;
    word-break: keep-all;
}

.board .tt {
  font-size: 1.7rem;
    font-weight: 500;
    color: #333;
    text-align: left;
    padding: 5px;
}

.board .mm {
  font-size: 1.7rem;
    text-align: right;
    padding: 5px;
}


table {
  width: 100%;
  margin-top: 0rem;
  margin-bottom: 7px;
}

.content-wrap table {
    width: 100%;
    border-top: 2px solid #e5871d;
    margin: 0;
    margin-top: 10px;
}

.table>thead>tr>th {
    padding: 15px 0 12px 0;
}

.content-wrap table th, .content-wrap table td {
    height: 40px;
    font-size: 1.8rem;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.content-wrap table th {
    background: #fff;
    font-weight: 600;
}

.progress-on {
  display: inline-block;
    height: 2.5rem;
    margin-right:;
    font-size: 1.2rem;
    font-weight: 400;
    color: #e5871d;
    border: 1px solid transparent;
    border-radius: 0;
    text-align: center;
    border-color: #e5871d;
    width: 6rem;
    padding-top: 0.5rem;
}

.progress-off {
  display: inline-block;
    height: 2.5rem;
    margin-right:;
    font-size: 1.2rem;
    font-weight: 400;
    color: #666;
    border: 1px solid transparent;
    border-radius: 0rem;
    text-align: center;
    border-color: #ccc;
    width: 6rem;
    padding-top: 0.5rem;
}

.glyphicon {
    top: 0px;
    vertical-align: middle;
    line-height: 0;
    margin-bottom: 2px;
    margin-left: 0px;
    padding: 0px;
    color: #666;
}


.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 8888;
    background-color: rgba(229, 135, 29, 1.0);
    opacity: .8;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 0;
    outline: 0;
    color: #fff;
}
/*
.scroll-top:hover {
    right: 20px;
}
*/

.scroll-top .glyphicon {
    color: #fff;
}

.scroll-b {
    position: fixed;
    right: 4px;
    bottom: 38px;
    z-index: 8887;
    background-color: rgba(229, 135, 29, 1.0);
    opacity: .8;
    width: 17px;
    height: 4px;
    border-radius: 0;
}


.qna-button {
    position: fixed;
    right: 30px;
    bottom: 250px;
    z-index: 8888;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
    width: 140px;
    height: 50px;
    border-radius: 50%;
    border: 0px solid transparent;
    border-color: rgba(229, 135, 29, 1.0);

}

/*
.qna-button:hover {
    right: 30px;
}
*/

.qna-button .qna-a {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
}

.qna-b {
    position: fixed;
    right: 4px;
    bottom: 272px;
    z-index: 8887;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: .9;
    width: 28px;
    height: 6px;
    border-radius: 0;
    border: 1px solid transparent;
    border-color: rgba(229, 135, 29, 1.0);

}


.call-button {
    position: fixed;
    right: 30px;
    top: 108px;
    z-index: 8888;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
    width: 150px;
    height: 70px;
    border-radius: 3%;
    border: 0px solid transparent;
    border-color: rgba(229, 135, 29, 1.0);
}

/*
.call-button:hover {
    right: 30px;
}
*/
.call-button .call-a {
    color: #fff;
    line-height: 1.5;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
}

.call-b {
    position: fixed;
    right: 4px;
    top: 138px;
    z-index: 8887;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: .9;
    width: 27px;
    height: 10px;
    border-radius: 5%;
    border: 1px solid transparent;
    border-color: rgba(229, 135, 29, 1.0);

}

.panel {
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .0);
    box-shadow: 0 1px 1px rgba(255, 255, 255, .0);
}

.panel-group .panel {

  border-radius: 0;

}

.panel-default {
    border-color: #fff;
}

.panel-default>.panel-heading {
    background-color: #fff;
    padding: 0;
    border-bottom: 1px solid #ededed;

}


.qna1 {
    display: block;
    width: 10%;
    padding: 0;
    margin: 0;
}

.qna2 {
    display: inline-block;
    width: 55%;
    padding: 0;
    padding-left: 15px;
    margin: 0;
    text-align: center;
    font-weight: 400;
    color: #444;
}

.qna3 {
    display: inline-block;
    width: 11%;
    padding: 0;
    margin: 0;
}

.qna4 {
    display: inline-block;
    width: 18%;
    padding: 0 0 0 10px;
    margin: 0;
    color: #797979;
    font-size: 1.6rem;
    text-align: right;
}

/* 게시판 버튼 */
.btn-search,
.whois-button-submit,
.btn-sub {
    color: #fff;
    background-color: #555;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 16px;
}

.btn-search:hover,
.btn-search:focus,
.whois-button-submit:hover,
.whois-button-submit:focus,
.btn-sub:hover,
.btn-sub:focus {
    color: #fff;
    background-color: #232323;
}

.tview {
  width: 100%;
  display: inline-flex;
  position: relative;
  margin-top: 20px;
  align-items: center;
  justify-content: space-between;
}

.tview span {
  display: inline-block;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  padding: 10px 0px;
}

.tview .label {
  padding: 8px 16px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #d4dce6;
    vertical-align: middle;
}

@media only screen and (max-width: 1400px) {

  .board .tt {
font-size: 1.7rem;
  }

  .board .mm {
font-size: 1.6rem;
  }

  .form-control {
      height: 34px;
  }

}

@media only screen and (max-width: 1000px) {

  .qna-button {
      right: 20px;
      width: 100px;
      height: 50px;
  }

    .qna-button .qna-a {
        font-size: 1.6rem;
        font-weight: 400;
    }

    .qna-b {
        width: 18px;
    }


  .call-button {
      right: 20px;
      top: 65px;
      width: 130px;
      height: 50px;
  }

  .call-button .call-a {
      line-height: 1.3;
      font-size: 1.6rem;
      font-weight: 400;
  }

  .call-b {
      top: 85px;
      width: 18px;
  }


@media only screen and (max-width: 768px) {

    .qna2 {
        font-size: 1.5rem;
    }

    .qna4 {
        font-size: 1.4rem;
    }

    .board .tt {
  font-size: 1.5rem;
    }

    .board .mm {
  font-size: 1.5rem;
    }


}


@media only screen and (max-width: 480px) {

    .board .tt {
  font-size: 1.4rem;
    }

    .board .mm {
  font-size: 1.4rem;
    }

    .qna2 {
        font-size: 1.4rem;
    }

    .qna4 {
        font-size: 1.3rem;
    }

    .progress-off {
      font-size: 1.1rem;
    }

    .tview span {
    display: inline-block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 10px 0px;
  }

}