/* 메인슬라이더 */
#idx_wrapper{ width:100%; height:500px; margin-top:132px;}

#slogan{
    width:700px; position:absolute; top:136px; left:50%; margin-left:-600px; z-index:998;
    text-shadow: 0 0 26px rgba(0, 0, 0, 0.1);
    text-align: left;
    z-index: 10;
}
#slogan .img01{ visibility:hidden;}
#slogan .mt{  text-align: left;font-size:1.27em; letter-spacing:0; font-weight:400; color:#efefef; margin-top:20px; visibility:hidden;}
#slogan  p{
    text-align: left;
    font-size: 1.7em; color: #555; line-height: 1em; font-weight: 500; font-family: 'paybooc-Bold',sans-serif; margin:0 0 7px
}
#slogan  h2{
    font-size: 4.5em; color: #fff; line-height: 1.2em; font-weight: 500; font-family: 'paybooc-Bold',sans-serif;
    text-align: left;
}
#slogan  h2 span{color:#eaaf00;}
#slogan .goButton{
    height: 44px;
    line-height: 44px;
    padding: 0 30px;
    border: 1px solid #eaaf00;
    color: #fff;
    background: #eaaf00;
    border-radius: 6px;
    font-size: 16px;
    font-weight:500;
    margin-top: 20px;
}

.swiper-container {
    position: relative;
    width: 100%; height:100%;
}
.swiper-container #main_video{
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    width: 30%;
    z-index: 10;
}
.swiper-container #main_video iframe{
    border-radius: 20px;
    height: 16.9vw;
    box-shadow: 15px 15px 50px 1px rgba(51, 51, 51, 0.09);
}
.mainBanner .swiper-slide {
    position: relative;
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position:relative;
  height:900px;
}
.mainBanner .swiper-slide::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
}
.mv01{ background:url(../img/main/mvisual01.png) no-repeat center top;}
.mv02{ background:url(../img/main/mvisual02.png) no-repeat center top;}
.mv03{ background:url(../img/main/mvisual03.jpg) no-repeat center top;}

#idx_wrapper .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 20px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}
#idx_wrapper .swiper-pagination-bullet{ width:6px; height:6px; border-radius:10px; background:#fff;  opacity:1; margin:0 4px;}
#idx_wrapper .swiper-pagination-bullet-active{ width:30px; background:#fff; border:0;}
#idx_wrapper .swiper-button-next, #idx_wrapper .swiper-button-prev{ display:none;}


/*메인-중간컨텐츠*/
#middle{ width:100%;padding:80px 0; position: relative;
    z-index: 10;}
#middle .mid_title{ text-align:center; margin-bottom:60px; font-size:2.5em; font-weight:400; color:#222; line-height:1.2em; font-family:'paybooc-Bold',sans-serif;}
#middle .mid_title span{ color:#fb9397;}
#middle .mid_title p{ font-size:17px; color:#999; font-weight:500; margin-bottom:5px !important; line-height:22px; font-family:'Noto Sans KR', sans-serif;}
#middle .mid_title:before{ display:block; content:""; width:30px; height:6px; background:#fb9397; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
#middle_in{
    width:1280px; margin:0 auto; box-sizing: border-box;
    display: flex;
    justify-content: center;
}
#middle_in:after{ display:block; content:""; clear:both;}
#middle .abox{
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    width: 14%;
    text-align: center;
}
#middle .abox:last-child{
    margin-right: 0;
}
#middle .abox01{}
#middle .abox02{}
#middle .abox03{}
#middle .abox_img {
    position: relative;
    width: 82%;
    height: 0;
    padding-bottom: 84%;
    display: flex;
    box-sizing: border-box;
    border-radius: 50%;
    transition: all 0.3s;
    align-items: center;
    justify-content: center;
    background: #008ce514;
    margin: 0 auto;
}
#middle .abox04 .abox_img img{
    width: 48%;
}
#middle .abox05 .abox_img img{
    width: 42%;
}
#middle .abox_img::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    /*border: 0px solid #008ce538;*/
    outline: 10px solid rgba(0, 140, 229, 0.2);
    opacity: 0;
    transition: all 0.5s;
}
#middle .abox:hover .abox_img::after{
    opacity: 1;
}
#middle .abox_img img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 48px; height:auto;
}


#middle dl{ color:#444; position:relative; margin-top:20px;}
#middle dt{ font-size:16px; font-weight:500; color:#333; line-height:1.3em;}
#middle dd{ font-size:14px; color:#888; margin:6px 0 0 0; line-height:1.6em;}
#middle a.mbtn{ display:block; width:100px; margin:0 auto; border:1px solid #ccc; background:#fff; line-height:35px; border-radius:20px; color:#999; padding:0 15px; font-size:1.1em;}
#middle .abox:hover a.mbtn{ border:1px solid #fb9397; background:#fb9397; color:#fff; border-radius:0px; transition:all 0.5s;}

