@charset "utf-8";

body.vpCont {background:#3A3A3A;}
body.subVpCont {background:#000; position:relative; display:block;}
.tit_area .btn_group > li.on .btn_close {z-index:10;}
.view_box .paging {width:auto; z-index:1; font-size:16px;}
.swiper-pagination-current {font-size:16px;}
.swiper-pagination-total {font-size:16px;}
.ev_banner a {justify-content:center;}
.ev_banner dd {font-size:16px; text-align:left;}

.strCont {display:none;}

.comnPlayBtn {position:absolute; top:50%; left:50%; width:120px; height:120px; border:1px solid #000; border-width:1px 1px 3px 1px; border-radius:100%; background:#fff url('../images/common/btn_play.svg') center no-repeat; background-size:50% auto; transform:translate(-50%, -50%); cursor:pointer; z-index:10;}

.pDim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:1000; display:none;}
.pop_wrap {position:fixed !important; z-index:2000; height:auto; max-height:90%; overflow:hidden; max-width:740px;}
.pop_wrap .popInner {display:none;}

.popInner .pop_con {height:auto; max-height:calc(100vh - 200px); overflow:hidden; overflow-y:auto;}

.evnet_list {overflow:hidden;}
.event_slider {overflow:hidden;}

.school_wrap .bridge_con h1 {display:none;}
.school_wrap.ele .bridge_con h1.ele {display:block;}
.school_wrap.mid .bridge_con h1.mid {display:block;}
.school_wrap.high .bridge_con h1.high {display:block;}

.school_wrap.mid .video_area,
.school_wrap.high .video_area {display:none;}

.popInner .pop_con .list_lib li a.btn.gray {width:auto; padding:0 20px;}
.tit_area p strong {word-break:keep-all;}

.strPerTxt { margin:0 -30px; padding:25px 30px; border-top:1px solid rgba(0, 0, 0, 0.1); text-align:center; font-size:var(--bodyTxt24-size); font-weight:var(--fontW500); line-height:1.3;}
.view_box .view_con img {border-radius:15px; max-width:100%; width:auto;}
/* .strCont2 .swiper-slide img {border-radius:15px; max-width:100%; width:auto;} */
.strCont2 .swiper-slide {position:relative; border-radius:15px; overflow:hidden;}
.strCont2 .swiper-slide:after {content:''; display:block; height:auto; padding-bottom:63.62%;}
.strCont2 .swiper-slide img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto; border-radius:15px;}

.swiper-slide {text-align:center;}

.swiper-slide .inImg {position:relative; border-radius:15px; overflow:hidden;}
.swiper-slide .inImg:after {content:''; display:block; height:auto; padding-bottom:63.62%;}
.swiper-slide .inImg img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; max-width:100%; height:auto;}

