@CHARSET "UTF-8";

html.fixed {overflow:hidden;} html.fixed body{overflow:hidden;}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{ display:block; width:100%; height:36px; color:#fff; background:#000; line-height:36px; text-decoration:underline !important; font-size:14px; }

/*common*/
.section {position: relative;height: auto;z-index: 1;}
.section .container { max-width: 1300px; margin: 0 auto; padding: 5rem 0; }
.section .subject {color: #000;font-size: 2.625rem;font-weight: 700;}
.main:after {content: ""; display: block; clear: both;}
.main .more{position: relative; width: 50px;height: 50px;background: #F15922;border-radius: 50%;display: inline-block;}
.main .more:before{position: absolute;content:"";z-index: 0;background: url("/resources/images/site/main/btn_more.png") no-repeat center;width: 20px;height: 20px;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.main .more:hover:after{position:absolute;top:50%;left:50%;width:120%;height:120%;background: rgba(241, 89, 34, .3);-webkit-transform:translate(-50%, -50%) scale(0.1, 0.1);transform:translate(-50%, -50%) scale(0.1, 0.1);border-radius:50%;-webkit-animation:pulsate 1s ease-out;animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0;content:'';z-index: 0;}
.line-1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.line-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all; }


/*팝업*/
.popup {position:absolute; width:600px; top:100px; left:50%; margin-left: -13%; padding:30px; background:#fff; z-index: 9999; border-radius: 30px; box-shadow: 1px 1px 7px 5px rgb(0 0 0 / 5%);}
.popup .popup_wrap {text-align: center;}
.popup .popup_wrap p.close {position:absolute; top:30px; right:30px;}
.popup .popup_wrap p.close a {display: inline-block; background:#F15922; border-radius: 50%; color:#fff; font-size:18px; text-align: center;padding: 10px 15px;}
.popup .popup_wrap p.close a:hover {text-decoration: none !important;}
.popup .popup_wrap h2 {margin:5px 0 30px 0;font-size: 28px;font-weight: 500;}
.popup .popup_wrap ul {margin:20px 0 10px 0; text-align: left;}
.popup .popup_wrap ul li {margin-top:5px; line-height: 24px; font-size:18px;}
.popup .popup_wrap ul li:first-child {margin-bottom:10px; padding: 10px; background: #fff1f1;}
.popup .popup_wrap ul li:first-child span,.popup .popup_wrap ul li:first-child p {display: inline-block;}
.popup .popup_wrap ul li:first-child span img {width:80%;}
.popup .popup_wrap ul li:first-child p {width:80%; vertical-align: top; margin:12px 0 0 0px; font-size:1rem;}
.popup .popup_wrap ul li:last-child {text-align:center; margin-top:25px; line-height: 26px; color:#444;}
.popup .popup_wrap ul li:last-child strong {text-decoration: underline;}
.popup .popup_wrap ul li:last-child span {display:block; font-size:15px; color:#666; line-height:22px; margin-top:5px;}

.popup .popup_wrap .btn a {display:inline-block; padding: 10px 15px; border-radius: 20px; color:#fff; margin-top:20px;width: 20%;}
.popup .popup_wrap .btn a:hover {text-decoration: none!important;}
.popup .popup_wrap .btn a:first-child {background:#F15922;}
.popup .popup_wrap .btn a:first-child:hover {background: #f54809;}
.popup .popup_wrap .btn a:last-child {background:#666;}
.popup .popup_wrap .btn a:last-child:hover {background: #555;}


/*팝업_브라우저*/
.popup_browser {position:relative;  background-color:#f8f9fb;}
.popup_browser .browser {position:relative; margin:0 auto; padding: 20px 95px 20px 250px;}
.popup_browser .browser input {appearance:auto; margin-right:7px; vertical-align: -3px; width: 20px;height: 20px;}
.popup_browser .browser h1 { font-size:1.1rem; font-weight: 300; text-align: center;}
.popup_browser .browser h1 span {display: inline-block; color:#ea5513; font-weight:bold;}
.popup_browser .browser h1 img {vertical-align: middle; margin-right:10px;}
.popup_browser .browser div {float:right;position: absolute;top: 18px;right: 100px;}
.popup_browser .browser div label {margin-right: 10px; vertical-align: top;}
.popup_browser .browser div a {display:inline-block; color:#666;}


/*BANNER*/
.slick-slider .slick-arrow:focus{border:1px solid #000; border-radius: 2px; }


/*visual*/
.mvisual {position: relative;overflow: hidden;}
.mvisual .video{height: 100vh;width: calc(100% - 95px);background: #f5f5f5; overflow: hidden; }
.mvisual .video video{position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%; width: auto; height:100%; z-index: 9999;}

.mvisual .video.alone video {width:auto !important;}
.mvisual .video.alone .slide_visual img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;height: 100vh;width: auto; padding-right:95px;}


.mv_arrow {display: flex; justify-content:center;}


.mvisual .bullet {position:absolute;bottom:20px;right:130px;z-index: 9999;padding-right: 1%;}
.mvisual .bullet ul {display:inline-block;}
.mvisual .bullet ul li {display: inline-block; margin-left:10px;}
.mvisual .bullet ul li a {display: block; width:15px; height:15px; border-radius: 100%; border:1px solid #fff; vertical-align: middle;}
.mvisual .bullet ul li.pause a,.mvisual .bullet ul li.play a {border:0; width:auto; height:auto;}
.mvisual .bullet ul li.slick-active a {background:#fff;}
.mvisual .bullet ul li:first-child {margin-left:0;}

.jp-gui{position: absolute; bottom: 20px; z-index: 9999;}
.jp-gui .jp-video-play button {position: relative; z-index: 9999; background: rgba(0,0,0,.3); vertical-align: middle; border-radius: 100%;    width: 40px;height: 40px;}
.jp-gui .jp-video-play button img {margin: 0 auto;max-width: 30%;}
.mvisual button.left,.mvisual button.right {position:absolute; transform:translate(0%,-50%); top:50%; z-index: 99;}
.mvisual button.left {left:30px;}
.mvisual button.right {right:130px;}


/*quick-right*/
.mvisual .quick-r{position: absolute;right: 0;top: 85px;background: #fff;height: calc(100% - 85px);width: 95px;z-index: 99999;}
.mvisual .quick-r .personal{ margin-top: 25px; }
.mvisual .quick-r .personal > ul > li > a{text-align: center;display: block;padding: 14px 0;font-weight: 500;}
.mvisual .quick-r .personal > ul > li > a:hover, .mvisual .quick-r .personal > ul > li > a:active{ font-weight: 600; text-decoration: underline;}
.mvisual .quick-r .link-sns{background: #f6f6f7;position: absolute;bottom: 0;padding: 25px 0;}
.mvisual .quick-r .link-sns ul li{ text-align: center;}
.mvisual .quick-r .link-sns ul li a{padding: 16px 0;display: block;width: 95px;}


/*사용자메뉴*/
.personal ul li .ser-wrap{position: absolute;/* width: 100vw; */height: 0;right: 95px;top: 0;height: 0;opacity: 0;overflow: hidden;transition:opacity .3s ease;display: none;}
.personal ul li .ser-wrap.show{height: 100%;opacity: 1;display: block;z-index: 1;}
.personal ul li .ser-wrap:before{position: absolute;content: "";width: 100vw;height: 100vh;/* background: rgba(0,0,0,.85); */}
.personal ul li .ser-wrap .ser-area{width: 760px;background: rgba(255,255,255,1);position: relative;z-index: 999;right: 0;/*max-height: 530px;min-height: 530px;*/ height: 100%;}
.personal ul li .ser-wrap .ser-area .ser-tit{padding: 50px 30px 0 80px;margin-bottom: 5px;}
.personal ul li .ser-wrap .ser-area .ser-tit p{/* color: #ffffff; *//* padding: 22px 30px; */font-size: 25px;color: #555;/* text-align: center; */padding-bottom: 15px;}
.personal ul li .ser-wrap .ser-area .ser-box{padding: 20px 50px;
}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list{display: flex;flex-wrap: wrap;}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list li{width: calc(100% / 5);text-align: center;}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list li a{padding: 100px 10px 15px 10px;line-height: 1.4;display: block;}
/*.personal ul li .ser-wrap .ser-area .ser-box .ser-list li:nth-child(2n-1) a{ background: #fff;}*/
.personal ul li .ser-wrap .ser-area .ser-box .ser-list li:nth-child(2n) a{/* background: #f8f8f8; */}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list li a span{position: relative;font-size: 15px;text-align: center;display: block;font-weight: 500;}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list li a span:before{position: absolute;content: "";width: 50px;height: 50px;background-size: contain;background-repeat: no-repeat;background-position: center;/* margin-top: -83px; */top: -70px;left: 50%;transform: translateX(-50%);transition: .2s;-webkit-transition: .2s;}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list li a:hover span:before{top: -68px;}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico01:before{background-image: url('/resources/images/site/main/ser1-ico1.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico02:before{background-image: url('/resources/images/site/main/ser1-ico2.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico03:before{background-image: url('/resources/images/site/main/ser1-ico3.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico04:before{background-image: url('/resources/images/site/main/ser1-ico4.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico05:before{background-image: url('/resources/images/site/main/ser1-ico5.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico06:before{background-image: url('/resources/images/site/main/ser1-ico6.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico07:before{background-image: url('/resources/images/site/main/ser1-ico7.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico08:before{background-image: url('/resources/images/site/main/ser1-ico8.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico09:before{background-image: url('/resources/images/site/main/ser1-ico9.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico10:before{background-image: url('/resources/images/site/main/ser1-ico10.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico11:before{background-image: url('/resources/images/site/main/ser1-ico11.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico12:before{background-image: url('/resources/images/site/main/ser1-ico12.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico13:before{background-image: url('/resources/images/site/main/ser1-ico13.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico14:before{background-image: url('/resources/images/site/main/ser3-ico6.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico15:before{background-image: url('/resources/images/site/main/ser1-ico14.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico16:before{background-image: url('/resources/images/site/main/ser1-ico15.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico17:before{background-image: url('/resources/images/site/main/ser1-ico17.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico18:before{background-image: url('/resources/images/site/main/ser1-ico18.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list01 li a .ico19:before{background-image: url('/resources/images/site/main/ser4-ico9.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico01:before{background-image: url('/resources/images/site/main/ser2-ico1.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico02:before{background-image: url('/resources/images/site/main/ser2-ico2.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico03:before{background-image: url('/resources/images/site/main/ser2-ico3.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico04:before{background-image: url('/resources/images/site/main/ser2-ico4.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico05:before{background-image: url('/resources/images/site/main/ser2-ico5.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico06:before{background-image: url('/resources/images/site/main/ser2-ico6.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico07:before{background-image: url('/resources/images/site/main/ser2-ico7.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico08:before{background-image: url('/resources/images/site/main/ser2-ico8.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico09:before{background-image: url('/resources/images/site/main/ser2-ico9.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico10:before{background-image: url('/resources/images/site/main/ser2-ico10.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico11:before{background-image: url('/resources/images/site/main/ser1-ico14.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico12:before{background-image: url('/resources/images/site/main/ser2-ico11.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list02 li a .ico13:before{background-image: url('/resources/images/site/main/ser1-ico17.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico01:before{background-image: url('/resources/images/site/main/ser3-ico1.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico02:before{background-image: url('/resources/images/site/main/ser3-ico2.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico03:before{background-image: url('/resources/images/site/main/ser3-ico3.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico04:before{background-image: url('/resources/images/site/main/ser3-ico4.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico05:before{background-image: url('/resources/images/site/main/ser3-ico5.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico06:before{background-image: url('/resources/images/site/main/ser3-ico6.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico07:before{background-image: url('/resources/images/site/main/ser3-ico7.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico08:before{background-image: url('/resources/images/site/main/ser3-ico8.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico09:before{background-image: url('/resources/images/site/main/ser3-ico9.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico11:before{background-image: url('/resources/images/site/main/ser1-ico14.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico12:before{background-image: url('/resources/images/site/main/ser1-ico17.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list03 li a .ico18:before{background-image: url('/resources/images/site/main/ser1-ico18.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico01:before{background-image: url('/resources/images/site/main/ser4-ico1.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico02:before{background-image: url('/resources/images/site/main/ser4-ico2.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico03:before{background-image: url('/resources/images/site/main/ser4-ico3.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico04:before{background-image: url('/resources/images/site/main/ser4-ico4.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico05:before{background-image: url('/resources/images/site/main/ser4-ico5.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico06:before{background-image: url('/resources/images/site/main/ser4-ico6.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico07:before{background-image: url('/resources/images/site/main/ser4-ico7.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico08:before{background-image: url('/resources/images/site/main/ser4-ico8.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico09:before{background-image: url('/resources/images/site/main/ser4-ico9.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico10:before{background-image: url('/resources/images/site/main/ser4-ico10.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico11:before{background-image: url('/resources/images/site/main/ser4-ico11.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list04 li a .ico12:before{background-image: url('/resources/images/site/main/ser1-ico17.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list05 li a .ico01:before{background-image: url('/resources/images/site/main/ser5-ico1.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list05 li a .ico02:before{background-image: url('/resources/images/site/main/ser5-ico2.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list05 li a .ico03:before{background-image: url('/resources/images/site/main/ser5-ico3.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list05 li a .ico04:before{background-image: url('/resources/images/site/main/ser5-ico4.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list06 li a .ico01:before{background-image: url('/resources/images/site/main/ser2-ico4.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list06 li a .ico02:before{background-image: url('/resources/images/site/main/ser1-ico2.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list07 li a .ico01:before{background-image: url('/resources/images/site/main/ser7-ico1.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list07 li a .ico02:before{background-image: url('/resources/images/site/main/ser7-ico2.png');}
.personal ul li .ser-wrap .ser-area .ser-box .ser-list07 li a .ico03:before{background-image: url('/resources/images/site/main/ser7-ico3.png');}
.personal ul li .ser-wrap .ser-area .ser-close{position: absolute;top: 50px;right: 50px;padding: 0;}
.personal ul li .ser-wrap .ser-area .ser-close:before, .personal ul li .ser-wrap .ser-area .ser-close:after{background: #5b5b5b;}


/*동국 새소식*/
.section01 {background: #f5f5f5; padding: 2rem 0 35rem;}
.section01 .subject { text-align: center; }
.section01 .notice { position: relative; text-align: center;}
.section01 .notice .notice-box { width: 100%; display: inline-block; margin-bottom: 0!important; margin-top: 40px;}
.section01 .notice .notice-box li{ display: inline-block; }
.section01 .notice .notice-box li .notice-tit a{position: relative;color: #888;font-size: 1.375rem;padding: 0 6px;margin: 0 10px;transition:.3s;-webkit-transition:.3s;font-weight: 400;}
.section01 .notice .notice-box li .notice-tit a:hover{ color:#ea5514;font-weight: 700; text-decoration: none !important; }
.section01 .notice .notice-box li .notice-tit a:before{display: inline-block;position: absolute;left: 50%;bottom: -8px;width:0;height: 3px;background: #ea5514;content: '';z-index: 0;transform: translate(-50%,0); transition:.3s;-webkit-transition:.3s;}
.section01 .notice .notice-box li .notice-tit a:hover:before{width: 80%;}
.section01 .notice .notice-box li.active .notice-tit a{ color:#ea5514; font-weight: 700; }
.section01 .notice .notice-box li.active .notice-tit a:before{display: inline-block;position: absolute;left: 50%;bottom: -8px;width: 80%;height: 3px;background: #ea5514;content: '';z-index: 0;transform: translate(-50%,0);}
.section01 .notice .notice-box li .notice-cnt{ position: absolute; left: 0; display: block; width: 100%; margin-top: 55px; }
.section01 .notice .notice-box li .notice-cnt ul {display: flex;flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.section01 .notice .notice-box li .notice-cnt ul li {width:calc(25% - 20px);text-align: left; margin: 0 10px 20px;}
.section01 .notice .notice-box li .notice-cnt ul li a {display: block;padding: 40px 30px;position: relative;min-height: 190px;background: #fff;  transition:.2s;-webkit-transition:.2s; }
.section01 .notice .notice-box li .notice-cnt ul li a:hover{box-shadow: 5px 5px 11px 4px #efefef;transform: translate(-3px, -3px);}
.section01 .notice .notice-box li .notice-cnt ul li a .tit{font-weight: 500;line-height: 1.4;font-size: 1.125rem;color: #111;word-break: keep-all;}
.section01 .notice .notice-box li .notice-cnt ul li a .date{ font-size: 0.875rem; color: #949494; position: absolute; bottom: 30px;}
.notice .more{ position: absolute; right: 0; top: -5px;}


/*연구성과*/
.section02{padding: 2rem 0 35rem;}
.section02 .research{position: relative; margin-top:40px; text-align: center;}
.section02 .research .research-box-child-wrap{ display: flex; flex-wrap: wrap;   margin-top: 80px; position: absolute; left: 0; top: 0; width: 100%;}
.section02 .research .research-box{display: inline-block; text-align: left;}
.section02 .research .research-box h3 a{position: relative;color: #888;font-size: 1.375rem;padding: 0 6px;margin: 0 10px;transition:.3s;-webkit-transition:.3s;font-weight: 400;}
.section02 .research .research-box h3 a:hover{ color:#ea5514;font-weight: 700; text-decoration: none !important; }
.section02 .research .research-box h3 a:before{display: inline-block;position: absolute;left: 50%;bottom: -8px;width:0;height: 3px;background: #ea5514;content: '';z-index: 0;transform: translate(-50%,0); transition:.3s;-webkit-transition:.3s;}
.section02 .research .research-box h3 a:hover:before{width: 80%;}
.section02 .research .research-box.active h3 a{ color:#ea5514; font-weight: 700; }
.section02 .research .research-box.active h3 a:before{display: inline-block;position: absolute;left: 50%;bottom: -8px;width: 80%;height: 3px;background: #ea5514;content: '';z-index: 0;transform: translate(-50%,0);}
.section02 .research .research-box.active h3 a:focus-visible:before{outline: 0;}
.section02 .research .research-box-1 { width: 635px; margin-right: 25px; position: relative;  }
.section02 .research .research-box-1 a{position: relative;display: block;z-index: 999;height: 100%;width: 100%;}
.section02 .research .research-box-1 a:focus-visible{outline-offset:2px;}
.section02 .research .research-box-1 a:before {position: absolute;content:"";background: #fff url("/resources/images/site/main/re-arrow-orange.png") no-repeat center;width: 14px;height: 15px;top: 25px;right: 30px;padding: 14px;border-radius: 100%;z-index: 1;}
.section02 .research .research-box-1 a:after{position: absolute;content:"";background: rgba(0,0,0,0.3);width: 100%;height: 100%;left: 0;top: 0;z-index: 0;}
.section02 .research .research-box-1 a .thumb {overflow: hidden;height: 504px;}
.section02 .research .research-box-1 a .thumb img{ width: 100%; height: 100%;  object-fit: cover; transition: 1s ease; }
.section02 .research .research-box-1 a .txt{color: #fff;position: absolute;bottom: 35px;padding: 0 45px;z-index: 1;}
.section02 .research .research-box-1 a .txt .tit{ position: relative; font-size: 1.875rem; font-weight: 600; line-height: 1.2; }
/*.section02 .research .research-box-1 a .txt .tit:before{display: inline-block;position: absolute;left:0;bottom:0;width:0;height:.5em;background: rgba(239,110,0,0.8) ;content: '';z-index: -1;transition:.5s;-webkit-transition:.5s;}
.section02 .research .research-box-1 a:hover .txt .tit:before { width: 100%;}*/
.section02 .research .research-box-1 a .txt .cnt{ margin-top: 12px; opacity: 0.9; font-weight: 300; line-height: 1.4; }
.section02 .research .research-box-2{ width: calc(100% - 662px); border-top: 2px solid #222; }
.section02 .research .research-box-2 .inner.mobile-plus{display: none;}
.section02 .research .research-box-2 .inner a{display: flex;border-bottom: 1px solid #Eee;padding: 25px 0;flex-wrap: wrap; background: #fff;}
.section02 .research .research-box-2 .inner a .thumb{position: relative;width: 280px;height: 200px;background: #eee;overflow: hidden;}
.section02 .research .research-box-2 .inner a .thumb img{ width: 100%; height:100%; object-fit:cover;transition:.5s;-webkit-transition:.5s;}
.section02 .research .research-box-2 .inner a .txt{ position: relative; padding-left: 25px; margin-top: 20px; width: calc( 100% - 305px); }
.section02 .research .research-box-2 .inner a .txt:after{position: absolute;content:"";background: #fff url("/resources/images/site/main/re-arrow-gray.png") no-repeat center;width: 17px;height: 15px;right: 0;bottom: 0;transition: .3s;-webkit-transition: .3s;}
.section02 .research .research-box-2 .inner a .txt .tit{position: relative;font-size: 1.125rem;font-weight: 600;color: #222;line-height: 1.4;transition: .3s;-webkit-transition: .3s;}
.section02 .research .research-box-2 .inner a:hover .txt:after { right: 10px; }
.section02 .research .research-box-2 .inner a .txt .cnt{ margin-top: 30px; color: #666; }
.section02 .research .more{position: absolute;right: 0;top: 0; }
.section02 .research .research-box-1 a:hover .thumb img,
.section02 .research .research-box-2 .inner a:hover .thumb img { transform: scale(1.05); }
.section02 .research  h2 span{position: relative;}
.section02 .research  h2 span+span:before{content: '/'; display: inline-block; color:#b0a8a5; font-size: 2rem; font-weight: 300; padding: 0 8px; transform: translateY(-0.2rem);}

.container h2.subject {text-align: center;}
.research-dot {margin:40px 0 0 0; text-align: center;}
.research-dot li {display: inline-block; margin-left:20px;}
.research-dot li:first-child {margin-left:0;}
.research-dot li a {position: relative;color: #888;font-size: 1.375rem;padding: 0 6px; transition:.3s;-webkit-transition:.3s;font-weight: 400;}
.research-dot li a:hover {cursor: pointer; color:#ea5514; font-weight:700; text-decoration: none !important;}
.research-dot li.slick-active a {color:#ea5514; font-weight:700;}
.research-dot li.slick-active a:before{display: inline-block;position: absolute;left: 50%;bottom: -8px;width: 80%;height: 3px;background: #ea5514;content: '';z-index: 0;transform: translate(-50%,0);}
.research-dot li a:before{display: inline-block;position: absolute;left: 50%;bottom: -8px;width:0;height: 3px;background: #ea5514;content: '';z-index: 0;transform: translate(-50%,0); transition:.3s;-webkit-transition:.3s;}
.research-dot li a:hover:before{display: inline-block;position: absolute;left: 50%;bottom: -8px;width:0;height: 3px;background: #ea5514;content: '';z-index: 0;transform: translate(-50%,0); transition:.3s;-webkit-transition:.3s;}
.research-dot li a:hover:hover:before{width: 80%;}


/*학사일정*/
.section03{ position: relative; background: url("/resources/images/site/main/section03_bg.jpg") no-repeat center; }
.section03:before{position: absolute;content:"";background: #000000;width: 100%;height: 100%;left: 0;top: 0;z-index: 0;opacity: 0.6;}
.section03 .calendar {position: relative;z-index: 0;}
.section03 .calendar .subject { color: #fff; }
.section03 .calendar .cal-box { background: #fff; padding: 35px; display: flex; flex-wrap: wrap; margin-top: 40px; }
.section03 .calendar .cal-box .cal-item { width: calc(100% / 3); display: flex; flex-wrap: wrap; margin-bottom: 25px; }
.section03 .calendar .cal-box .cal-item:nth-child(4),
.section03 .calendar .cal-box .cal-item:nth-child(5),
.section03 .calendar .cal-box .cal-item:nth-child(6){ margin-bottom: 0; }
.section03 .calendar .cal-box .cal-item .month{ width: 83px; height: 83px; text-align: center; padding-top: 13px; }
.section03 .calendar .cal-box .cal-item .month strong { color: #fff; font-size: 1.875rem; }
.section03 .calendar .cal-box .cal-item .month span { color: #aab7c9;  font-size: 1.125rem; display: block; text-transform: capitalize; font-weight: 500; }
.section03 .calendar .cal-box .cal-item:nth-child(odd) .month { background: #464A52; }
.section03 .calendar .cal-box .cal-item:nth-child(odd) .month span{color: #bfc1c5; }
.section03 .calendar .cal-box .cal-item:nth-child(odd) .month strong { color: #4D4D4D; }
.section03 .calendar .cal-box .cal-item:nth-child(even) .month { background: #354762; }
.section03 .calendar .cal-box .cal-item:nth-child(3n) .month { background: #6C5151; }
.section03 .calendar .cal-box .cal-item:nth-child(3n) .month span{color: #BAAEAE; }
.section03 .calendar .cal-box .cal-item:nth-child(odd) .month strong { color: #fff; }
.section03 .calendar .cal-box .cal-item .date {margin: 0 0 0 15px;padding-top: 15px;width: calc(100% - 110px);}
.section03 .calendar .cal-box .cal-item .date p {font-size: 1.125rem;font-weight: 500;margin-bottom: 10px;color: #000;}
.section03 .calendar .cal-box .cal-item .date span {}
.section03 .calendar .more { position: absolute;right: 0;top: 0; }


/*텍스트 배너*/
.section03 .calendar .cal-box .cal-item{margin-bottom: 0;}
.txt_banner {position: relative; z-index: 0; margin-top: 30px; overflow: hidden;}
.txt_banner ul .slick-list {width: 100%;}
.txt_banner ul li {width: calc(33.33% - 5px); min-height:150px; padding: 30px; color: #fff; }
.txt_banner ul li:after {content: ""; display: block; clear: both;}
.txt_banner ul li a{color: #fff;display: inline-block;width: 100%;}
.txt_banner ul li:nth-child(3n+1) {background: url("/resources/images/site/main/txt_bn_bg01.png") no-repeat; background-size: cover;}
.txt_banner ul li:nth-child(3n+2){background:url("/resources/images/site/main/txt_bn_bg02.png") no-repeat; background-size: cover;}
.txt_banner ul li:nth-child(3n){background: url("/resources/images/site/main/txt_bn_bg03.png") no-repeat; background-size: cover;}
.txt_banner ul li strong {font-size: 1.5rem;margin-bottom: 10px;display: -webkit-box; color: #fff;font-weight: 700;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.txt_banner ul li p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txt_banner ul li p.date{ /*opacity: .8;*/ font-weight: 300;position: absolute;bottom: 25px;}
.txt_banner ul li span.icon_end {display: inline-block; margin-left:5px;float: right;}
.txt_banner ul li span.txt_end {display: inline-block; margin-left:5px;float: right; border:1px solid #fff; color:#fff; font-size:14px; border-radius: 30px; padding:5px 10px;}
.txt_banner .indicator{display: none;}
.txt_banner:hover .indicator{display: block; }
.txt_banner .indicator > div{position: absolute; z-index: 50; background: rgba(255,255,255,0.9);-webkit-transition: all .2s ease-out;transition: all .2s ease-out;transition:.1s;-webkit-transition:.1s;    background: rgba(255,255,255,0.9);padding: 10px;border-radius: 66%;width: 50px;height: 50px;box-shadow: 1px 1px 7px 5px rgba(0,0,0,.03);top: 50%; transform: translateY(-50%)}
.txt_banner .indicator > div:before{content: '';position: absolute;width: 11px;height: 15px;  opacity: .75;  transform: translate(-50%, -50%);top: 50%;left: 50%;}
.txt_banner .indicator > div:hover:before {opacity: 1;}
.txt_banner .indicator > div:focus{outline: 1px solid #333;}
.txt_banner .indicator .prev:before{    background: url('/resources/images/site/main/bannner-arr-prev.png') no-repeat center; }
.txt_banner .indicator .next:before{    background: url('/resources/images/site/main/bannner-arr-next.png') no-repeat center;}
.txt_banner .indicator .prev{left: 10px;}
.txt_banner .indicator .next{right: 10px;}


/*퀵메뉴*/
.section03 .container{padding-bottom: 4rem;}
.section03 .quick{position: relative;z-index: 1;margin-top: 70px;}
.section03 .quick ul{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;margin-bottom: 0;}
.section03 .quick ul li{width: calc(100% / 9);text-align: center;padding: 10px;}
.section03 .quick ul li a{color: #fff;font-weight: 400;display: block;padding-top: 70px;background-position: center top !important;  transition:.3s;-webkit-transition:.3s;}
.section03 .quick ul li.qui-01 a{ background: url("/resources/images/site/main/quick-ico-01.png") no-repeat; }
.section03 .quick ul li.qui-02 a{ background: url("/resources/images/site/main/quick-ico-02.png") no-repeat; }
.section03 .quick ul li.qui-03 a{ background: url("/resources/images/site/main/quick-ico-03.png") no-repeat; }
.section03 .quick ul li.qui-04 a{ background: url("/resources/images/site/main/quick-ico-04.png") no-repeat; }
.section03 .quick ul li.qui-05 a{ background: url("/resources/images/site/main/quick-ico-05.png") no-repeat; }
.section03 .quick ul li.qui-06 a{ background: url("/resources/images/site/main/quick-ico-06.png") no-repeat; }
.section03 .quick ul li.qui-07 a{ background: url("/resources/images/site/main/quick-ico-07.png") no-repeat; }
.section03 .quick ul li.qui-08 a{ background: url("/resources/images/site/main/quick-ico-08.png") no-repeat; }
.section03 .quick ul li.qui-09 a{ background: url("/resources/images/site/main/quick-ico-09.png") no-repeat; }
.section03 .quick ul li.qui-10 a{ background: url("/resources/images/site/main/quick-ico-10.png") no-repeat; }
.section03 .quick ul li a:hover {background-position: center 3px !important;}


/*동국스토리*/
.section04{background: #f5f1ee url("/resources/images/site/main/section04_bg.jpg") no-repeat 0 center;overflow: hidden;}
.section04 .dgstory{position: relative;/* display: inline-flex; */}
.section04 .dgstory .title-box{padding: 75px 0 0 0;width: 300px;float: left;margin-right: 100px;}
.section04 .dgstory .title-box .subject{ color: #363433; text-align: left;}
.section04 .dgstory .title-box .subtxt{font-size: 1.125rem;padding-top: 35px;line-height: 1.4;display: inline-block;width: 76%;color: #000;}
.section04 .dgstory .story-list{ margin-right: -40rem; }
.section04 .dgstory .story-list ul li{/* float: left; */margin-right: 45px;transition: .3s;-webkit-transition: .3s;min-width: 400px;width: 400px;border: 3px solid transparent;}
.section04 .dgstory .story-list ul li a{background: #fff;display: block;transition: .3s;-webkit-transition: .3s;}
.section04 .dgstory .story-list ul li a .thumb{overflow: hidden;}
.section04 .dgstory .story-list ul li a .thumb img{ width: 100%; height: 100%; object-fit: cover; transition:.5s;-webkit-transition:.5s; }
.section04 .dgstory .story-list ul li a .txt{padding: 25px;transition: .3s;-webkit-transition: .3s;min-height: 120px; display: flex; align-items: center;}
.section04 .dgstory .story-list ul li a .txt strong{ color: #DA4F30; padding-top: 15px; font-weight: 600; display: block; transition: .3s;-webkit-transition: .3s;}
.section04 .dgstory .story-list ul li a .txt .tit{font-size: 1.25rem;font-weight: 600;transition: .3s;-webkit-transition: .3s;line-height: 1.4;}
.section04 .dgstory .story-list ul li a .txt .date{ font-size: 0.875rem; color: #999; display: block; padding-top: 36px;}
.section04 .dgstory .story-list ul li a:hover .thumb img{ transform: scale(1.05); }
.section04 .dgstory .story-list ul li a:hover .txt .tit{}
.section04 .dgstory .story-list ul li a:hover .txt .date{ }
.section04 .dgstory .more{background: #4F4F4F; }
.section04 .dgstory .more:hover:after{background: rgba(80,80,80,0.3);}

.section04 .dgstory .slick-slider .slick-arrow {background: rgba(255,255,255,0.9);-webkit-transition: all .2s ease-out;transition: all .2s ease-out;transition:.1s;-webkit-transition:.1s;    background: rgba(255,255,255,0.9);padding: 10px;border-radius: 66%;width: 50px;height: 50px;box-shadow: 1px 1px 7px 5px rgba(0,0,0,.03);top: 50%;}
.section04 .dgstory .slick-slider .slick-arrow:hover:before {color: #000000;}
.section04 .dgstory .slick-slider .slick-arrow.slick-prev {left: 0; top:70%; position: absolute;}
.section04 .dgstory .slick-slider .slick-arrow.slick-next {left: 60px;top:70%; position: absolute;}
.section04 .dgstory .slick-slider .slick-arrow.slick-prev:before { background: url("/resources/images/site/main/bannner-arr-prev.png") no-repeat center; }
.section04 .dgstory .slick-slider .slick-arrow.slick-next:before { background: url("/resources/images/site/main/bannner-arr-next.png") no-repeat center;}
.section04 .dgstory .slick-slider .slick-arrow.slick-prev:before,
.section04 .dgstory .slick-slider .slick-arrow.slick-next:before {content:"";position: absolute;width: 11px;height: 15px;transform: translate(-50%, -50%);top: 50%;left: 50%;}
/*.section04 .dgstory .slick-slider .slick-arrow:focus {border: 0;}*/


/*SNS*/
.section05 .etc .subject {text-transform: uppercase;/*position: absolute;top: 7px;*/}
.section05 .etc .sns-tit-wrap {display: flex; align-items: center; gap: 30px; position: absolute;top: 7px; z-index: 9999;}
.section05 .etc .sns-tit-wrap .sns-icon {display: flex; align-items: center; gap: 15px;}
.section05 .etc .sns-tit-wrap .sns-icon li.pc {display: block;}
.section05 .etc .sns-tit-wrap .sns-icon li.mobile {display: none;}
.section05 .etc .sns-tit-wrap .sns-icon li a {display: block; width: 40px; height: 40px; transition: .3s;}
.section05 .etc .sns-tit-wrap .sns-icon li a:hover {transform: translateY(-5px);}
.section05 .etc .sns-tit-wrap .sns-icon li a img {width: 100%; height: 100%; object-fit: cover;}
.section05 .etc .sns-tit-wrap .sns-icon li.promotional a {display: block; width: auto; height: 40px; transition: .3s;}
.section05 .etc .sns-tit-wrap .sns-icon li.promotional a span {display: flex; align-items: center; width: 100%; height: 100%; background: #ea5513; color: #fff; font-size: .9375rem; border-radius: 50px; padding: 0 15px 0 40px; position: relative; font-weight: 500;}
.section05 .etc .sns-tit-wrap .sns-icon li.promotional a span::before {content: ""; background: url(/resources/images/site/main/icon_vidicon.png) no-repeat; width: 16px; height: 16px; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); background-size: 100%;}

.section05 .etc {position: relative;}
.section05 .etc .etc-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.section05 .etc .etc-wrap .sns {position: relative;width: calc(100% - 545px);z-index: 999;}
.section05 .etc .etc-wrap .sns .sns-tit {position: absolute;right: 0;top: 25px;}
.section05 .etc .etc-wrap .sns .sns-tit ul {/* position: absolute; *//* right: 0; *//* top: 20px; *//* z-index: 999; */}
.section05 .etc .etc-wrap .sns .sns-tit ul li{display: inline-block;margin-left: 8px;}
.section05 .etc .etc-wrap .sns .sns-tit ul li a{position: relative;font-size: 1.125rem;color: #888;padding: 0 4px;transition:.5s;-webkit-transition:.5s;font-weight: 400;display: block;}
.section05 .etc .etc-wrap .sns .sns-tit ul li a:before{display: inline-block;position: absolute;left: 50%;bottom: -6px;width:0;height: 3px;background: #222;content: '';z-index: 0;transform: translate(-50%,0);transition:.3s;-webkit-transition:.3s;}
.section05 .etc .etc-wrap .sns .sns-tit ul li a:hover{ color:#222; font-weight: 700; text-decoration: none !important;}
.section05 .etc .etc-wrap .sns .sns-tit ul li a:hover:before{width: 85%;}
.section05 .etc .etc-wrap .sns .sns-tit ul li.active a { position: relative; color: #222; font-weight: 700; }
.section05 .etc .etc-wrap .sns .sns-tit ul li.active a:before{display: inline-block;position: absolute;left: 50%;bottom: -6px;width:85%;height: 3px;background: #222;content: '';z-index: 0;transform: translate(-50%,0);}
.section05 .etc .etc-wrap .sns .sns-list{margin-top: 75px; transition: all .3s;}
.section05 .etc .etc-wrap .sns .sns-list ul{/*display: flex;*/ justify-content: space-between; width: 100%;}
.section05 .etc .etc-wrap .sns .sns-list ul li{width: calc(50% - 8px);position: relative;transition: .3s;-webkit-transition: .3s;cursor: pointer; border: 3px solid transparent;}
/*.section05 .etc .etc-wrap .sns .sns-list ul li:before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.3);transition:.3s;-webkit-transition:.3s;z-index: 1;}*/
/*.section05 .etc .etc-wrap .sns .sns-list ul li:after{position: absolute;content: "";background: url("/resources/images/site/main/sns_fb.png") no-repeat center;width: 19px;height: 36px;bottom: 30px;right: 30px;z-index: 2;}*/
.section05 .etc .etc-wrap .sns .sns-list ul li a{height: 414px;display: block;transition: .3s;-webkit-transition: .3s;}
.section05 .etc .etc-wrap .sns .sns-list ul li a img{width: 100%;height: 100%;object-fit: cover;}
.section05 .etc .etc-wrap .sns .sns-list ul li:hover:before{content:none;transition: .5s;}

.sns .indicator{display: none;}
.sns-list:hover .indicator{display: block; }
.sns .indicator > div{position: absolute; z-index: 50; background: rgba(255,255,255,0.9);-webkit-transition: all .2s ease-out;transition: all .2s ease-out;transition:.1s;-webkit-transition:.1s;    background: rgba(255,255,255,0.9);padding: 10px;border-radius: 66%;width: 50px;height: 50px;box-shadow: 1px 1px 7px 5px rgba(0,0,0,.03);top: 50%; transform: translateY(-50%)}
.sns .indicator > div:before{content: '';position: absolute;width: 11px;height: 15px;  opacity: .75;  transform: translate(-50%, -50%);top: 50%;left: 50%;}
.sns .indicator > div:hover:before {opacity: 1;}
.sns .indicator > div:focus{outline: 1px solid #333;}
.sns .indicator .prev:before{    background: url('/resources/images/site/main/bannner-arr-prev.png') no-repeat center; }
.sns .indicator .next:before{    background: url('/resources/images/site/main/bannner-arr-next.png') no-repeat center;}
.sns .indicator .prev{left: 10px;}
.sns .indicator .next{right: 10px;}

.section05 {padding: 0 0 27rem;}
.section05 .etc .etc-wrap .sns{width: 100%; }
.section05 .etc .etc-wrap .sns .sns-list ul li{width: calc(33.33% - 10px);}
.section05 .etc .etc-wrap .sns .sns-list ul li+li{/*margin-left: 20px;*/}
.section05 .etc .etc-wrap .sns .sns-list-item {position: relative;}
.section05 .etc .etc-wrap .sns .sns-list-item h3{display: inline-block; position: absolute; top:-50px; }
.section05 .etc .etc-wrap .sns .sns-list-item h3 a{color: #888; font-weight: 600;}
.section05 .etc .etc-wrap .sns .sns-list-item h3.active a{position: relative;color: #222;font-weight: 700;}
.section05 .etc .etc-wrap .sns .sns-list-item h3.active a:before{display: inline-block;position: absolute;left: 50%;bottom: -6px;width:100%;height: 3px;background: #222;content: '';z-index: 0;transform: translate(-50%,0);}
.section05 .etc .etc-wrap .sns .sns-list-item h3 a:hover{text-decoration:none !important;}
.section05 .etc .etc-wrap .sns .sns-list-item > div{position: absolute; width: 100%; left: 0; top: 0;}
.section05 .etc .etc-wrap .sns .sns-list-item:nth-child(1) h3 {right: 60px;}
.section05 .etc .etc-wrap .sns .sns-list-item:nth-child(2) h3 {right:0}


/*page contact*/
.page_contact {position:relative; border: 1px solid #eaeaea; background: #fafafa; padding: 20px 30px; max-width:1300px; margin:0 auto 70px; }
.page_contact:after {content: ""; display: block; clear: both;}
.page_contact a {float:right; padding:3px 15px; border:1px solid #927140 ; border-radius: 30px; font-size:.9rem;}
.page_contact ul {display: flex; float:left;}
.page_contact ul li {display: flex; align-items: center; position: relative;padding-left: 30px; }
.page_contact ul li:after{content: ''; width: 3px; height: 3px; position: absolute; left: 0; }
.page_contact ul li+li {margin-left: 30px;}
.page_contact ul li:first-child{background: url("/resources/images/site/contents/ico_contact_01.png") left center no-repeat;}
.page_contact ul li:nth-child(2){background: url("/resources/images/site/contents/ico_contact_02.png") left center no-repeat;}
.page_contact ul li span{font-weight: 600; display: inline-block; margin-right: 20px; color: #333; }
.page_contact ul li p{border:0; -webkit-border:0;}


@-webkit-keyframes pulsate{
    0%{
        -webkit-transform:translate(-50%, -50%) scale(0.1, 0.1);
        transform:translate(-50%, -50%) scale(0.1, 0.1);
        opacity:0;
    }
    50%{
        -webkit-transform:translate(-50%, -50%) scale(1, 1);
        transform:translate(-50%, -50%) scale(1, 1);
        opacity:1;
    }
    100%{
        -webkit-transform:translate(-50%, -50%) scale(1.2, 1.2);
        transform:translate(-50%, -50%) scale(1.2, 1.2);
        opacity:0;
    }
}
@keyframes pulsate{
    0%{
        -webkit-transform:translate(-50%, -50%) scale(0.1, 0.1);
        transform:translate(-50%, -50%) scale(0.1, 0.1);
        opacity:0;
    }
    50%{
        -webkit-transform:translate(-50%, -50%) scale(1, 1);
        transform:translate(-50%, -50%) scale(1, 1);
        opacity:1;
    }
    100%{
        -webkit-transform:translate(-50%, -50%) scale(1.2, 1.2);
        transform:translate(-50%, -50%) scale(1.2, 1.2);
        opacity:0;
    }
}


@media screen and (max-width: 1620px) {

    .video.slick-slide .slide_visual .slick-current.slick-active {height: 100%;}


    /*팝업_브라우저*/
    .popup_browser .browser {padding:20px 10px 20px 10px;}
    .popup_browser .browser a {right:40px;}


    /*common*/
    .section .container {max-width: 100%;margin: 0 20px;}
    .section .subject {font-size: 2.5rem; }


    /*연구성과*/
    .section02 .research .research-box-1 {width: 55%;}
    .section02 .research .research-box-1 a:hover .txt .tit:before { width: 100%;}
    .section02 .research .research-box-2{width: calc(45% - 25px);}
    .section02 .research .research-box-2 .inner a .thumb{width: 55%;}
    .section02 .research .research-box-2 .inner a .txt{width: 45%;padding: 20px;}


    /*퀵메뉴*/
    .section03 .container{padding-bottom: 3rem;}


    /*BANNER*/
    .section05 .etc .etc-wrap .banner {margin-left: 30px;}
    .section05 .etc .etc-wrap .sns .sns-tit ul li{margin-left: 0;}


    /*SNS*/
    .section05 .etc .etc-wrap .sns {width: 100%;}


    /*page contact*/
    .page_contact {margin: 0 20px 70px;}


}


@media screen and (max-width: 1200px) {


    /*common*/
    .section .subject { font-size: 2.375rem;}


    /*팝업*/
    .popup {width:60%; margin-left: -30%;}
    .popup .popup_wrap h2 {font-size: 1.5rem;}
    .popup .popup_wrap ul li:first-child span img {max-width:80%;}
    .popup .popup_wrap ul li:first-child p {margin:10px 0 0 0px;}


    /*팝업_브라우저*/
    .popup_browser {display: none;height: 0;}
    .slick-slide .slide_visual img {
        width:auto;
        height:100%;
        position:absolute;
        left: 0;
        top:0;
        transform: translate(0, 0%);
    }


    /*visual*/
    .video.slick-slide {position: relative; height:0; padding-bottom:10%; padding-top:0;}
    /*.jp-gui .jp-video-play button {background:none;}*/

    .jp-jplayer {position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
    .mvisual .video{width: 100%; height:60vh;}

    .mvisual .video video{position:absolute; width:auto !important;height: 100% !important; object-fit:cover;}
    .mvisual .video img {object-fit: cover;}
    .mvisual .video.alone {padding-bottom:56%;}
    .mvisual .video.alone video {width:100% !important; height:auto !important;}
    .mvisual .video.alone .slide_visual img {width:100%; height:auto;padding-right:0;}
    .mvisual .bullet {bottom:20px;  right: 20px;}
    .mvisual button.left {left:5%;}
    .mvisual button.right {right:5%;}


    /*quick-right*/
    .mvisual .quick-r {display: none;}


    /*동국 새소식*/
    .section01{padding: 2rem 0 28rem;}
    .section01 .notice .notice-box li .notice-tit a{padding: 0 5px;margin: 0;}
    .section01 .notice .notice-box li .notice-cnt {margin-top: 35px;}
    .section01 .notice .notice-box li .notice-cnt ul li {width: calc(25% - 15px);margin: 0 7px 15px;}
    .section01 .notice .notice-box li .notice-cnt ul li a {padding: 30px 25px;min-height: 175px;}

    .research-dot { margin:35px 0 0 0;}
    .research-dot li {margin:0 0 20px 0;}


    /*연구성과*/
    .section02{padding: 2rem 0 38rem;}
    .section02 .research .research-box-1 {width: 60%;}
    .section02 .research .research-box-1 a .thumb{height: 100%; }
    .section02 .research .research-box-1 a .txt{padding: 0 5%;bottom: 5%;}
    .section02 .research .research-box-1 a .txt .tit{font-size: 1.5rem;}
    .section02 .research .research-box-2{flex: 1;}
    .section02 .research .research-box-2 .inner.mobile-plus{display: block;}
    .section02 .research .research-box-2 .inner a{ padding: 12px 0; }
    .section02 .research .research-box-2 .inner a .thumb{display: none;}
    .section02 .research .research-box-2 .inner a .txt{width: 100%;margin-top: 0;padding: 20px;}
    .section02 .research .research-box-2 .inner a .txt .cnt{margin-top: 1.5rem;}


    /*학사일정*/
    .section03 .calendar .cal-box {padding: 20px;}
    .section03 .calendar .cal-box .cal-item {width: calc(100% / 3);margin-bottom: 20px;}
    .section03 .calendar .cal-box .cal-item .month{width: 65px;height: 65px;padding-top: 9px;}
    .section03 .calendar .cal-box .cal-item .month strong {font-size: 1.5rem;}
    .section03 .calendar .cal-box .cal-item .month span {font-size: 1rem;}
    .section03 .calendar .cal-box .cal-item .date {margin: 0 1.2rem;padding-top: 11px;}
    .section03 .calendar .cal-box .cal-item .date p {font-size: 1.142rem;margin-bottom: 5px;}


    /*퀵메뉴*/
    .section03 .quick{margin-top: 2rem;}


    /*동국스토리*/
    .section04 .dgstory .title-box{ padding: 0;  width: 100%; float: none; margin-right: 0; }
    .section04 .dgstory .title-box .subtxt{padding-top: 0;display: none;}
    .section04 .dgstory .story-list{ margin-top: 25px; margin-right:auto; }
    .section04 .dgstory .story-list .slick-list{margin: 0 -10px;}
    .section04 .dgstory .story-list ul li{margin: 0 10px;padding: 0; min-width: auto;}
    .section04 .dgstory .story-list ul li a .thumb{}
    .section04 .dgstory .story-list ul li a .txt{padding: 1.5rem;}
    .section04 .dgstory .story-list ul li a .txt .tit{font-size: 1.142rem;}
    .section04 .dgstory .more{position: absolute; top:0; right: 0;}
    .section04 .dgstory .slick-slider .slick-arrow {background: rgba(255,255,255,0.9);-webkit-transition: all .2s ease-out;transition: all .2s ease-out;transition:.1s;-webkit-transition:.1s;    background: rgba(255,255,255,0.9);padding: 10px;border-radius: 66%;width: 50px;height: 50px;box-shadow: 1px 1px 7px 5px rgba(0,0,0,.03);top: 50%;}
    .section04 .dgstory .slick-slider .slick-arrow.slick-prev {left: initial; right: 60px; top:-40px; position: absolute;}
    .section04 .dgstory .slick-slider .slick-arrow.slick-next {left: initial; right: 0;top:-40px; position: absolute;}
    /*.section04 .dgstory .slick-slider .slick-arrow:focus {border: 0;}*/


    /*SNS*/
    .section05{padding: 0 0 20rem;}
    .section05 .etc .etc-wrap .sns .sns-list ul li a {height: 300px;}
    /* .footer{top: 100px;} */


}


@media screen and (max-width: 991px) {


    /*common*/
    .section .subject {font-size: 2rem;}
    .section .container {padding: 3rem 0;}
    .main .more{width: 40px;height: 40px;}
    .main .more:before{width: 42%;background-size: contain;}


    /*팝업*/
    .popup .popup_wrap ul li:first-child span {text-align: center;}
    .popup .popup_wrap ul li:first-child span img {max-width:70%;}
    .popup .popup_wrap ul li:last-child {text-align:center; margin-top:15px;}
    .popup .popup_wrap ul li:last-child span {font-size:1rem;}
    .popup .popup_wrap .btn a {width: 30%;}


    /*quick-right*/
    .mvisual .quick-r {display: none;}
    .jp-gui .jp-video-play button {}
    .jp-gui{bottom: 15px;}
    .jp-gui .jp-video-play button img {max-width:30%; padding: 1px 0;}
    .mvisual button.left img,.mvisual button.right img {max-width:50%;}


    /*동국 새소식*/
    /*.section01 .notice .notice-box{padding-bottom: 25rem;}*/
    .section01 .notice .notice-box li .notice-tit a{padding: 0 5px;margin: 0 0.3rem;}
    .section01 .notice .notice-box li .notice-cnt ul{width: 100%; margin: 0;}
    .section01 .notice .notice-box li .notice-cnt ul li{width: calc((100% / 3) - 15px);margin-bottom: 20px;}
    .section01 .notice .notice-box li .notice-cnt ul li:nth-child(7),.section01 .notice .notice-box li .notice-cnt ul li:nth-child(8){ display: none;}


    /*학사일정*/
    .section03 .calendar .cal-box {justify-content: space-between;margin-top: 20px;}
    .section03 .calendar .cal-box .cal-item {width: calc((100% / 3) - 10px);margin-bottom: 0;}
    .section03 .calendar .cal-box .cal-item .month span {font-size: 1rem;}
    .section03 .calendar .cal-box .slick-next {right:0;}
    .section03 .calendar .cal-box .slick-prev:before, .section03 .calendar .cal-box .slick-next:before{content:"";width: 26px;background: #ffffff;height: 2px;position: absolute;opacity: 0.4;}


    /*퀵메뉴*/
    .section03 .quick{margin-top: 2rem;padding-bottom: 1rem;}
    .section03 .quick ul li{ float: left;}
    .section03 .quick .slick-dots{justify-content: center;text-align: center;bottom: -27px;}
    .section03 .quick .slick-dots li{ width: 6px; margin: 0 1px; }
    .section03 .quick .slick-dots li button{ width: 5px; height: 5px; top: 0; left: 0; }
    .section03 .quick .slick-dots li button:before{color: #fff;opacity: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 25px;}
    .section03 .quick .slick-dots li.slick-active button:before{ color: #f15922;}


    /*텍스트배너*/
    .txt_banner ul li strong {font-size: 1.1rem;}


    /*동국스토리*/
    .section04 .dgstory .title-box{ padding: 0;  width: 100%; float: none; margin-right: 0; }
    .section04 .dgstory .title-box .subtxt{padding-top: 0;display: none;}
    .section04 .dgstory .story-list{ margin-top: 20px; }
    .section04 .dgstory .story-list ul li a .txt{padding: 20px;}
    .section04 .dgstory .story-list ul li a .txt .date{padding-top : 2rem;}
    .section04 .dgstory .more{position: absolute; top:0; right: 0;}


    /*SNS*/
    .section05 .etc .etc-wrap{ display: block; flex-wrap: unset; justify-content: unset; }
    .section05 .etc .sns-tit-wrap {top: 0; position: relative;}
    .section05 .etc .etc-wrap .sns{width: 100%;position: relative;z-index: 99999;}
    .section05 .etc .etc-wrap .sns .sns-tit{top: -50px;}
    .section05 .etc .etc-wrap .sns .sns-list ul li a{height: 250px;}
    .section05 .etc .etc-wrap .sns .sns-list{margin-top: 025px;}
    .section05 .etc .etc-wrap .banner{width: 100%;margin-left: 0;margin-top: 1rem;padding: 2rem 0;}
    .section05 .etc .etc-wrap .banner:before{position: absolute;content: "";background: #f5ede1;width: 100vw;height: 100%;left: -20px;top: 0;z-index: -1;}
    .section05 .etc .etc-wrap .banner:after{position: absolute; content: "";}
    .section05 .etc .etc-wrap .banner .banner-list{margin: 1rem 0;}
    .section05 .etc .etc-wrap .banner .banner-list .slick-list{margin: 0 -10px;}
    .section05 .etc .etc-wrap .banner .banner-list .slick-slide{margin: 0 10px;padding: 0;height: 226px;}
    .section05 .etc .etc-wrap .banner .slick-slider .slick-counter{ top: inherit; bottom: -30px; right: 50%; background: rgba(0,0,0,0.7); padding: 7px 21px; border-radius: 30px; transform: translateX(50%); bottom: -15px;  }
    .section05 .etc .etc-wrap .banner .slick-slider .slick-arrow{background: rgba(255,255,255,0.9);padding: 10px;border-radius: 66%;width: 50px;height: 50px;box-shadow: 1px 1px 7px 5px rgb(0 0 0 / 3%);top: 50%;z-index: 999;}
    .section05 .etc .etc-wrap .banner .slick-slider .slick-arrow.slick-prev{ left: -10px; right: unset; }
    .section05 .etc .etc-wrap .banner .slick-slider .slick-arrow.slick-next{ right: -10px; }
    .section05 .etc .etc-wrap .banner .slick-slider .slick-arrow.slick-prev:hover::before,
    .section05 .etc .etc-wrap .banner .slick-slider .slick-arrow.slick-next:hover::before{top:50%;}
    .section05 .etc .etc-wrap .banner .banner-more{display: none;}
    /* .section05 .etc .etc-wrap .sns .sns-list ul li a {height: 200px;} */


}


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


    .popup .popup_wrap ul li:first-child p {margin:0; vertical-align: top;}
    
    /*동국 새소식*/
    .section01{padding: 0 0 23rem;}
    .section01 .notice .notice-box {margin-bottom: 0!important; margin-top: 35px; display: flex; flex-wrap: wrap;}
    .section01 .notice .notice-box li{ width: calc(100% / 6); padding: 5px 0;}
    .section01 .notice .notice-box li .notice-tit a{padding: 0 1px;margin: 0 1px;font-size: 1.142rem;}
    .section01 .notice .notice-box li.active .notice-tit a:before,
    .section01 .notice .notice-box li .notice-tit a:hover:before{ height: 2px; bottom: -4px; width: 90%; }
    .section01 .notice .notice-box li .notice-cnt {margin-top: 55px;}
    .section01 .notice .notice-box li .notice-cnt ul li{width: calc(50% - 6px);margin: 0 3px -4px;}
    .section01 .notice .notice-box li .notice-cnt ul li:nth-child(5),
    .section01 .notice .notice-box li .notice-cnt ul li:nth-child(6){ display: none;  }
    .section01 .notice .notice-box li .notice-cnt ul li a {padding: 20px;min-height: 145px;}
    .section01 .notice .notice-box li .notice-cnt ul li a .tit{font-size: 1.142rem;}
    .section01 .notice .notice-box li .notice-cnt ul li a .date{font-size: 1rem;bottom: 20px;}
    .section01 .notice .notice-box li .notice-cnt{top: 100px;}

}


@media screen and (max-width:670px) {


    /*common*/
    .section .subject { text-align: left; }
    .section .container { margin: 0 15px; box-sizing: border-box;}
    .main .more{width: 35px;height: 35px; top:0;}
    .mvisual button.left img,.mvisual button.right img {max-width:40%;}
    .mvisual .video {height:220px; padding-bottom:0;}


    /*팝업*/
    .popup {width:95%; left:2%; margin-left:0; padding:30px 20px;}
    .popup .popup_wrap p.close a {padding: 6px 10px; font-size:14px;}
    .popup .popup_wrap ul li:first-child span{display: none;}
    .popup .popup_wrap ul li:first-child p {width:100%; text-align: center; margin:0;}
    .popup .popup_wrap ul li:last-child {text-align:center; margin-top:15px;}
    .popup .popup_wrap ul li:last-child span {font-size:1rem;}
    .popup .popup_wrap ul li:first-child p {margin:0;}
    .popup .popup_wrap .btn a {width: 30%;}


    /*메인비주얼*/
    .mvisual .bullet ul li {vertical-align: top;}
    .mvisual .bullet ul li.pause a {border-radius: 0; background:none;}
    .jp-gui .jp-video-play button {width: 30px; height: 30px;}


 


    /*연구성과*/
    /*.section02 .research .research-box{display: block;flex-wrap: unset;margin-top: 20px;}*/
    .section02{padding: 0 0 55rem;}
    .section02 .research{margin-top: 35px;}
    .section02 .research .research-box-child-wrap{margin-top: 45px;}
    .section02 .research .research-box h3 a {font-size:1.142rem; margin: 0;}
    .section02 .research .research-box-1 {width: 100%; margin-right:0;}
    .section02 .research .research-box-1 a:before{content: none;}
    .section02 .research .research-box-1 a .txt{padding: 0 15px;bottom: 15px;}
    .section02 .research .research-box-1 a .txt .tit{font-size: 1.2rem;}
    .section02 .research .research-box-1 a .txt .cnt{line-height:1.3;margin-top: 8px;}
    .section02 .research .research-box-2{width: 100%;margin-top: 10px; }
    .section02 .research .research-box-2 .inner.mobile-plus{display: block;}
    .section02 .research .research-box-2 .inner a{padding: 0;}
    .section02 .research .research-box-2 .inner a .thumb{display: none;}
    .section02 .research .research-box-2 .inner a .txt{padding: 20px 15px;}
    .section02 .research .research-box-2 .inner a .txt:after{bottom: 15px;right: 10px;width: 12px;height: 10px;background-size: 100%;}
    .section02 .research .research-box-2 .inner a .txt .tit{line-height:1.3;font-size: 1.142rem;}
    .section02 .research .research-box-2 .inner a .txt .cnt{margin: 10px 0;}
    .section02 .research  h2 span+span:before{transform: translateY(0);}


    /*학사일정*/
    .section03 .calendar .cal-box {justify-content: space-between;margin-top: 20px;}
    .section03 .slick-track {display: flex; align-items: center;}
    .section03 .calendar .cal-box .cal-item .date {padding-top: 0; margin: 0 0 0 .8rem; width:calc(100% - 60px - .8rem);}
    .section03 .calendar .cal-box .cal-item .date span {word-break: break-all; font-size: 1.1rem;}
    .section03 .calendar .cal-box .cal-item .month {width: 60px; height: 60px; padding-top: 8px;}
    .section03 .calendar .cal-box .cal-item {flex-wrap: nowrap; align-items: center;}
    .txt_banner  .indicator{display: none;}
    .txt_banner  .indicator > div{width: 35px; height: 35px;}
    .txt_banner  .indicator > div:before{ background-size: 80% !important;width: 8px;height: 10px;}


    /*동국스토리*/
    .section04 .dgstory .story-list ul li a .txt strong{ padding-top: 0;  }
    .section04 .dgstory .story-list ul li a .txt .date{ font-size: 1rem; padding-top: 20px; }
    .section04 .dgstory .slick-slider .slick-arrow.slick-prev {right: 50px;}
    .section04 .dgstory .slick-slider .slick-arrow.slick-prev:before, .section04 .dgstory .slick-slider .slick-arrow.slick-next:before {background-size: 80%; width: 8px; height: 10px;}
    .section04 .dgstory .slick-slider .slick-arrow.slick-prev, .section04 .dgstory .slick-slider .slick-arrow.slick-next {width: 35px; height: 35px; top: -37px;}


    /*퀵메뉴*/
    .section03 .quick{margin-top:1.5rem;}
    .section03 .quick ul li a{background-size: 40px !important;background-position: center 8px !important;padding-top: 68px;}


    /*SNS*/
    .section05 .etc .sns-tit-wrap .sns-icon li.mobile {display: block;}
    .section05 .etc .sns-tit-wrap .sns-icon li.pc {display: none;}

    .section05{padding: 0 0 85%;}
    .section05 .etc .sns-tit-wrap {gap: 10px;}
    .section05 .etc .sns-tit-wrap .sns-icon {gap: 5px; position: absolute; right: 0;}
    .section05 .etc .sns-tit-wrap .sns-icon li a {width: 30px; height: 30px;}
    .section05 .etc .sns-tit-wrap .sns-icon li.promotional a {height: 30px;}
    .section05 .etc .sns-tit-wrap .sns-icon li.promotional a span {padding: 0 10px 0 30px;}
    .section05 .etc .sns-tit-wrap .sns-icon li.promotional a span::before {left: 12px;}
    .section05 .etc .etc-wrap .sns .sns-tit ul li.active a:before,
    .section05 .etc .etc-wrap .sns .sns-tit ul li a:hover:before{height: 2px; bottom: -5px;}
    .section05 .etc .etc-wrap .sns .sns-list ul li a{height: auto;}
    .section05 .etc .etc-wrap .banner .slick-slider .slick-counter .current{ font-size: 1.125rem;}
    .section05 .etc .etc-wrap .banner .slick-slider .slick-counter{ font-size: 1rem; }
    .section05 .etc .etc-wrap .sns .sns-list ul{ /*display: block;*/}
    .section05 .etc .etc-wrap .sns .sns-list ul li+li{margin-left: 0;}
    .sns .indicator{display: block;}
    .sns .indicator > div{width: 35px; height: 35px;}
    .sns .indicator > div:before{ background-size: 80% !important;width: 8px;height: 10px;}
    .section05 .etc .etc-wrap .sns .sns-list-item h3 {top: 0;}
    .section05 .etc .etc-wrap .sns .sns-list-item > div {top: 40px;}
    .section05 .etc .etc-wrap .sns .sns-list-item:nth-child(1) h3 {right: calc(50% + 35px); transform: translateX(50%);}
    .section05 .etc .etc-wrap .sns .sns-list-item:nth-child(2) h3 {right: calc(50% - 35px); transform: translateX(50%);}


    /*page contact*/
    .page_contact {padding: 10px 30px; margin: 30px 15px; }
    .page_contact ul {flex-wrap: wrap;}
    .page_contact ul li{width: 100%; margin-left: 0;}
    .page_contact ul li+li{margin-left: 0; margin-top: 5px;}


}


@media screen and (max-width: 500px) {


    /* 연구성과 */
    .section02{padding: 0 0 45rem;}


    /*동국 새소식*/
    .section01 .notice .notice-box li .notice-tit a {font-size: 1rem;}

}


@media screen and (max-width: 340px) {


    /*메인비주얼*/
    .mvisual .bullet {bottom:10px;}
    .mvisual .bullet ul li {margin-left:6px;}
    .mvisual .bullet ul li a {width:10px; height:10px; border:1px solid #fff;}
    .mvisual .bullet ul li a img {max-width: 10px; max-height:10px;}





    /* 연구성과 */
    .section02{padding: 0 0 45rem;}


}


@media screen and (max-height: 850px) {


    .mvisual .quick-r .personal{margin-top: 10px;}
    .mvisual .quick-r .personal > ul > li > a{padding: 12px 0; font-size: .95rem;}


}


@media screen and (max-height: 720px) {


    .mvisual .quick-r .link-sns{position: static;}
    .mvisual .quick-r .link-sns ul li a{padding: 10px 0;}


}