@charset "utf-8";



#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center; z-index:11111;}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover,
#skip li a:focus,
#skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5000;color:#fff;width:100%;height:25px;padding:5px 0 0 0;}



/* 전체레이아웃 설정값 */
#wrap{ position: relative;min-width:390px;overflow: hidden;}
#wrap *{box-sizing: border-box;}
.ly_center{ width:1340px; margin:0 auto; position:relative;} /* 모바일일떄 100% 센터정렬*/






#container *{box-sizing: border-box;}
#container{ overflow:hidden; vertical-align: top; position: relative;}
#content{ min-height:700px;position:relative;margin-bottom: 100px; font-size: 16px; }

.content_h4_tit{ font-size: 25px; font-weight: 700; margin-bottom: 20px;}

@media all and (max-width :1520px) {
.ly_center{ width:100%;}
#content{min-height:inherit; margin-bottom: 80px; margin: 0 5%;}
}






/*서브이미지*/
#sub_visual{position: relative;display: flex; justify-content: space-between; width: 100%; overflow: hidden; z-index: 0;}
#sub_visual div {position: relative; overflow: hidden;}
#sub_visual div:before{ position: absolute; bottom:50px; content:''; background: url("../images/inc/sub_visual_bg.png") left center no-repeat; width: 1620px; height: 82px; display: inline-block; z-index: 3; left:50%; transform: translateX(-50%);}
#sub_visual div:after{ position: absolute; bottom:0; content:''; width: 100%; height: 150px; display: inline-block; z-index: 2; left:50%; transform: translateX(-50%); background: rgba(255,255,255,0.5);}

@media all and (max-width :1720px) {
#sub_visual div:before{ width: 1450px;}
}

@media all and (max-width :1520px) {
#sub_visual div img{width: 1540px;}
#sub_visual div:before{ width: 100%; background-size: 400px; height: 68px; background-position: 5% center; bottom:38px;}
#sub_visual div:after{  height: 120px;}

}

@media all and (max-width :1280px) {
#sub_visual div img{ width: 1300px;}
#sub_visual div:before{  background-size: 300px; height: 51px; bottom:30px;}
#sub_visual div:after{  height: 100px;}
}

@media all and (max-width :1023px) {
#sub_visual div img{ width: 1050px;}
#sub_visual div:before{  display: none;}
#sub_visual div:after{  height:85px;}
}

@media all and (max-width :767px) {
#sub_visual div { height: 100px;}
#sub_visual div img{ width: 780px;}
#sub_visual div:after{ display: none;}
}




