@media (max-width:768px) {
	.video-hide{background:#fff}
	.video-hide video{ position: relative;width: 175vw !important;left: 50%;transform: translateX(-50%)}
}

.cont_box{margin-top:80px;}
.section .tit_txt{font-size:18px;}
/* main Slide */
.main .swiper-pagination{top:-30px;text-align:center;width:auto;display:inline-block;left: 50%;transform: translateX(-50%);}
.main .swiper-pagination-bullet{opacity:1;background:#d9d9d9;width:8px;height:8px;float:left;margin:0 4px;}
.main .swiper-pagination-bullet-active{background:#e2b666}

.mainslide {margin:auto;position: relative;}
.mainslide .swiper-slide .img{background: #000}
.mainslide .swiper-slide img{width:100%;transition: 0.5s;opacity: 0.7;}
.mainslide .swiper-slide-active img{opacity:1}
.mainslide .swiper-container-horizontal > .swiper-pagination-bullets{width: 50px;height: auto;left: 10%;bottom: auto;top: 40%;transform: translateY(-50%);}
.mainslide .swiper-pagination-bullet {width: 100%;height: 50px;line-height:50px;background: transparent;font-size: 30px;font-family: 'Cormorant Garamond', serif;font-weight: 500;opacity: 1;color: #fff;position: relative;top: 0;left: 0;}

.mainslide .swiper-pagination{top:25%;text-align:center;width:auto;display:inline-block;left: 5%;transform: translateX(-50%);}

.mainslide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0;margin-top:5px;}
.mainslide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child{margin-top:0}
.mainslide .swiper-pagination-bullet-active{color:#fff}
.mainslide .swiper-pagination-bullet:after {display: none;content: "";clear: both;width: 5px;height: 5px;border-radius: 50%;background: #fff;position: absolute;top: 50%;margin-top: -2.5px;right: -10px;border-radius: 50%;}
.mainslide .swiper-pagination-bullet-active:after{display:block}

.mainslide .swiper-slide .txt {position: absolute;top: 50%;transform: translateY(-50%);-wekit-transition: 0.8s;transition: 0.8s;margin-left: 0;left: 0;opacity: 0;width:30%;}
.mainslide .swiper-slide .txt img{width:auto;margin:0}
.mainslide .swiper-slide-active .txt {left: 52%;opacity: 1;}


.notice_bell {position: absolute;background:rgba(0,0,0,0.4);bottom:0;width: 100%;z-index: 9;font-size: 18px}
.notice_bell .text-flex{display:flex;color: #fff;align-items: center;}
.notice_bell .text-flex .titlebox{margin-right:20px}
.notice_bell .swiper-container{height: 80px;width: 50%;}
.notice_bell .swiper-slide{display: flex;  align-items: center;    }
.notice_bell .swiper-slide a{color: #fff;display: block}
.notice_bell .btnwrap{width: 240px;display: flex;align-items: center}
.notice_bell .btnwrap>*{width: 80px;height: 80px;position: relative;border-right:1px solid rgba(255,255,255,0.5);font-size:30px}
.notice_bell .btnwrap>div:first-child{border-left:1px solid rgba(255,255,255,0.5)}
.notice_bell .btnwrap .plus::before{position: absolute;content: "+";top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;}
.notice_bell .swiper-button-prev,.notice_bell .swiper-button-next{color: #fff;position: relative;    top: 0;    margin: 0;right: auto;left:auto}
.notice_bell .swiper-button-prev:after, .notice_bell .swiper-button-next:after{font-size:30px}


/* section01 */
#section01 .container1{background-image: url(/img/main/sec01_bg.png);background-position: top 20px center;background-size:55% auto;background-repeat: no-repeat;}
#section01 .cont_box{position: relative;top: 0;left: 0;}
#section01 .cont_box:after{display:block;content:"";clear:both;}
#section01 .box{background: #fff;display:block;position:relative;top:0;left:0;border: 1px solid #eee;border-left: 0;}
#section01 .box:first-child {border-left: 1px solid #eee;}
#section01 .box span{font-family: 'GmarketSans','Noto Sans KR',sans-serif;font-size:18px;display:block;opacity:0;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);color:#fff;text-align:center;font-weight:500;width:150px;-wekit-transition: 0.5s;transition: 0.5s;background:#e2b666;border-radius: 50px;padding:5px}
#section01 .box .txt{position: absolute;top: 10%;width: 100%;text-align: center}
#section01 .box .txt h6{color: #999;font-size: 20px;}
#section01 .box .txt h5{font-size: 30px;margin-bottom:20px}
#section01 .box .txt p{font-size: 22px;font-weight: 300;line-height: 1.3}

#section01 .box:hover span{opacity: 1;bottom: 30px;}
#section01 .box:hover h6{color: #e2b666;}
#section01 .box:After{display:none;content:"";clear:both;width:100%;height:100%;border:1px solid #e2b666;position:absolute;top:0;left:0;}
#section01 .box:hover:After{display:block;}

/* section02 */
#section02 .swiper-slide img{width:100%}
#section02 .swiper-slide .txt{position:absolute;bottom:0;left:0;width:100%;padding:30px 40px;background:rgba(255,255,255,0.5);text-align:left}

#section02 .swiper-button-prev, #section02 .swiper-container-rtl .swiper-button-next{left:14%;background-image: url(/img/main/arrow_l.png);background-position: center;background-repeat: no-repeat;background-size: 100% auto;}
#section02 .swiper-button-next, #section02 .swiper-container-rtl .swiper-button-next{right:14%;background-image: url(/img/main/arrow_r.png);background-position: center;background-repeat: no-repeat;background-size: 100% auto;}

#section02 .swiper-button-prev:after, #section02 .swiper-button-next:after{content:""}


/* section03 */
#section03 .cont_box{position:relative;top:0;left:0}
#section03 .swiper-slide > div{transform: scale(0.85);}
#section03 .swiper-slide-active > div{transform: scale(1);}
#section03 .swiper-slide img{width:100%}

#section03 .swiper-container-horizontal > .swiper-pagination-bullets {position: relative;top: 0;bottom: auto;display: inline-block;margin-right: auto;margin-left: auto;width: auto;}
#section03 .swiper-container-horizontal > .swiper-pagination-bullets:after{display:block;content:"";clear:both;}



/* section04 */
#section04 .cont_box{position:relative;top:0;left:0}
#section04 .swiper-slide span{margin-top:10px;display:block;}
#section04 .swiper-container{padding:10px;}
#section04 .swiper-container-horizontal > .swiper-pagination-bullets {position: relative;top: 0;bottom: auto;display: inline-block;margin-right: auto;margin-left: auto;width: auto;}
#section04 .swiper-container-horizontal > .swiper-pagination-bullets:After{display:block;content:"";clear:both;}

#section04 .swiper-slide .img{box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.03)}


/* section05 */
#section05{/*background:#fcfafa*/text-align:center}
#section05 .tit:after{display:block;content:"";clear:both;}
#section05 .tit > div{float:right;width:32%;clear:both;}

#section05 .cont_box:After{display:block;content:"";clear:both;}
#section05 .left{width:61%;float:left}
#section05 .right{width:32%;float:right}
#section05 .insta li{float:left;width:32.3333%;margin-right:1.5%;margin-top:1.5%;}
#section05 .insta li:nth-child(-n+3){margin-top:0;}
#section05 .insta li:nth-child(3n){margin-right:0}

/* section06 */
#section06 .container{position:relative;top:0;left:0}
#section06 .container:After {display: block;content: "";clear: both;}
#section06 .view_more {float:right;margin-top:20px;position:relative;width: auto;text-align: right;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
#section06 .view_more img {display: inline-block;vertical-align: middle;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
#section06 .view_more img.visible-md{display: none!important;}
#section06 .view_more img.hidden-md{display: inline-block!important;}
#section06 .view_more span {display: inline-block;vertical-align: middle;margin-right: 30px;}
#section06 .view_more:after {display: block;content: "";clear: both;width: 1px;height: 100%;background: #000;position: absolute;top: 3px;right: 42px;}
#section06 .view_more:hover img {transform: translateX(15px);position: relative;}


#section06 .main_notice li{padding:20px 175px;border-bottom:1px solid #eee}
#section06 .main_notice li a{display: flex;align-items: center}
#section06 .main_notice li:hover {background: #fcfafa;}
#section06 .main_notice li:after{display:block;content:"";clear:both;}

#section06 .main_notice .date{color:#e2b666;float:left;width:10%;padding:21px 0;font-family: 'GmarketSans','Noto Sans KR',sans-serif; font-weight: bold}
#section06 .main_notice .date span{display:block;font-weight:400;}
#section06 .main_notice .date .date01{font-weight:bold}

#section06 .main_notice .subject{float:left;width:70%;text-align:left;padding:25px 10px;}
#section06 .main_notice .subject span{display:block;}
#section06 .main_notice .subject .subject01{font-weight: bold}
#section06 .main_notice .subject .subject02{color:#808080;margin-top:7px;}
#section06 .main_notice .img{float:left;width:20%}

/* section07 */
.sub_box:after{display:block;content:"";clear:both;}
.sub_box .s_box{width:32.3333%;margin-right:1.5%;}
.sub_box .s_box:nth-child(3n){margin-right:0}

#section07 .sub_box{display:flex}
#section07 .map_box {background: #e2b666;}

#section07 .counsel_box .tit01 span, #section07 .time_box .tit01 span{float: right}

#section07 .map_box .map_txt {padding:40px 30px;background:#e2b666;color:#fff;text-align:center}
#section07 .counsel_box, #section07 .time_box{padding:40px}

#section07 .time_box {border: 1px solid #e2b666;background: #fff;}
#section07 .time_box .time li{padding: 5px 0;padding-left: 20px;border-bottom: 1px solid rgba(24,47,101,0.3);line-height: 2.5em;position:relative;top:0;left:0}
#section07 .time_box .time li span{float:right;font-weight:600}
#section07 .time_box .time p{float:right;margin-top:10px;}
#section07 .time_box .time li:After{display:block;content:"";clear:both;}
#section07 .time_box .time li:before{display:block;content:"";clear:both;position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:#000;left:5px;margin-top:-2.5px;}
#section07 .time_box .time:After{display:block;content:"";clear:both;}
#section07 .time_box .tel{font-size:55px;}
#section07 .cont_box.tel_in {margin-top: 20px;}

#section07 .counsel_box{background:#e2b666}
#section07 .counsel > div:After{display:block;content:"";clear:both;}
#section07 .counsel > div{padding-bottom:15px}
#section07 .counsel_box label{color:#fff;width:20%;float:left;padding:8px 0;height:50px;}
#section07 .counsel_box input[type="text"], #section07 .counsel_box  select{padding:8px 10px;height:50px;float:left;width:80%;border:none}
#section07 .counsel > div.checkbox{color:#fff;font-size:15px;float:right;margin-top:30px;}
#section07 .counsel > div.checkbox input{vertical-align:middle;margin-right:3px}
#section07 .counsel > div.checkbox label{float:none;vertical-align:middle;margin-right:3px;}
#section07 .counsel > div.checkbox a{vertical-align:middle;display:inline-block;color:#fff}
#section07 .counsel > div.submit{width:100%;clear:both;}
#section07 .counsel > div.submit input{width:100%;background:#000;color:#fff;padding:15px 10px;border:none}

/* section08 */
#section08 .swiper-btnWrap .swiper-button-prev{margin-right:10px}
#section08 .swiper-btnWrap .swiper-button-prev, #section08 .swiper-btnWrap .swiper-button-next{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;float:left;width:65px;height:65px;background-size:7px 13px;background-position:center;background-repeat:no-repeat;position:relative;top:0;left:0;right:auto;bottom:auto;margin-top:0;}
#section08 .swiper-btnWrap .swiper-button-prev{background-image:url(/img/main/g_slide_l.png)}
#section08 .swiper-btnWrap .swiper-button-next{background-image:url(/img/main/g_slide_r.png)}
#section08 .swiper-btnWrap .swiper-button-prev, #section08 .swiper-btnWrap .swiper-button-next{background-color:#000}
#section08 .swiper-button-prev:after, #section08 .swiper-button-next:after{content:"";}
#section08 .slide_l {padding-left: calc((100% - 1200px)/2);}
#section08 .slide_l .txt{margin-top:30px; text-align: left;}
#section08 .slide_l .txt .num{font-weight:600;font-family: 'Montserrat', sans-serif;letter-spacing: 0;color:#e2b666;margin-bottom:5px;font-size:1.2rem;line-height:1.9rem;}
#section08 .bfaf_box .img {position:relative;top:0;left:0}
#section08 .bfaf_box .img img{width:100%;}
#section08 .bfaf_box .img .flex img{ width: 50%; }
#section08 .bfaf_box .login_box{position: absolute;top: 0;left: 0;width: 100%;height: 50%;background: rgba(255,255,255,0.9);}
#section08 .bfaf_box .login1{width:100%;height:50%;}
#section08 .bfaf_box .img .flex ~ .login1{width:50%;height:100%;}
#section08 .bfaf_box .inner {padding:0 15px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;color: #000;text-align: center;font-size: 1.2rem;line-height: 1.9rem;font-weight: 700;font-family: "Noto Sans KR", sans-serif;width: 100%;}
#section08 .bfaf_box .login_btn {font-size: 1.2rem;line-height: 1.9rem;font-weight: 700;display: block;margin: auto;color: #000;}
#section08 .swiper-pagination {position: Relative;top: 0;left: 50%;width: 85%;height: 5px;float: right;margin-top: 32.5px;background: #eeeeee;}
#section08 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #e2b666;}
#section08 .img a.flex{display: flex;}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(-360deg);}
}

@media (max-width: 1550px){
    .section{padding:150px 0;text-align:center}


    .mainslide .swiper-pagination-bullet{font-size:24px;}
    .mainslide .swiper-container-horizontal > .swiper-pagination-bullets{left:9.5%}
    .mainslide .swiper-pagination-bullet:after{right:0}
	.notice_bell .text-flex{padding-right:75px}

    #section01{overflow:hidden}

    #section02 .swiper-button-prev, #section02 .swiper-container-rtl .swiper-button-next{left:16%;}
    #section02 .swiper-button-next, #section02 .swiper-container-rtl .swiper-button-next{right:16%;}
    #section06 .main_notice li{padding:20px 0}


    #section07 .time_box .tel{font-size:45px;}
	#section07 .sub_box {flex-wrap: wrap;}
	#section07 .time_box {width: 50.4%;margin-right:0}
	#section07 .map_box {width: 48%;}
	#section07 .counsel_box {margin-top: 1.5%;width: 100%;}
    #section07 .counsel_box label{width:20%;line-height: 40px;padding: 0;height: 40px;margin-right:2%}
    #section07 .counsel_box input[type="text"], #section07 .counsel_box select{width:78%;height:40px;}
    #section07 .counsel > div.checkbox{margin-top:10px;}
	#section07 .cont_box.tel_in {margin-top: 10px;}
	#section07 .time_box .time li {padding: 10px 0;padding-left: 20px;}
    #section07 .time_box .time li span{font-size:25px;}
    #section07 .counsel > div{padding-bottom:10px;}

    #section08 .swiper-pagination{left: 43%;}

}

@media (max-width: 1200px){
    #section07 .time_box .tel{font-size:55px;}

    #section02 .swiper-button-prev, #section02 .swiper-container-rtl .swiper-button-next{left:5.5%;}
    #section02 .swiper-button-next, #section02 .swiper-container-rtl .swiper-button-next{right:5.5%;}

    #section08 .slide_l {
        padding-left: 5%;
    }
}

@media (max-width: 1024px){
    .section{padding:130px 0;text-align:center}
    .cont_box{margin-top:50px;}

    .mainslide .swiper-pagination {top: -30px;position: relative;}

    .mainslide .swiper-slide{padding:0}
    .mainslide .swiper-pagination-bullet {float: left;width: 50px;margin-top: 0!important;color: #bfbfbf;}

    .mainslide .swiper-pagination-bullet-active{color:#e2b666}
    .mainslide .swiper-container-horizontal > .swiper-pagination-bullets {box-shadow:5px 5px 10px 0px rgb(0,0,0,0.1);width: auto;padding: 20px;background: #fff;bottom: 10px;top: auto;transform: translateY(0);left: 0;}
    .mainslide .swiper-pagination-bullet:after {top: 5px;right: 50%;margin-top: 0;margin-right: -2.5px;background: #e2b666;}

/* test */
	.mainslide .swiper-pagination-bullets {box-shadow:5px 5px 10px 0px rgb(0,0,0,0.1);width: auto;padding: 20px;background: #fff;bottom: 0px;top: auto;transform: translateY(-50%);left: 0;}
    .mainslide .swiper-pagination-bullet:after {top: 5px;right: 50%;margin-top: 0;margin-right: -2.5px;background: #e2b666;}


    /* .mainslide .swiper-container {padding-bottom: 40px;} */
    .mainslide .swiper-slide{opacity:1}
	.notice_bell{display:none}

    #section01 .swiper-slide.box:hover:After{display:none;}
    #section01 .swiper-slide-active.box:hover:After{display:block;}
    #section01 .swiper-slide-active.box:After{display:block;}
    #section01 .swiper-slide.box:hover span{opacity: 0;bottom: -30px;}
    #section01 .swiper-slide-active.box:hover span{opacity:1;bottom:30px;}
    #section01 .swiper-slide-active.box span{opacity:1;bottom:30px;}

    #section04 {overflow: hidden}
    #section04 .swiper-container{overflow: visible;}

}

@media (max-width: 990px){
    #bo_gall .gall_li{width:50%!important}

	.sub_box .s_box{width:100%;margin-right:0}

    #section02 .cont_box{max-width:90%;margin-right:auto;margin-left:auto}
    #section02 .swiper-button-prev, #section02 .swiper-container-rtl .swiper-button-next{left:15px;}
    #section02 .swiper-button-next, #section02 .swiper-container-rtl .swiper-button-next{right:15px;}

    #section05 {padding-bottom:0}
    #section05 .tit > div{width:100%;float:none;}
    #section05 .left{display:none;}
    #section05 .right{width:100%;float:none;}

    #section06 .main_notice li {padding: 15px 0; }
    #section07 .map_box img{width:auto}
    #section07 .map_box {background: transparent;}
    #section07 .time_box{width:100%;margin-top:1.5%}
	#section07 .map_box{width: 100%;}

    #section08 .swiper-pagination{width: 100%; left: 50%; transform: translateX(-50%);}
    #section08 .swiper-btnWrap .swiper-button-prev, #section08 .swiper-btnWrap .swiper-button-next{display: none;}

}

@media (max-width: 768px){
    #hd_pop{width:100% !important;}
    .hd_pops{right: 15px;}
    .hd_pops img {width:100% !important;}
    .hd_pops_con {width:100% !important;height:auto !important;}

    #bo_gall .gall_li{width:100%!important}

		.main{margin-top: 70px;}

    .section{padding:80px 0;text-align:center}
    .cont_box{margin-top:40px;}

    .section .tit_txt{font-size:14px;}
	.main .swiper-pagination{padding: 10px;top:-40px}

	.mainslide .swiper-pagination{top:30px}
    .mainslide .swiper-pagination-bullet {width: 40px;}
    .mainslide .swiper-container-horizontal > .swiper-pagination-bullets {padding: 10px 15px;}
    .mainslide .swiper-pagination-bullet:after {top: 10px;}

    #section01 {background-image: url(/img/main/sec01_bg_m.png);background-repeat:no-repeat;background-position: top 40px center;background-size: 70% auto;}
    #section01 .container1{background-image:none;}
	#section01 .box span{opacity: 1;bottom: 30px;}
	#section01 .box:hover span{bottom: 40px;}

    #section02 .swiper-slide .txt{padding:20px 30px;position:relative;top:0;left:0;text-align:Center;border: 1px solid #eee;}
    #section02 .swiper-button-prev, #section02 .swiper-button-next {top: 35%;}
    #section03 .swiper-slide > div{transform: scale(1);}
    #section03 .cont_box{max-width:90%;margin-right:auto;margin-left:auto}

    #section06 .main_notice li:first-child{padding-top:20px;border-top:2px solid #e2b666}
	/* #section06 .main_notice li a{display: block} */
    #section06 .main_notice .date{width:50px;padding:0;}
    #section06 .main_notice .date span{font-size:22px;text-align:left}
    #section06 .main_notice .subject{width:65%;padding:0; padding-right:10px}
    #section06 .main_notice .subject .subject02{display:none;}
    /* #section06 .main_notice .img{display:none;} */
    #section06 .main_notice .subject .subject01{font-size:20px;}
    #section06 .main_notice .subject .subject01 b{font-weight:400}
    #section06 .main_notice .subject .subject01{font-size:18px;}
    #section07 .counsel_box, #section07 .time_box {padding: 30px;}
    #section07 .time_box .tel {font-size: 45px;}
    #section07 .map_box .map_txt {padding: 25px 10px;}
	#section07 .map{height: 68vw !important}

}


@media (max-width: 499px){
    #section01 .swiper-container{overflow: inherit;}
	#section01 .box .txt h6{font-size: 4.2vw}
	#section01 .box .txt h5{font-size: 6.3vw}
	#section01 .box .txt p{font-size: 4.8vw}
	#section01 .box span{font-size:16px;width: 120px;}

	#section07 .map{height: 80vw !important}
	#section07 .time_box .time li span{font-size:18px}
	#section07 .time_box .tel{font-size:32px}
}
