/**
 * import
 */
.db{display: block; }
.bg1{background-color: #000;}
.col1{color: #fff;}
.bsbb{ box-sizing: border-box;; }
.o-h{overflow: hidden; }
.ta-c{ text-align: center; }
.color1{ color: #fff; }
.color2{ color: #000; }
.color3{ color: gray; }
.fw1 { font-weight: 100; }
.fw2 { font-weight: 200; }
.fw3 { font-weight: 300; }
.fw4 { font-weight: 400; }
.fw5 { font-weight: 500; }
.fw6 { font-weight: 600; }
.fw7 { font-weight: 700; }
.fw9 { font-weight: 900; }
.flex{ display: flex; flex-wrap: wrap; }
.lg-12 { width: 100%; }
.lg-11 { width: 91.66666667%; }
.lg-10 { width: 83.33333333%; }
.lg-9  { width: 75%; }
.lg-8  { width: 66.66666667%; }
.lg-7  { width: 58.33333333%; }
.lg-6  { width: 50%; }
.lg-5  { width: 41.66666667%; }
.lg-4  { width: 33.33333333%; }
.lg-3  { width: 25%; }
.lg-2  { width: 16.66666667%; }
.lg-1  { width: 8.33333333%; }
.lg-gap-5     { margin: -5px 0 0 -5px; }
.lg-gap-5>li  { padding: 5px 0 0 5px; }
.lg-gap-10    { margin: -10px 0 0 -10px; }
.lg-gap-10>li { padding: 10px 0 0 10px; }
.lg-gap-15    { margin: -15px 0 0 -15px; }
.lg-gap-15>li { padding: 15px 0 0 15px; }
.lg-gap-20    { margin: -20px 0 0 -20px; }
.lg-gap-20>li { padding: 20px 0 0 20px; }
.lg-gap-25    { margin: -25px 0 0 -25px; }
.lg-gap-25>li { padding: 25px 0 0 25px; }
.lg-gap-30    { margin: -30px 0 0 -30px; }
.lg-gap-30>li { padding: 30px 0 0 30px; }
.lg-gap-35    { margin: -35px 0 0 -35px; }
.lg-gap-35>li { padding: 35px 0 0 35px; }
.lg-gap-40    { margin: -40px 0 0 -40px; }
.lg-gap-40>li { padding: 40px 0 0 40px; }
.lg-gap-45    { margin: -45px 0 0 -45px; }
.lg-gap-45>li { padding: 45px 0 0 45px; }
.lg-gap-50    { margin: -50px 0 0 -50px; }
.lg-gap-50>li { padding: 50px 0 0 50px; }
.hr1{ display: block; width: 100%; height: 1px; margin: 0; border: 0; background-color: #ccc; }

/**
 * common
 */
.loc-arrow {
    position: absolute;
    left: 50%;
    margin-left: -41px;
    bottom: 30px;
    width: 67px;
    pointer-events: none;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition-property: opacity, transform;
    -webkit-transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition-property: opacity, transform;
    transition-duration: 1.2s;
}
.loc-arrow.toggle {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}

.btns{ display: block; text-align: center; }
.btns > div{ display: inline-block; vertical-align: middle; }
.btns > div:after{ content:""; display: block; width: 100%; height: 0; clear: both; }
.btns button{ float: left; min-width: 200px; height: 55px; line-height: 55px; padding: 0 20px; border: 0; font-size: 16px; font-weight: 700; }
.btns .active1{ background-color: #e24b38; color: #fff; }

.visual1{ position: relative; color: #fff; }
.visual1 img{ display: block; width: 100%; }
.visual1-table{ position: absolute; top:0; left:0; right: 0; bottom: 0; display: table; width: 100%; height:100%; padding: 0 40px; text-align: center; }
.visual1-table > div{ display: table-cell; vertical-align: middle; height: 100%; font-size: 32px; line-height: 42px; }

.desc1{ font-size: 14px; line-height: 24px; }

.flex1 figure{display: block; margin: 0; }
.flex1 a{ display: block; color: inherit; }
.flex1 a:hover{text-decoration: underline;}
.flex1 img{ display: block; margin: 0 auto; max-width: 100%; }
.flex1 figcaption{ font-size: 14px; margin-top: 20px; }
.flex1.active1 li{ width: 33.3333%; }
.flex1.active2 li{ width: 25%; }
.flex1.active3 li{ position: relative; width: 25%; }
.flex1.active3 li > img{ position: absolute; top: 90px; right: -37px; }

.maebox1 { height: 100%; border-bottom: 1px solid #dedede; }
.maebox1 h2,
.maebox1 h3 { padding: 10px; }
.maebox1 ul{ padding: 15px 0 25px; }
.maebox1 li{ margin-top: 10px; }
.maebox1 li.style1{ position: relative; padding-left: 15px; }
.maebox1 li.style1:before{ content: ""; position: absolute; top: 5px; left: 0; width: 4px; height: 4px; background-color: #bbbabb; border-radius: 100%; }


/**
 * home > visual swiper
 */
.home-swiper{ max-width:1920px; min-width:1100px; width: 100%; margin: 0 auto; overflow: visible; }
.home-swiper img{ display: block; width: 100%; }
.home-swiper .swiper-slide{ display: block; width: 100%; }
.home-swiper .swiper-slide a { position: absolute; left: 50%; bottom: 7%; min-width: 160px; padding: 0 20px; height: 50px; line-height: 50px; font-size: 14px; font-weight: bold; background-color: #e24b38; color: #fff; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 100px; text-align: center; transform: translate3d(-50%, 0, 0); transition: .2s ease; }
.home-swiper .swiper-slide a:hover{ background-color: #fff; color: #000; }
.home-swiper .swiper-pagination-progressbar{background-color: transparent;}
.home-swiper .swiper-pagination-progressbar-fill{ background-color: #e24b38; }
.home-swiper-video{ position: relative; padding-bottom: 27.1%; overflow: hidden; }
.home-swiper-video video{ position: absolute; top: 50%; left: 0; width: 100%; transform: translate3d(0, -50%, 0); }
.home-swiper-video-btn{display: none; position: absolute; z-index: 1; top:50%; left:50%; margin-left:-64px; margin-top:-64px; width:128px; height: 128px; border:0; background: url(/_default/images/home/sound2_on.png) no-repeat center; }
.home-swiper-video-btn.off{background-image: url(/_default/images/home/sound2_off.png);  }
.home-swiper-button-prev,
.home-swiper-button-next{ display: none; position: absolute; z-index: 1; top: 50%; left: 50%; width: 67px; height: 67px; margin-top: -33.5px; background-repeat: no-repeat; background-position: center; cursor: pointer; opacity: 0.5; transition: .2s ease; }
.home-swiper-button-prev{ margin-left: -517px; background-image: url(/_default/images/home/btn_left_on.png); }
.home-swiper-button-next{ margin-left: 450px; background-image: url(/_default/images/home/btn_right_on.png); }
.home-swiper-button-prev:hover,
.home-swiper-button-next:hover{ opacity: 1; }
.home-swiper:hover .home-swiper-video-btn,
.home-swiper:hover .home-swiper-button-prev,
.home-swiper:hover .home-swiper-button-next{ display: block; }



/**
 * layouts > footer banner
 */
.footer-banner{ height: 60px; line-height: 60px; }
.footer-banner .swiper-slide{ display: block; width: auto; padding: 0 25px; }
.footer-banner .swiper-slide img{ display: inline-block; vertical-align: middle; }
.footer-banner > .swiper-container-free-mode > .swiper-wrapper { transition-timing-function : linear !important; }



/**
 * 기부하기
 */
.new-donate-now h1{ font-size: 30px; font-weight: 900; }
.new-donate-now-group{ display: flex; width: 100%; margin-left: -30px; }
.new-donate-now-group li{ width: 33.333%; padding-left: 30px; box-sizing: border-box; }
.new-donate-now-box { height: 100%; padding: 60px 20px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 8px; text-align: center;}
.new-donate-now-box h2 { margin-bottom: 20px; font-size: 20px; font-weight: 900; }
.new-donate-now-box-button1 { position: relative; display: inline-block; vertical-align: middle; padding: 0 5px 10px; margin-bottom: 40px; color:#e44131; font-size: 15px; font-weight: bold; }
.new-donate-now-box-button1:before { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 4px; background-color: #e44131; border-radius: 10px; }
.new-donate-now-box-button2 { display: block; width: 100%; height: 35px; margin-top: 12px; border:0; background-color: #eeeeee; font-size: 13px; color:#000; font-weight: bold; border-radius: 50px; }
.new-donate-now-box-button2:hover {background-color: #e2e2e2;}
.new-donate-now-box-label { position: relative; display: block; width: 100%; padding: 0 110px 0 20px; box-sizing: border-box; border: 1px solid #ccc; }
.new-donate-now-box-label em{ position: absolute; top:0; left:0; width: 20px; line-height: 40px; font-weight: bold; font-style: normal; font-size: 14px; text-align: right; }
.new-donate-now-box-label span{ position: absolute; top:0; right:0; width: 110px; line-height: 40px; font-size: 14px; font-weight: bold; }
.new-donate-now-box-label input{ display: block; width: 100%; height: 40px; line-height: 40px; border: 0; font-size: 16px; }