.swiper-slide .vodSec {position:relative; background:#000; border-radius:15px; overflow:hidden;}
.swiper-slide .vodSec:after {content:''; display:block; height:auto; overflow:hidden; padding-bottom:70%;}
.swiper-slide .vodSec video, .swiper-slide .vodSec iframe {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}

/* .bridge_con .stream_con li a .bok_area:after { content:""; z-index:1; position:absolute; top:-6px; left:-6px; display:inline-block; width:100%; height:calc(100% - 44px); padding:6px; background:rgba(255, 255, 255, 0.5); border-radius:10px; }  */

.list_lib li {padding:0; display:block; }
.list_lib li a {top:unset; right:unset; transform:none; width:100%; height:auto; line-height:1.4; position:relative; display:flex; justify-content:flex-start; align-items:center; gap:16px; padding:15px 170px 15px 30px; min-height:70px; line-height:1.4; box-sizing:border-box; font-weight:400;}
.list_lib li a .btn.none {position:absolute; top:50%; right:30px; transform:translateY(-50%); width:auto; padding:0 20px; height:40px; line-height:40px; color:#fff; background:#999; border:1px solid #000; border-width:1px; box-sizing:border-box;}
.list_lib li a .btn.none:before { content:""; display:inline-block; margin-right:5px; width:16px; height:16px; vertical-align:inherit; background:url('../images/common/btn_go.svg') center no-repeat; }

.txb_area .view_box dt a.fix {color:#000;}

.stream_area.ele .bg_area span {background:url('../images/ele/content/bg_stream.jpg') center no-repeat;}
.stream_area.mid .bg_area span {background:url('../images/mid/content/bg_stream.jpg') center no-repeat;}
.stream_area.high .bg_area span {background:url('../images/high/content/bg_stream.jpg') center no-repeat;}

.pop_wrap .pop_con.iframe {position:relative;}
.pop_wrap .pop_con.iframe:after {content:''; display:block; height:auto; padding-bottom:100%;}
.pop_wrap .pop_con.iframe iframe {position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:100%; height:100%;}

.view_box .btn_prev {transition:.4s all;}
.view_box .btn_next {transition:.4s all;}
.view_box .btn_prev.swiper-button-disabled {opacity:0; display:none;}
.view_box .btn_next.swiper-button-disabled {opacity:0; display:none;}

.edu_con li:nth-child(2) { background:url('../images/common/edu_ico03.svg') left center no-repeat; }
.edu_con li:nth-child(3) { background:url('../images/common/edu_ico02.svg') left center no-repeat; }

.nav_bar {width:130px;}
.lib_con li img {border-radius:0; border:0;}

.menu_bar.abs {position:absolute;}
.pro_member > dd {justify-content:center;}

/* 교수지원 서비스 */
.supportWrap {position:relative; padding-bottom:0px;}
.supportWrap .section {position:relative;}
.supportWrap .section * {box-sizing:border-box;}
.supportWrap .event_bar {transition:.7s all;}
.supportWrap .event_bar.abs {position:relative; display:block; left:unset; bottom:unset;}
.supportWrap .event_bar.pad {bottom:255px; position:fixed;}

.supportWrap .section.intro {background:url(../images/support/bg_head.jpg) no-repeat center/cover; background-size:cover;}
.supportWrap .section .supInner {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; max-width:832px; margin:0 auto;}
.section.sec01 {background:#FED9E1;}
.section.sec02 {background:#BBE7C3;}
.section.sec03 {background:#B0EDF2;}
.section.sec04 {background:#FFD9E1;}

.supportWrap.ele .sec05 {background:url(../images/support/sec05_bg_ele.jpg) no-repeat center/cover; background-size:cover;}
.supportWrap.midhigh .sec05 {background:url(../images/support/sec05_bg_midhigh.jpg) no-repeat center/cover; background-size:cover;}

.section.intro h2 {margin-bottom:32px;}
.section.intro .headItem {display:flex; justify-content:flex-start; align-items:stretch; gap:10px 20px; flex-wrap:wrap;}
.section.intro .headItem .perItem {display:block; width:calc(50% - 10px); background:url(../images/support/bg_panel_pc.svg) no-repeat center top; background-size:100%; text-align:center; padding:64px 36px 30px;}
.section.intro .headItem .perItem .title {color:#02A39F; font-size:24px; font-weight:700;}
.section.intro .headItem .perItem .ico {margin:6px 0 0 0;}
.section.intro .headItem .perItem .desc {color:#666; font-size:16px; line-height:1.6;}

.section .flexInner {display:flex; justify-content:flex-start; align-items:center; height:100%;}
.section .flexInner .txtSec {width:50%; display:flex; justify-content:center; align-items:center; flex-direction:column; background:#FFF; height:100%;}
.section .flexInner .txtSec .ico {width:220px; position:relative; background:#F7F7F7; border-radius:50%; margin:32px 0;}
.section .flexInner .txtSec .ico:after {content:''; display:block; height:auto; padding-bottom:100%;}
.section .flexInner .txtSec .ico:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.section .flexInner .txtSec .subTitle {color:#000; font-size:26px; font-weight:700; margin-bottom:20px; text-align:center;}
.section .flexInner .txtSec .subTitle br {display:none;}
.section .flexInner .txtSec .desc {color:#000; font-size:20px; font-weight:400; line-height:1.6; text-align:center; margin-bottom:20px;}
.section .flexInner .txtSec .desc:last-of-type {margin-bottom:0;}
.section .flexInner .txtSec .raTxt {color:#999; font-size:16px; font-weight:400; text-align:center; line-height:1.4;}
.section .flexInner .txtSec .btns {display:flex; justify-content:center; align-items:center; gap:10px; margin:32px 0 74px; width:100%;}

.sec01 .txtSec .ico:before {background:url(../images/support/pico01_b.svg) no-repeat 50% 50%;}
.sec02 .txtSec .ico:before {background:url(../images/support/pico02_b.svg) no-repeat 50% 50%;}
.sec03 .txtSec .ico:before {background:url(../images/support/pico03_b.svg) no-repeat 50% 50%;}
.sec04 .txtSec .ico:before {background:url(../images/support/pico04_b.svg) no-repeat 50% 50%;}

.section .flexInner .imgSec {width:50%; display:flex; justify-content:center; align-items:center; height:100%; position:relative;}
.section .flexInner .imgSec .swiper-container {display:block; width:100%; height:100%;}
.section .flexInner .imgSec .swiper-slide {width:100%; height:100%; position:relative;}
.section .flexInner .imgSec .swiper-slide img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
.section .flexInner .imgSec .rolling-pagination {position:absolute; left:0; bottom:120px; width:100%; height:auto; z-index:10; text-align:center;}
.rolling-pagination .swiper-pagination-bullet {width:9px; height:9px; background:#FFF; border-radius:50%; opacity:0.5; margin:0 8px;}
.rolling-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1.0;}

.supportWrap .section.sec05 .supInner {max-width:100%; display:block;}

.section.sec02 .flexInner .txtSec .btns {margin-bottom:32px;}
.section.sec02 .expBtns {display:flex; justify-content:center; align-items:center; padding:15px 24px; background:#F0F0F0; border-radius:16px; gap:23px;}
.section.sec02 .expBtns .expTitle {color:#000; font-size:20px; font-weight:700;}
.section.sec02 .expBtns .expType {display:flex; justify-content:flex-start; align-items:center; gap:10px;}
.section.sec02 .expBtns .expType a {display:inline-block; color:#FFF; font-size:16px; font-weight:700; padding:8px 0; width:95px; text-align:center; background:#02A39F; border:1px solid #000; border-radius:100px;}

.section.sec05 .titleSec {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.section.sec05 .titleSec .title {}
.section.sec05 .titleSec .desc {color:#FFF; font-size:20px; font-weight:700; line-height:1.3; margin:24px 0 32px;}
.section.sec05 .titleSec .cauTxt {display:inline-block; position:relative; color:#02A39F; font-size:16px; font-weight:700; padding:10px 30px; border-radius:100px; background:#FFF; margin:0 auto;}
.section.sec05 .titleSec .cauTxt:after {content:''; position:absolute; left:50%; bottom:-7px; width:10px; height:9px; background:url(../images/support/tail_ar.svg) no-repeat 50% 50%; background-size:100%;}
.supportWrap.midhigh .section.sec05 .titleSec .cauTxt {color:#7547D9;}
.supportWrap.midhigh .section.sec05 .supInner {max-width:800px;}

.section.sec05 .vodRolling {display:block; position:relative; height:auto; width:100%; margin-top:30px;}
.vodRolling .swiper-slide {background:#FFF; border-radius:16px; border:1px solid #666; padding:20px; position:relative;}
.vodRolling .swiper-slide:after {content:''; position:absolute; right:-23px; top:0; width:36px; height:100%; background:url(../images/support/deco_spring.svg) no-repeat 50% 50%; background-size:100% auto; z-index:10;}
.vodRolling .swiper-slide a {display:block; position:relative;}
.vodRolling .swiper-slide a img {max-width:100%;}
.vodRolling .swiper-slide a .txt {color:#000; font-size:20px; font-weight:400; line-height:1.3; text-align:center; margin-top:20px;}
.vodRolling .swiper-slide a .txt strong {font-weight:700;}

.section.sec05 .vod-pagination {position:absolute; left:0; bottom:120px; width:100%; height:auto; z-index:10; text-align:center;}
.vod-pagination .swiper-pagination-bullet {width:9px; height:9px; background:#FFF; border-radius:50%; opacity:0.5; margin:0 8px;}
.vod-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1.0;}

.mPlatform {display:flex; justify-content:flex-start; align-items:stretch; gap:20px 10px; flex-wrap:wrap; margin-top:21px;}
.mPlatform .perPlatform {width:calc(33.33334% - 7px); position:relative; background:#FFF; border-radius:16px; padding:20px; border:1px solid #666; flex:0 0 auto;}
.mPlatform .perPlatform img {display:block; width:100%; margin-bottom:20px;}
.mPlatform .perPlatform .txt {color:#000; font-size:18px; font-weight:400; text-align:center; line-height:1.6;}

.btns a {display:flex; justify-content:center; align-items:center; color:#000; font-size:20px; font-weight:700; padding:14px 0; border-radius:100px; border:1px solid #000; position:relative; line-height:1.0;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
}

.btns a.viewExp {background:#FDED7C; width:100%; max-width:334px;}
.btns a.viewExp.part {max-width:none; width:auto; padding:14px 30px;}
.btns a.deco {gap:5px;}
.btns a.deco:before {content:''; width:16px; height:16px; background:url(../images/support/ar_btn.svg) no-repeat 50% 50%; background-size:100%;}
.btns a.outLink {padding:14px 24px; color:#FFF; gap:5px;}
.btns a.outLink:after {content:''; width:20px; height:20px; background:url(../images/support/ico_outlink.svg) no-repeat 50% 50%; background-size:100%;}
.btns a.ele {background:var(--pointColor_ele);}
.btns a.mid {background:var(--pointColor_mid);}
.btns a.high {background:var(--pointColor_high);}

/* 교수 지원 pop */
.supportDim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1000; display:none;}
.popSup {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:1080px; height:100%; max-height:780px; background:#FDED7C; border-radius:20px; z-index:1100; display:none;}
.popSup.vod {height:auto; max-height:none;}
.popSup.thumb {height:auto; max-height:none; max-width:640px;}
.popSup.thumb .popCont {height:auto; padding:40px;}
.popSup.map {max-height:660px;}
.popSup.panorama {max-height:none; height:auto; background:#FFF; max-width:1014px;}
.popSup.panorama .popCont {height:auto; padding:32px;}
.popSup .popClose {position:absolute; right:-30px; top:-30px; width:60px; height:60px; background:#FFF url(../images/support/ico_close.svg) no-repeat 50% 50%; border:1px solid #000; border-radius:50%; z-index:10; cursor:pointer;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
}

.dirBtn {position:absolute; top:50%; transform:translate(0, -50%); width:60px; height:60px; border:1px solid #000; border-radius:50%; z-index:10; cursor:pointer; background:#FFF;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
}
.dirBtn.pop-prev {left:-90px;}
.dirBtn.pop-prev:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/common/btn_prev.svg) no-repeat 50% 50%;}
.dirBtn.pop-next {right:-90px;}
.dirBtn.pop-next:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/common/btn_next.svg) no-repeat 50% 50%;}

.popCont {position:relative; height:calc(100% - 154px); padding:40px 32px 0;}
.swiper-container.popCont {position:relative; height:calc(100% - 154px); padding:40px 32px 0;}
.popSup.vod .popCont {height:auto; padding:40px 32px;}
.popSup.vod .popCont .pTitle {margin-bottom:30px;}
.popSup.thumb .popCont .pTitle {margin-bottom:30px;}
.popCont .pTitle {margin-bottom:40px; text-align:center;}

.swiper-container.popCont .swiper-slide img {max-width:100%;}

.popSup .paging {position:absolute; left:50%; bottom:20px; padding:7px 10px; min-width:90px; text-align:center; font-size:var(--bodyTxt20-size); color:var(--subColor); font-weight:var(--fontW400); background:rgb(255,255,255,0.6); border-radius:30px; box-sizing:border-box; transform:translateX(-50%); letter-spacing:0px; width:auto; z-index:10;}
.popSup.thumb .paging {bottom:130px;}
.popSup.map .paging {bottom:74px;}
.popSup.map .smartCon {justify-content:flex-start;}
.popSup.map .pTitle {margin-bottom:30px;}
.popSup.map .swiper-container.popCont {padding:40px 26px 0; height:100%;}
.popSup.location .popCont {height:auto; padding:32px;}

.smartCon {height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;}

.smartCon .inCont {display:flex; justify-content:flex-start; align-items:stretch; gap:72px;}
.smartCon .inCont .cGroup {display:flex; justify-content:flex-start; align-items:stretch; gap:44px; width:calc(100% - 36.6140%); position:relative;}
.smartCon .inCont .cGroup:after {content:''; position:absolute; right:-8%; top:50%; transform:translate(0, -50%); width:32px; height:32px; background:url(../images/support/pop_ico_ar.svg) no-repeat 50% 50%; background-size:100%;}
.smartCon .inCont .cGroup .perCon {position:relative; width:calc(50% - 22px);}
.smartCon .inCont .cGroup .perCon:after {content:''; position:absolute; right:-12%; top:50%; transform:translate(0, -50%); width:28px; height:28px; background:url(../images/support/pop_ico_plus.svg) no-repeat 50% 50%; background-size:100%;}
.smartCon .inCont .cGroup .perCon:last-child:after {display:none;}
.smartCon .inCont .cGroup .perCon img {max-width:100%;}
.smartCon .inCont .perCon01 {width:calc((100% - 63.3859%) - 72px);}
.smartCon.second .inCont .perCon {padding:0 65px;}
.smartCon.second .inCont .perCon img {border-radius:10px;}
.smartCon.second .inCont .perCon.map {padding:0 30px;}
.smartCon.second .pTitle {margin-bottom:20px;}

.mapCont {width:100%;}
.mapCont .scollSec {display:flex; justify-content:flex-start; align-items:center; gap:20px; width:100%;}
.mapCont .mapVod {position:relative; width:calc(100% - 248px); overflow:hidden;}
.mapCont .mapVod:after {content:''; display:block; height:auto; padding-bottom:54%;}
.mapCont .mapVod video {position:absolute; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%, -50%);}
.mapCont .mapGuideBox {display:block;}
.mapCont .mapGuideBox .perMapGuide {padding:31px 32px 18px 16px; gap:12px; display:flex; justify-content:flex-start; align-items:center; width:228px; box-sizing:border-box; margin-bottom:4px;}
.mapCont .mapGuideBox .perMapGuide.case01 {background:url(../images/support/bg_map_desc.svg) no-repeat left top; background-size:100%; height:117px;}
.mapCont .mapGuideBox .perMapGuide.case02 {background:url(../images/support/bg_map_desc01.svg) no-repeat left top; background-size:100%; height:135px;}
.mapCont .mapGuideBox .perMapGuide.case03 {background:url(../images/support/bg_map_desc02.svg) no-repeat left top; background-size:100%; height:153px;}
.mapCont .mapGuideBox .perMapGuide:last-child {margin-bottom:0;}
.mapCont .mapGuideBox .perMapGuide .ico {width:30px; height:30px;}
.mapCont .mapGuideBox .perMapGuide .txtSec {width:calc(100% - 42px);}
.mapCont .mapGuideBox .perMapGuide .txtSec .title {color:#02A39F; font-size:12px; font-weight:700; line-height:1.3; margin-bottom:8px; text-align:left;}
.mapCont .mapGuideBox .perMapGuide .txtSec .desc {color:#666; font-size:12px; font-weight:400; line-height:1.3; text-align:left;}

.panoInfo {position:relative; border-radius:16px; overflow:hidden;}
.panoInfo img {max-width:100%;}
.localPano {position:absolute; z-index:10;}
.localPano.loc01 {left:377px; top:338px;}
.localPano.loc02 {left:316px; top:461px;}
.localPano.loc03 {left:292px; top:415px;}
.localPano.loc04 {left:512px; top:342px;}
.localPano.loc05 {left:800px; top:70px;}
.localPano.loc06 {left:824px; top:118px;}
.localPano.loc07 {left:183px; top:373px;}
.localPano.loc08 {left:746px; top:165px;}
.localPano.loc09 {left:737px; top:52px;}
.localPano.loc10 {left:612px; top:125px;}
.localPano.loc11 {left:262px; top:223px;}
.localPano.loc12 {left:684px; top:153px;}

.localPano a {display:block;}
.localPano a img.hide {opacity:0;}
.localPano.loc01 a.on {background:url(../images/support/loc01.png) no-repeat left top; background-size:100%;}
.localPano.loc02 a.on {background:url(../images/support/loc02.png) no-repeat left top; background-size:100%;}
.localPano.loc03 a.on {background:url(../images/support/loc03.png) no-repeat left top; background-size:100%;}
.localPano.loc04 a.on {background:url(../images/support/loc04.png) no-repeat left top; background-size:100%;}
.localPano.loc05 a.on {background:url(../images/support/loc05.png) no-repeat left top; background-size:100%;}
.localPano.loc06 a.on {background:url(../images/support/loc06.png) no-repeat left top; background-size:100%;}
.localPano.loc07 a.on {background:url(../images/support/loc07.png) no-repeat left top; background-size:100%;}
.localPano.loc08 a.on {background:url(../images/support/loc08.png) no-repeat left top; background-size:100%;}
.localPano.loc09 a.on {background:url(../images/support/loc09.png) no-repeat left top; background-size:100%;}
.localPano.loc10 a.on {background:url(../images/support/loc10.png) no-repeat left top; background-size:100%;}
.localPano.loc11 a.on {background:url(../images/support/loc11.png) no-repeat left top; background-size:100%;}
.localPano.loc12 a.on {background:url(../images/support/loc12.png) no-repeat left top; background-size:100%;}

.popBtn {position:absolute; left:50%; bottom:40px; transform:translate(-50%, 0); width:auto; min-width:334px; text-align:center; padding:14px 0; border:1px solid #000; background:#02A39F; color:#FFF; font-size:20px; font-weight:700; border-radius:100px; z-index:10;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
}
.popBtn.flex {display:flex; justify-content:center; align-items:center; gap:5px;}
.popBtn.flex:before {content:''; display:block; width:16px; height:16px; background:url(../images/support/pop_ico_loc.svg) no-repeat 50% 50%; background-size:100%;}

.popCont .expVod {position:relative; border-radius:20px; overflow:hidden;}
.popCont .expVod:after {content:''; display:block; height:auto; padding-bottom:56.25%;}
.popCont .expVod iframe,
.popCont .expVod video {position:absolute; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%, -50%);}

.popCont .expThumb {padding-bottom:80px;}
.popCont .expThumb .swiper-slide img {max-width:100%;}

.section.sec05 .dirBtn {display:none;}

.dirBtn.pop-prev.thumb.swiper-button-disabled {display:none;}
.dirBtn.pop-next.thumb.swiper-button-disabled {display:none;}
.dirBtn.pop-prev.swiper-button-disabled {display:none;}
.dirBtn.pop-next.swiper-button-disabled {display:none;}

.vodRolling .thumb {position:relative;}
.vodRolling .thumb .icoPlay {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:60px; height:60px; background:url(../images/support/mico_play.svg) no-repeat 50% 50%; background-size:100%;}

/* 이벤트 */
.eventListWrap {position:relative;}
.viewSec {display:block; width:100%; max-width:1344px; margin:0 auto; background:#FFF; border:1px solid #F0ADB9; border-radius:24px;}
.viewSec .subject {display:flex; justify-content:flex-start; align-items:center; border-bottom:1px solid #F0F0F0; padding:25px 30px; gap:14px; color:#000; font-size:24px; font-weight:700; line-height:1.3;}
.viewSec .subject strong {display:inline-block; padding:10px 15px; font-size:var(--bodyTxt20-size); font-weight:var(--fontW600); color:#666; background:url('../images/event/bg_result.svg') center no-repeat; background-size:100% auto; }
.viewSec .viewCon {display:block; position:relative; padding:40px 160px; height:auto; overflow:hidden; overflow-x:auto;}
.viewSec .btns {padding:22px 30px; border-top:1px solid #F0F0F0; text-align:right;}
.viewSec .btns a.list {background:#FFF; width:auto; padding:14px 42px; display:inline-flex;}

.mapGuideBox.pc {display:block;}
.mapGuideBox.mo {display:none;}

.forPc {display:block;}
.forMo {display:none;}

#loadingBar { position: fixed; top: 0; left: 0; width: 100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:9999; display:none;}
#loadingBar .loadingBox {position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); width:100%; max-width:360px;}
#loadingBar .loading {display:block; margin:0 auto; width: 10%; height: 2px; background-color: #FFF; z-index: 99999; animation: loading 1.5s infinite;}
#loadingBar .loadingTxt {display:block; text-align:center; margin-top:10px; color:#FFF; font-size:16px; text-align:center; margin-top:15px;}

@keyframes loading {
	0% { width: 0; }
	100% { width: 20%; }
}

.btnIntroPlay {position:absolute; top:50%; left:50%; width:120px; height:120px; border:1px solid #000; border-width:1px 1px 3px 1px; border-radius:100%; background:#fff url('/static/images/common/btn_play.svg') center no-repeat; background-size:50% auto; transform:translate(-50%, -50%); cursor:pointer; z-index:10;}

#introVod {
    background: url('/static/images/support/poster_vod_makex.png') no-repeat center center;
    background-size: cover;
}

.event_list.bnrGds {margin-bottom:50px;}

/* renewal 250714 S */
.moveOther {position:relative; display:block; width:100%; margin:0 auto 40px; z-index:20;}
.moveOther.ele {max-width:214px;}
.moveOther.mid {max-width:304px;}
.moveOther.high {max-width:304px;}
.moveOther .current {color:#000; font-size:18px; font-weight:500; display:flex; justify-content:space-between; align-items:center; padding:14px 16px; line-height:1.0; cursor:pointer; position:relative;  background:#FFF; border:1px solid #000; border-radius:30px; z-index:10; transition:.4s all;}
.moveOther .current .ar {width:16px; height:16px; background:url('/static/images/common/ico_select_b.svg') no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.moveOther .current.on {border-radius:24px 24px 0 0;}
.moveOther .current.on .ar {transform:rotate(180deg);}
.moveOther .otherList {position:absolute; left:0px; top:23px; width:100%; background:#FFF; border:1px solid #000; border-top:0; border-radius:0 0 23px 23px; padding:32px 8px 12px 0; box-sizing:border-box; display:none;}
.moveOther .otherList .scroll {display:block; overflow:hidden; overflow-y:auto; height:auto; max-height:240px;}
.moveOther .otherList .scroll a {display:block; padding:10px 0 10px 25px; color:#000; font-size:16px; font-weight:500;}
.moveOther .otherList .scroll::-webkit-scrollbar {width: 6px; height:6px;}
.moveOther .otherList .scroll::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 6px;}
.moveOther .otherList .scroll::-webkit-scrollbar-thumb:hover {background:#1d9d9a;}
.moveOther .otherList .scroll::-webkit-scrollbar-track {background-color: #f0f0f0; border-radius: 6px;}
.moveOther .otherList .scroll:hover::-webkit-scrollbar-thumb {background:#1d9d9a;}

.eduTechCont {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; margin-top:16px;}
.eduTechCont .perTech {display:block; width:33.33334%; border-bottom:1px dashed #999; padding:34px 0;}
.eduTechCont .perTech p {margin:0;}
.eduTechCont .perTech .ico {width:130px; height:130px; margin:0 auto 30px;}
.eduTechCont .perTech .ico img {max-width:100%;}
.eduTechCont .perTech .txtSec {text-align:center;}
.eduTechCont .perTech .txtSec .desc {color:#1D1D1D; font-size:20px; font-weight:400; margin-bottom:16px; line-height:1.4;}
.eduTechCont .perTech .txtSec .desc br {display:none;}
.eduTechCont .perTech .txtSec .techService {color:#000; font-size:30px; font-weight:800; line-height:1.4;}
.eduTechCont .perTech .txtSec .techService br {display:none;}

.edu_area .inner a.btn.color {margin:0 auto; width:100%; max-width:327px; box-sizing:border-box; height:70px; padding:0; display:flex; justify-content:center; align-items:center; gap:5px;}

.lib_con li {height:auto;}
.lib_con li p {flex-grow:0;}
.lib_con li .btn_group {justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; flex-grow:1;}
.lib_con li .btn_group a {margin-left:0; width:calc(50% - 10px); flex:1 0 auto;}
.lib_con li .btn_group a.full {width:100%;}

.list_lib li a .img {width:190px; border:1px solid #ddd; border-radius:10px; flex:0 0 auto; overflow:hidden; position:relative;}
.list_lib li a .img:after {content:''; display:block; height:auto; padding-bottom:53.611111%;}
.list_lib li a .img img {max-width:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.list_lib li a .txtSec {flex:0 1 auto;}
.list_lib li a .txtSec .subject {color:#000; font-size:20px; font-weight:400; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.nav_bar a:hover {color:var(--pointColor);}
.nav_bar a:hover:before {display:none;}

.pro_member dl:nth-child(odd) {background-size:auto;}
.pro_member dl:nth-child(even) {background-size:auto;}

/* .obj_con dt {line-height:1.3;} */
.obj_con dt {line-height:1.2; display:flex; justify-content:center; align-items:center; text-align:center;}
.pro_member dl {padding:25px 30px;}

.tit_area .inner	{max-width:100%;}
.tit_area .bok_group {align-items:flex-start; gap:40px;}
.tit_area .bok_group .bok_area {margin-left:0;}

.ev_banner dt.nTxt {padding-left:0; margin-bottom:0; font-size:24px;}
.ev_banner dt.nTxt br {display:none;}
.ev_banner.sub_event dt.nTxt:before {display:none;}
.ev_banner.sub_event dt.nTxt:after {display:none;}

/* .school_wrap.ele .video_area.absolute {bottom:-854px;} */
body.viewComn {height:auto; background:#000; position:relative; display:block;}
body.viewComn .video_area.absolute {bottom:350px;}
.event_bar {z-index:20;}
.video_area {z-index:20 !important;}

.stream_area.ele {padding:130px 20px 220px;}
.stream_area {padding:130px 20px 200px;}
.stream_area .stream_con {padding-bottom:10px;}

.bridge .stream_con a.dis:hover .bok_set:after {display:none;}

.textbook_name.ele {bottom:220px;}
.popCauCont {position:relative;}
.popCauCont .pcMidTitle {text-align:center; color:#000; font-size:24px; font-weight:700; line-height:1.3;}
.popCauCont .pcCauBox {position:relative; margin-bottom:50px;}
.popCauCont .pcCauBox:last-child {margin-bottom:0;}
.popCauCont .pcCauBox .sTitle {text-align:left; color:#3A3A3A; font-size:20px ;font-weight:700; line-height:1.0;}
.popCauCont .pcCauBox .desc {margin-top:20px;}
.popCauCont .pcCauBox .desc li {color:#3A3A3A; font-size:20px; font-weight:400; line-height:1.5; display:flex; justify-content:flex-start; align-items:flex-start; position:relative; gap:6px;}
.popCauCont .pcCauBox .desc li:before {content:'-';}
.popCauCont .pcCauBox .desc li.plat:before {display:none;}
.popCauCont .pcCauBox .desc li.cau:before {content:'*';}

.video_area .video_box {position:relative; height:auto;}
.video_area .video_box:after {content:''; display:block; height:auto; padding-bottom:60%;}
.video_area .video_box video {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:100%;}

footer .m_fm {z-index:50;}
.bg_layer {z-index:28;}
.video_wrap {z-index:30;}
.lib_area .lib_con {padding-bottom:16px;}
/* renewal 250714 E */

@media screen and (min-width:1401px) { 
	*::-webkit-scrollbar {width: 6px; height:6px;}
	*::-webkit-scrollbar-thumb {background-color: #1d50a2; border-radius: 6px;}
	*::-webkit-scrollbar-thumb:hover {background:#1d50a2;}
	*::-webkit-scrollbar-track {background-color: #ccc; border-radius: 6px;}
}

@media screen and (max-width:1400px) { 
	.supportWrap .event_bar {display:none !important;}
	.textbook_name.ele {right:30px;}
}

@media screen and (max-width:1250px) { 
	.event_list.bnrGds {margin-bottom:7vw;} 
	.textbook_name.ele {bottom:140px;}
	
}

@media screen and (max-width:1030px) { 
	body.vpCont {background:#2E2E2E;}
	.main_bot .ev_banner {justify-content:flex-start;}
	.ev_banner .event_fix, .ev_banner .evnet_list .event_slider a {width:50%; flex:0 0 auto; box-sizing:border-box;}
	.ev_banner .evnet_list {flex:0 0 auto;}
}

@media screen and (max-width:1024px) { 
	.forPc {display:none;}
	.forMo {display:block;}
	/* renewal 250714 S */
	.eduTechCont .perTech .txtSec .desc {font-size:3.2vw; margin-bottom:10px;}
	.eduTechCont .perTech .txtSec .desc br {display:block;}
	.eduTechCont .perTech .txtSec .techService {font-size:4.5vw;}
	.eduTechCont .perTech .txtSec .techService br {display:block;}

	.obj_con dt {font-size:var(--bodyTxt20-size);}
	.tit_area .bok_group {gap:4vw;}
	/* renewal 250714 E */
}

@media screen and (max-width:980px) { 
	.strPerTxt { margin:0; padding:10px 15px; font-size:var(--bodyTxt20-size-w); line-height:1.5; word-break:keep-all;}
    
}

@media screen and (max-width:830px) { 
	.section.intro .headItem {padding:0 20px;}
}

@media screen and (min-width:751px) { 
	.eduTechCont .perTech:nth-child(n + 4):nth-child(-n + 6) {border-bottom:0;}
}

@media screen and (max-width:750px) { 
	.fp-section {height:auto !important;}
	.fp-tableCell {height:auto !important;}
	.supportWrap {overflow:hidden;}
	.comnPlayBtn { width:10vw; height:10vw; }
	.popInner .pop_con .list_lib li a.btn.gray {padding:0 10px;}

	.list_lib li a .img {width:130px; flex:0 0 auto;}
	.list_lib li a {padding:10px 110px 10px 15px; min-height:35px; font-size:var(--bodyTxt16-size);}
	.list_lib li a .btn.none {right:15px; padding:0 10px; height:25px; line-height:25px; font-size:var(--bodyTxt16-size);}
	.list_lib li a .btn.none:before { position:relative; top:-2px; margin-right:3px; width:8px; height:8px; background-size:100% auto; }

	.pop_wrap .popInner.thumb .list_lib li a .txtSec {width:calc(100% - 142px);}
	.pop_wrap .popInner.thumb .list_lib li a .txtSec .subject {font-size:14px;}
	.pop_wrap .popInner.thumb .pop_con .list_lib li a {padding:22px 20px; gap:12px;}
	.pop_wrap .popInner.thumb .pop_con .list_lib li a .btn.none {position:relative; right:unset; top:unset; padding:6px 0; text-align:center; display:block; height:auto; line-height:1.0; transform:none; font-size:14px; margin-top:5px;}

	.bridge .stream_con a:acitve .bok_set:after,
	.bridge .stream_con .set .bok_set:after {display:none;} 

	.viewSec .subject {flex-direction:column; align-items:flex-start; padding:15px 15px 20px; font-size:14px; gap:5px;}
	.viewSec .subject strong {font-size:13px; padding:8px 12px;}
	.viewSec .viewCon {padding:20px 15px;}
	.viewSec .btns a.list {box-sizing:border-box; font-size:16px; padding:11px 0; width:100%;}

	.supportWrap .section .supInner {display:block;}
	.section.intro h2 {padding:105px 0 0 0; width:100%; text-align:center;}
	.section.intro h2 img {margin:0;}
	.section.intro .headItem {display:block; overflow-x:auto; width:auto; white-space:nowrap; text-align:left; margin-bottom:40px;}
	.section.intro .headItem .perItem {display:inline-block; width:280px; height:347px; background:url(../images/support/bg_panel_mo.svg) no-repeat center top; background-size:100%;}
	.section.intro .headItem .perItem .title {font-size:20px;}
	.section.intro .headItem .perItem .desc {font-size:16px;}
	.section.intro .headItem .perItem .ico {margin:10px 0 15px;}
	.section .flexInner {flex-direction:column;}
	.section .flexInner .txtSec {width:100%; padding:50px 20px;}
	.section .flexInner .txtSec .title img {max-width:100%;}
	.section .flexInner .imgSec {width:100%;}
	.section .flexInner .imgSec .swiper-slide {position:relative;}
	.section .flexInner .imgSec .swiper-slide:after {content:''; display:block; height:auto; padding-bottom:100%;}
	.section .flexInner .imgSec .rolling-pagination {bottom:20px;}
	.section .flexInner .txtSec .ico {width:180px;}
	.section .flexInner .txtSec .ico:before {background-size:96%;}
	.section .flexInner .txtSec .subTitle {font-size:20px; line-height:1.4;}
	.section .flexInner .txtSec .subTitle br {display:block;}
	.section .flexInner .txtSec .desc {font-size:16px;}

	.btns a {font-size:16px; padding:11px 0;}
	.section .flexInner .txtSec .btns {padding:0 48px;}
	.section.sec01 .flexInner .txtSec .btns {margin-bottom:0;}

	.section.sec02 .expBtns {flex-direction:column; width:100%; padding:15px; gap:10px;}
	.section.sec02 .expBtns .expTitle {font-size:16px;}
	.section.sec02 .expBtns .expType {gap:10px;}
	.section.sec02 .expBtns .expType a {padding:8px 14px; font-size:14px; width:auto;}

	.section.sec03 .flexInner .btns {flex-direction:column; margin-bottom:0;}
	.section.sec04 .flexInner .btns {flex-direction:column; margin-bottom:0;}
	.section.sec04 .flexInner .btns a {width:100%;}
	.btns a.outLink {width:100%;}
	.section.sec05 .titleSec .cauTxt {font-size:12px; padding:8px 20px;}
	.vodRolling .swiper-slide a .txt {font-size:14px;}
	.vodRolling .swiper-slide a .txt strong {font-size:14px;}
	.supportWrap .sec05 {padding:50px 0 90px;}
	.vodRolling .swiper-slide:after {display:none;}
	.section.sec05 .vod-pagination {bottom:47px;}
	.vod-pagination .swiper-pagination-bullet {width:8px; height:8px; margin:0 4px;}
	.rolling-pagination .swiper-pagination-bullet {width:8px; height:8px; margin:0 4px;}

	.dirBtn {top:unset; transform:unset; bottom:26px; width:28px; height:28px;}
	.dirBtn.pop-prev {left:20px;}
	.dirBtn.pop-next {right:20px;}
	.dirBtn.pop-prev:after {background-size:50%;}
	.dirBtn.pop-next:after {background-size:50%;}

	.section.sec05 .dirBtn {display:block; width:28px; height:28px;}
	.section.sec05 .dirBtn.vod-prev {left:20px; top:unset; bottom:30px;}
	.section.sec05 .dirBtn.vod-prev:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/common/btn_prev.svg) no-repeat 50% 50%; background-size:50%;}
	.section.sec05 .dirBtn.vod-next {right:20px; top:unset; bottom:30px;}
	.section.sec05 .dirBtn.vod-next:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/common/btn_next.svg) no-repeat 50% 50%; background-size:50%;}

	.popSup {width:100%; height:100%; max-height:100%; border-radius:0;}
	.popSup .popClose {width:40px; height:40px; right:10px; top:10px; background-size:16px;}
	.smartCon {justify-content:flex-start; align-items:flex-start;}
	.swiper-container.popCont {padding:50px 18px 0; height:calc(100% - 60px);}
	.popCont .pTitle {padding:0 10px; margin-bottom:16px; width:100%; text-align:center; box-sizing:border-box;}
	.popCont .pTitle img {max-width:100%;}

	.smartCon .inCont {flex-direction:column; height:calc(100vh - 185px); overflow-y:auto; gap:44px;}
	.smartCon .inCont .cGroup {flex-direction:column; width:100%;}
	.smartCon .inCont .cGroup:after {right:unset; left:50%; transform:translate(-50%, 0) rotate(90deg); top:unset; bottom:-33px; width:28px; height:28px;}
	.smartCon .inCont .cGroup .perCon {width:100%;}
	.smartCon .inCont .perCon01 {width:100%;}

	.smartCon .inCont .cGroup .perCon:after {right:unset; left:50%; transform:translate(-50%, 0); top:unset; bottom:-33px; width:28px; height:28px;}

	.popBtn {bottom:90px; font-size:16px; padding:11px 0; width:calc(100% - 136px); min-width:auto;}
	.popSup .paging {font-size:16px; bottom:12px;}
	.smartCon.second .inCont .perCon {padding:0;}

	.smartCon.second .pTitle img {height:22px;}
	.smartCon.second .pTitle {padding:10px 0 0 0; margin-bottom:32px;}

	.popSup.vod {height:100%;}
	.popSup.vod .popCont .pTitle img {height:22px;}
	.popSup.vod .popCont {padding:50px 18px 0;}
	.popCont .expVod {border-radius:10px;}

	.popSup.thumb {height:100%;}
	.popSup.thumb .popCont {padding:50px 18px 0; height:100%;}
	.popSup.thumb .pTitle img {height:22px;}
	.popSup.thumb .pTitle {padding:10px 0 0 0; margin-bottom:32px;}
	.popSup.thumb .paging {bottom:72px;}
	.popSup.thumb .popBtn {bottom:120px;}

	.popSup.map .swiper-container.popCont {padding:50px 0 0;}
	.popBtn.flex {bottom:75px;}
	.popSup.map .paging {bottom:71px;}
	.mapCont {display:block; height:calc(100vh - 185px); overflow-y:auto;}
	.mapCont .mapVod {width:calc(100% - 36px); border-radius:10px; margin:0 auto;}
	.mapCont .mapGuideBox {width:100%;}
	/* .mapCont .mapGuideBox .perMapGuide {width:100%; padding:20px 29px 29px 39px;}
	.mapCont .mapGuideBox .perMapGuide.case01 {background:url(../images/support/bg_map_desc_mo.svg) no-repeat left top; background-size:100%; height:103px;}
	.mapCont .mapGuideBox .perMapGuide.case02 {background:url(../images/support/bg_map_desc01_mo.svg) no-repeat left top; background-size:100%; height:120px;}
	.mapCont .mapGuideBox .perMapGuide.case03 {background:url(../images/support/bg_map_desc02_mo.svg) no-repeat left top; background-size:100%; height:150px;}
	.mapCont .mapGuideBox .perMapGuide .txtSec .title br {display:none;}
	.mapCont .mapGuideBox .perMapGuide .txtSec .desc br {display:none;} */
	.popSup.map .pTitle {margin-bottom:16px;}
	.popSup.map .pTitle img {height:47px;}
	.mapCont .mapGuideBox .perMapGuide .txtSec .title {margin-bottom:3px;}

	.mapGuideBox.pc {display:none;}
	.mapGuideBox.mo {display:block; padding:0 10px; box-sizing:border-box;}

	.mapCont .scollSec {display:block; padding-bottom:0px;}
	.screenCon {padding:0 18px;}
	.screenCon img {border-radius:10px;}
	.section.sec04 .flexInner .btns a.viewExp.part.sec0402 {display:none;}

	.btnIntroPlay {width:40px; height:40px;}

	/* renewal 250714 S */
	.moveOther {margin:0 auto 20px;}
	.moveOther.ele {width:150px;}
	.moveOther.mid {width:235px;}
	.moveOther.high {width:235px;}
	.moveOther .current {font-size:14px; padding:8px 10px;}
	.moveOther .current.on {border-radius:20px 20px 0 0;}
	.moveOther .otherList {border-radius:0 0 20px 20px; padding:18px 8px 12px 0;}
	.moveOther .otherList .scroll a {display:block; padding:7px 0 7px 14px; color:#000; font-size:14px; font-weight:500;}
	.edu_area .inner a.btn.color {max-width:220px; height:40px;}
	.eduTechCont .perTech {width:50%;}

	.eduTechCont .perTech {padding:20px 0;}
	.eduTechCont .perTech .ico {width:65px; height:65px; margin-bottom:12px;}
	.eduTechCont .perTech:nth-child(n + 5):nth-child(-n + 6) {border-bottom:0;}

	.ev_banner dd {min-height:70px; height:auto; text-align:center; font-size:14px;}
	.ev_banner dt.nTxt {font-size:16px;}
	.ev_banner dt.nTxt br {display:block;}

	.popCauCont .pcCauBox .sTitle {font-size:var(--bodyTxt24-size-w);}
	.popCauCont .pcCauBox .desc li {font-size:var(--bodyTxt24-size-w); word-break:keep-all;}
	.popCauCont .pcCauBox .desc li br {display:none;}

	.textbook_name.ele {bottom:90px; right:10px;}

	.swiper-slide .inImg img {width:auto; height:100%;}
	
	/* renewal 250714 E */
}