/* 풋터 */
#ft {background:#2f3135}
#ft .footer_logo{display:inline-block; vertical-align:bottom}
#ft .footer_area {padding: 80px 0;}
#ft .footer_area > div {vertical-align:top; text-align:left; position:relative;}
#ft .footer_link{display:inline-block; margin-left:50px}
#ft .footer_link a {font-size: 15px; color: #fff;  opacity:0.7; font-weight: 500;  display: inline-block;  margin-right: 20px; position:relative; transition:0.2s ease}
#ft .footer_link a:hover{opacity:1}
#ft .footer_link a:last-child:after {content: none;}
#ft .company_info .bar {margin: 30px 0;  width: 100%;  height: 1px;  background: #fff;  opacity: 0.3;}
#ft .address p, #ft .address a {font-size: 15px;  color: #fff; }
#ft .information {opacity:0.7;}
#ft .footer_bar {display: inline-block;  padding: 0 5px;}
#ft .copyright {font-size: 14px !important; margin-top: 15px;  opacity: 0.3;}
#ft .information.num3 {padding-top: 10px;}
#ft .information.num3 , #ft .information.num4 , #ft .information.num4 a {font-size: 14px !important;  font-weight: 300;}
#ft .footer_social_link a {display: inline-block; border-radius: 100%; width:20px; height:20px; margin-left:15px; position:relative;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
#ft .footer_social_link a:first-child {margin-left:0;}
#ft .footer_social_link a:after {content:""; transition:0.2s ease; width:100%; height:100%; position:absolute; left:0;top:0; opacity:0.3; background-size:cover; background-position: center;  background-repeat: no-repeat;}
#ft .footer_social_link a:hover:after{opacity:1}
#ft .footer_social_link a.twitter:after {background-image:url(/img/main/twitter_icon.svg)}
#ft .footer_social_link a.facebook:after {background-image:url(/img/main/facebook_icon.svg)}
#ft .footer_social_link a.blog:after {background-image:url(/img/main/blog_icon.svg)}
#ft .footer_social_link a.youtube:after {background-image:url(/img/main/youtube_icon.svg)}
#ft .footer_social_link a.instagram:after {background-image:url(/img/main/instagram_icon.svg)}
#ft .footer_social_link a.n:after {background-image:url(/img/main/n_icon.svg)}
#ft .footer_social_link {position: absolute;  right: 0;  top: 10px;}

/*퀵메뉴*/
.quick_inner.is-open {max-height: 400px; opacity: 1}
.quick_inner.is-open > div{width:200px; padding-left:140px}

.quick_inner {max-height: 0; opacity: 0; overflow: hidden; transition: 0.3s ease}
.quick {position:fixed; right:30px; top:50%; transform:translateY(-50%); z-index:990}
.quick:first-of-type {}
.quick_inner div a{display: block; margin-bottom: 0.5rem; text-decoration: none; width:60px; height:60px; border-radius:100%}

