/****common****/

/*스크롤바 커스텀*/
::-webkit-scrollbar{width: 8px; height: 8px}
::-webkit-scrollbar-thumb {cursor: pointer; background: #fdbd11}
::selection{background-color:#fdbd11; color:#fff}
-webkit-::selection{background-color:#fdbd11; color:#fff}
::-moz-selection{background-color:#fdbd11; color:#fff}


.full_container{position:relative; overflow:hidden}
.full_container.cont{padding:130px 0}
.full_container .inner_container{max-width: 1320px; width: 95%; position: relative; margin: 0 auto; z-index:1}
.clear:after{content:''; display:block; clear:both}
.sub_title{font-size:30px; color:#222; font-weight:800; line-height:1em; letter-spacing:-2px}
button{border:none; background:transparent}
img{max-width:100%}

/*버튼 오버 효과*/
.button_su{overflow: hidden; position: relative; display: inline-block; border-radius: 50px; width: 205px; height:50px; background: #545146}

.su_button_circle{background-color: red; border-radius: 1000px; position: absolute; left:0; top:0; width: 0px; height: 0px; margin-left: 0px; margin-top: 0px; /*pointer-events: none;*/
  /*animation-timing-function: ease-in-out; */}

.button_su_inner{display: inline-block; font-size: 17px; text-align: center; transition: 400ms; text-decoration: none; z-index: 100000; color: #fdbd11; width:100%; height:100%; line-height:50px}
.button_su_inner:hover{color:#545146;}
.button_text_container{position:relative; z-index: 10000; font-weight: 700}

.explode-circle {animation: explode 0.3s forwards}
.desplode-circle{/*animation: desplode 0.2s forwards;*/}

@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color:#fdbd11;
  }
  100% {
    width: 500px;
    height: 500px;
    margin-left: -200px;
    margin-top: -200px;
    background-color:#fdbd11;
  }
}

@keyframes desplode {
  0% {
    width: 500px;
    height: 500px;
    margin-left: -200px;
    margin-top: -200px;
    background-color: #fdbd11;
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: #fdbd11;
  }
}

@keyframes explode_bk {
	0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color:#333;
  }
  100% {
    width: 500px;
    height: 500px;
    margin-left: -200px;
    margin-top: -200px;
    background-color:#333;
  }
}

/*더보기 버튼 스핀 효과*/
.more_btn {float:right; font-size:0}
.more_btn:after{content:''; display:inline-block; width:20px; height:20px; background:url(/img/main/plus_btn.png) no-repeat center; background-size:cover}
.more_btn:hover:after{background:url(/img/main/plus_btn_hover.png) no-repeat center; background-size:cover; 
-webkit-animation:spin 3s linear infinite; 
-moz-animation:spin 3s linear infinite; 
animation:spin 3s linear infinite}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } 
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } 
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/*바로가기 효과*/
.bounce_link span{display:inline-block}
.bounce_link:hover span{animation: bounce .3s infinite alternate; -webkit-animation: bounce .3s infinite alternate}

@keyframes bounce {
  from {
     transform: translateX(0px);
  }
  to {
     transform: translateX(6px);
  }
}
@-webkit-keyframes bounce {
  from {
     transform: translateX(0px);
  }
  to {
     transform: translateX(6px);
  }
}

/*slick slider custom button*/
.sub-slider-control button{font-size:0}
.sub-slider-control button:after{content:''; display:block; width:9px; height:15px}
.sub-slider-control .custom_prev:after{background:url(/img/main/sub_prev_arrow.png) no-repeat center; background-size:cover}
.sub-slider-control .custom_prev:hover:after{background:url(/img/main/sub_prev_arrow_hover.png) no-repeat center; background-size:cover}
.sub-slider-control .custom_next{margin-left:20px}
.sub-slider-control .custom_next:after{background:url(/img/main/sub_next_arrow.png) no-repeat center; background-size:cover}
.sub-slider-control .custom_next:hover:after{background:url(/img/main/sub_next_arrow_hover.png) no-repeat center; background-size:cover}

.loader{width: 80px; height: 55px; display: flex; align-items: flex-end; justify-content: space-between; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%)}
.ball {width: 15px; height: 15px; border-radius: 50%; background-color: #fdbb11; animation: bounce .5s alternate infinite}

.ball:nth-child(2) {
  animation-delay: .16s;
}

.ball:nth-child(3) {
  animation-delay: .32s;
}

@keyframes bounce {
  from {
    tranform: scaleX(1.25);
  }
  to {
    transform: translateY(-30px) scaleX(1)
  }
}

/*팝업*/
/*.hd_pops{top: 175px !important; left:50%!important; transform:translateX(-50%)}*/
#hd_pop{position:absolute; left:50%; top:170px; transform:translateX(-50%); transform: translateX(-50%); max-width: 1354px; width: 100%;}
#hd_pops_4 .popup_btn.goto_btn {position: absolute; width: 53%; bottom: 13%; left: 50%; transform: translateX(-50%); height: 10%; border-radius: 100px; font-size: 0;}

/*멘토지원 팝업*/
.hd_pops img{display:block;}
#hd_pops_6{left:auto!important; right:0;}

@media only screen and (max-width: 1280px) {
	/*멘토지원 팝업*/
	#hd_pops_5,
	#hd_pops_6{width:50%!important}
	#hd_pops_5 .hd_pops_con,
	#hd_pops_6 .hd_pops_con{width:100%!important; height:auto!important;}
}

@media only screen and (max-width: 1200px) {
	/*멘토지원 팝업*/
	#hd_pop{top:10px;}
}

@media only screen and (max-width: 980px) {
	/*멘토지원 팝업*/
	#hd_pop{top:0;}
}

@media only screen and (max-width: 780px) {
	#hd_pops_4 .popup_btn.goto_btn {bottom: 14%;}
}

@media only screen and (max-width: 767px) {
	/*멘토지원 팝업*/
	#hd_pops_5, #hd_pops_6{width:100%!important;}
	#hd_pops_5 img, #hd_pops_6 img{width:100%;}
}

@media only screen and (max-width: 700px) {
	#hd_pops_4 .popup_btn.goto_btn {bottom: 15%;}
}

@media only screen and (max-width: 600px) {
	#hd_pops_4 .popup_btn.goto_btn {bottom: 16%;}
}

@media only screen and (max-width: 480px) {
	#hd_pops_4 .popup_btn.goto_btn {bottom: 14%;}
}

@media only screen and (max-width: 350px) {
	#hd_pops_4 .popup_btn.goto_btn {bottom: 15%;}
}

@media only screen and (max-width: 300px) {
	#hd_pops_4 .popup_btn.goto_btn {bottom: 16%;}
}

/*****content*****/

/*main_slider*/
.main_slider{position:relative}
.main_slider .slider-items{margin-bottom:0!important}
.main_slider .slider-items .slider-item .slider-content{position:relative}
.main_slider .slider-items .slider-item .slider-content .img_holder{border-bottom:1px solid #efefef}
.main_slider .slider-items .slider-item .slider-content .img_holder img{width:100%}
.main_slider .slider-items .slider-item .slider-content .headline{position:absolute; text-align:center; left:50%; top:22%; transform:translateX(-50%); width:95%}
.main_slider .slider-items .slider-item .slider-content .headline h1{font-size:50px; color:#222; font-weight:800; padding-bottom:10px}
.main_slider .slider-items .slider-item .slider-content .headline h2{font-family: 'Godo B'; font-size:90px; color:#222; letter-spacing:-2px}

.slider-items { opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; } 
.slider-items.slick-initialized { visibility: visible; opacity: 1; }

.main_slider .slick-dots{bottom:35px}
.main_slider .slick-dots li{width:8px; height:8px}
.main_slider .slick-dots li button{width:8px; height:8px; background:#fff; border-radius:8px; padding:0; border:1px solid #efefef}
.main_slider .slick-dots li button:hover{background:#ffdc50}
.main_slider .slick-dots li button:before{display:none}
.main_slider .slick-dots li.slick-active{width:40px}
.main_slider .slick-dots li.slick-active button{width:40px}

.main_slider .slider-control button{position:absolute; top:50%; transform:translateY(-50%); transition:0.2s ease}
.main_slider .slider-control button:hover{opacity:0.5}
.main_slider .slider-control .main_prev{left:80px}
.main_slider .slider-control .main_next{right:80px}

/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.slick-active h1{
  animation-name: fadeInUpSD;
  animation-duration: 0.8s;
  opacity: 1;
  width: 100%;
}
.slick-active h2{
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
  width: 100%;
}

/*우수 멘티, 멘토*/
.mento_section .mento_title .title_wrap{float:left}
.mento_section .mento_title .title_wrap .sub_title{display:inline-block; vertical-align:middle}
.mento_section .mento_title .title_wrap .sub-slider-control{display:inline-block; vertical-align:middle; margin-left:25px}
.mento_section .mento_title .btn_wrap{float:right}
.mento_section .mento_title .btn_wrap .button_su{margin-top:-15px}


.mento_section .slider-items2{margin-top:55px}
.mento_section .slider-items2 .slick-track{padding-top:5px}
.mento_section .slider-items2 .slider-item{transition:0.2s ease}
.mento_section .slider-items2 .slider-item:hover{transform:translateY(-5px)}
.mento_section .slider-items2 .slider-item .img_holder{width:233px; height:233px; border-radius:100%; border:1px solid #ccc; padding:8px; margin:0 auto; background:#fff; transition:0.1s ease}
.mento_section .slider-items2 .slider-item:hover .img_holder{background:#fdbd11}
.mento_section .slider-items2 .slider-item .img_holder .img_inner{background:#f9f9f9; width:100%; height:100%; border-radius:100%; overflow:hidden}
.mento_section .slider-items2 .slider-item .img_holder .img_inner img{width:100%; height:100%; object-fit:cover}
.mento_section .slider-items2 .slider-item p{text-align:center; font-size:18px; color:#666; font-weight:700; padding-top:10px}

.mento_section .memto_bg1{position:absolute; top:67px; left:64px}
.mento_section .memto_bg2{position:absolute; bottom:-3px; right:57px}

/*후기게시판*/
.community_section{background:#fff7e1}
.community_section .community_inner{display:flex; justify-content:stretch}
.community_section .community_inner .left{width:62.65%; margin-right:3.03%; float:left; min-height:470px; background:#fff; border-radius:20px; border:1px solid #eee; padding:40px}
.community_section .community_inner .left h2{margin-bottom:50px}
.community_section .community_inner .left h2 a{float:right}
.community_section .community_inner .right p{font-size:17px; font-weight:600; position:absolute; bottom:40px; left:40px; transition:0.2s ease}
.community_section .community_inner .right > div{cursor:pointer; overflow:hidden; min-height:215px; border-radius:20px; padding:40px; position:relative; transition:0.2s ease}
.community_section .community_inner .right > div h2{position:absolute; z-index:2}
.community_section .community_inner .right > div p span{display:inline-block}
.community_section .community_inner .right > div:hover{-webkit-box-shadow: 0px 9px 22px 5px rgba(112,92,70,0.32); 
box-shadow: 0px 9px 22px 5px rgba(112,92,70,0.32); transform:translateY(-5px)}
.community_section .community_inner .right > div:hover p span{animation: bounce .3s infinite alternate; -webkit-animation: bounce .3s infinite alternate;}
.community_section .community_inner .right{width:calc(100% - 65.68%); float:left}
.community_section .community_inner .right .top{background:#464646; margin-bottom:40px}
.community_section .community_inner .right .top h2{color:#fff}
.community_section .community_inner .right .top p{color:rgba(0,0,0,0.7); z-index:3;}
.community_section .community_inner .right .top:before{content:''; width:246px; height:190px; background:url(/img/main/comnu_banner_bg02_new.png) no-repeat center; background-size:cover; position:absolute; z-index:1; right:0; bottom:0}
.community_section .community_inner .right .top:hover p{color:rgba(0,0,0,1)}
.community_section .community_inner .right .top p{color:rgba(255,255,255,0.7); z-index:3}
.community_section .community_inner .right .top:hover p{color:rgba(255,255,255,1)}
.community_section .community_inner .right .bottom{background:#ffdc50}
.community_section .community_inner .right .bottom:before{content:''; width:246px; height:187px; background:url(/img/main/comnu_banner_bg01_new.png) no-repeat center; background-size:cover; position:absolute; z-index:1; right:0; bottom:0}

.community_section .community_bg1{position:absolute; left:53px; top:92px}
.community_section .community_bg2{position:absolute; right:106px; bottom:92px}  

/*유튜브 더보기*/
.full_container.cont.video_slider_section{padding:70px 0}
.video_slider_section .inner_container .title_area{position:absolute; padding-top:20px}
.video_slider_section .inner_container .title_area h2{color:#333}
.video_slider_section .inner_container .title_area h3{font-size:45px; font-weight:800; letter-spacing:-2px; color:#333; line-height:1em; padding-top:5px}
.video_slider_section .inner_container .title_area p{font-size:18px; color:#999; font-weight:500; letter-spacing:-1px; padding-top:20px}
.video_slider_section .inner_container .title_area .sub-slider-control{margin:1.4vw 0 2.6vw}
.video_slider_section .inner_container .title_area .button_su{width:180px; background:#fff; border:2px solid #333}
.video_slider_section .inner_container .title_area .button_su_inner{color:#545146; line-height:46px}
.video_slider_section .inner_container .title_area .button_su:hover .button_su_inner{color:#fff}
.video_slider_section .inner_container .title_area .button_su_inner span:after{content:''; width:8px; height:11px; background:url(/img/main/btn_bullet.png) no-repeat center; 
background-size:cover; display:inline-block; margin-left:20px; transition:0.2s ease}
.video_slider_section .inner_container .title_area .button_su_inner:hover span:after{margin-left:28px; background:url(/img/main/btn_bullet_hover.png) no-repeat center}
.video_slider_section .inner_container .title_area .button_su .su_button_circle.explode-circle {animation: explode_bk 0.3s forwards}

.video_slider_section .video_slider{transform:translateX(38.459%); margin-left:-40px}
.video_slider_section .video_slider .slick-slide{margin:0 0.2%}
.video_slider_section .video_slider .slider-item{border-radius:20px; overflow:hidden; transition:0.2s ease}
.video_slider_section .video_slider .slider-item .thumbnail{width:100%}
.video_slider_section .video_slider .slider-item a{position:relative; display:block; width:100%; height:100%}
.video_slider_section .video_slider .slider-item a:after{content:''; width:91px; height:91px; background:url(/img/main/video_btn.png) no-repeat center; 
background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:0.2s ease}
.video_slider_section .video_slider .slider-item a img{width:100%; height:100%; margin-top:-10%; margin-bottom:-10%}
.video_slider_section .video_slider .slick-list{padding:20px 0}
.video_slider_section .video_slider .slider-item:hover{-webkit-box-shadow: 0px 9px 20px 5px rgba(112,92,70,0.12); 
box-shadow: 0px 9px 20px 5px rgba(112,92,70,0.12); transform:translateY(-5px)}
.video_slider_section .video_slider .slider-item:hover a:after{filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.5))}

.video_slider_section .video_slider_bg1{position:absolute; left:10px; bottom:-4px}

.video_slider_section .sub-slider-control.mobile-control{display:none}

/*공지사항*/
.notice_section{background:#f5f6f9}
.notice_section .notice_inner{display:flex; justify-content:stretch}
.notice_section .notice_inner h2{font-size:25px; font-weight:800; color:#333; letter-spacing:-2px; line-height:1em; margin-bottom:20px}
.notice_section .notice_inner h2 a{margin-top:2px}
.notice_section .notice_inner .lecture_latest .latest_wrap{background:#fff; border-radius:15px; overflow:hidden; -webkit-box-shadow: 0px 2px 18px 10px rgba(137,137,137,0.05); 
box-shadow: 0px 2px 18px 10px rgba(137,137,137,0.05); min-height:380px}
.notice_section .notice_inner .left{float:left; width:53.03%; margin-right:3.03%}
.notice_section .notice_inner .left .lecture_latest{float:left; width:47.14%}
.notice_section .notice_inner .left .lecture_latest .latest_wrap:hover .latest_pic_a .galley_li .cont .title{color:#fdbd11}
.notice_section .notice_inner .left .lecture_latest .latest_wrap:hover .latest_pic_a .galley_li .cont .cont_link a{color:#fdbd11}
.notice_section .notice_inner .left .lecture_latest .latest_wrap:hover .latest_pic_a .galley_li .img_box a:after{filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.5))}
.notice_section .notice_inner .left .lecture_latest + .lecture_latest{margin-left:5.72%}
.notice_section .notice_inner .right{float:left; width:calc(100% - 56.06%)}
.notice_section .notice_inner .right .latest_wrap{padding:40px}

.notice_section .notice_bg1{position:absolute; left:106px; bottom:138px}
.notice_section .notice_bg2{position:absolute; right:30px; bottom:24px}

/* 갤러리 새글 스킨 (latest) */
.pic_lt {position:relative;}
.pic_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.pic_lt .lat_title a {color:#000;display:inline-block;position:relative}
.pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.pic_lt .lt_more:hover {color:#777}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul {margin: 0 -10px}
.pic_lt li {float:left;width:22.75%;margin-right:3%}
.pic_lt li:nth-child(4n) {margin-right:0}
.pic_lt li.galley_li:nth-child(4n+1) {clear: both!important}
.pic_lt li .lt_img {display:block}
.pic_lt li .lt_img img, .pic_lt li .lt_img video{width:100%;height:auto}
.pic_lt li .fa-heart {color:#ff0000}
.pic_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.pic_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.pic_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_lt li .fa-caret-right {color:#bbb}
.pic_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}
.pic_lt .profile_img img{border-radius:50%}
.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}
.pic_lt .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.pic_lt .empty_li:before {background:none;padding:0}
.pic_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.pic_lt .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.pic_lt .lt_more:hover {color:#777}

.latest_pic_a  ul {    margin: 0;}
.latest_pic_a .galley_li {    width: 100%;    margin: 0;}
.latest_pic_a .galley_li .img_box {width:100%; overflow: hidden; height:190px}
.latest_pic_a .galley_li .img_box a{width:100%; height:100%; overflow:hidden; position:relative}
.latest_pic_a .galley_li .img_box img {position:absolute; transform: translateX(-50%) translateY(-50%);  -webkit-transform: translateX(-50%) translateY(-50%); /*moz-transform: translateX(-50%) translateY(-50%);*/ 
    -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%;  width: 100%;  height: 100%; object-fit:cover}
.latest_pic_a .galley_li .img_box a:after{content:''; width:67px; height:67px; background:url(/img/main/lecture_btn.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:50%;
transform:translate(-50%, -50%); transition:0.2s ease}
.latest_pic_a .galley_li .cont{padding:30px 30px 0}
.latest_pic_a .galley_li .cont .title {    font-size: 23px;    color: #333; display: block;    font-weight: 800; letter-spacing:-2px; 
/* 한 줄 자르기 */ display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.4; height: 3em; text-align: left; 
word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition:0.2s ease}
.latest_pic_a .galley_li .cont p {font-size: 16px; color: #7c7c7c; line-height: 1.4em; padding-top:2px; 
display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; 
line-height: 1.4; height: 3.2em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing:-0.5px; transition:0.2s ease}
.latest_pic_a .galley_li .cont .view_btn {    display: inline-block;    font-size: 16px;    color: #fff;    background: #c4a286;    padding: 8px 20px 10px;    margin-top: 37px;
    -webkit-transition: all 0.15s;    -moz-transition: all 0.15s;    -o-transition: all 0.15s;    -ms-transition: all 0.15s;    transition: all 0.15s;}
.latest_pic_a .galley_li .cont .cont_link a{font-size:17px; color:#666; font-weight:400}



/* Media Query */
@media only screen and ( min-width: 981px ) {
	#loading{display:none}
}


@media only screen and ( max-width: 1920px ) {
	/*유튜브 비디오*/
	.video_slider_section .video_slider_bg1{width:15%}
}

@media only screen and ( max-width: 1600px ) {
	/*main slider*/
	.main_slider .slider-items .slider-item .slider-content .headline h1{font-size:2.5vw; padding-bottom:1%}
	.main_slider .slider-items .slider-item .slider-content .headline h2{font-size:5.5vw}
	.main_slider .slider-control .main_prev{left:5%}
	.main_slider .slider-control .main_next{right:5%}

	/*우수 멘티, 멘토*/
	.mento_section .memto_bg1{left:15px; top:17px}
	.mento_section .memto_bg2{right:16px; width:260px}

	/*후기게시판*/
	.community_section .community_bg1{left:13px; top:32px; width:180px}
	.community_section .community_bg2{right:26px; bottom:42px; width:40px}

	/*유튜브 비디오*/
	.video_slider_section .inner_container .title_area{margin-left:8%; padding-top:2%}

	/*공지사항*/
	.notice_section .notice_bg1{left:20px; bottom:78px; width:35px}
	.notice_section .notice_bg2{right:10px; bottom:14px; width:10%}
}


@media only screen and ( max-width: 1440px ) {
	/*우수 멘티, 멘토*/
	.mento_section .memto_bg1{left:15px; top:11px; width:80px}
	.mento_section .memto_bg2{width:200px}

	/*후기게시판*/
	.community_section .community_bg1{width:150px}

	/*유튜브 비디오*/
	.video_slider_section .inner_container .title_area{margin-left:10%}
}


@media only screen and ( max-width: 1280px ) {
	/*우수 멘티, 멘토*/
	.mento_section .slider-items2 .slider-item .img_holder{width:213px; height:213px}

	/*후기게시판*/
	.community_section .community_inner .right .top:before,
	.community_section .community_inner .right .bottom:before{width:196px; height:150px}

	/*유튜브 비디오*/
	.video_slider_section .inner_container .title_area{margin-left:8%}
	.video_slider_section .inner_container .title_area .sub_title{font-size:2vw}
	.video_slider_section .inner_container .title_area h3{font-size:2.8vw}
	.video_slider_section .inner_container .title_area p{font-size:1.3vw; padding-top:5%}
}

@media only screen and ( max-width: 1024px ) {
	/*후기게시판*/
	.community_section .community_inner .right > div{padding:25px}
	.community_section .community_inner .right > div h2{font-size:24px}
	.community_section .community_inner .right p{bottom:25px; left:25px}

	.community_section .community_inner .right .top:before,
	.community_section .community_inner .right .bottom:before{width:146px; height:113px}

	/*유튜브 비디오*/
	.video_slider_section .inner_container .title_area{padding-top:5%}
	.video_slider_section .inner_container .title_area .button_su{width:150px}
	.video_slider_section .inner_container .title_area .button_su_inner{font-size:15px}
}

@media only screen and ( max-width: 980px ) {
	/*팝업*/
	.hd_pops_con{width:100%!important; height:auto!important}


	/*common*/
	.full_container.cont{padding:90px 0}
	.sub_title{font-size:24px}
	.button_su{width:185px; height:40px;}
	.button_su_inner{font-size:14px; line-height:40px}

	/*우수 멘티, 멘토*/
	.mento_section .slider-items2{margin-top:35px}
	.mento_section .slider-items2 .slider-item p{font-size:16px}
	.mento_section .mento_title .btn_wrap .button_su{margin-top:-8px}

	.mento_section .memto_bg1{left:-22px}
	.mento_section .memto_bg2{width:180px; right:-7px}

	/*후기게시판*/
	.community_section .community_inner .left{padding:25px; min-height:420px}
	.community_section .community_inner .left h2{margin-bottom:30px}
	.community_section .community_inner .right p{font-size:14px}
	.community_section .community_inner .right > div{min-height:195px}
	.community_section .community_inner .right > div h2{font-size:20px}
	.community_section .community_inner .right .top{margin-bottom:30px}

	.community_section .community_bg1{width:110px; left:13px; top:15px}
	.community_section .community_bg2{bottom:25px}

	/*유튜브 더보기*/
	.full_container.cont.video_slider_section{padding:70px 0}
	.video_slider_section .video_slider_bg1{width:150px; left:-10px}
	.video_slider_section .inner_container .title_area .button_su_inner{line-height:36px}

	/*공지사항*/
	.notice_section .notice_inner h2{font-size:20px}
	.notice_section .notice_inner .lecture_latest .latest_wrap{min-height:350px}

	.notice_section .notice_bg1{bottom:38px}
	.notice_section .notice_bg2{width:120px; z-index:2}

	/* 갤러리 새글 스킨 (latest) */
	.latest_pic_a .galley_li .cont .title{font-size:18px}
	.latest_pic_a .galley_li .cont p{line-height:1.2; height:2.8em}
	.latest_pic_a .galley_li .cont .cont_link a{font-size:14px}
}


@media only screen and ( max-width: 768px ) {
	/*우수 멘티, 멘토*/
	.mento_section .slider-items2 .slider-item .img_holder{width:193px; height:193px}

	/*유튜브 비디오*/
	.full_container.cont.video_slider_section{padding:90px 0 70px}
	.video_slider_section .inner_container .title_area{position:static; margin-left:0; padding-top:0; padding-bottom:10px}
	.video_slider_section .inner_container .title_area .sub_title{font-size:24px}
	.video_slider_section .inner_container .title_area h3{font-size:35px; padding-top:10px}
	.video_slider_section .inner_container .title_area p{font-size:16px; padding-top:30px}
	.video_slider_section .inner_container .title_area .sub-slider-control{display:none}
	.video_slider_section .inner_container .title_area .button_su{margin-top:30px}
	.video_slider_section .video_slider{transform:translateX(0); margin-left:0}
	.video_slider_section .video_slider_bg1{width:164px; right:2.5%; left:auto; bottom:auto; top:40px}
	.video_slider_section .sub-slider-control.mobile-control{display:block; margin-top:30px; margin-right:5%}
	.video_slider_section .sub-slider-control.mobile-control{text-align:right}

	/*공지사항*/
	.notice_section .notice_inner .lecture_latest .latest_wrap{min-height:330px}
	.notice_section .notice_inner .right .latest_wrap{padding:25px}

	/* 갤러리 새글 스킨 (latest) */
	.latest_pic_a .galley_li .img_box a:after{width:47px; height:47px}
	.latest_pic_a .galley_li .cont{padding:15px 15px 0}
	.latest_pic_a .galley_li .cont .title{font-size:16px}
	.latest_pic_a .galley_li .cont .cont_link a{font-size:13px}
}

@media only screen and ( max-width: 640px ) {
	/*우수 멘티, 멘토*/
	.mento_section .slider-items2 .slider-item .img_holder{width:143px; height:143px}

	/*후기게시판*/
	.community_section .community_inner{flex-wrap:wrap; justify-content:inherit}
	.community_section .community_inner .left{float:none; margin-right:0; width:100%; min-height:auto; margin-bottom:5.72%}
	.community_section .community_inner .right{float:none; width:100%}

	.community_section .community_inner .right .top{width:47.14%; float:left; margin-bottom:0}
	.community_section .community_inner .right .bottom{width:47.14%; float:left; margin-left:5.72%}
	.community_section .community_inner .right .top:before,
	.community_section .community_inner .right .bottom:before{width:116px; height:90px}

	/*공지사항*/
	.notice_section .notice_inner{flex-wrap:wrap; justify-content:inherit}
	.notice_section .notice_inner .lecture_latest .latest_wrap{min-height:auto}
	.notice_section .notice_inner .left{float:none; width:100%; margin-right:0}
	.notice_section .notice_inner .right{float:none; width:100%; margin-top:5.72%}

	.notice_section .notice_bg2{width:90px}

	/* 갤러리 새글 스킨 (latest) */
	.latest_pic_a .galley_li .cont{padding:15px}
}

@media only screen and ( max-width: 480px ) {
	/*팝업*/
	.hd_pops{left:0!important; transform:translateX(0)}

	/*common*/
	.full_container.cont{padding:60px 0}
	.sub_title{font-size:20px}

	.sub-slider-control .custom_next{margin-left:10px}

	/*main slider*/
	.main_slider .slider-control{display:none}
	.main_slider .slider-items .slider-item .slider-content .img_holder{height:170px}
	.main_slider .slider-items .slider-item .slider-content .img_holder img{position:absolute; width:100%; height:100%; object-fit:cover;
	-webkit-transform: translateX(-50%) translateY(-50%); 
    -moz-transform: translateX(-50%) translateY(-50%); 
    -ms-transform: translateX(-50%) translateY(-50%); 
    -o-transform: translateX(-50%) translateY(-50%); 
	 transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%}

	/*우수 멘티, 멘토*/
	.mento_section .mento_title .title_wrap .sub-slider-control{margin-left:10px}

	.mento_section .mento_title .btn_wrap .button_su{width:145px}
	.mento_section .mento_title .btn_wrap .button_su .button_su_inner{font-size:12px}

	.mento_section .slider-items2{margin-top:20px}
	.mento_section .slider-items2 .slider-item p{font-size:14px}

	.mento_section .memto_bg1{width:40px; left:-12px}
	.mento_section .memto_bg2{width:100px; right:-1px}

	/*후기게시판*/
	.community_section .community_inner .left{border-radius:10px}
	.community_section .community_inner .left h2{margin-bottom:20px}
	.community_section .community_inner .right > div{min-height:135px; border-radius:10px; padding:15px}
	.community_section .community_inner .right > div h2{font-size:17px}
	.community_section .community_inner .right p{bottom:15px; left:15px; font-size:12px}
	.community_section .community_inner .right .top:before,
	.community_section .community_inner .right .bottom:before{width:90px; height:70px}

	.community_section .community_bg1{width:80px; left:-4px; top:10px}
	.community_section .community_bg2{width:30px; right:16px; bottom:18px}

	/*유튜브 비디오*/
	.full_container.cont.video_slider_section{padding:60px 0 40px}
	.video_slider_section .inner_container .title_area .sub_title{font-size:18px}
	.video_slider_section .inner_container .title_area h3{font-size:28px; padding-top:0}
	.video_slider_section .inner_container .title_area p{font-size:14px; padding-top:20px}
	.video_slider_section .inner_container .title_area .sub-slider-control{margin:20px 0 30px}
	.video_slider_section .video_slider .slider-item{border-radius:10px}
	.video_slider_section .video_slider .slider-item a:after{width:41px; height:41px}

	.video_slider_section .video_slider_bg1{width:134px}

	/*공지사항*/
	.notice_section .notice_inner h2{font-size:17px; margin-bottom:15px}

	.notice_section .notice_bg1{width:25px; bottom:18px}
	.notice_section .notice_bg2{width:90px; bottom:-9px}

	/* 갤러리 새글 스킨 (latest) */
	.latest_pic_a .galley_li .img_box{height:140px}
}

@media only screen and ( max-width: 360px ) {
	/*main slider*/
	.main_slider .slider-items .slider-item .slider-content .headline h1{font-size:4.5vw}
	.main_slider .slider-items .slider-item .slider-content .headline h2{font-size:7.5vw}
}

@media only screen and ( max-width: 320px ) {
	#tnb .logo_section img{width:140px}
	.sub_title{font-size:15px}
	.mento_section .mento_title .btn_wrap .button_su{width:125px}
	.mento_section .mento_title .btn_wrap .button_su .button_su_inner{font-size:11px}
	.mento_section .slider-items2 .slider-item p{font-size:12px}
	.mento_section .slider-items2 .slider-item .img_holder{width:123px; height:123px; padding:5px}

	.community_section .community_inner .right > div h2{font-size:15px}

	.video_slider_section .inner_container .title_area h3{font-size:24px}
	.video_slider_section .inner_container .title_area .button_su{width:130px}
	.video_slider_section .inner_container .title_area .button_su_inner{font-size:12px}
	.video_slider_section .inner_container .title_area .button_su_inner span:after{margin-left:10px}

	.latest_pic_a .galley_li .cont{padding:10px}
	.latest_pic_a .galley_li .cont .title{font-size:14px}
	.latest_board_list a{font-size:12px}
	.latest_board_list .n_contents .n_date{font-size:11px}

	#ft .footer_link a{font-size:12px}
}