#middle .abox03 dt{ text-align:center;}
#middle .abox03 p{ text-align:center;}
#middle .abox03 .tel_icon{ float:left; width:33px; height:33px; border-radius:50%; line-height:33px; text-align:center; color:#fff; background:#d10a11; font-size:1.2em;
margin:1px 12px 0 35px;}
#middle .abox03 .tel_wrap{ float:left;}
#middle .abox03 a{ display:block; font-family:Tahoma, Geneva, sans-serif;}
#middle .abox03 a.tel{ font-size:30px; color:#333; font-weight:500; line-height:1em;}
#middle .abox03 a.fax{ font-size:21px; color:#888; font-weight:500; line-height:1em; margin:7px 0 5px 3px;}
#middle .abox03 a.mail{ font-size:14px; color:#5893d4; font-weight:600; line-height:1em; letter-spacing:0; margin-left:3px;}


#middle2{ width:100%; background:#fff; padding: 40px 0 60px 0;}
#middle2_in{ width:1250px; margin:0 auto; box-sizing: border-box;}
#middle2_in:after{ display:block; content:""; clear:both;}
#middle2 .abox{ float:left; min-height:210px; box-sizing: border-box;;}
#middle2 .abox01{ width:25%;}

#middle2 .tabs{  margin-bottom:20px;}
#middle2 .tabs:after{ display:block; content:""; clear:both;}
#middle2 .tabs .tad{ float:left; width:33%; text-align:center;}
#middle2 .tabs .tad a{ display:block; color:#888; font-size:1.25em; line-height:45px; padding:0 15px; border-bottom:1px solid #ddd; box-sizing:border-box;}
#middle2 .tabs .tad a.selected{ font-weight:500; color:#222; border-bottom:0; border-top:2px solid #fb9397; border-right:1px solid #ddd;border-left:1px solid #ddd; line-height:44px;}
#middle2 .panels{}
#middle2 .panels .pd{}

#middle2 .abox02{ width:50%; padding:0px 40px; box-sizing:border-box}
#middle2 .abox03{ width:25%;}
#middle2 .abox03 dl{}
#middle2 .abox03 dt{ font-size:1.8em; font-weight:500; margin-bottom:20px;}
#middle2 .abox03 .tel{ font-size:3em; font-weight:300; letter-spacing:0;}
#middle2 .abox03 dd{ margin-top:15px; padding-left:70px; background:url(../img/main/tel_bg.gif) no-repeat left 0/45px auto;}
#middle2 .abox03 ul{}
#middle2 .abox03 li{ font-size:1.15em; letter-spacing:0; margin:3px 0;}
#middle2 .abox03 li strong{ display:inline-block; background:#555; width:60px; font-size:12px; font-weight:400; text-align:center; margin-right:10px; padding:2px 0; color:#fff;}
#middle2 .abox03 li:last-child strong{}

#middle3{ width:100%; height:450px; text-align:center; background:#ddd; margin:40px 0 0px 0; background:url(../img/main/huwon_bg.jpg) no-repeat center center; background-attachment:fixed;}
#middle3 h1{ font-size:3.7em; font-weight:bold; letter-spacing:-2px; padding:100px 0 20px 0; color:#fff;}
#middle3 p{ font-size:1.5em; line-height:1.8em; font-weight:300; margin-bottom:40px; color:rgba(250,250,250,0.8);}
#middle3 a.mid_btn2{ display:block; width:250px; margin:0 auto; border:2px solid #fff; line-height:45px; color:#fff;transition:all 0.5s; font-size:1.5em;}
#middle3 a.mid_btn2:hover{ background:#fff; color:#222; transition:all 0.5s;}

@media (max-width: 1279px) {
    #middle_in{ width:100%; margin:0 auto; box-sizing: border-box;}
    #slogan  p{ font-size: 1.7em;}
    #slogan  h2{ font-size: 3.5em;}
    #slogan .mt{font-size: 15px; font-weight: 300;}
    #slogan .goButton{
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }
}

#mbanner{ width:100%; background:#f4f4f4; padding:35px 0;}
#mbanner_in{ width:1250px; margin:0px auto;}
#mbanner a{ display:inline-block; width:calc(16% - 8px); margin:0 3px; border:1px solid #ccc; background:#fff; line-height:60px; padding:0 15px; box-sizing:border-box;}
#mbanner img{ width:100%;}

/*BBS*/
#bbs {
    width: 100%;
    margin-bottom: 80px;
}