/* 서브타이틀 + 서브메뉴 묶음 가이드 */
.sub_title_guide {  position: relative; margin-bottom: 30px; margin-top:0;  background: #fff; border-radius: 60px 60px 0 0; box-shadow: -1px -10px 10px rgba(0,0,0,0.13); padding-top: 60px;}
.sub_title_guide .ly_center{display: flex; justify-content:space-between; align-items: center;}

/* 서브타이틀*/
.title_guide h3{font-size:35px; word-break:keep-all; color: #000; font-weight: 900;}

/* 히스토리 */
.history ul{ display: flex; text-align: center; align-items: center;}
.history li{ font-size:13px; padding: 5px 0;}
.history li:not(:first-child)::before{ display:inline-block;content: '';background:url("../images/inc/history_icon.png") center no-repeat; width: 7px; height: 12px;padding-left: 10px;}
.history li:first-of-type{ background: url("../images/inc/history_home.png") left center no-repeat; padding-left: 20px; }
.history li:last-child{ background:none;}
.history .hpoint{font-weight: 700;}	

@media all and (max-width :1520px) {
.sub_title_guide{ padding: 40px 5% 20px 5%;border-radius: 50px 50px 0 0;margin-bottom: 20px;}
.title_guide h3{font-size:30px; }

}

@media all and (max-width :1280px) {
.sub_title_guide{ padding: 30px 5% 10px 5%;border-radius: 40px 40px 0 0;margin-bottom: 10px;}
.title_guide h3{font-size:25px; font-weight: 800;}
}

@media all and (max-width :1023px) {
.sub_title_guide{;border-radius: 30px 30px 0 0;}
}

@media all and (max-width :767px) {
.sub_title_guide{ margin-top: -20px;border-radius: 20px 20px 0 0;padding: 20px 5% 10px 5%;margin-bottom: 0;}
.sub_title_guide .ly_center{flex-wrap: wrap;}
.title_guide h3{font-size:18px;font-weight: 700;}
.history{ width: 100%;}
.history li{ font-size:11px;}
.history li:first-of-type{ padding-left: 15px; background-size:  11px;}

}






/* 참여대학 및 공동활용대학 배너   탭 기능 */    
.bio_tab_guide{  position: relative; margin: 0 auto; overflow: hidden; height: 135px;}
.bio_tab_guide .ctab { margin: 0 10%; z-index: 2; position: relative;}
.bio_tab_guide .ctab a{ padding: 0 30px; font-size: 14px; font-weight: 500; background: #f4f5f8; display: inline-block; border-radius:10px 10px 0 0; color: #b3b3b3; height: 35px; line-height: 35px;}
.bio_tab_guide .ctab a.active{ color: #200e54;background: #fff; border-top: 1px solid #dad7e5; border-left: 1px solid #dad7e5;border-right: 1px solid #dad7e5;height: 37px; line-height: 37px;font-weight: 600; }
.bio_tab_guide .tab_box{ display: none;}
.bio_tab_guide .tab_box.active { display: block;}




/* 참여대학 및 공동활용대학 배너*/
.banner_area *{ box-sizing: border-box;}
.banner_area_guide{ padding:20px 11% 20px 10%; font-size: 0;display: flex; gap:20px; justify-content: space-between; border-top: 1px solid #dad7e5; margin-top: -1px; background: #fff; z-index: 1;}
.banner_area{ width:100%;}

.banner_area .btn_guide{ position: relative; opacity: 0.5;  z-index: 5;}
.banner_area .btn_guide li{ display: inline-block;vertical-align: top; position: absolute; z-index: 5;}
.banner_area .btn_guide li:first-child{left:-25px; top:8px;}
.banner_area .btn_guide li:last-child{ right:-25px; top:8px;}
.banner_area .btn_guide li a{ display: block; width: 25px; height: 25px; text-align: center; line-height: 25px;  background-repeat: no-repeat; background-position: center; border-radius: 50%;color: rgba(255,255,255,0.0); text-indent: -9999px; background-size: 25px;}
.banner_area .btn_guide .play{ background-image: url("../images/inc/banner_play.png");}
.banner_area .btn_guide .stop{ background-image: url("../images/inc/banner_stop.png");}
.banner_area .btn_guide .prev{ background-image: url("../images/main/btn_prev02.png");}
.banner_area .btn_guide .next{ background-image: url("../images/main/btn_next02.png");}

.banner_area .banner_box{display:inline-block; text-align:center; height:45px; overflow:hidden; vertical-align:top; }
.banner_area .banner_box > div > div{display:inline-block !important; text-align: center; }
.banner_area .banner_box > div img{width:130px; margin: 0 auto;}

@media all and (max-width :1720px) {
.banner_area_guide{ padding:20px 5%;}
}
@media all and (max-width :767px) {
.banner_area_guide{ padding:15px 5%;}
.banner_area h3{width:100%; font-size:20px; text-align: center; margin-bottom: 10px;}
.banner_area .banner_box{width:100% !important;}
.banner_area .banner_box > div > div{padding:0 5px; text-align: center !important;}

.banner_area .btn_guide li:first-child{left:0;}
.banner_area .btn_guide li:last-child{ right:0; }
}





/* 협력기관 배너*/
.banner_area01 *{ box-sizing: border-box;}
.banner_area_guide01{ padding:25px 11% 25px 10%; font-size: 0;display: flex; gap:20px; justify-content: space-between;position: relative;border-top: 1px solid #dad7e5; margin-top: -1px; background: #fff; z-index: 1;}
.banner_area01{ width:100%;}

.banner_area_guide01 .btn_guide01{ position: relative; opacity: 0.5; z-index: 5}
.banner_area_guide01 .btn_guide01 li{ display: inline-block;vertical-align: top; position: absolute; z-index: 5;}
.banner_area_guide01 .btn_guide01 li:first-child{left:-25px; top:8px;}
.banner_area_guide01 .btn_guide01 li:last-child{ right:-25px; top:8px;}
.banner_area_guide01 .btn_guide01 li a{ display: block; width: 25px; height: 25px; text-align: center; line-height: 25px;  background-repeat: no-repeat; background-position: center; border-radius: 50%;color: rgba(255,255,255,.0); text-indent: -9999px; background-size: 25px;}
.banner_area_guide01 .btn_guide01 .play01{ background-image: url("../images/inc/banner_play.png");}
.banner_area_guide01 .btn_guide01 .stop01{ background-image: url("../images/inc/banner_stop.png");}
.banner_area_guide01 .btn_guide01 .prev01{ background-image: url("../images/main/btn_prev02.png");}
.banner_area_guide01 .btn_guide01 .next01{ background-image: url("../images/main/btn_next02.png");}

.banner_area_guide01 .banner_box01{display:inline-block; text-align:center; height:50px; overflow:hidden; vertical-align:top; }
.banner_area_guide01 .banner_box01 > div > div{display:inline-block !important; text-align: center; }
.banner_area_guide01 .banner_box01 > div img{width:140px; margin: 0 auto; border-radius: 4px;}

@media all and (max-width :1720px) {
.banner_area_guide01{ padding:20px 5%;}
}
@media all and (max-width :767px) {
.banner_area_guide01{ padding:15px 5%;}
.banner_area_guide01 h3{width:100%; font-size:20px; text-align: center; margin-bottom: 10px;}
.banner_area_guide01 .banner_box01{width:100% !important;}
.banner_area_guide01 .banner_box01 > div > div{ text-align: center !important;}

.banner_area_guide01 .btn_guide01 li:first-child{left:0;}
.banner_area_guide01 .btn_guide01 li:last-child{ right:0; }
}








/* 푸터레이아웃 */

footer{ position: relative; padding:60px 8% 100px 8%;  background: #0a0e36; display: flex; justify-content:space-between; align-items: flex-start; }

.copyright {position: relative; display: flex; align-items: flex-end;flex-wrap: wrap; min-width: 630px;}
.copyright .copy_text {display: flex; align-items:center; gap:20px; margin-left: 30px;}
.copyright .copy_text li a{display: block; font-size:14px;font-weight: 600; color: #fff;}
.copyright .copy_text li a:hover,
.copyright .copy_text li a:focus{color: #00fff6;}
.copyright address {font-style: normal; width: 100%; color: #fff; font-size: 16px; margin-top: 15px; padding-left: 5px;}


.copy_right{ display: flex;gap:30px; align-items: flex-start;justify-content: flex-end;}

.copy_menu ul {display: flex; margin-top: 10px;}
.copy_menu ul{ flex: 1;}
.copy_menu ul a:hover,
.copy_menu ul a:focus{color: #00fff6;}
.copy_menu ul li a{ display: block; color: #fff; font-size: 15px; font-weight: 600;margin-bottom: 10px; white-space: nowrap;background: url("../images/inc/point01.png") right center no-repeat; padding-right: 20px; padding-left: 15px;}

.copy_menu ul li:last-child a{background:none; }



.copy_sns{display: flex; align-items:center; gap:10px;}
.copy_sns img{ width: 40px;}


.copy_btn{ background: #3161f1; width: 230px;  line-height:65px; height: 65px; color: #fff; font-size: 18px; font-weight: 700; padding-right: 20px;}
.copy_btn span{display: block; background: url("../images/inc/copy_btn_img.png") right center no-repeat; padding-right: 15px;}



/* 맨위로버튼 */
.first_top_go {  position: absolute; right:1%; z-index:9; top:60px; opacity:0.5;}
.first_top_go img{ width: 50px;}

@media all and (max-width :1720px) {
footer{padding:60px 5% 100px 5%; }
.copyright{min-width:400px;}
.copyright address { font-size: 14px;}

.copy_right{ flex-wrap: wrap;gap:5px;}
.copy_menu{width: 100%;}

.copy_menu ul{justify-content: flex-end;margin-top: 0;}
.copy_menu ul li:last-child a{padding-right: 0; }

.copy_btn{width: 140px; line-height:38px; height: 38px; font-size: 14px; border-radius: 4px; font-weight: 600; padding-right: 10px;}
.copy_btn span{background-size:  16px;padding-right: 15px;}
.copy_sns{margin-right: 20px;}

.first_top_go {top:40px}
.first_top_go img{ width: 35px;}

}

@media all and (max-width :1520px) {
footer{ padding:40px 5%;}
}


@media all and (max-width :1280px) {
.copyright{flex-wrap: wrap; min-width: auto;}
.copyright .copy_text{width: 100%; margin-top: 7px; margin-left: 0;}
.copyright address {font-size: 12px; margin-top: 7px; padding-left: 0;}
.copy_menu ul li a{ font-size: 13px;}

.first_top_go {top:inherit; bottom:10px;}
.first_top_go img{ width: 35px;}

}



@media all and (max-width :900px) {
footer { padding:30px 5% 30px 5%; display: block;}  
footer h1 img{ width: 180px;}

.copyright .copy_text{gap:0; justify-content: space-between; margin-top: 15px; border: 1px dashed #334169; border-radius: 4px; padding: 5px 15px;}
.copyright .copy_text li a{ font-size:13px;}
.copyright .copy_text li a img{ height: 25px;}
.copyright address { margin-top: 15px;}

.copy_btn{ position: absolute; top:32px; right:5%;}
.copy_btn span{background-size:  15px;}


.copy_menu{ margin: 15px 0;border-radius: 4px; padding: 15px 15px 5px 15px;justify-content: center; border:  1px dashed #334169;}
.copy_menu ul{justify-content: center;}
.copy_menu ul li a{ font-size: 12px;padding-right: 15px; padding-left: 10px;}
.copy_sns{ width: 100%;justify-content: center;}

.first_top_go { bottom:30px;}
}














/* 묻고답하기 */
#qna > div{width: 1000px;}
/* popup_write */
#qna .bbs_write01{margin-bottom: 10px;}
#qna .bbs_write01 .bw_text01 > textarea{height:100px; }

.captcha{display: flex; justify-content: center; margin-bottom:20px;}
@media all and (max-width :1280px) {
#qna > div{width: 80%;}
}
@media all and (max-width :767px) {
#qna > div{width: 94%;}
#qna .bbs_write01 .bbs_w40,
#qna .bbs_write01 .bbs_w50{width: 100%!important;}
#qna .bbs_write01 .bbs_w150px{width: 46.2%;}
}



/* 사이트맵_전체메뉴보기 */
.sitemap_guide  a{display: block; }
.sitemap_guide  a:hover,
.sitemap_guide  a:focus{color: #3443e4;}
.sitemap_guide   a  span{ line-height: 15px; display: inline-block;}

.sitemap_guide > ul > li > a:hover,
.sitemap_guide > ul > li > a:focus{color: #fff;}

.sitemap_guide > ul{display: flex; justify-content:flex-start; gap:20px;}
.sitemap_guide > ul > li{ width: 12.5%;}
.sitemap_guide > ul > li > a{ padding: 8px 0; background: #3161f1; border-radius: 6px; text-align: center; font-weight: 700; font-size: 16px; color: #fff;}

.sitemap_guide > ul > li > ul{margin: 10px 15px; font-size: 15px; font-weight: 600;}
.sitemap_guide > ul > li > ul > li > a{ background: url("../images/inc/point05.png") left center no-repeat; padding-left: 10px;}
.sitemap_guide > ul > li > ul > li > ul{margin:0 0 10px 0; font-size: 13px; font-weight: 500;}

@media all and (max-width :1520px) {
.sitemap_guide > ul{gap:20px; flex-wrap: wrap;}
.sitemap_guide > ul > li{ width: calc(25% - 20px);}
}
@media all and (max-width :1280px) {
.sitemap_guide > ul{gap:10px;}
.sitemap_guide > ul > li{ width: calc(33.33% - 10px);}

.sitemap_guide > ul > li > a{ font-size: 14px; padding: 5px 0;}
.sitemap_guide > ul > li > ul{font-size: 14px;margin: 5px 10px;}
.sitemap_guide > ul > li > ul > li > ul{ font-size: 12px;}
}
@media all and (max-width :767px) {
.sitemap_guide > ul{justify-content: space-between;}
.sitemap_guide > ul > li{ width: calc(50% - 10px);}
.sitemap_guide > ul > li > a{ padding: 4px 0;border-radius: 4px; font-weight: 600;}

}










/* 개인정보호정책 */
.privacy .txt_type01{background: #eaf7ff; border-radius: 0 20px 10px 20px; padding: 25px;margin-bottom: 30px;font-size: 18px;}
.privacy .txt_type02{margin-bottom: 10px;}
.privacy ol{ margin-bottom: 30px; font-size: 14px;}
.privacy ol ol{ margin-bottom: 10px; font-size: 13px;}

@media all and (max-width :767px) {
.privacy .txt_type01{ border-radius:0 10px 10px 10px; padding:15px 20px;font-size: 14px;}
.privacy .txt_type01 br  {display: none}
.privacy .txt_type02{font-size: 14px;}
}




/* scrollbar */
.scrollbar{overflow-y:auto; z-index: 9999; overflow-x: hidden;}
.scrollbar::-webkit-scrollbar {width: 10px;}
.scrollbar::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.3);border-radius: 100px;}

/* overlay_popup */
.overlay_popup {z-index: 9999;display: none;padding:0;position: fixed;left: 0;top: 0;width: 100%;background-color: rgba(0,0,0,0.6);padding-top:50px;box-sizing: border-box; height: 100%;overflow: hidden; min-width: 390px;}
.overlay_popup.scrollbar::-webkit-scrollbar {width: 0;}
.overlay_popup *{box-sizing: border-box;}

.overlay_popup .overlay_guide {z-index: 9999;position: absolute; width: 80%; min-height: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;padding:30px 40px; border-radius: 20px; }
.overlay_popup .overlay_guide.privacy{padding:30px 20px 30px 40px;position: relative; width: 80%; margin: 0 auto; margin-bottom: 40px; top: inherit; left: inherit;transform: translate(0%, 0%); z-index: 9999;}
.overlay_popup .btn_close { position: absolute; line-height: 45px; font-size: 50px; border-radius: 50%;top: 10px; right: 15px; display: inline-block; cursor: pointer; vertical-align: top; text-align: right; background: none;}

.overlay_popup .overlay_content{font-size: 1em; line-height: 1.7em; overflow-y:auto; overflow-x: hidden;}
.overlay_popup .overlay_guide.privacy .overlay_content{ max-height: 750px; padding-right: 20px;}
.overlay_content *{word-break: keep-all;}

.overlay_popup h3{font-size:25px;margin-bottom: 30px; color: #0054ff; font-weight: 600;}
.overlay_popup h4{font-size:17px;margin: 20px 0 10px 0;}

.overlay_content .bbs_btn_guide{text-align: center;}
.overlay_content .privacy_box{ margin-bottom: 20px; background: #f2f4f9; padding: 25px;  border-radius: 10px; font-size: 15px;}
.overlay_content .privacy_box li{ background: url("../images/inc/point05.png") left 10px no-repeat; padding-left: 10px; margin: 5px 0;}
.overlay_content .privacy_box p{margin-top: 10px; font-weight: 500;}
.overlay_content .privacy_box strong{color: #0054ff;}

/* 메인에 진출분야 유튜브 동영상*/
.overlay_popup .overlay_movie {z-index: 9999;position: absolute; width: 1000px; height: 563px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #000;padding:30px; border-radius: 4px; }
.overlay_popup .overlay_movie .btn_close{ top: -5px; right: -5px; border-radius: 50%; background: #000; width: 30px; line-height: 28px;  height: 30px; font-size: 30px; color: #fff; text-align: center;}


@media all and (max-width :1520px) {
.overlay_popup .overlay_guide.privacy,	
.overlay_popup .overlay_guide {width: 90%;}	
}

@media all and (max-width :1030px) {
.overlay_popup .overlay_movie { width: 700px; height: 394px;}
}

@media all and (max-width :767px) {

.overlay_popup {padding-top:30px;}
.overlay_popup .btn_close { top: 0; right: 10px; font-size: 35px; }
.overlay_popup h3{font-size: 18px;margin-bottom: 10px;}
.overlay_popup h4{font-size: 15px;margin-bottom: 10px;}

.overlay_popup .overlay_guide {padding: 25px;border-radius: 10px;}	
.overlay_popup .overlay_guide .overlay_content{ line-height: 1.6em;}

.overlay_popup .overlay_guide.privacy {padding: 25px 10px 25px 25px;border-radius: 10px;}	
.overlay_popup .overlay_guide.privacy .overlay_content{ height: 600px; padding-right: 10px;}

.overlay_content .privacy_box{padding: 15px; border-radius: 4px; font-size: 14px; line-height: 20px;}
.overlay_content .privacy_box li{ background-position: left 8px;}


.overlay_popup .overlay_movie{ padding:15px;width: 340px; height: 240px; border-radius: 10px;}
.overlay_popup .overlay_movie .btn_close{ width: 25px; line-height: 23px;  height: 25px; font-size: 25px;}

}





/* 홈페이지링크 */
#university{overflow: hidden;}
#university .university{ top: 0; left:auto; right: 0; transform: translate(0%,0%); width: 460px; height: 100%; border-radius: 0;}
#university .university h5{font-weight: 800; font-size: 20px; color: #0983d8; padding:10px 0 10px 38px;background: url("../images/inc/con_icon01.png") left center no-repeat; margin-bottom: 5px; background-size: 30px;}
#university .university .overlay_content h5:nth-of-type(2){background-image: url("../images/inc/con_icon02.png");}

#university .university ul{ margin-bottom: 15px;border: 3px solid #b6e1f8; border-radius: 20px;}
#university .university ul li {padding: 10px 0 10px 15px; display: flex; align-items: center; gap:10px; border-top: 1px dashed #eee;}
#university .university ul li:first-child{border-top:none;}
#university .university ul li a{line-height: 18px;display: flex; align-items: center;}
#university .university ul li strong{font-weight: normal; width: 110px; display: inline-block;margin-left: 10px;}
#university .university ul li span{  font-weight: 500;display: inline-block; font-size: 14px;}
#university .university ul li img{ width:38px;vertical-align: top;}
#university .university ul li a:hover strong,
#university .university ul li a:focus strong{color: #0076e3; font-weight: 700;}

@media all and (max-width :767px) {
#university .university{ width: 100%;overflow-x: auto;}
#university .university h5{font-weight: 700; font-size: 16px;padding:5px 0 5px 25px;background-size: 20px; margin-bottom: 0;}
#university .university ul{ border-radius: 15px;}
#university .university ul li {padding: 5px 0 5px 10px; gap:5px;}
#university .university ul li img{ width:30px;}
#university .university ul li strong{ margin-left: 5px; font-size: 13px; width: 100px;}
}




/* 레이어창 모션 */
.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
















/* 바이오플래닛 */
.edu_center_guide{position: relative; margin-bottom:100px;}
.edu_center_guide .tab { position:absolute; background: rgba(255,255,255,0.9); left:0; top:50px;}
.edu_center_guide .tab a{ display: block;transition: 0.3s;font-size: 18px; color: #666; margin: 15px 0; position: relative;font-weight: 600;}
.edu_center_guide b.num{display: inline-block; width: 25px; height: 25px; border-radius: 50%; background: #8c92ad; color: #fff; text-align: center; line-height: 25px; margin-right: 5px; font-size: 13px;}

.edu_center_guide .tab a:hover,
.edu_center_guide .tab a:focus,
.edu_center_guide .tab a.active {color: #fff; font-weight: 700; border: 1px dashed #5dc9f9; box-shadow: 1px 10px 10px rgba(0,0,0,0.05); border-radius:0 30px 30px 30px; padding: 8px 25px 8px 10px; margin-left: -10px; background: #5dc9f9; }
.edu_center_guide .tab a:hover > b,
.edu_center_guide .tab a:focus > b,
.edu_center_guide .tab a.active > b {background: #fff; font-weight: 700;color: #5dc9f9;}

@media all and (max-width :1280px){
.edu_center_guide .tab { top:10px;}
.edu_center_guide .tab a{font-size: 16px;  margin: 10px 0;}
}

@media all and (max-width :1023px){
.edu_center_guide .tab { top:0; }
.edu_center_guide .tab a{font-size: 14px;; margin: 10px 0; line-height:18px;}
.edu_center_guide b.num{width: 16px; height: 16px; line-height: 16px; font-size: 10px; margin-right: 2px;}
.edu_center_guide .tab a:hover,
.edu_center_guide .tab a:focus,
.edu_center_guide .tab a.active {padding: 2px 15px 4px 5px;  font-weight: 600; }
.edu_center_guide .tab a:hover > b,
.edu_center_guide .tab a:focus > b,
.edu_center_guide .tab a.active > b { font-weight: 600;}
}

@media all and (max-width :767px){
.edu_center_guide .tab { position: relative; flex-wrap: wrap; display: flex;  justify-content: space-between; padding: 10px 10px 10px 15px; border-radius: 10px; border: 2px solid #98defe; margin-bottom: 10px;}
.edu_center_guide .tab a{font-size: 12px;; margin: 5px 0; line-height:15px;font-weight: 500; width: 49%;}
.edu_center_guide .tab a:hover,
.edu_center_guide .tab a:focus,
.edu_center_guide .tab a.active {padding: 3px 0 4px 5px;  font-weight: 500; margin-left: -2px;}
.edu_center_guide .tab a:hover > b,
.edu_center_guide .tab a:focus > b,
.edu_center_guide .tab a.active > b { font-weight: 500;}
}





.edu_center_guide .tabcontent {display: none; vertical-align: top;  width: 100%;}
.edu_center_guide .tabcontent.active {display:block;}
.edu_center_guide .tabcontent > div{ }
.edu_center_guide .tabcontent > div > .photo_do { display: flex; justify-content: flex-end; margin-bottom: 50px;}


.edu_center_guide .tabcontent .photo_guide{border-radius: 20px; border:1px solid #eee; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); padding:30px 35px 35px 35px; display: flex;}
.edu_center_guide .tabcontent .photo_guide > div{ width: calc(62% - 30px); margin-right: 30px;} 
.edu_center_guide .tabcontent .photo_guide > div img{width: 100%; overflow: hidden;border-radius: 10px; }
.edu_center_guide .tabcontent .photo_guide .title{ display: flex; align-items: center; margin-bottom: 15px; position: relative;}
.edu_center_guide .tabcontent .photo_guide .title > b{background: #5dc9f9; font-weight: 700; margin-right: 10px; font-size: 13px;}
.edu_center_guide .tabcontent .photo_guide .title > b:after{ left:20px; color:#5dc9f9; top: 50%; transform: translateY(-50%);position: absolute; display: inline-block; content: '▶';  font-size: 9px;z-index: 1;}

.edu_center_guide .tabcontent .photo_guide .title > strong{font-size: 22px;display: inline-block; font-weight: 700; color:#5a70da; }
.edu_center_guide .tabcontent .photo_guide .title > a{display: inline-block; position: absolute; top:-10px; right:0; border-radius: 30px; padding: 10px 20px; background: #f1f1f1; font-size: 13px; font-weight: 500; }


.edu_center_guide .tabcontent .photo_guide dl{ margin-top: 40px; background: #ebf6fc; width: 38%;border-radius: 10px; padding: 30px 30px 0 30px; }
.edu_center_guide .tabcontent .photo_guide dl dt{ font-size: 16px; margin-bottom: 20px; color: #0c2a4c; line-height: 22px;}

.edu_center_guide .tabcontent .photo_guide dl dd{  background: #fff; border-radius: 10px; padding: 20px;box-shadow: 1px 10px 10px rgba(0,0,0,0.05);}
.edu_center_guide .tabcontent .photo_guide dl dd ul li{  font-size: 15px; background: url("../images/inc/point05.png") left center no-repeat; padding-left: 10px; margin-bottom: 10px;}
.edu_center_guide .tabcontent .photo_guide dl dd ul li.bg_none{ background:none; padding-left: 0; text-align: center;}
.edu_center_guide .tabcontent .photo_guide dl dd ul li.bg_none img{ width:333px;}

@media all and (max-width :1520px){
.edu_center_guide .tabcontent .photo_guide dl dd ul li.bg_none img{ width:100%;}

}
@media all and (max-width :1370px){
.edu_center_guide .tabcontent > div > .photo_do img{ width: 75%;}
}

@media all and (max-width :1280px){
.edu_center_guide .tabcontent .photo_guide{border-radius: 15px; padding:15px 20px 20px 20px;}
.edu_center_guide .tabcontent .photo_guide .title > strong{font-size: 18px;}
.edu_center_guide .tabcontent .photo_guide .title > b.num{ width: 18px; height: 18px; line-height: 18px; font-size: 10px;}
.edu_center_guide .tabcontent .photo_guide .title > b:after{ left:14px;}

}

@media all and (max-width :1023px){
.edu_center_guide .tabcontent > div{flex-direction: column; align-items: flex-end;}	
.edu_center_guide .tabcontent .photo_guide{border-radius: 10px; padding:15px;}
.edu_center_guide .tabcontent .photo_guide > div{ width: calc(62% - 10px); margin-right: 10px;} 
.edu_center_guide .tabcontent .photo_guide > div img{width: 100%;}

.edu_center_guide .tabcontent .photo_guide .title{ margin-bottom: 10px;}
.edu_center_guide .tabcontent .photo_guide .title > strong{font-size: 15px;}

.edu_center_guide .tabcontent .photo_guide dl{ margin-top: 25px;  padding: 15px 15px 0 15px; }
.edu_center_guide .tabcontent .photo_guide dl dt{ font-size: 14px; margin-bottom: 10px; line-height: 18px;}
.edu_center_guide .tabcontent .photo_guide dl dd{ padding: 15px;}
.edu_center_guide .tabcontent .photo_guide dl dd ul li{  font-size: 14px;}
}

@media all and (max-width :767px){
.edu_center_guide .tabcontent .photo_guide{padding: 0;  flex-wrap: wrap; border: 0; box-shadow: none;}
.edu_center_guide .tabcontent .photo_guide > div{width: 100%; margin-right: 0;}
.edu_center_guide .tabcontent .photo_guide > div img{border-radius: 10px 10px 0 0;  border: 14px solid #ebf6fc;}
.edu_center_guide .tabcontent > div > .photo_do { margin-bottom: 20px;}
.edu_center_guide .tabcontent > div > .photo_do img{ width: 100%;}

.edu_center_guide .tabcontent .photo_guide dl{ width: 100%; margin-top: -10px; padding:10px 20px 20px 20px; border-radius: 0 0 10px 10px; }
}