.quick_inner div{position:relative}
.quick_inner div a{transition:0.2s ease}
.quick_inner div a .icon{text-align:center; line-height: 58px}
.quick_inner div a .icon img{width:28px}
.quick_inner .kakao a {background: #fae100}
.quick_inner .insta a{background:url(/img/main/insta_bg.jpg) no-repeat center; background-size:cover}
.quick_inner .youtube a{background:#ee2d23}
.quick_inner .youtube a:hover{background:#d22118}
.quick_inner .blog a{background:#00c73c}
.quick_inner .blog a:hover{background:#0aa237}
.quick_inner .point a{background:#545146}
.quick_inner .point a:hover{background:#3c392e}
.quick_inner .degree3 a{background:#5b7fff}
.quick_inner .degree3 a:hover{background:#4667dd}

.quick_inner .event a {background: #2d34d1;}
.quick_inner .event a:hover {background: #181b69;}
.quick_inner .channel_talk a{background:#4a27ff}
.quick_inner .channel_talk a:hover{background:#3c1ce2}

.quick_inner div .name_tag{position:absolute; right:70px; bottom:10px; color:#fff; font-size:14px; font-weight:600; padding:0 16px; height:35px; line-height:35px; border-radius:35px; opacity:0}
.quick_inner.is-open div .name_tag{opacity:1}

.quick_inner .kakao .name_tag{background:#fae100; color:#3c1d1e}
.quick_inner .insta .name_tag{background:url(/img/main/insta_bg.jpg) no-repeat center; background-size:cover}
.quick_inner .youtube .name_tag{background:#ee2d23}
.quick_inner .blog .name_tag{background:#00c73c}
.quick_inner .point .name_tag{background:#545146}
.quick_inner .event .name_tag{background:#2d34d1}
.quick_inner .channel_talk .name_tag{background:#4a27ff}
.quick_inner .degree3 .name_tag{background:#5b7fff}

.menuToggle {display: block; width:60px; height:60px; background:#fdbd11; border-radius:100%; margin-bottom: 0.5rem}
.menuToggle:hover{background:#545146}
.menuToggle span{font-size:0; display:block; width:100%}
.menuToggle span:after{content:''; width:15px; height:14px; background:url(/img/main/quick_bugger.png) no-repeat center; background-size:cover; display:block; margin:0 auto}
.menuToggle.btn-open{margin-left:140px}
.menuToggle.btn-open span:after{width:15px; height:15px; background:url(/img/main/quick_close.png) no-repeat center}

/*채널톡 아이콘 가리기*/
.Launcherstyled__Wrapper-ch-front__sc-oef45p-0{visibility:hidden; opacity:0}

@media only screen and ( max-width: 980px ) {
#ft .footer_social_link {margin-top: 20px;position: RELATIVE;}

#ft .footer_logo img{width:120px}
#ft .footer_link{margin-left:20px}

/*퀵메뉴*/
.quick{right:2%}
.menuToggle.btn-open{margin-left:107px}
.menuToggle{width:35px; height:35px}
.menuToggle:hover{background:#fdbd11}
.menuToggle span:after{width:10px; height:9px}
.menuToggle.btn-open span:after{width:10px; height:10px}
.quick_inner.is-open > div{width:140px; padding-left:107px}
.quick_inner div .name_tag{right:44px}

.quick_inner div a{width:35px; height:35px}
.quick_inner div a .icon{line-height:35px}
.quick_inner div a .icon img{width:18px}
.quick_inner div .name_tag{font-size:11px; padding:0 9px; height:30px; line-height:30px; border-radius:30px; bottom:1px}
}

/*베너 슬라이드*/
.banner {position:relative; margin:35px 0; width:100%; height:72px; padding:0 40px; background:#fff; box-shadow:10px 10px 30px 0px rgba(0,0,0,0.05);}
.banner:after {display:block; content:''; clear:both;}
.banner .banner_head {width: 180px;  float: left; min-height: 1px; position: relative;}
.banner h3 {float:left; font-size:18px; font-weight:500; line-height:72px;}
.banner ul {float:left; width:calc(100% -  180px); margin-top:16px;}
.banner .slick-slide a {display:block; text-align:center;}
.banner .slick-slide img {display:inline-block;}
.banner .slick-arrow {position:absolute; z-index:99; top:20px; width:12px; height:12px; text-indent:-9999px; background-repeat:no-repeat;  background-position:center;}
.banner .slick-arrow.slick-prev,.banner .slick-arrow.slick-next  {display:none !important}
.banner .ctrl_btn {position:absolute; z-index:1; right:0; top:23px; width:68px; height:26px; text-align:center; border-radius:100px; background:rgba(147,147,147,0.5);}
.banner .ctrl_btn a, .banner .ctrl_btn span {display:inline-block; width:12px; height:12px; text-indent:-9999px; background-repeat:no-repeat; background-position:center;margin-top: 7px; cursor:pointer}
.banner .ctrl_btn span.prev {background-image:url(/img/main/ico_prev.png);}
.banner .ctrl_btn span.next {background-image:url(/img/main/ico_next.png);}
.banner .ctrl_btn .pause {background-image:url(/img/main/ico_pause.png);}
.banner .ctrl_btn .play {background-image:url(/img/main/ico_play.png);}

@media (max-width:767px) {
   .banner .banner_head {display:none}
   .banner ul {width:100%}
}

@media only screen and ( max-width: 480px ) {
#ft .footer_area {  padding: 30px 0; }
#ft .footer_area > div {display: block;}
#ft .footer_logo {padding-top: 0;margin-bottom: 20px;}
#ft .footer_link{display:block; margin-left:0}
#ft .footer_link a {  font-size: 14px; }
#ft .address p, #ft .address a {  font-size: 11px; letter-spacing: -0.02em;}
#ft .footer_bar {padding: 0 1px;}
#ft .copyright {  font-size: 10px !important;}
#ft .footer_link a:after {top: 4px;}
}

/*--바디에 스크롤 막기--*/
.not_scroll{overflow: hidden; width: 100%}
.not_scroll .cont{position:relative}


/*-퀵메뉴 출석이벤트 팝업-*/
.point_modal {display:none; position: fixed; z-index:999999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; padding:0 10px}

.point_modal .dark_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1}
#att-event-modal-content.point-modal-content{background: #fff; top:50%; left:50%; max-width: 450px; border-radius: 20px; border:1px solid #eee; position: relative; width: 100%; transform: translate(-50% , -50%); z-index:2; padding:0}
.point-modal-content .point_popup_title{font-size:24px; letter-spacing:-0.5px; font-weight:800; border-bottom:1px solid #707070; padding-bottom:40px}

.point_modal .point-modal-content .point_table_wrap{max-height:60vh; overflow-y:auto; margin-top:50px}
.point_modal .point-modal-content .point_table_wrap .gift_img_holder img{display:block; margin:0 auto}
.point_modal .point-modal-content .point_table_wrap .gift_info{padding-top:20px}
.point_modal .point-modal-content .point_table_wrap .gift_info p{text-align:center}
.point_modal .point-modal-content .point_table_wrap .gift_info .gift_title{font-size:25px; color:#222; font-weight:700; letter-spacing:-1px}
.point_modal .point-modal-content .point_table_wrap .gift_info .gift_price{font-size:20px; letter-spacing:-1px}
.point_modal .point-modal-content .point_table_wrap .gift_info .gift_price span{color:#ff6363; font-weight:800; margin-left:5px}

.point_modal .point-modal-content .img_holder {position: relative;}
.point_modal .point-modal-content .img_holder a.event_btn {display: block; position: absolute; width: 54%; bottom: 7%; height: 11%; left: 23.5%; font-size: 0; border-radius: 100px;}
.point_modal .point-modal-content .modal_btn_wrap{display: flex; align-items: center; justify-content: center; /*padding-top:50px*/ padding-top: 0; padding-bottom: 35px;}
.point_modal .point-modal-content .modal_btn_wrap li{display:inline-block}
.point_modal .point-modal-content .modal_btn_wrap li:nth-child(1) {margin-right: 4%;}
.point_modal .point-modal-content .modal_btn_wrap li input, .point_modal .point-modal-content .modal_btn_wrap li a {width:155px; height:50px; border-radius:50px; color:#fff; font-size:18px; font-weight:400; border:none; font-weight:500; cursor:pointer; transition:0.2s ease}
.point_modal .point-modal-content .modal_btn_wrap li + li input{margin-left:10px}
.point_modal .point-modal-content .modal_btn_wrap li .back{background:#868580}
.point_modal .point-modal-content .modal_btn_wrap li .event_apply {display: flex; align-items: center; justify-content: center;; background: #fdbd11; color: #fff; line-height: 1;}
.point_modal .point-modal-content .modal_btn_wrap li .event_apply:hover {background: #545146}
.point_modal .point-modal-content .modal_btn_wrap li .back:hover{background:#767570;}

.point_modal .point-modal-content .text_holder {padding: 35px 20px 10px;}
.point_modal .point-modal-content .text_holder p {font-size: 22px; font-weight: 600; text-align: center; word-break: keep-all;}

@media only screen and (max-width: 980px) {
    .point_modal .point-modal-content .modal_btn_wrap li input, .point_modal .point-modal-content .modal_btn_wrap li a  {
    width: 115px;
    height: 40px;
    font-size: 14px;
    margin-left: 5px;}
}

@media only screen and (max-width: 600px) {
    .point_modal .point-modal-content .text_holder p {font-size: 2.8vw;}

}

@media only screen and (max-width: 480px) {
    #att-event-modal-content.point-modal-content {width: 75%;}
    
    .point_modal .point-modal-content .text_holder p {font-size: 4.2vw;}
    .point_modal.guide .point-modal-content .modal_btn_wrap {padding-top: 15px;}
    .point_modal .point-modal-content .modal_btn_wrap li:nth-child(1) {margin-right: 2%;}
    .point_modal .point-modal-content .modal_btn_wrap li input, .point_modal .point-modal-content .modal_btn_wrap li a {width: 110px !important; height: 35px; font-size: 13px;}
}
/*2023-04-21 하단 채널톡 가리기*/
#ch-plugin #ch-plugin-entry{display:none}