#bbs .in {
    display: flex;
    column-gap: 50px;
    width: 1400px;
    margin: 70px auto 60px auto;
}
#bbs .in > div {
    width: calc((100% - 50px ) / 2);
    /*overflow: unset !important;*/
}
#bbs .noti .b_tit{
    font-size: 30px;
    font-weight: 500;
    color: #222;
    letter-spacing: -1.2px;
}
#bbs .noti dt {
    float: left;
    text-align: center;
    width: calc(30% - 20px);
    border-top: 3px solid #575050;
    margin-right: 20px;
    font-size: 1.85em;
    color: #575050;
    padding-top: 15px;
}
#bbs .noti dd {
    border-top: 3px solid #575050;
}

/* 메인 월간계획 - 달력디자인 */
#bbs .cal table.select_month{
    margin: 10px 0;
    font-size: 15px;
}
#bbs .cal table.wg{
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#bbs .cal table.wg >  tbody > tr > td{
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 14.285%;
    min-height: 60px;
    line-height: 22px;
    vertical-align: top;
    display: inline-table;
}
#bbs .cal table.wg .wg_week > td{
    min-height: 30px;
    line-height: 30px;
    background: #f1f1f1;
}
#bbs .cal table.wg >  tbody > tr > td > table td{
    font-size: 14px !important;
    /*text-align: left;*/
}



@media (max-width: 1279px) {
    #bbs{
        margin: 60px 0;
    }
    #bbs .in {
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    #bbs .noti .b_tit,
    #bbs .lt_cal .lt_title{
        font-size: 26px;
    }
}

@media (max-width: 992px) {
    #bbs .in {
        width: 100%;
        margin: 20px auto 20px auto;
        padding: 15px;
    }

    #bbs .noti {
        width: 100%;
    }

    #bbs .noti dt {
        width: 100%;
        border-top: 2px solid #575050;
        margin-right: 0;
        font-size: 1.2em;
        padding: 5px 0;
    }

    #bbs .noti dd {
        width: 100%;
        border-top: 2px solid #000;
    }

    #bbs .ban {
        width: 100%;
        margin: 0;
    }

    #bbs .ban a {
        width: calc(50% - 10px);
        margin: 5px;
        padding: 15px 15px 25px 15px;
    }

    #bbs .ban a.a {
        background: #deb863 url(../img/main/bs_con1.png) no-repeat 98% 85% / 34px auto;
		padding: 15px 30px 31px 30px;
    }

    #bbs .ban a.b {
        background: #02acce url(../img/main/bs_con2.png) no-repeat 98% 85% / 34px auto;
    }

    #bbs .ban a h3 {
        font-size: 1.1em;
    }

	#bbs .ban a h3 span {
		font-size: 0.72em;
	}

    #slogan h2 {
        font-size: 40px;
    }
    #slogan .mt{
        max-width: 330px;
    }



}



@media (max-width:1279px) {
    /* 메인슬라이더 */
    #idx_wrapper{
        height:400px;
        margin-top: 70px;
    }
    #slogan{
        width:100%; top: 108px; left:auto; padding: 0 0 0 4%; margin-left:0px; word-break: keep-all; word-wrap:break-word;
    }
    #slogan .img01{ font-size:15px; width:170px; margin-bottom:15px;}
    #slogan .img01 img{ width:100%;}
    .swiper-container #main_video{
        right: 4%;
    }
    .swiper-container #main_video{
        width: 45%;
    }
    .swiper-container #main_video iframe{
        height: 25.6vw;
    }

    /* #middle */
    #middle{padding:60px 0;}
    #middle_in{
        width: calc(100% - 30px);
    }
    #middle .abox_img img{ width:42%;}
    #middle dl{ margin-top:10px;}
    #middle dt {
        font-size: 15px;
    }



}

@media (max-width: 1024px){
    #middle .abox{
        width: 14%;
    }
    #middle dt {
        font-size: 14px;
    }

}



@media (max-width: 768px) {
    #idx_wrapper {
        height: 450px;
    }
    #slogan{
        top: 40px;
    }
    #slogan h2 {
        font-size: 32px;
    }
    #slogan .mt{
        font-size: 14px;
    }
    .mainBanner .swiper-pagination{
        display: none;
    }
    .swiper-container #main_video{
        /*width: 90%;*/
        width: 350px;
        top: unset;
        bottom: 12px;
        transform: unset;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
    .swiper-container #main_video iframe{
        /*height: 51.2vw;*/
        height: 180px;
    }



    #slogan .goButton,
    #slogan .mt{
        margin-top: 16px;
    }




    #middle_in{
        flex-wrap: wrap
    }
    #middle .abox{
        width: 25%;
        margin-bottom: 20px;
    }
    #middle dt {
        font-size: 14px;
    }
    #middle .abox_img::after{
        display: none;
    }


    #bbs {
        margin: 0 0 60px;
    }
    #bbs .in{
        display: block;
        margin: 0;
        padding: 0 15px;
    }
    #bbs .in > div{
        width: 100%;
    }
    #bbs .in > div:first-child{
        margin-bottom: 30px;
    }



    /* 메인 월간계획 - 달력디자인 */
    #bbs .cal table.wg > tbody > tr > td{
        min-height: 50px;
    }

}







