@charset "utf-8";

/* 마산대학교 : 레이어팝업
------------------------------------------------------ */
.layor-popups {display:none;position:relative;height:0;z-index:99999}
.layor-popups.activate {display:block;}
.layor-popups .layers_popup {display:block;position:absolute;box-sizing:border-box;padding:0;background:#fff;box-shadow:10px 10px 10px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .2);height:auto !important;max-width:100%}
.layor-popups .layers_popup .popup_layer_body {}
.layor-popups .layers_popup .poplayer_foot {box-sizing:border-box;position:relative;padding:10px}
.layor-popups .layers_popup .poplayer_foot span {}
.layor-popups .layers_popup .poplayer_foot span input {}
.layor-popups .layers_popup .poplayer_foot span label {}
.layor-popups .layers_popup .poplayer_foot button {display:block;position:absolute;width:30px;height:30px;right:0;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:0}
.layor-popups .layers_popup .poplayer_foot button:before,
.layor-popups .layers_popup .poplayer_foot button:after {content:"";display:block;position:absolute;width:50%;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#333;}
.layor-popups .layers_popup .poplayer_foot button:before {transform:rotate(45deg)}
.layor-popups .layers_popup .poplayer_foot button:after {transform:rotate(135deg)}

/* 마산대학교 : 팝업
------------------------------------------------------ */
#popup-wrap {position:relative;width:100%;height:100%}
#popup-wrap .pop-head {position:fixed;top:0;left:0;width:100%;height:65px;z-index:1000;background-color:rgba(60,119,202,1);background-color:#044288}
#popup-wrap .pop-head .htit {font-weight:400;font-size:20px;padding:22px 0 23px 20px;color:#fff}
#popup-wrap .pop-cont {margin-top:90px;margin-left:20px;margin-right:20px;margin-bottom:20px;line-height:1.6}
#popup-wrap .btn-close {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:#002a51 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SCbchc%2Soga_cpybfr.tvs) no-repeat center center;background-size:50px;width:65px;height:65px;z-index:1200}
#popup-wrap .btn-reload {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:#002a51 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SCbchc%2Soga_erybnq.tvs) no-repeat center center;background-size:50px;width:65px;height:65px;z-index:1200}
#popup-wrap .btn-minsize {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:#002a51 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SCbchc%2Soga_zvafvmr.tvs) no-repeat center center;background-size:50px;width:65px;height:65px;z-index:1200}
#popup-wrap .btn-maxsize {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:#002a51 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SCbchc%2Soga_znkfvmr.tvs) no-repeat center center;background-size:50px;width:65px;height:65px;z-index:1200}
#layout-popup-wrap {position:fixed;z-index:9999;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);cursor:default;/* display:none;*/ }
#layout-popup-wrap > #popup-wrap {position:absolute;background-color:rgba( 255,255,255,1);width:auto;height:auto}
#layout-popup-wrap > #popup-wrap .pop-head {position:static;overflow:hidden}
#layout-popup-wrap > #popup-wrap .pop-cont {margin-top:20px;overflow:auto;margin-left:20px;margin-right:20px}
#layout-popup-wrap > #popup-wrap > button {width:65px;height:65px;background-size:100% auto}
#layout-popup-wrap > #popup-wrap .pop-btn-1 {position:absolute;right:0px;top:0px}
#layout-popup-wrap > #popup-wrap .pop-btn-2 {position:absolute;right:65px;top:0px}
#layout-popup-wrap > #popup-wrap .pop-btn-3 {position:absolute;right:130px;top:0px}
@media all and (max-width:599px) {
	#popup-wrap .pop-cont {margin-top:70px}
	#popup-wrap .pop-head {height:50px}
	#popup-wrap .pop-head .htit {padding:15px 0 15px 20px}
	#popup-wrap .btn-close {width:50px;height:50px}
	#popup-wrap .btn-reload {width:50px;height:50px}
	#popup-wrap .btn-minsize {width:50px;height:50px}
	#popup-wrap .btn-maxsize {width:50px;height:50px}
	#layout-popup-wrap > #popup-wrap > button {width:50px;height:50px;background-size:100% auto}
	#layout-popup-wrap > #popup-wrap .pop-btn-1 {right:0;top:0}
	#layout-popup-wrap > #popup-wrap .pop-btn-2 {right:50px;top:0}
	#layout-popup-wrap > #popup-wrap .pop-btn-3 {right:100px;top:0}
}
@media all and (max-width:499px) {
	#popup-wrap .pop-head .htit {font-size:18px;padding:16px 0 16px 20px}
}
@media all and (max-width:399px) {
	#popup-wrap .pop-cont {margin-top:75px;margin-left:15px;margin-right:15px;margin-bottom:15px}
}

/* 윈도우 팝업 */
.popup-window {position:relative;font-size:14px}
.popup-window .popwin_foot {position:fixed;left:0;bottom:0;background:#282828;width:100%;height:18px;overflow:hidden;color:#fff;font-size:11px;padding:9px 0 14px}
.popup-window .popwin_foot input {display:inline-block;margin:0 5px 0 10px;vertical-align:middle}
.popup-window .popwin_foot label {display:inline-block;vertical-align:middle;margin:0;line-height:1}
.popup-window .popwin_foot button {position:absolute;right:0;top:13px;width:50px;border:0px;padding:0;background:none;color:#FFF;font-size:11px;line-height:120%;cursor:pointer}
.popup-window .popwin_foot button:before,
.popup-window .popwin_foot button:after {content:"";display:block;position:absolute;width:10px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto auto auto 0px;background:#fff}
.popup-window .popwin_foot button:before {transform:rotate(45deg)}
.popup-window .popwin_foot button:after {transform:rotate(-45deg)}
@media all and (max-width:699px) {
	.popupPage.mobile {display:block;min-height:100%;height:100%}
	.popupPage.mobile body {display:block;min-height:100%;height:100%}
	.popupPage.mobile .popup-window {position:relative;width:100%;height:100%;background:#282828}
	.popupPage.mobile .popup-window a {position:relative;display:block;width:100%;height:100%}
	.popupPage.mobile .popup-window img {display:block;position:absolute;width:auto;height:auto;max-width:90%;max-height:90%;top:0;right:0;bottom:0;left:0;margin:auto}
}

/* 마산대학교 : 학과/학교 한눈에 보기 Custom 레이어팝업
------------------------------------------------------ */
.custom-modal-wr {display:none;position:fixed;width:100%;height:0;left:0;top:0;z-index:99999999;box-sizing:border-box;font-size:17px;opacity:0;backdrop-filter:blur(10px);transition:opacity .3s ease}
.custom-modal-wr.block {display:block}
.custom-modal-wr.show {height:100%;opacity:1}
.custom-modal-wr.hide {opacity:0}
.custom-modal-wr .cModalPkg {display:block;position:absolute;width:1200px;height:95%;line-height:1.6470588;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;padding:120px 0 0;box-shadow:0 10px 10px rgba(0, 0, 0, .5);z-index:1;opacity:0;transform:translateY(-50px);min-width:290px;transition:all .3s ease}
.custom-modal-wr .cModalPkg.show {opacity:1;transform:translateY(0)}
.custom-modal-wr .cModalPkg.hide {opacity:0;transform:translateY(50px)}
.custom-modal-wr .cModalPkg .role-head {display:block;position:absolute;width:100%;height:auto;left:0;top:0;box-sizing:border-box;padding:0 40px}
.custom-modal-wr .cModalPkg .role-head .roleHeadBox {display:block;box-sizing:border-box;height:100%;padding:0 230px 0 0;position:relative;font-size:0}
.custom-modal-wr .cModalPkg .role-head .roleHeadBox:after {content:"";display:block;position:absolute;width:100%;height:2px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Scga%2Scga06.tvs) repeat-x;left:0;bottom:0}
.custom-modal-wr .cModalPkg .role-head .roleHeadBox:before {content:"";display:inline-block;width:0;height:120px;vertical-align:middle}
.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 {display:inline-block;box-sizing:border-box;position:relative;padding:15px 0 18px 90px;font-size:30px;font-weight:700;color:#0d285b;letter-spacing:-.05em;line-height:1;vertical-align:middle}
.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 span {display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative}
.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 .deptName {}
.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 .deptName:after {content:"";display:block;position:absolute;width:2px;height:22px;background:#ddd;right:0;top:4px;display:none}
.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 .deptDesc {display:none}
.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3:before {content:"";display:block;position:absolute;width:66px;height:63px;left:0;top:0px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPnzchfZnc%2SpZnc_fce.cat) no-repeat -303px -77px}
.custom-modal-wr .cModalPkg .role-body {display:block;position:relative;width:100%;height:100%;box-sizing:border-box;padding:40px}
.custom-modal-wr .cModalPkg .role-body .roleBodyBox {height:100%;overflow-y:auto;overflow-x:hidden}
.custom-modal-wr .cModalPkg .role-body .roleBodyBox:focus {outline:3px solid rgba(59, 153, 252, .5)}
.custom-modal-wr .cModalPkg .role-body .roleBodyBox .comAgency {}
.custom-modal-wr .cModalPkg .role-body .roleBodyBox .comAgency .caUnit {}
.custom-modal-wr .cModalPkg .todayChks {position:absolute;right:120px;top:50px}
.custom-modal-wr .cModalPkg .todayChks input {opacity:0}
.custom-modal-wr .cModalPkg .todayChks label {display:block;line-height:1;box-sizing:border-box;position:relative;font-size:15px;letter-spacing:-.05em;padding:3px 0 3px 30px;cursor:pointer}
.custom-modal-wr .cModalPkg .todayChks input:focus + label {outline:3px solid rgba(59, 153, 252, .5)}
.custom-modal-wr .cModalPkg .todayChks label:before,
.custom-modal-wr .cModalPkg .todayChks label:after {content:"";display:block;position:absolute}
.custom-modal-wr .cModalPkg .todayChks label:before {width:7px;height:4px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #bbb #bbb;transform:rotate(-45deg);z-index:1;left:6px;top:6px}
.custom-modal-wr .cModalPkg .todayChks label:after {width:21px;height:21px;box-sizing:border-box;border:2px solid #aaa;z-index:0;left:0;top:0;background:#f5f5f5}
.custom-modal-wr .cModalPkg .todayChks input:checked + label {color:#11479d /* #3083c8 */}
.custom-modal-wr .cModalPkg .todayChks input:checked + label:before {border-color:#11479d /* #3083c8 */}
.custom-modal-wr .cModalPkg .todayChks input:checked + label:after {border-color:#11479d /* #3083c8 */;background:#fff}
.custom-modal-wr .cModalPkg .modal-closer {display:block;position:absolute;width:58px;height:58px;right:40px;top:30px;border:0;background:#9a9ea6;transition:all .3s ease}
.custom-modal-wr .cModalPkg .modal-closer:before,
.custom-modal-wr .cModalPkg .modal-closer:after {content:"";display:block;position:absolute;width:20px;height:2px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
.custom-modal-wr .cModalPkg .modal-closer:before {transform:rotate(45deg)}
.custom-modal-wr .cModalPkg .modal-closer:after {transform:rotate(135deg)}
.custom-modal-wr .cModalPkg .modal-closer:focus,
.custom-modal-wr .cModalPkg .modal-closer:hover {background:#2655ae}
.custom-modal-wr .cModalPkg .modal-closer:focus:before,
.custom-modal-wr .cModalPkg .modal-closer:hover:before {transform:rotate(135deg)}
.custom-modal-wr .cModalPkg .modal-closer:focus:after,
.custom-modal-wr .cModalPkg .modal-closer:hover:after {transform:rotate(225deg)}
.custom-modal-wr .cMapBg {display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .5);z-index:0}
.sGubun-M .custom-modal-wr .cModalPkg:focus {outline:3px solid rgba(59, 153, 252, .5)}
@media all and (max-width:1400px) {
	.campus-map-wr .map-info-list .minfo-list ul li button .txt {letter-spacing:-.05em}
}
@media all and (max-width:1300px) {
	.custom-modal-wr .cModalPkg {width:1000px}
	.custom-modal-wr .cModalPkg .role-head {padding:0 20px}
	.custom-modal-wr .cModalPkg .role-body {padding:20px}
	.custom-modal-wr .cModalPkg .modal-closer {right:20px}
	.custom-modal-wr .cModalPkg .todayChks {right:100px}
	.custom-modal-wr .cModalPkg .todayChks label {padding:2px 0 3px 30px}
}
@media all and (max-width:1100px) {
	.custom-modal-wr {padding:50px}
	.custom-modal-wr .cModalPkg {position:relative;width:100%;height:100%;top:auto;right:auto;bottom:auto;left:auto;margin:0}
}
@media all and (max-width:999px) {
	.custom-modal-wr {font-size:16px;padding:30px}
	.custom-modal-wr .cModalPkg {line-height:1.6}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 {padding:17px 0 18px 90px}
}
@media all and (max-width:899px) {
	.custom-modal-wr .cModalPkg {padding:100px 0 0}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox {padding:0 190px 0 0}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox:before {height:100px}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 {padding:10px 0 8px 60px;letter-spacing:0;font-size:20px}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3:before {width:46px;height:44px;background-position:-212px -54px;background-size:286px auto;top:50%;transform:translateY(-50%)}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 .deptName {padding:0 10px 0 0;margin:0 3px 0 0}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 .deptName:after {width:2px;height:18px;top:2px}
	.custom-modal-wr .cModalPkg .todayChks {right:70px;top:40px}
	.custom-modal-wr .cModalPkg .todayChks label {padding:3px 0 3px 25px}
	.custom-modal-wr .cModalPkg .modal-closer {width:40px;height:40px}
}
@media all and (max-width:768px) {
	.custom-modal-wr {font-size:15px}
	.custom-modal-wr .cModalPkg {line-height:1.5}
}
@media all and (max-width:699px) {
	.custom-modal-wr {padding:15px}
	.custom-modal-wr .cModalPkg {padding:70px 0 0}
	.custom-modal-wr .cModalPkg .role-head {padding:0 15px}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox {padding:0 50px 0 0}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox:before {height:70px}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 {font-size:18px;padding:4px 0 5px 40px}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3:before {width:32px;height:31px;background-position:-148px -38px;background-size:200px auto}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 .deptName {padding:0 10px 0 0;margin:0 5px 0 0}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 .deptName:after {top:0}
	.custom-modal-wr .cModalPkg .modal-closer {top:15px}
	.custom-modal-wr .cModalPkg .todayChks {top:25px}
	.custom-modal-wr .cModalPkg .role-body {padding:20px 15px}
}
@media all and (max-width:499px) {
	.custom-modal-wr {font-size:14px}
	.custom-modal-wr .cModalPkg {padding:90px 0 0}
	.custom-modal-wr .cModalPkg .role-head {height:90px}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox {padding:0 150px 0 0}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 span {display:block}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 .deptName {padding:0;margin:0}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 .deptName:after {display:none}
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox h3 .deptDesc {font-size:13px;margin:3px 0 0;color:#777}
	.custom-modal-wr .cModalPkg .todayChks {right:20px;top:60px}
}
@media all and (max-width:399px) {
	.custom-modal-wr .cModalPkg .role-head .roleHeadBox {padding:0}
}

/* -------- 학교 / 학과별 한눈에 보기 -------- */
/* 학교 */
.sGubun-M #glance .role-deco {box-sizing:border-box;position:relative}
.sGubun-M #glance .role-deco:before,
.sGubun-M #glance .role-deco:after {content:"";display:block;position:absolute;height:3px;left:0;bottom:0}
.sGubun-M #glance .role-deco:before {width:200px;background:#fff;z-index:1}
.sGubun-M #glance .role-deco:after {width:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Scga%2Scga07.tvs) repeat-x;opacity:.5;z-index:0}
.sGubun-M #glance .role-deco .p1 {box-sizing:border-box;position:relative;padding:56px 0 55px 255px;z-index:2}
.sGubun-M #glance .role-deco .p1:after {content:"";display:block;position:absolute;width:255px;height:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2StynaprXbe_ot1.cat) no-repeat left top;background-size:auto 100%;left:73px;top:0}
.sGubun-M #glance .role-deco .p1 span {display:block;line-height:1.2;letter-spacing:-.025em;position:relative;z-index:1}
.sGubun-M #glance .role-deco .p1 .t1 {font-size:1.412em;font-weight:400;color:#000}
.sGubun-M #glance .role-deco .p1 .t2 {font-size:2.941em;font-weight:700;color:#134db8;margin:6px 0 0}
.sGubun-M #glance .role-deco .p2 {position:absolute;right:0;bottom:0;box-sizing:border-box;font-size:0;padding:0 25px 11px 0}
.sGubun-M #glance .role-deco .p2:before,
.sGubun-M #glance .role-deco .p2:after {content:"";display:block;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2StynaprXbe_fce.cat) no-repeat}
.sGubun-M #glance .role-deco .p2:before {width:242px;height:30px;background-position:0 -215px;position:relative;z-index:1}
.sGubun-M #glance .role-deco .p2:after {width:148px;height:142px;background-position:-265px 0;position:absolute;right:0;bottom:0;z-index:0}
.sGubun-M #glance .role-Top {position:relative;margin:46px 0 0}
.sGubun-M #glance .role-Top ul {display:block;font-size:0;margin:0 107px;position:relative;z-index:0;box-sizing:border-box;width:auto;text-align:center}
.sGubun-M #glance .role-Top ul:before {content:"";display:block;position:absolute;width:2000px;height:50%;left:50%;margin:0 0 0 -1000px;bottom:0;background:#f7f7f7;z-index:-1}
.sGubun-M #glance .role-Top ul li {display:inline-block;width:30%;vertical-align:top;position:relative;font-size:17px}
.sGubun-M #glance .role-Top ul li:first-child,
.sGubun-M #glance .role-Top ul li:last-child {position:absolute;top:0}
.sGubun-M #glance .role-Top ul li:first-child {left:0}
.sGubun-M #glance .role-Top ul li:last-child {right:0}
.sGubun-M #glance .role-Top ul li:before {content:"";display:block;position:absolute;width:100%;height:3px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Scga%2Scga07.tvs) repeat-x;left:50%;bottom:50%;z-index:-1}
.sGubun-M #glance .role-Top ul li:last-child:before {display:none}
.sGubun-M #glance .role-Top ul li:first-child:after,
.sGubun-M #glance .role-Top ul li:last-child:after {content:"";display:block;position:absolute;width:101px;height:151px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2StynaprXbe_fce.cat) no-repeat;z-index:-1;bottom:50%}
.sGubun-M #glance .role-Top ul li:first-child:after {background-position:-265px -152px;margin:0 -40px -10px 0;right:100%}
.sGubun-M #glance .role-Top ul li:last-child:after {background-position:-376px -152px;margin:0 0 -10px -40px;left:100%}
.sGubun-M #glance .role-Top ul li .outwr {position:relative;height:0;padding:0 0 100%}
.sGubun-M #glance .role-Top ul li .inwr {display:block;position:absolute;width:100%;height:100%;box-sizing:border-box;border-radius:50%;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden;box-shadow:0 10px 10px rgba(0, 0, 0, .2);border:solid;border-width:20px}
.sGubun-M #glance .role-Top ul li .inwr > div {display:block;position:absolute;width:100%;left:0}
.sGubun-M #glance .role-Top ul li .inwr > div p {display:block;position:absolute;width:100%;left:0;text-align:center;word-wrap:break-word;word-break:keep-all;white-space:normal;font-size:1.118em;line-height:1.368421;box-sizing:border-box;font-family:"prometo", "Noto Sans KR"}
.sGubun-M #glance .role-Top ul li .inwr .f1 {top:0;height:47%}
.sGubun-M #glance .role-Top ul li .inwr .f1 p {bottom:0}
.sGubun-M #glance .role-Top ul li .inwr .f1 p span {display:block}
.sGubun-M #glance .role-Top ul li .inwr .f2 {bottom:-1%;height:49%}
.sGubun-M #glance .role-Top ul li .inwr .f2 p {top:0;letter-spacing:-.075em}
.sGubun-M #glance .role-Top ul li .inwr .f2 p span {display:inline-block;vertical-align:baseline;line-height:1}
.sGubun-M #glance .role-Top ul li .inwr .f2 .numType {font-size:3.529em;font-family:"prometo", "Noto Sans KR";font-weight:500}
.sGubun-M #glance .role-Top ul li .inwr .f2 .numTypes {font-size:1.82em;font-family:"prometo", "Noto Sans KR";font-weight:600; line-height: 1.1em;}
.sGubun-M #glance .role-Top ul li .inwr .f2 .numTypes .unitSym { font-size: 0.7em; font-weight: 500;  }
.sGubun-M #glance .role-Top ul li .inwr .f2 .unitSym {font-size:1.412em}
.sGubun-M #glance .role-Top ul li .inwr .f2 .unitMsg {font-size:2.118em;letter-spacing:-.05em}
.sGubun-M #glance .role-Top ul li.n1 .inwr {border-color:#5fbfff}
.sGubun-M #glance .role-Top ul li.n1 .inwr .f2 p {color:#0078ff}
.sGubun-M #glance .role-Top ul li.n2 .inwr {border-color:#0f8adc}
.sGubun-M #glance .role-Top ul li.n2 .inwr .f2 p {color:#0055e2}
.sGubun-M #glance .role-Top ul li.n3 .inwr {border-color:#11479d}
.sGubun-M #glance .role-Top ul li.n3 .inwr .f2 p {color:#001e9e}
.sGubun-M #glance .role-Mid {box-sizing:border-box;background:#f7f7f7;padding:58px 112px 58px}
.sGubun-M #glance .role-Mid ul {}
.sGubun-M #glance .role-Mid ul li {display:block;margin:0 0 22px;box-sizing:border-box;position:relative}
.sGubun-M #glance .role-Mid ul li:last-child {margin:0}
.sGubun-M #glance .role-Mid ul li.hasImg {padding-left:179px}
.sGubun-M #glance .role-Mid ul li .imgBox {display:block;position:absolute;width:140px;height:140px;background:#fff;border-radius:50%;left:0;top:0}
.sGubun-M #glance .role-Mid ul li .imgBox img {display:block;position:absolute;width:auto;height:auto;max-width:90%;max-height:90%;top:0;right:0;bottom:0;left:0;margin:auto}
.sGubun-M #glance .role-Mid ul li .txtBox {display:block;text-align:left;font-size:0}
.sGubun-M #glance .role-Mid ul li .txtBox:before {content:"";display:inline-block;width:0;height:140px;vertical-align:middle}
.sGubun-M #glance .role-Mid ul li .txtBox .inBox {display:inline-block;vertical-align:middle;font-size:17px}
.sGubun-M #glance .role-Mid ul li .txtBox .inBox p {display:block;letter-spacing:-.025em;word-wrap:break-word;word-break:keep-all;white-space:normal}
.sGubun-M #glance .role-Mid ul li .txtBox .inBox .p1 {font-size:1.412em;font-weight:500;color:#000;line-height:1.3}
.sGubun-M #glance .role-Mid ul li .txtBox .inBox .p1 .point {color:#186fd9;box-shadow:0 -4px 0 #f7f7f7 inset, 0 -13px 0 #e1eaf5 inset;padding:0 3px}
.sGubun-M #glance .role-Mid ul li .txtBox .inBox .p2 {line-height:1.647;margin:18px 0 0}
@media all and (max-width:1300px) {
	.sGubun-M #glance .role-deco .p1 {padding:56px 0 55px 135px}
	.sGubun-M #glance .role-deco .p1:after {left:0}
	.sGubun-M #glance .role-Top {margin:40px 0 0}
	.sGubun-M #glance .role-Top ul {margin:0 60px}
	.sGubun-M #glance .role-Top ul li {width:31.5%}
	.sGubun-M #glance .role-Top ul li .inwr > div p {font-size:1em;line-height:1.2}
	.sGubun-M #glance .role-Top ul li .inwr .f2 .numType {font-size:3.0em}
	.sGubun-M #glance .role-Top ul li .inwr .f2 .unitSym {font-size:1.0em}
	.sGubun-M #glance .role-Top ul li .inwr .f2 .unitMsg {font-size:2.0em}
}
@media all and (max-width:1100px) {
	.sGubun-M #glance .role-deco .p1 .t1 {font-size:1.2em}
	.sGubun-M #glance .role-deco .p1 .t2 {font-size:2.6em;margin:6px 0 0}
	.sGubun-M #glance .role-Mid {padding:50px 60px}
	.sGubun-M #glance .role-Mid ul li.hasImg {padding-left:160px}
}
@media all and (max-width:999px) {
	.sGubun-M #glance .role-deco .p2:after {width:104px;height:99px;background-position:-185px 0;background-size:334px auto}
	.sGubun-M #glance .role-Top ul li {font-size:16px}
	.sGubun-M #glance .role-Top ul li:first-child:after,
	.sGubun-M #glance .role-Top ul li:last-child:after {width:71px;height:106px;background-size:334px auto}
	.sGubun-M #glance .role-Top ul li:first-child:after {background-position:-185px -106px;margin:0 -40px -10px 0}
	.sGubun-M #glance .role-Top ul li:last-child:after {background-position:-263px -106px;margin:0 0 -10px -40px}
	.sGubun-M #glance .role-Top ul li .inwr {border-width:15px}
	.sGubun-M #glance .role-Top ul li .inwr .f2 .numType {font-size:2.0em}
	.sGubun-M #glance .role-Top ul li .inwr .f2 .unitSym {font-size:1.0em}
	.sGubun-M #glance .role-Top ul li .inwr .f2 .unitMsg {font-size:1.0em}
	.sGubun-M #glance .role-Mid ul li .txtBox .inBox  {font-size:16px}
}
@media all and (max-width:899px) {
	.sGubun-M #glance .role-deco:before {width:100px}
	.sGubun-M #glance .role-deco .p1 {padding:30px 0 30px 70px}
	.sGubun-M #glance .role-deco .p1 .t1 {font-size:1.2em}
	.sGubun-M #glance .role-deco .p1 .t2 {font-size:2.0em;margin:0}
	.sGubun-M #glance .role-Top ul {margin:0 20px}
	.sGubun-M #glance .role-Top ul li .inwr {border-width:10px}
	.sGubun-M #glance .role-Top ul li .inwr > div p {padding:0 10px}
	.sGubun-M #glance .role-Top ul li .inwr .f1 {height:55%}
	.sGubun-M #glance .role-Top ul li .inwr .f1 p span {display:inline}
	.sGubun-M #glance .role-Top ul li .inwr .f2 {height:45%}
	.sGubun-M #glance .role-Top ul li:first-child:after {right:auto;left:-20px}
	.sGubun-M #glance .role-Top ul li:last-child:after {left:auto;right:-20px}
	.sGubun-M #glance .role-Mid {padding:40px 20px}
	.sGubun-M #glance .role-Mid ul li {margin:0 0 15px}
	.sGubun-M #glance .role-Mid ul li.hasImg {padding-left:120px}
	.sGubun-M #glance .role-Mid ul li .imgBox {width:100px;height:100px}
	.sGubun-M #glance .role-Mid ul li .txtBox:before {height:100px}
	.sGubun-M #glance .role-Mid ul li .txtBox .inBox .p1 {font-size:1.2em}
	.sGubun-M #glance .role-Mid ul li .txtBox .inBox .p2 {line-height:1.5;margin:5px 0 0}
}
@media all and (max-width:768px) {
	.sGubun-M #glance .role-Top ul li {font-size:15px}
	.sGubun-M #glance .role-Mid ul li .txtBox .inBox  {font-size:15px}
}
@media all and (max-width:699px) {
	.sGubun-M #glance .role-deco .p1 {padding:20px 0 20px 50px}
	.sGubun-M #glance .role-deco .p1 .t1 {font-size:1.1em}
	.sGubun-M #glance .role-deco .p1 .t2 {font-size:1.5em}
	.sGubun-M #glance .role-deco .p2:before {width:169px;height:21px;background-position:0 -150px;background-size:334px auto}
	.sGubun-M #glance .role-deco .p2:after {width:73px;height:69px;background-position:-129px 0;background-size:234px auto}
	.sGubun-M #glance .role-Top {margin:30px 0 0}
	.sGubun-M #glance .role-Top ul {margin:0}
	.sGubun-M #glance .role-Top ul:after {display:block;position:absolute;width:3px;height:100%;top:0;left:50%;margin:0 0 0 -1px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Scga%2Scga07.tvs) repeat-y left top;z-index:0}
	.sGubun-M #glance .role-Top ul li {display:block;width:100%;margin:0 0 10px;box-sizing:border-box;padding:0 30px;z-index:1}
	.sGubun-M #glance .role-Top ul li:first-child,
	.sGubun-M #glance .role-Top ul li:last-child {position:relative;top:auto}
	.sGubun-M #glance .role-Top ul li:first-child {left:auto}
	.sGubun-M #glance .role-Top ul li:last-child {right:auto}
	.sGubun-M #glance .role-Top ul li:before,
	.sGubun-M #glance .role-Top ul li:after {content:"";display:block !important;position:absolute;width:50px !important;height:75px !important;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2StynaprXbe_fce.cat) no-repeat;background-size:238px auto !important;z-index:-1;bottom:10px !important}
	.sGubun-M #glance .role-Top ul li:before {background-position:-132px -76px !important;left:10px !important;right:auto !important;margin:0 !important}
	.sGubun-M #glance .role-Top ul li:after {background-position:-188px -76px !important;right:10px !important;left:auto !important;margin:0 !important}
	.sGubun-M #glance .role-Top ul li:last-child {margin:0}
	.sGubun-M #glance .role-Top ul li .outwr {height:auto;padding:0}
	.sGubun-M #glance .role-Top ul li .inwr {position:relative;width:100%;height:auto;border-radius:5px;top:auto;right:auto;bottom:auto;left:auto;margin:0;box-shadow:0 5px 5px rgba(0, 0, 0, .1);border-width:5px;padding:10px}
	.sGubun-M #glance .role-Top ul li .inwr > div {position:relative;left:auto}
	.sGubun-M #glance .role-Top ul li .inwr > div p {position:relative;left:auto;font-size:1.0em;line-height:1.3}
	.sGubun-M #glance .role-Top ul li .inwr .f1 {top:auto;height:auto;padding:0 0 5px;margin:0 0 5px;border-bottom:1px solid #ddd}
	.sGubun-M #glance .role-Top ul li .inwr .f2 {bottom:auto;height:auto}
}
@media all and (max-width:599px) {
	.sGubun-M #glance .role-Mid {padding:20px}
	.sGubun-M #glance .role-Mid ul li {padding-bottom:10px;margin-bottom:10px}
	.sGubun-M #glance .role-Mid ul li:after {content:"";display:block;position:absolute;width:100%;height:3px;left:0;bottom:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Scga%2Scga07.tvs) repeat-x}
	.sGubun-M #glance .role-Mid ul li.hasImg {padding-left:0;padding-top:80px}
	.sGubun-M #glance .role-Mid ul li .imgBox {width:70px;height:70px;left:50%;margin:0 0 0 -35px}
	.sGubun-M #glance .role-Mid ul li .txtBox {text-align:center}
	.sGubun-M #glance .role-Mid ul li .txtBox:before {display:none}
	.sGubun-M #glance .role-Mid ul li .txtBox .inBox .p1 {font-size:1.1em}
	.sGubun-M #glance .role-Mid ul li .txtBox .inBox .p2 br {display:none}
}
@media all and (max-width:499px) {
	.sGubun-M #glance .role-deco .p1 {padding:15px 0 15px 40px}
	.sGubun-M #glance .role-deco .p1 .t1 {font-size:1em}
	.sGubun-M #glance .role-deco .p1 .t2 {font-size:1.2em}
	.sGubun-M #glance .role-deco .p2 {bottom:-25px;padding:25px 0 0}
	.sGubun-M #glance .role-deco .p2:before {width:118px;height:15px;background-position:0 -105px;background-size:234px auto}
	.sGubun-M #glance .role-deco .p2:after {width:51px;height:48px;background-position:-90px 0;background-size:164px auto;bottom:25px}
	.sGubun-M #glance .role-Top {margin:40px 0 0}
	.sGubun-M #glance .role-Top ul li {font-size:14px}
	.sGubun-M #glance .role-Mid ul li.hasImg {padding-top:60px}
	.sGubun-M #glance .role-Mid ul li .imgBox {width:50px;height:50px;margin:0 0 0 -25px}
	.sGubun-M #glance .role-Mid ul li .imgBox img {max-width:80%;max-height:80%}
	.sGubun-M #glance .role-Mid ul li .txtBox .inBox  {font-size:14px}
}

/* 학과 */
.sGubun-D {}
.sGubun-D .custom-modal-wr .cModalPkg .role-head {padding:0 30px}
.sGubun-D .custom-modal-wr .cModalPkg .role-body {padding:30px;padding-top:0}
.sGubun-D #glance {}
.sGubun-D #glance .role-deco {background:#122549;text-align:center}
.sGubun-D #glance .role-deco .decoPkg {}
.sGubun-D #glance .role-deco .decoPkg p {display:inline-block;box-sizing:border-box;position:relative;text-align:center;padding:55px 150px 19px}
.sGubun-D #glance .role-deco .decoPkg p:before,
.sGubun-D #glance .role-deco .decoPkg p:after {content:"";display:block;position:absolute;width:140px;height:190px;bottom:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2StynaprQrcg_fce.cat) no-repeat}
.sGubun-D #glance .role-deco .decoPkg p:before {left:0;background-position:0 0}
.sGubun-D #glance .role-deco .decoPkg p:after {right:0;background-position:-150px 0}
.sGubun-D #glance .role-deco .decoPkg p span {display:block;line-height:1.2;color:#fff;letter-spacing:-.04em;word-wrap:break-word;word-break:keep-all;white-space:normal}
.sGubun-D #glance .role-deco .decoPkg p .t1 {font-size:1.412em;font-weight:400}
.sGubun-D #glance .role-deco .decoPkg p .t2 {font-size:2.941em;font-weight:400;margin:6px 0 0}
.sGubun-D #glance .role-deco .decoPkg p .t2 em {font-style:normal;font-weight:700}
.sGubun-D #glance .role-deco .decoPkg p .t3 {width:223px;height:29px;font-size:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2StynaprQrcg_fce.cat) no-repeat 0 -200px;margin:18px auto 0}
.sGubun-D #glance .role-Top {box-sizing:border-box;padding:0 70px;position:relative}
.sGubun-D #glance .role-Top:after {content:"";display:block;position:absolute;width:100%;height:185px;left:0;top:0;background:#122549}
.sGubun-D #glance .role-Top .inner {background:#fff;padding:74px 50px 0;box-sizing:border-box;position:relative;z-index:1}
.sGubun-D #glance .role-Top .inner ul {display:flex;flex-flow:row;flex-wrap:wrap;text-align:center;justify-content:center}
.sGubun-D #glance .role-Top .inner ul li {display:inline-block;width:28.53907134%;vertical-align:top;margin:0 7.19139% 0 0;box-sizing:border-box;position:relative}
.sGubun-D #glance .role-Top .inner ul li:after {content:"";display:block;position:absolute;width:100%;height:100%;box-sizing:border-box;border:5px solid #f2f2f2;left:0;bottom:0;z-index:-1}
.sGubun-D #glance .role-Top .inner ul li:last-child {margin:0}
.sGubun-D #glance .role-Top .inwr {}
.sGubun-D #glance .role-Top .inwr > div {box-sizing:border-box;position:relative}
.sGubun-D #glance .role-Top .inwr .f1 {color:#fff;text-align:center}
.sGubun-D #glance .role-Top .inwr .f1:before {content:"";display:inline-block;width:0;height:100px;vertical-align:middle}
.sGubun-D #glance .role-Top .inwr .f1:after {content:"";display:block;position:absolute;width:0;height:0;border:solid;border-width:0 26px 20px 26px;left:50%;margin:0 0 0 -26px;bottom:100%}
.sGubun-D #glance .role-Top .inwr .f1 .star {display:block;position:absolute;width:23px;height:22px;left:50%;margin:0 0 26px -12px;bottom:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2StynaprQrcg_fce.cat) no-repeat}
.sGubun-D #glance .role-Top .inwr .f1 p {display:inline-block;height:auto;line-height:1;vertical-align:middle;position:relative;max-width:90%;z-index:1}
.sGubun-D #glance .role-Top .inwr .f1 p span {display:inline-block;vertical-align:baseline;line-height:1}
.sGubun-D #glance .role-Top .inwr .f1 p .unit {}
.sGubun-D #glance .role-Top .inwr .f1 p .core {font-weight:700}
.sGubun-D #glance .role-Top .inwr .f1 p .core.strKor {font-size:2.824em;letter-spacing:-.05em}
.sGubun-D #glance .role-Top .inwr .f1 p .core.strEng {font-family:"prometo";font-size:3.412em;letter-spacing:.02em}
.sGubun-D #glance .role-Top .inwr .f1 .shadowLine {display:block;position:absolute;width:100%;box-sizing:border-box;padding:0 21px 17px;left:0;bottom:0;z-index:0}
.sGubun-D #glance .role-Top .inwr .f1 .shadowLine:after {content:"";display:block;width:auto;height:20px;background:rgba(0, 0, 0, .15)}
.sGubun-D #glance .role-Top .inwr .f2 {text-align:center;box-sizing:border-box;font-size:1.176em;line-height:1.3;font-weight:400;color:#333;padding:20px 10px}
.sGubun-D #glance .role-Top .inwr .f2 p {word-wrap:break-word;word-break:keep-all;white-space:normal}
.sGubun-D #glance .role-Top li.n1 .inwr .f1 {background:#0056d9}
.sGubun-D #glance .role-Top li.n1 .inwr .f1:after {border-color:transparent transparent #0056d9 transparent}
.sGubun-D #glance .role-Top li.n1 .inwr .f1 .star {background-position:0 -239px}
.sGubun-D #glance .role-Top li.n2 .inwr .f1 {background:#0eafd7}
.sGubun-D #glance .role-Top li.n2 .inwr .f1:after {border-color:transparent transparent #0eafd7 transparent}
.sGubun-D #glance .role-Top li.n2 .inwr .f1 .star {background-position:-33px -239px}
.sGubun-D #glance .role-Top li.n3 .inwr .f1 {background:#00899d}
.sGubun-D #glance .role-Top li.n3 .inwr .f1:after {border-color:transparent transparent #00899d transparent}
.sGubun-D #glance .role-Top li.n3 .inwr .f1 .star {background-position:-66px -239px}
.sGubun-D #glance .role-Mid {box-sizing:border-box;padding:0 70px;margin:40px 0 0}
.sGubun-D #glance .role-Mid ul {display:flex;flex-flow:row;flex-wrap:wrap;justify-content:center}
.sGubun-D #glance .role-Mid ul li {display:inline-block;vertical-align:top;width:25%;margin:0 0 30px;box-sizing:border-box;position:relative}
.sGubun-D #glance .role-Mid ul li:after {content:"";display:block;position:absolute;width:1px;height:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Scga%2Scga03.tvs) repeat-y;right:0;top:0;opacity:.5;z-index:0}
.sGubun-D #glance .role-Mid ul li:nth-child(4n):after {display:none}
.sGubun-D #glance .role-Mid ul li:nth-last-child(-n+4) {margin:0}
.sGubun-D #glance .role-Mid ul li:last-child:after {display:none}
.sGubun-D #glance .role-Mid .icoBox {background:#fff;position:relative;z-index:1;padding:0 0 10px}
.sGubun-D #glance .role-Mid .icoBox .ico {display:block;width:140px;height:140px;border-radius:50%;background:#f7f7f7;margin:0 auto;box-sizing:border-box;position:relative}
.sGubun-D #glance .role-Mid .icoBox .ico img {display:block;position:absolute;width:80px;height:80px;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%}
.sGubun-D #glance .role-Mid .txtBox {text-align:center;word-wrap:break-word;word-break:keep-all;white-space:normal;box-sizing:border-box;padding:5px 10px;line-height:1.4}
.sGubun-D #glance .role-Mid .txtBox .p2 {display:none}
.sGubun-D #glance .role-Bot {margin:32px 70px 0;background:#f4f4f4;box-sizing:border-box;padding:40px 30px 61px}
.sGubun-D #glance .role-Bot > ul {display:block}
.sGubun-D #glance .role-Bot > ul > li {display:block;box-sizing:border-box;position:relative;margin:0 0 25px}
.sGubun-D #glance .role-Bot > ul > li:last-child {margin:0}
.sGubun-D #glance .role-Bot .num {display:block;position:absolute;width:70px;height:65px;background:#fff;text-align:center;line-height:65px;font-family:"prometo", "Noto Snas KR";font-size:1.176em;color:#0d285b;left:0;top:0}
.sGubun-D #glance .role-Bot .num:before {content:"";display:block;position:absolute;width:5px;height:20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2StynaprQrcg_fce.cat) no-repeat -99px -239px;left:50%;top:-10px;margin:0 0 0 -2px}
.sGubun-D #glance .role-Bot .tTit {display:block;font-size:1.412em;line-height:1.3;color:#000;margin:0 0 14px;font-weight:500;box-sizing:border-box;padding:16px 0 16px 98px}
.sGubun-D #glance .role-Bot .pTxt {display:block;box-sizing:border-box;padding:0 0 0 101px}
.sGubun-D #glance .role-Bot .pTxt > li {display:block;box-sizing:border-box;position:relative;padding:0 0 0 15px;line-height:1.4;font-size:.941em;color:#333;margin:0 0 10px}
.sGubun-D #glance .role-Bot .pTxt > li:before {content:"";display:block;position:absolute;width:7px;height:3px;background:#547fce;left:0;top:11px}
.sGubun-D #glance .role-Bot .pTxt > li:last-child {margin:0}
@media all and (max-width:1300px) {
	.sGubun-D .custom-modal-wr .cModalPkg .role-head {padding:0 20px}
	.sGubun-D .custom-modal-wr .cModalPkg .role-body {padding:20px;padding-top:0}
	.sGubun-D #glance .role-Top {padding:0 30px}
	.sGubun-D #glance .role-Top .inner {padding:60px 30px 0}
	.sGubun-D #glance .role-Top .inner ul li {width:32%;margin:0 2% 0 0}
	.sGubun-D #glance .role-Mid {padding:0 30px}
	.sGubun-D #glance .role-Mid .icoBox .ico {width:98px;height:98px}
	.sGubun-D #glance .role-Mid .icoBox .ico img {width:50px;height:50px}
	.sGubun-D #glance .role-Mid .txtBox {padding:5px 10px}
	.sGubun-D #glance .role-Bot {margin:30px 30px 0}
}
@media all and (max-width:1100px) {
	.sGubun-D #glance .role-deco .decoPkg p {padding:30px 100px 20px}
	.sGubun-D #glance .role-deco .decoPkg p:before,
	.sGubun-D #glance .role-deco .decoPkg p:after {width:98px;height:133px;background-size:203px auto}
	.sGubun-D #glance .role-deco .decoPkg p:before {left:0;background-position:0 0}
	.sGubun-D #glance .role-deco .decoPkg p:after {right:0;background-position:-105px 0}
	.sGubun-D #glance .role-deco .decoPkg p .t1 {font-size:1.2em}
	.sGubun-D #glance .role-deco .decoPkg p .t2 {font-size:2.2em;margin:6px 0 0}
	.sGubun-D #glance .role-Top .inwr .f1:before {height:80px}
	.sGubun-D #glance .role-Top .inwr .f1 p .core.strKor {font-size:2.235em}
	.sGubun-D #glance .role-Top .inwr .f1 p .core.strEng {font-size:2.8em}
	.sGubun-D #glance .role-Top .inwr .f1 .shadowLine {padding:0 10px 10px}
	.sGubun-D #glance .role-Top .inwr .f2 {padding:15px 10px 20px}
	.sGubun-D #glance .role-Bot {margin:30px 0 0;padding:30px 30px 30px}
}
@media all and (max-width:999px) {
	.sGubun-D #glance .role-Top .inwr .f1:before {height:50px}
	.sGubun-D #glance .role-Top .inwr .f1 p .core.strKor {font-size:1.8em}
	.sGubun-D #glance .role-Top .inwr .f1 p .core.strEng {font-size:2.4em}

	.sGubun-D #glance .role-Bot .tTit {padding:11px 0 10px 60px;margin:0 0 10px}
	.sGubun-D #glance .role-Bot .pTxt {padding:0 0 0 60px}
	.sGubun-D #glance .role-Bot .num {width:50px;height:50px;line-height:50px}
}
@media all and (max-width:899px) {
	.sGubun-D #glance .role-Mid {padding:0;margin:20px 0 0}
	.sGubun-D #glance .role-Mid ul li {width:33.33%;margin:0 0 10px}
	.sGubun-D #glance .role-Mid ul li:nth-child(4n):after {display:block}
	.sGubun-D #glance .role-Mid ul li:nth-child(3n):after {display:none}
	.sGubun-D #glance .role-Mid ul li:nth-last-child(-n+4) {margin:0 0 10px}
	.sGubun-D #glance .role-Mid ul li:nth-last-child(-n+3) {margin:0}
}
@media all and (max-width:799px) {
	.sGubun-D #glance .role-Top {padding:0 15px}
	.sGubun-D #glance .role-Top:after {height:50%}
	.sGubun-D #glance .role-Top .inner {padding:60px 15px 0}
	.sGubun-D #glance .role-Top .inwr .f2 {font-size:1em}
	.sGubun-D #glance .role-Top .inwr .f2 p br {display:none}
}
@media all and (max-width:768px) {
	.sGubun-D #glance .role-Bot .pTxt > li:before {top:9px}
}
@media all and (max-width:699px) {
	.sGubun-D .custom-modal-wr .cModalPkg .role-head {padding:0 15px}
	.sGubun-D .custom-modal-wr .cModalPkg .role-body {padding:15px;padding-top:0}
	.sGubun-D #glance .role-deco .decoPkg p {padding:30px 70px 20px}
	.sGubun-D #glance .role-deco .decoPkg p:before,
	.sGubun-D #glance .role-deco .decoPkg p:after {width:69px;height:93px;background-size:142px auto}
	.sGubun-D #glance .role-deco .decoPkg p:before {background-position:0 0}
	.sGubun-D #glance .role-deco .decoPkg p:after {background-position:-73px 0}
	.sGubun-D #glance .role-deco .decoPkg p .t1 {font-size:1.1em}
	.sGubun-D #glance .role-deco .decoPkg p .t2 {font-size:1.5em;margin:6px 0 0}
	.sGubun-D #glance .role-deco .decoPkg p .t3 {width:156px;height:20px;background-position:0 -140px;margin:10px auto 0;background-size:203px auto}
	.sGubun-D #glance .role-Top .inner {padding:15px 15px 0}
	.sGubun-D #glance .role-Top .inner ul {display:block;text-align:left}
	.sGubun-D #glance .role-Top .inner ul li {display:block;width:auto;margin:0 0 10px 30px;padding:0}
	.sGubun-D #glance .role-Top .inner ul li:last-child {margin:0 0 0 30px}
	.sGubun-D #glance .role-Top .inwr .f1:after {border-width:10px 10px 10px 0;left:auto;right:100%;margin:0 0;bottom:auto;top:20px}
	.sGubun-D #glance .role-Top .inwr .f1 .star {left:-38px;margin:0;bottom:auto;top:17px}
	.sGubun-D #glance .role-Top li.n1 .inwr .f1:after {border-color:transparent #0056d9 transparent transparent}
	.sGubun-D #glance .role-Top li.n2 .inwr .f1:after {border-color:transparent #0eafd7 transparent transparent}
	.sGubun-D #glance .role-Top li.n3 .inwr .f1:after {border-color:transparent #00899d transparent transparent}
	.sGubun-D #glance .role-Bot {padding:15px}
	.sGubun-D #glance .role-Bot .num {width:36px;height:36px;line-height:36px;font-size:1em}
	.sGubun-D #glance .role-Bot .tTit {font-size:1.3em;padding:6px 0 5px 50px}
	.sGubun-D #glance .role-Bot .pTxt {padding:0 0 0 50px}
}
@media all and (max-width:599px) {
	.sGubun-D #glance .role-Top .inner ul li {margin:0 0 10px 25px}
	.sGubun-D #glance .role-Top .inner ul li:last-child {margin:0 0 0 25px}
	.sGubun-D #glance .role-Top .inwr .f1:before {height:50px}
	.sGubun-D #glance .role-Top .inwr .f1:after {top:15px}
	.sGubun-D #glance .role-Top .inwr .f1 .star {width:16px;height:15px;left:-32px;background-size:203px auto}
	.sGubun-D #glance .role-Top .inwr .f1 p .core.strKor {font-size:1.2em}
	.sGubun-D #glance .role-Top .inwr .f1 p .core.strEng {font-size:1.5em}
	.sGubun-D #glance .role-Top li.n1 .inwr .f1 .star {background-position:0 -167px}
	.sGubun-D #glance .role-Top li.n2 .inwr .f1 .star {background-position:-23px -167px}
	.sGubun-D #glance .role-Top li.n3 .inwr .f1 .star {background-position:-46px -167px}
	.sGubun-D #glance .role-Mid ul li {width:50%;margin:0 0 10px}
	.sGubun-D #glance .role-Mid ul li:nth-child(4n):after {display:block}
	.sGubun-D #glance .role-Mid ul li:nth-child(3n):after {display:block}
	.sGubun-D #glance .role-Mid ul li:nth-child(2n):after {display:none}
	.sGubun-D #glance .role-Mid ul li:nth-last-child(-n+4) {margin:0 0 10px}
	.sGubun-D #glance .role-Mid ul li:nth-last-child(-n+3) {margin:0 0 10px}
	.sGubun-D #glance .role-Mid ul li:nth-last-child(-n+2) {margin:0}
}
@media all and (max-width:499px) {
	.sGubun-D #glance .role-deco .decoPkg p {padding:20px 0 20px;display:block;margin:0 15px}
	.sGubun-D #glance .role-deco .decoPkg p:before,
	.sGubun-D #glance .role-deco .decoPkg p:after {width:48px;height:65px;background-size:99px auto}
	.sGubun-D #glance .role-deco .decoPkg p:before {background-position:0 0}
	.sGubun-D #glance .role-deco .decoPkg p:after {background-position:-51px 0}
	.sGubun-D #glance .role-Top .inner ul li {margin:0 0 10px}
	.sGubun-D #glance .role-Top .inner ul li:last-child {margin:0}
	.sGubun-D #glance .role-Top .inwr .f1 .star {display:none}
	.sGubun-D #glance .role-Top .inwr .f1:after {display:none}
	.sGubun-D #glance .role-Mid ul {display:block;flex-flow:nowrap;flex-wrap:nowrap}
	.sGubun-D #glance .role-Mid ul li {display:block;width:100%;box-sizing:border-box;padding:10px 0;margin:0}
	.sGubun-D #glance .role-Mid ul li:after {display:block !important;width:100%;height:1px;top:auto;bottom:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Scga%2Scga10.tvs) repeat-x;opacity:1}
	.sGubun-D #glance .role-Mid .icoBox {position:absolute;left:0;top:50%;transform:translateY(-50%);padding:0;width:48px;height:48px;background:transparent}
	.sGubun-D #glance .role-Mid .icoBox .ico {width:48px;height:48px}
	.sGubun-D #glance .role-Mid .icoBox .ico img {width:24px;height:24px}
	.sGubun-D #glance .role-Mid .txtBox {padding:0 0 0 60px;text-align:left;font-size:0}
	.sGubun-D #glance .role-Mid .txtBox .inBox {font-size:0}
	.sGubun-D #glance .role-Mid .txtBox .inBox:before {content:"";display:inline-block;vertical-align:middle;width:0;height:48px}
	.sGubun-D #glance .role-Mid .txtBox .inBox .p1 {display:inline-block;vertical-align:middle;font-size:14px;letter-spacing:-.05em}
	.sGubun-D #glance .role-Bot .tTit {font-size:1.1em;padding:5px 0 5px 35px}
	.sGubun-D #glance .role-Bot .pTxt {padding:0}
	.sGubun-D #glance .role-Bot .num {width:30px;height:30px;line-height:30px}
	.sGubun-D #glance .role-Bot .num:before {width:3px;height:14px;background-position:-69px -167px;background-size:203px auto;top:-7px;margin:0 0 0 -1px}
}
@media all and (max-width:399px) {
	.sGubun-D #glance .role-deco .decoPkg p .t1 {font-size:1em}
	.sGubun-D #glance .role-Top {padding:0}
	.sGubun-D #glance .role-Top .inner {padding:15px 0 0}
	.sGubun-D #glance .role-Mid {margin:10px 0 0}
}


/* 마산대학교 : 와이드팝업
------------------------------------------------------ */
/* 멀티팝업 */
#toppop {display:none;position:absolute;left:0;top:152px;width:100%;height:0;overflow:hidden;z-index:3001;background:rgba(13, 34, 75, .9);box-sizing:border-box;opacity:0;transition:opacity .5s ease}
#toppop:after {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;box-sizing:border-box;border:5px solid rgba(59, 153, 252, .5);opacity:0;z-index:0;transition:all .3s ease}
#toppop:focus:after {opacity:1}
.sGubun-M #toppop {top:151px}
.sGubun-D #toppop {top:110px}
.sGubun-A #toppop {top:110px}
#toppop.stable {display:block}
#toppop.show {height:auto;opacity:1}
#toppop.hide {opacity:0}
#toppop .tp-role-Pkg {width:auto;max-width:1350px;margin:0 auto;padding:93px 0 99px;position:relative;z-index:1}
#toppop .tp-role-head {}
#toppop .tp-role-head .dataName {display:block;font-family:"prometo";font-size:48px;font-weight:500;color:#fff;text-align:center;line-height:1}
#toppop .tp-role-body {margin:97px 0 0}
#toppop .tp-role-body .datalist {}
#toppop .tp-role-body .datalist .item {width:300px;margin:0 auto;background:#fff;position:relative}
#toppop .tp-role-body .datalist .item a {display:block}
#toppop .tp-role-body .datalist .item .comm {display:none}
#toppop .tp-role-body .datalist .item .wpTmplMsg {display:block;position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;box-sizing:border-box;padding:40px 28px 15px;overflow-x:hidden;overflow-y:auto;z-index:1}
#toppop .tp-role-body .datalist .item .wpTmplMsg > * {display:block;box-sizing:border-box;word-wrap:break-word;word-break:keep-all;white-space:normal}
#toppop .tp-role-body .datalist .item .wpTmplMsg .bTit {font-size:30px;font-weight:500;margin:0 0 15px;letter-spacing:-.075em}
#toppop .tp-role-body .datalist .item .wpTmplMsg .sTit {font-size:20px;font-weight:400;margin:0 0 15px;letter-spacing:-.075em}
#toppop .tp-role-body .datalist .item .wpTmplMsg .sTxt {font-size:16px;line-height:1.5;font-weight:300;letter-spacing:-.05em}
#toppop .tp-role-body .datalist .item .wpTmplMsg .sBtn {display:block;position:absolute;width:100%;left:0;bottom:0;box-sizing:border-box;padding:0 28px 40px}
#toppop .tp-role-body .datalist .item .wpTmplMsg .sBtn a {display:block;position:relative;text-align:left;font-size:0;background:#fff;box-sizing:border-box;padding:0 50px 0 20px}
#toppop .tp-role-body .datalist .item .wpTmplMsg .sBtn a:before {content:"";display:inline-block;width:0;height:52px;vertical-align:middle}
#toppop .tp-role-body .datalist .item .wpTmplMsg .sBtn a:after {content:"";display:block;position:absolute;width:23px;height:14px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SCbchc%2Sjvqr_fce.cat) no-repeat;right:20px;top:19px;transition:all .3s ease}
#toppop .tp-role-body .datalist .item .wpTmplMsg .sBtn a:focus:after,
#toppop .tp-role-body .datalist .item .wpTmplMsg .sBtn a:hover:after {right:10px}
#toppop .tp-role-body .datalist .item .wpTmplMsg .sBtn a span {display:inline-block;font-size:16px;vertical-align:middle;line-height:1.3;color:#000;letter-spacing:-.05em}
#toppop .tp-role-body .datalist .item .wpTmplMsg .sBtn a[target='_blank'] span:after {content:"";display:inline-block;width:12px;height:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szhpfq.znfna.np.xe%2Serfbheprf%2S_Vzt%2SCbchc%2Sjvqr_fce.cat) no-repeat -113px -24px;vertical-align:middle;margin:-2px 0 0 10px}
#toppop .tp-role-body .datalist .item .wpTmplBase {display:block;width:100%;position:relative;z-index:0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-1 .bTit {color:#003b70}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-1 .sTit {color:#003b70}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-1 .sTxt {color:#41494e}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-1 .sBtn a {background:#043969}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-1 .sBtn a:after {background-position:0 0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-1 .sBtn a span {color:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-2 .bTit {color:#412d0a}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-2 .sTit {color:#412d0a}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-2 .sTxt {color:#776e5e}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-2 .sBtn a {background:#846123}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-2 .sBtn a:after {background-position:0 0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-2 .sBtn a span {color:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-3 .bTit {color:#c2194d}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-3 .sBtn a[target='_blank'] span:after {background-position:-69px -24px}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-3 .sTit {color:#60181f}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-3 .sTxt {color:#4f4344}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-3 .sBtn a {background:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-3 .sBtn a:after {background-position:-33px 0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-3 .sBtn a span {color:#000}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-4 .bTit {color:#003b70}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-4 .sTit {color:#384d5e}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-4 .sTxt {color:#4f4344}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-4 .sBtn a {background:#043969}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-4 .sBtn a:after {background-position:0 0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-4 .sBtn a span {color:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-5 .bTit {color:#0b374b}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-5 .sTit {color:#0b374b}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-5 .sTxt {color:#2e3939}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-5 .sBtn a {background:#005278}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-5 .sBtn a:after {background-position:0 0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-5 .sBtn a span {color:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-6 .bTit {color:#007f52}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-6 .sTit {color:#007f52}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-6 .sTxt {color:#535353}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-6 .sBtn a {background:#134332}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-6 .sBtn a:after {background-position:0 0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-6 .sBtn a span {color:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-7 .bTit {color:#3d109d}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-7 .sTit {color:#3d109d}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-7 .sTxt {color:#4f4344}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-7 .sBtn a {background:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-7 .sBtn a:after {background-position:-66px 0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-7 .sBtn a span {color:#42277c}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-7 .sBtn a[target='_blank'] span:after {background-position:-69px -24px}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-8 .bTit {color:#003b70}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-8 .sTit {color:#384d5e}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-8 .sTxt {color:#5a5a5a}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-8 .sBtn a {background:#555b6a}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-8 .sBtn a:after {background-position:0 0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-8 .sBtn a span {color:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-9 .bTit {color:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-9 .sTit {color:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-9 .sTxt {color:#d9e7e9}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-9 .sBtn a {background:#2d184b}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-9 .sBtn a:after {background-position:0 0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-9 .sBtn a span {color:#fff}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-10 .bTit {color:#0b374b}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-10 .sTit {color:#0b374b}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-10 .sTxt {color:#3f3f3f}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-10 .sBtn a {background:#0e482d}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-10 .sBtn a:after {background-position:0 0}
#toppop .tp-role-body .datalist .item .wpTmplMsg.wpTmpl-10 .sBtn a span {color:#fff}
#toppop .tp-role-body .datalist .owl-stage-outer {z-index:0}
#toppop .tp-role-body .datalist .owl-nav {position:absolute;width:100%;left:0;top:50%;z-index:1;height:0}
#toppop .tp-role-body .datalist .owl-nav button {display:block;position:absolute;width:50px;height:50px;border:0;background:transparent;font-size:0;top:0;margin-top:-25px}
#toppop .tp-role-body .datalist .owl-nav button:after {content:"";display:block;position:absolute;width:30px;height:30px;border:solid;border-width:0 0 4px 4px;border-color:transparent transparent #fff #fff;top:0;right:0;bottom:0;left:0;margin:auto}
#toppop .tp-role-body .datalist .owl-nav .owl-prev {right:100%;margin-right:43px}
#toppop .tp-role-body .datalist .owl-nav .owl-prev:after {transform:rotate(45deg)}
#toppop .tp-role-body .datalist .owl-nav .owl-next {left:100%;margin-left:43px}
#toppop .tp-role-body .datalist .owl-nav .owl-next:after {transform:rotate(225deg)}
#toppop .tp-role-body .dataCtrlPkg {text-align:center;font-size:0;box-sizing:border-box;position:relative;margin:115px 0 0}
#toppop .tp-role-body .dataCtrlPkg .datactrl {display:inline-block;font-size:0}
#toppop .tp-role-body .dataCtrlPkg .datactrl > div {display:inline-block;vertical-align:middle}
#toppop .tp-role-body .dataCtrlPkg .datactrl button {width:28px;height:28px;box-sizing:border-box;position:relative;border:0;background:transparent}
#toppop .tp-role-body .dataCtrlPkg .datactrl button:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;transition:all .3s ease}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataDots {}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataDots button {display:inline-block;vertical-align:top}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataDots button:after {width:10px;height:10px;border-radius:50%;background:rgba(255, 255, 255, .4)}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataDots button.active:after {background:#fff}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataDots.disabled {display:none}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataDots.disabled + .dataAuto {display:none}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataAuto {}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataAuto button {}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataAuto .btn-stop {}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataAuto .btn-stop:after {width:8px;height:24px;border:solid;border-width:0 2px 0 2px;border-color:transparent #fff transparent #fff}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataAuto .btn-play {display:none}
#toppop .tp-role-body .dataCtrlPkg .datactrl .dataAuto .btn-play:after {width:0;height:0;border:solid;border-width:6px 0 6px 8px;border-color:transparent transparent transparent #fff}
#toppop .tp-role-body .dataCtrlPkg .dataMore {display:block;position:absolute;line-height:1;right:0;top:0;padding:0 50px 0 0}
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks {}
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks input {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;opacity:0}
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks label {display:block;line-height:1;box-sizing:border-box;position:relative;font-size:15px;color:#fff;letter-spacing:-.05em;padding:3px 0 3px 30px;cursor:pointer}
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks input:focus + label {outline:3px solid rgba(59, 153, 252, .5)}
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks label:before,
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks label:after {content:"";display:block;position:absolute;box-sizing:border-box;transition:all .3s ease}
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks label:before {width:9px;height:6px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);z-index:1;left:6px;top:6px;opacity:.25}
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks label:after {width:21px;height:21px;border:2px solid #fff;z-index:0;left:0;top:0;background:transparent}
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks input:checked + label {}
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks input:checked + label:before {opacity:1}
#toppop .tp-role-body .dataCtrlPkg .dataMore .todayChks input:checked + label:after {}
#toppop .tp-role-body .dataCtrlPkg .dataMore .close-btn {display:block;position:absolute;width:30px;height:30px;border:0;right:0;top:50%;margin:-15px 0 0;background:transparent;box-sizing:border-box;border:1px solid #fff}
#toppop .tp-role-body .dataCtrlPkg .dataMore .close-btn:before,
#toppop .tp-role-body .dataCtrlPkg .dataMore .close-btn:after {content:"";display:block;position:absolute;width:15px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff}
#toppop .tp-role-body .dataCtrlPkg .dataMore .close-btn:before {transform:rotate(45deg)}
#toppop .tp-role-body .dataCtrlPkg .dataMore .close-btn:after {transform:rotate(-45deg)}
@media all and (max-width:1600px) {
	#toppop .tp-role-body .datalist .owl-nav .owl-prev {margin-right:0}
	#toppop .tp-role-body .datalist .owl-nav .owl-next {margin-left:0}
}
@media all and (max-width:1500px) {
	#toppop .tp-role-body .datalist .owl-nav {position:relative;left:auto;top:auto;text-align:center;height:auto;margin:30px 0 0}
	#toppop .tp-role-body .datalist .owl-nav button {display:inline-block;position:relative;vertical-align:top;top:auto;margin-top:0}
	#toppop .tp-role-body .datalist .owl-nav .owl-prev {left:auto;right:auto}
	#toppop .tp-role-body .datalist .owl-nav .owl-next {right:auto;left:auto}
	#toppop .tp-role-body .dataCtrlPkg {margin:50px 0 0}
}
@media all and (max-width:1399px) {
	#toppop .tp-role-Pkg {margin:0 20px}
}
@media all and (max-width:1299px) {
	#toppop .tp-role-Pkg {padding:80px 0 80px}
	#toppop .tp-role-body {margin:80px 0 0}
	#toppop .tp-role-body .dataCtrlPkg {margin:80px 0 0}
}
@media all and (max-width:999px) {
	#toppop {top:0;position:fixed}
	.sGubun-M #toppop {top:130px}
	.sGubun-D #toppop {top:80px}
	.sGubun-A #toppop {top:80px}
	#toppop.show {height:100%}
	#toppop .tp-role-Pkg {padding:0;height:100%}
	#toppop .tp-role-head {display:block;position:absolute;width:100%;left:0;top:50px}
	#toppop .tp-role-body {margin:0;height:100%}
	#toppop .tp-role-body .datalist {position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%)}
	#toppop .tp-role-body .dataCtrlPkg {margin:0;position:absolute;width:100%;left:0;bottom:50px}
}
@media all and (max-width:768px) {
	.sGubun-M #toppop {top:0}
	#toppop .tp-role-head {top:25px}
	#toppop .tp-role-head .dataName {font-size:26px}
	#toppop .tp-role-body .datalist .owl-nav button {width:35px;height:35px}
	#toppop .tp-role-body .datalist .owl-nav button:after {width:21px;height:21px;border-width:0 0 3px 3px}
	#toppop .tp-role-body .dataCtrlPkg {text-align:center}
	#toppop .tp-role-body .dataCtrlPkg .datactrl {display:block;text-align:center}
	#toppop .tp-role-body .dataCtrlPkg .dataMore {display:inline-block;position:relative;right:auto;top:auto;margin:15px 0 0}
}
@media all and (max-width:699px) {
	.sGubun-D #toppop {top:0}
	.sGubun-A #toppop {top:0}
	#toppop .tp-role-body .datalist .owl-nav {margin:15px 0 0}
	#toppop .tp-role-body .datalist .owl-nav button {width:28px;height:28px}
	#toppop .tp-role-body .datalist .owl-nav button:after {width:17px;height:17px;border-width:0 0 2px 2px}
	#toppop .tp-role-body .dataCtrlPkg {bottom:25px}
	#toppop .tp-role-body .dataCtrlPkg .datactrl button {width:20px;height:20px}
	#toppop .tp-role-body .dataCtrlPkg .datactrl .dataAuto .btn-stop:after {height:14px}
}
@media all and (max-width:499px) {
	#toppop .tp-role-body .datalist .item {max-width:300px;width:100%}
}
@media all and (max-height:560px) {
	#toppop.show {height:100%;overflow-x:hidden;overflow-y:auto}
	#toppop .tp-role-Pkg {height:auto;padding:20px 0}
	#toppop .tp-role-head {position:relative;left:auto;top:auto;margin:0}
	#toppop .tp-role-body {height:auto;margin:20px 0 0}
	#toppop .tp-role-body .datalist {position:relative;left:auto;top:auto;transform:none}
	#toppop .tp-role-body .dataCtrlPkg {position:relative;left:auto;bottom:auto;margin:20px 0 0}
}

/* 마산대학교 윈도우 팝업
------------------------------------------------------ */