/*메인-갤러리*/
.mid_title{
    text-align: center;
    margin-bottom: 60px;
    font-size: 2.5em;
    font-weight: 500;
    color: #222;
    line-height: 1.2em;
}
.gallery_wrap{
    position: relative;
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 80px;
}
.gallery_wrap .swiper-slide{
    height: unset;
}
.gallery_wrap .swiper-slide .thumb{
    position: relative;
    display: block;
    /*height: 14vw;*/
    width: 100%;
    overflow: hidden;
}
.gallery_wrap .swiper-slide .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery_wrap .swiper-slide .txtBox{
    display: block;
    padding: 10px;
}
.gallery_wrap .swiper-slide .txtBox p{
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.gallery_wrap .swiper-button-prev,
.gallery_wrap .swiper-button-next{
    display: block !important;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-42%);
    width: 60px;
    height: 60px;
    z-index: 2;
    border: 0;
    border-radius: unset;
    border-radius: 50%;
    transition: all 0.3s;
}
.gallery_wrap .swiper-button-prev{
    background: rgba(255,255,255,0.4) url(../img/main/big_arrow_2.svg) 0px 0px / 100% no-repeat;
}
.gallery_wrap .swiper-button-next{
    left: unset;
    right: 10px;
    background: rgba(255,255,255,0.4) url(../img/main/big_arrow.svg) 0px 0px / 100% no-repeat;
}
.gallery_wrap .swiper-button-prev:hover,
.gallery_wrap .swiper-button-next:hover{
    background-color: rgba(255,255,255,0.6);
}
@media(max-width: 1400px){
    .gallery_wrap{
        width: calc(100% - 15px);
        margin-left: 15px;
    }
    #bbs .in{
        width: calc(100% - 15px);
        margin: 0 auto;
    }
}
@media(max-width: 1279px){
    .mid_title{
        font-size: 26px;
    }
    /*.gallery_wrap .swiper-slide .thumb{
        height: 24vw;
    }*/
}
@media(max-width: 769px){
    .gallery_wrap{
        margin-bottom: 60px;
    }
    /*.gallery_wrap .swiper-slide .thumb{
        height: 36vw;
    }*/

    #bbs .noti .b_tit, #bbs .lt_cal .lt_title, .mid_title {
        font-size: 22px;
    }
    .mid_title{
        margin-bottom: 20px;
    }
    .gallery_wrap .swiper-button-prev, .gallery_wrap .swiper-button-next{
        display: none;
    }

}





/* partner */
.partner{
    position: relative;
    display: flex;
    max-width: 1400px;
    width: 100%;
    margin: 40px auto 80px;
    overflow: hidden;
}
.partner .left{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    /*background: #fff;*/
    position: relative;
    z-index: 10;
    width: 210px;
}
.partner .left::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: calc(100% - 12px);
    height: 100%;
    z-index: -1;
}
.partner .mySwiper_2{
    width: calc(100% - 210px);
}
.partner .swiper-slide{
    height: unset;
    border: 1px solid #e3e3e3;
    text-align: center;
}
.partner .swiper-slide img{
    max-width: 100%;
    cursor: pointer;
}
.partner .swiper-button-next, .partner .swiper-button-prev{
    position: unset;
    display: inline-block;
    margin-top: 0;
    font-weight: 900;
    color: #fff;
    background: #25375d;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.partner .swiper-button-prev{
    margin-left: 10px;
}
.partner .swiper-button-next{
    margin-left: 2px;
}
.partner .swiper-button-next:after, .partner .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 8px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
@media (max-width: 1279px){
    .partner{
        width: calc(100% - 30px);
        margin: 60px auto;
    }
    .partner .left{
        width: 160px;
    }
    .partner .mySwiper_2 {
        width: calc(100% - 160px);
    }




}
@media (max-width: 768px){
    .gallery_wrap .swiper-button-prev,
    .gallery_wrap .swiper-button-next{
        display: none !important;
    }

    .partner{
        display: block;
    }
    .partner .left{
        display: none;
    }
    .partner .mySwiper_2{
        width: 100%;
    }


}