@CHARSET "UTF-8";

html {scroll-behavior: smooth;}

/*건너뛰기*/
#skip_nav a {position:absolute; left:-3000%;}
#skip_nav a:focus { display:block; left:0; top:0; z-index:10000000000; height:30px; line-height:30px; color:#fff; text-align:left;}

.main_slide {width:100%;}
.main_slide ul li {/* height:100vh; */padding-bottom: 49%;}
.main_slide ul li video {position:absolute;top: 0;left: 0;object-fit: cover;height: auto;width: 100%;/* padding-bottom: 173px; */}
.main_slide ul li a {display:block;}
.main_slide ul li a {display:block;}
.main_slide ul li a img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}

.jp-gui{position: absolute;top: 50%; left:50%; transform: translate(-50%, -50%); z-index:1;}
.jp-gui .jp-video-play button {position: relative;z-index: 9999;vertical-align: middle;border:0;border-radius: 100%;background: #ffffff63;padding: 2rem;width: 130px;height: 130px;}
.jp-gui .jp-video-play button:hover {cursor: pointer;}
.jp-gui .jp-video-play button img {margin: 0 auto;max-width: 40%;}

.caroufredsel_wrapper       {width:1300px; height: 560px;}
.caroufredsel_wrapper li    {width:1300px; height: 560px;}
.caroufredsel_wrapper img   {width:1300px; height: 560px;}
.caroufredsel_wrapper li a{display:block; width:100%; height:100%;box-sizing:border-box;}
.caroufredsel_wrapper li a:focus {border:2px solid #65E869;}
.caroufredsel_wrapper li a:focus img{width:calc(100% - 1px); height:calc(100% - 1px)}

.mvisual .varea {width:6000px;}
.mvisual .varea ul li {float:left;}
.mvisual .mv_tit {position:absolute; left:55%; top:300px; width:400px; box-shadow:10px 10px 20px 0 rgba(0,0,0,.25); z-index:10;}
.mvisual .mv_tit .box {position:relative; height:90px; background:#fff; padding:20px 40px 40px 40px; overflow:hidden;}
.mvisual .mv_tit .box .tit {font-size:26px; color:#000; font-weight:600; margin-bottom:15px; line-height:30px;}
.mvisual .mv_tit .box .txt {font-size:16px; color:#666;}

.mvisual .mv_btn {position:absolute; left:57.2%; bottom:180px; z-index:10;}
.mvisual .mv_btn li {display:inline-block;*display:inline;zoom:1; width:14px; height:14px; cursor:pointer; margin-right:5px;}
.mvisual .mv_btn li.rolling_on {background:url('/resources/images/site/main/roll_btn_on.png') no-repeat;}
.mvisual .mv_btn li.rolling_off {background:url('/resources/images/site/main/roll_btn.png') no-repeat;}
.mvisual .mv_btn li a {font-size:0; width:0; height:0; text-indent:-9999px; overflow:hidden;}

.mvisual .jp-gui {z-index: 99;}

.mvisual .controlBox{position:absolute; right:359px; bottom: 30px;z-index:10; align-items:center;}
.mvisual .controlBox span {width:15px; height:15px; background:#fff;}
.mvisual .controlBox span.swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;}
.mvisual .controlBox span:first-child {margin-left:0;}
.mvisual .controlBox span:last-child {margin-right:0;}
.mvisual .controlBox ul li {display: inline-block; margin-left:5px;}
.mvisual .controlBox ul li:first-child {margin-left:0;}
.mvisual .controlBox ul li a {display:block; width:15px; height:15px; background: rgba(255,255,255,.5);  border-radius: 100%;}
.mvisual .controlBox ul li.on a {background: #fff;}
.mvisual .controlBox .icon li {margin-left:5px !important;}
.mvisual .controlBox .icon li a {width:auto; height:auto; background: none; border-radius: 0;}
.mvisual .controlBox .icon li i {font-size: 1.7rem;color:#fff;vertical-align: 5px;}


/*170906_vr바로가기 추가*/
.vr_area{position:relative; width:100%; margin:0 auto; z-index:9999;}
.vr_area #btn_vr{position:absolute; top:404px; left:50%; margin-left:266px;  z-index:9999;}

/* main_common */
.greenBg{background:#e9fae5;}
.grayBg{background:#f8f8f8;}
.b_main_title{clear:both;font-size:30px;font-weight:normal;color:#000;letter-spacing:-1.5px;font-family:'맑은 고딕','Malgun Gothic';}
.b_main_title_txt{font-size:13px;color:#a1a1a1; padding:18px 0 0 10px; letter-spacing:-1px;}

/*info_title*/
.i_title{font-size:18px; letter-spacing:-1px; font-weight:normal; color:#fff; padding:5px 0 5px 0;}
.i_txt_green{font-size:12px; letter-spacing:-0.5px; font-weight:normal; color:#c4e5bb; line-height:18px;}
.i_txt_blue{font-size:12px; letter-spacing:-0.5px; font-weight:normal; color:#bbe5e3; line-height:18px;}
.i_txt_gray{font-size:12px; letter-spacing:-0.5px; font-weight:normal; color:#b7bdc7; line-height:18px;}

/* ----------------------- 코딩시작 -----------------------*/
div, ul, li, dt, dd, span {word-break:keep-all;}
.num_font,
.date {font-family: 'Spoqa Han Sans', 'Sans-serif'; color:#767676; font-size:13px; font-weight:300;}
.font_yellow {color:#fef02f !important;}

/* visual */
.mvisual {position:relative;overflow:hidden; }
.mvisual .varea {width:6000px;}
.mvisual .varea ul li {float:left;}
.mvisual .mv_tit {position:absolute; left:50%; margin-left:266px; top:442px; width:327px; box-shadow:10px 10px 20px 0 rgba(0,0,0,.25);}
.mvisual .mv_tit .box {position:relative; height:48px; background:#fff; padding:15px 20px 40px 20px;  overflow:hidden; opacity: 0.7;}
.mvisual .mv_tit .box .tit {font-size:23px; color:#000; font-weight:600; margin-bottom:10px; line-height:30px;}
.mvisual .mv_tit .box .txt {font-size:16px; color:#666;}
.mvisual .mv_btn {position:absolute; left:57.2%; bottom:180px;}
.mvisual .mv_btn li {display:inline-block;*display:inline;zoom:1; width:14px; height:14px; cursor:pointer; margin-right:5px;}
.mvisual .mv_btn li.rolling_on {background:url('/resources/images/site/main/roll_btn_on.png') no-repeat;}
.mvisual .mv_btn li.rolling_off {background:url('/resources/images/site/main/roll_btn.png') no-repeat;}
.mvisual .mv_btn li a {font-size:0; width:0; height:0; text-indent:-9999px; overflow:hidden;}


/*퀵메뉴*/
#wrap .quick_menu.pc .menu.close {position: fixed; z-index: 9999;top: 50%; transform:translate(0,-50%); right: 0px;}
#wrap .quick_menu.pc .menu.close a {display: block;width:240px;height:70px;transform: rotate(90deg);background: #2d8451;color:#fff;line-height: 70px; text-align: center;}
#wrap .quick_menu.pc .menu.close h2 { font-weight: lighter; color:#fff; font-size: 22px;}
#wrap .quick_menu.pc .menu.close h2 strong {margin-left:10px;}
#wrap .quick_menu.pc .menu.close h2 span {display: inline-block;margin-left:12px;width:20px;height:20px;background: #fff;border-radius: 100%;line-height: 20px;text-align: center;}
#wrap .quick_menu.pc .menu.close h2 span i {font-size:1rem; color:#333;}

#wrap .quick_menu.open .quick_wrap {width:90px;}
#wrap .quick_menu.open .quick_wrap .title{padding:15px 10px;height:100px;border-radius:0;z-index:101; box-sizing: border-box;}
#wrap .quick_menu.open .quick_wrap .title span{display:block;width:auto;top:auto;right:auto;font-size:15px;/* text-align:left; *//* line-height:1; */-webkit-transform:rotate(0deg);transform:rotate(0deg);left: 50%;/* position: relative; */transform: translate(-50%, 0px);}
#wrap .quick_menu.open .quick_wrap .title span::after{top:39px;right:auto;left:0;padding-left:0;background-image: url(../images/renewal/ssu_service_close_ic.png);background-repeat:no-repeat;background-position:100% 100%;transform:rotate(0deg);-webkit-transform:rotate(0deg);}
#wrap .quick_menu.open .quick_wrap .title span p {width:20px; height:20px; margin:10px auto 0 auto;}
#wrap .quick_menu.open .quick_wrap ul{display:block;position:relative; padding:20px 10px;}

.quick_menu.pc{position:fixed;top:53%;right:0;z-index:99; transform:translateY(-50%);transition:ease .3s;}
.quick_menu.pc .quick_wrap{position:relative;width: 70px;}
.quick_menu.pc .quick_wrap a{display:block;text-decoration: none;font-size:14px;color:#555;text-align:center; word-break: break-all;}
.quick_menu.pc .quick_wrap a span{line-height:1.2}
.quick_menu.pc .quick_wrap ul{display:none;margin:0;text-align:center;background:#fff;padding:0;}
.quick_menu.pc .quick_wrap ul li{position:relative; margin-top:20px;}
.quick_menu.pc .quick_wrap ul li:first-child {margin-top:0;}
.quick_menu.pc .quick_wrap ul li a {display: block;}
.quick_menu.pc .quick_wrap ul li a:hover {text-decoration: underline;}
.quick_menu.pc .quick_wrap ul li a img {display:block; margin:0 auto 10px auto; height:28px;}
.quick_menu.pc .quick_wrap .title{position:relative;width:100%;height:240px;padding:12px 0;background-color:#2d8451;z-index:1;cursor: pointer;}
.quick_menu.pc .quick_wrap .title > span{position:relative;font-size:22px;color:#fff;font-weight:lighter;text-transform:uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);line-height:unset;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(90deg);}
.quick_menu.pc .quick_wrap .title > span strong {margin:0 15px 0 10px;}
.quick_menu.pc .quick_wrap .title > span p {background: #fff;border-radius: 100%;width: 23px;height: 23px;/* line-height: 25px; */line-height: 1.5rem;}
.quick_menu.pc .quick_wrap .title > span i {font-size: .9rem;color:#333;}

.quick_menu.pc .quick_wrap a.top {display: block;color:#fff;background: linear-gradient(180deg, #8BC34A, #21a089);border-radius: 0 0 0 20px;height: 70px;width:100%;position: relative;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;padding: 12px 0;box-sizing: border-box;}
.quick_menu.pc .quick_wrap a.top i {font-size: 1.5rem; display: block;}
.quick_menu.pc .quick_wrap a.top p {font-size:18px; }

#wrap .quick_menu.mobile {display: none;}
#wrap .quick_menu.mobile .quick_wrap {position:fixed;z-index: 99;top:auto;bottom:10px;width: auto;left: auto;right: 0px;}
#wrap .quick_menu.mobile .quick_wrap .scroll {position: relative; z-index:99; background: #ccc; right: 10px;border-radius: 100%;text-align: center;}
#wrap .quick_menu.mobile .quick_wrap .scroll [data-position=fixed] {position:absolute;top:-25px}
#wrap .quick_menu.mobile .quick_wrap .scroll a {display: block;background: linear-gradient(180deg, #8BC34A, #21a089);border-radius: 100%;height: 65px;width: 65px;line-height: 65px;position: relative;  -webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
#wrap .quick_menu.mobile .quick_wrap .scroll span {display: block;}
#wrap .quick_menu.mobile .quick_wrap .scroll span,#wrap .quick_menu.mobile .quick_wrap .scroll i {color:#fff; }
#wrap .quick_menu.mobile .quick_wrap .scroll i {font-size:2rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); transition: .3s;-webkit-transition: .3s;}
#wrap .quick_menu.mobile .quick_wrap .scroll:hover i {top:40%; transition: .3s;-webkit-transition: .3s; }
#wrap .quick_menu.mobile .quick_wrap .quick_bottom {position: relative; right:10px; margin-bottom:10px; transition:all .2s ease-out;}
#wrap .quick_menu.mobile .quick_wrap .quick_bottom a.btn_quick {display: block; width:65px; height:65px; padding:10px; box-sizing: border-box; text-align: center; background: #333; color:#fff; font-size:.9rem; border-radius: 100%;}
#wrap .quick_menu.mobile .quick_wrap .quick_bottom a.btn_quick span {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#wrap .quick_menu.mobile .quick_wrap .quick_bottom img.dudu {position: absolute; bottom:20px; right:13px; z-index: -1;}

#wrap .quick_menu.mobile .quick_wrap .quick_bottom a.close {display: block;color:#000;position: absolute;right: 0;top: -50px;font-size: 1.5rem;}


#wrap .quick_menu.mobile .quick_wrap .test_wrap {background: #fff; width:100px; height:100px;}
#wrap .quick_menu.mobile .quick_wrap .test_wrap.show {width:100%; height:100%; display:block; opacity: 1;}
#wrap .quick_menu.mobile.show .con {width:100%; height:100%; display:block; opacity: 1; }
#wrap .quick_menu.mobile .con {display:none; height: 0;opacity: 0; position: fixed; top:0; left:0; width:100%; z-index: 9999; opacity: 0;}
#wrap .quick_menu.mobile .con.show {width:100%; height:100%; display:block; opacity: 1; }
#wrap .quick_menu.mobile .con .bg {position: fixed; width:100%; height:100%; background: rgba(0,0,0,.5); top:0; left:0; z-index: -1;}
#wrap .quick_menu.mobile .con .title {align-items:center; height:60px; padding:0 20px; background: #2d8451; color:#fff;}
#wrap .quick_menu.mobile .con .title h2 {font-weight: 600; font-size:1.5rem;}
#wrap .quick_menu.mobile .con .title a i {font-size: 2.5rem; color:#fff;}
#wrap .quick_menu.mobile .con .user,#wrap .quick_menu.mobile .con .location {flex-wrap: wrap;}
#wrap .quick_menu.mobile .con .user {background: #fff;}
#wrap .quick_menu.mobile .con .user li {position:relative; width: calc(100%/2);border-left:1px solid #eee; border-top:0; box-sizing: border-box;}
#wrap .quick_menu.mobile .con .user li:first-child {border-left:0;}
#wrap .quick_menu.mobile .con .user li a {position:relative;display:block;padding: 20px 15px;background: #fff;}
#wrap .quick_menu.mobile .con .user li a img {display: block;margin: 0 auto 15px auto;width:auto;height:40px;object-fit: cover;}
#wrap .quick_menu.mobile .con .user li a p {font-size: .9rem;font-weight: 300;}

#wrap .quick_menu.mobile .con .location {background: #4CAF50;}
#wrap .quick_menu.mobile .con .location li {width: calc(100%/2); box-sizing: border-box;}
#wrap .quick_menu.mobile .con .location li:nth-child(2n) {border-right: 0;}
#wrap .quick_menu.mobile .con .location li:last-child a {border-bottom:0;}

#wrap .quick_menu.mobile .con .location li a {position:relative;display:block;background: #4CAF50;color:#fff;padding: 20px 15px;box-sizing:border-box;text-align: left;font-size: 1rem;border: 1px solid #5dcc61;border-left: 0;border-top: 0;font-size: .9rem;}
#wrap .quick_menu.mobile .con .location li a img {width:20px;}
#wrap .quick_menu.mobile .con .location li a i {position: absolute; top:50%; right:15px; transform: translate(0px, -50%); font-size: 1.2rem; opacity: .8;}


#wrap .quick_menu.mobile .con .user li a .per-arrow{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
#wrap .quick_menu.mobile .con .user li a .per-arrow:before, #wrap .quick_menu.mobile .con .user li a .per-arrow:after {position: relative;content: '';display: block;width: 7px;height: 1px;background: #aaa;transition: 0.3s ease-in-out;}
#wrap .quick_menu.mobile .con .user li a .per-arrow:before { transform: rotate(45deg); }
#wrap .quick_menu.mobile .con .user li a .per-arrow:after {left: 5px;top: -1px;transform: rotate(-45deg);}
#wrap .quick_menu.mobile .con .user li a.active .per-arrow:before { transform: rotate(-45deg); }
#wrap .quick_menu.mobile .con .user li a.active .per-arrow:after { transform: rotate(45deg); }

#wrap .quick_menu.mobile .con .user li > ul {display:none; position: absolute; width:100%;z-index: 9999;}
#wrap .quick_menu.mobile .con .user li > ul > li {width:100%; border:0; border-bottom: 1px solid #eee;}
#wrap .quick_menu.mobile .con .user li > ul > li:first-child {border-top:1px solid #eee;}
#wrap .quick_menu.mobile .con .user li > ul > li > a {color: #666; padding:15px 10px;display: block;font-size: .9rem; background: #f7f7f7;}
#wrap .quick_menu.mobile .con .user li > ul > li > a > span {word-break: break-all;}



/* 컨텐츠 */
div.marea {z-index:10;position:relative;max-width: 1300px;margin:0 auto;padding:95px 0;}
div.marea .mtit {position:relative;}
div.marea .mtit a {position:absolute; top:0; right:0; background: #333; color:#fff; width:50px; height:50px; border-radius: 100%;}
div.marea .mtit a i {position:absolute; top:50%;left:50%;transform: translate(-50%,-50%);right: auto;font-size: 2rem; -webkit-transition:transform 0.3s linear; transition:transform 0.3s linear;}
div.marea .mtit a:hover i { -webkit-transform:translate(-50%,-50%) rotate(180deg); transform:translate(-50%,-50%) rotate(180deg);}

.section04 div.marea .btn li:last-child a {position: absolute; width:100%; height:100%;}
.section04 div.marea .btn li:last-child a i {position:absolute; top:50%;left:50%;transform: translate(-50%,-50%); -webkit-transition:transform 0.3s linear; transition:transform 0.3s linear;}
.section04 div.marea .btn li:last-child a:hover i {-webkit-transform:translate(-50%,-50%) rotate(180deg); transform:translate(-50%,-50%) rotate(180deg);}

div.marea .mtit h2 {font-size:46px; color:#000; font-weight: 300;}
div.marea .mtit h2 strong { color:#248b54; font-weight:bold;}
div.marea .mtit p {font-size:20px;font-weight:300;margin:30px 0 50px 0;}

.no_data {text-align: center;}
.no_data i {font-size:4rem; color:#ccc;}
.no_data p { font-size:1.3rem; margin-top:10px; color:#aaa;}


/*DU 인물*/
.grid { width:80% }
.grid-sizer, .grid-item { width: 23%; }
.grid-item {border:1px solid #8f99f3; margin-bottom:15px; border-radius: 20px; overflow:hidden;}
.grid-item img {display: block; min-width:100%; max-width: 100%; }

.section01 {overflow: hidden;}
.section01 div.marea {position: relative;}
.section01 div.marea .mtit a {position:relative; display:block; width:180px; font-size:18px; text-align:left; padding:15px 20px; color:#fff; background: #277346; box-sizing: border-box; border-radius: 0;}
.section01 div.marea .mtit a i {position: absolute; font-size:1.1rem; top:50%; transform: translate(0px, -50%); right:20px; left:auto; transition: .3s;-webkit-transition: .3s;}
.section01 div.marea .mtit a.m_more {display: none;}
.section01 div.marea .mtit a:hover i {right:15px; transition: .3s;-webkit-transition: .3s;}

.section01 {position:relative; background: #f8f8f8; scroll-behavior: smooth;}
.section01 img.bg01 {position: absolute; bottom: -10%;left: -12%;}
.section01 img.bg02 {position: absolute;right: -105px; top:9%; z-index: -1;}
.section01 .marea .big {position:relative; margin-top:50px; width:560px; overflow: hidden; box-shadow: 2px 2px 20px #eee;}
.section01 .marea .big .s_tit {position: absolute; top:20px; left:20px; z-index: 9;}
.section01 .marea .big:hover a h2,.section01 .marea .con ul li:hover h3 {text-decoration: underline;}
.section01 .marea .big:hover a img,.section01 .marea .con ul li:hover img {transform:scale(1.2);}
.section01 .marea .big a {position:relative;display: block;width:100%; height:360px; overflow: hidden;}
.section01 .marea .big a img,.section01 .marea .con ul li img {height:100% !important;width: 100% !important; object-fit: cover; transition: 0.5s ease-in-out;}
.section01 .marea .big a:hover img,.section01 .marea .con .small li a:hover .thumb img {transform:scale(1.2);}
.section01 .marea .big .txt {background: #277346; box-sizing: border-box; padding:50px 45px; color:#fff;}
.section01 .marea .big .txt a {display: block; height: auto;}
.section01 .marea .big .txt a h2 {font-size:28px; font-weight: 500; color:#fff; line-height: 38px; word-break: break-all;}
.section01 .marea .big .txt p {color:#a3ebc1;font-size: 16px;margin:30px 0 50px 0;font-weight:300;line-height: 26px; word-break: break-all;}
.section01 .marea .big .txt .inform {font-size:15px; color:#a3ebc1; justify-content: space-between; font-weight:300; opacity:.5;}
.section01 .marea .big .txt .inform i {margin-right:5px;}

.section01 .marea .con {width:685px;}
.section01 .marea .con ul { flex-wrap:wrap; align-items: flex-start}
.section01 .marea .con ul li {position:relative !important; width:calc(100% /2 - 15px); background: #fff; box-shadow: 2px 2px 20px #eee;}
.section01 .marea .con ul li:first-child,.section01 .marea .con ul li:nth-child(2) {margin-bottom:30px;}
.section01 .marea .con ul li .s_tit {position: absolute; top:20px; left:20px; z-index: 9;}
.section01 .marea .con ul li .thumb {width:100%; height:220px; overflow: hidden;}
.section01 .marea .con ul li img {width:100% !important; height:100% !important; object-fit:cover;}
.section01 .marea .con ul li .txt { padding:35px 38px 35px 38px; box-sizing: border-box; background: #fff; word-break: break-all;}
.section01 .marea .con ul li .txt h3 {font-size:20px; line-height: 28px; color:#222; font-weight: bold; }
.section01 .marea .con ul li .txt p {margin:25px 0; font-size:15px; line-height: 22px; color:#666; font-weight: 300;}
.section01 .marea .con ul li .txt span {display: block; font-size:15px; color:#bcbcbc;}
.section01 .marea .con ul li .txt i {margin-right:5px;}


/*DU 스토리*/
.s_tit {display:inline-block; padding:7px 20px; background: #474d59; color:#fff; font-size:15px;}
.s_tit.orange {background: #f15922;}
.s_tit.green {background: #2d8451;}
.s_tit.gray {background: #474d59;}
.s_tit.blue {background: #2d4d97;}
.s_tit.light_blue {background: #1b96a2;}

.section02 div.marea .mtit h2,.section02 div.marea .mtit p {text-align: center;}
.section02 .marea .big {width:560px; overflow: hidden;}
.section02 .marea .big a {display:block; height:410px; overflow: hidden;}
.section02 .marea .big a img {width:100% !important; height: 100% !important; object-fit: cover;}
.section02 .marea .big:hover a h2,.section02 .marea .con ul li:hover h3 {text-decoration: underline;}
.section02 .marea .big:hover a img,.section02 .marea .con ul li:hover img {transform:scale(1.2); transition: 0.5s ease-in-out;}

.section02 {position: relative;}
.section02 img.bg01 {position: absolute; top:35px; left:-5px;}
.section02 .marea .con {width:685px;}
.section02 .marea .big a img {transition: 0.5s ease-in-out;}
.section02 .marea .big:hover img {transform:scale(1.2);}
.section02 .marea .big .txt {margin-top:20px;padding-bottom: 35px;border-bottom: 1px solid #eee; box-sizing: border-box;}
.section02 .marea .big .txt a {height: auto;}
.section02 .marea .big .txt a h2 {margin:22px 0 20px 0; font-size:22px; max-width: 95%; color:#222; font-weight: 600; word-break: break-all;}
.section02 .marea .big .txt a p {font-size:16px; color:#7a8285; line-height: 24px; word-break: break-all;}

.section02 .section02 .marea .big .txt a p {color:#7a8285;font-size:16px;line-height: 22px; overflow: hidden;-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;font-weight: 300;}
.section02 .marea .small.flex {justify-content: flex-start;}
.section02 .marea .small li {margin-top: 30px;border-bottom:1px solid #ebeced;padding-bottom: 30px;align-items: center;}
.section02 .marea .small li:first-child {margin-top:0;}
.section02 .marea .small li:last-child {border-bottom:0;}
.section02 .marea .small li:hover .thumb img {transform:scale(1.2);}
.section02 .marea .small li:hover .txt h3 {text-decoration: underline;}
.section02 .marea .small li .thumb {width: 230px;height: 156px;}
.section02 .marea .small li .thumb a {display: block; height:100%; overflow: hidden;}
.section02 .marea .small li .thumb a img {width:100% !important; height:100% !important; object-fit: cover; transition: 0.5s ease-in-out;}
.section02 .marea .small li .txt {margin-left:35px; width: 61%;}
.section02 .marea .small li .txt h3 {margin:15px 0; color:#222; font-weight: 600; font-size: 20px; line-height: 26px; max-height:4rem; overflow: hidden;  -webkit-line-clamp: 2; text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.section02 .marea .small li .txt p {width:100%;color:#7a8285;font-size:15px;line-height: 22px;/* height: 3rem; */overflow: hidden;-webkit-line-clamp: 2;/* text-overflow: ellipsis; *//* overflow: hidden; *//* word-break: break-word; */display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: break-all;}


/*DU 공지사항*/
.section03 {position:relative; background-color: #eff5f3; min-height: 887px;}
.section03 img.bg01 {position: absolute; top:100px; left:83px;}
.section03 .tab_menu {width:100%; margin-top:60px;}
.section03 .mtit {text-align: center;}
a.more {position: relative;}
a.more i {position:absolute; top:50%;right: 0;transform: translate(0%,-50%);-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
a.more:hover i {-webkit-transform:translate(0%,-50%) rotate(180deg); transform:translate(0%,-50%) rotate(180deg);}

.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:#047b6f;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: #047b6f;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%;}

.section03 .no_data i {color:#bed9ca; }
.section03 .no_data p {color:#92ac9d;}

.section03 .tab_menu {justify-content: center;}
.section03 .tab_menu li {display: inline-block; margin-left:50px;}
.section03 .tab_menu li:first-child {margin-left:0;}

/*.section03 .tab_menu li.active a {color:#21a089; border-bottom:4px solid #21a089; font-weight: bold;}*/
.section03 .tab_menu li a {position:relative;display:block;color: #525655;font-size:20px;font-weight: 500;text-align: center;padding-bottom: 10px;transition:.3s;-webkit-transition:.3s;}
.section03 .tab_menu li a:hover{ color:#2b8552;font-weight: 700; text-decoration: none !important; }
.section03 .tab_menu li a:before{display: inline-block;position: absolute;left: 50%;bottom: 0px;width:0;height: 2px;background: #2b8552;content: '';z-index: 0;transform: translate(-50%,0);transition:.3s;-webkit-transition:.3s;}
.section03 .tab_menu li a:hover:before{width: 100%;}
.section03 .tab_menu li.active a{ color:#2b8552; font-weight: 700; }
.section03 .tab_menu li.active a:before{display: inline-block;position: absolute;left: 50%;bottom: 0px;width: 100%;height: 2px;background: #2b8552;content: '';z-index: 0;transform: translate(-50%,0);}
.section03 .tab_menu a i {font-size:2rem;}
.section03 .tab_contents_s {margin-top:35px;}
.section03 .tab_contents_s ul {flex-wrap: wrap;}
.section03 .tab_contents_s ul li { width: calc(100%/4 - 15px); height:243px; background: #fff; align-items:center;transition: ease-in-out;margin: 7px;}
.section03 .tab_contents_s ul li:hover h3 {text-decoration: underline;}
.section03 .tab_contents_s ul li span h2 {font-size:36px;}
.section03 .tab_contents_s ul li span p {font-size:14px; color:#666;}
.section03 .tab_contents_s ul li a {position:relative; display:block;padding: 40px 28px;height: 100%;box-sizing: border-box;}
.section03 .tab_contents_s ul li a span {padding:7px 15px; margin-bottom:25px;}
.section03 .tab_contents_s ul li a h3 { max-width: 95%;font-size:20px;font-weight: 500;color:#222;word-break:break-all;}
.section03 .tab_contents_s ul li a p.date {position:absolute; bottom: 30px; left:28px; font-size:15px; color:#bcbcbc;}
.section03 .tab_contents_s ul li a p.date i {margin-right:5px;}
.section03 .tab_contents_s ul li a div {align-items: center;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 20px;font-weight: 500;color: #222;word-break: break-all;}
.section03 .tab_contents_s ul li a div span {display: inline;color:#e0175e;margin-right: 0;vertical-align:1px;padding: 0;margin-bottom: 0;}
.section03 .tab_contents_s ul li:hover{cursor:pointer; box-shadow: 5px 5px 11px 4px #ebf4eb;transform: translate(-3px, -3px); transition: .3s;}


/*DU소식 및 학사일정*/
.section04 {position:relative; padding:95px 0;}
.section04 img.bg01 {position: absolute; bottom:-14px; right:25px; z-index: -1;}
.section04 div.marea {padding:0;}
.section04 div.marea .mtit p {margin-bottom:50px;}

.section04 div.marea .bullet {align-items: center;}
.section04 div.marea .num {position:relative; margin-right:20px;}
.section04 div.marea .num li {position:relative;width:auto;height: auto;line-height: 22px; font-weight: bold; border:0;border-radius: 0;font-size:18px;color:#656565;margin-left: 40px;}
.section04 div.marea .num li.active {color:#1ba186;}
.section04 div.marea .num li:first-child {margin-left:0;}
.section04 div.marea .num li:first-child:before {content:"";position:absolute;top:50%;transform: translate(0,-50%);width: 22px;height:.5px;background: #aaa;margin-left: 18px;}
.section04 div.marea .btn li {position:relative; width: 52px;height: 52px; line-height:52px; border:1px solid #c6c6c6; border-radius: 100%; margin-left:10px;}
.section04 div.marea .btn li a {display:block; text-align: center; color: #6b6b6f;}
.section04 div.marea .btn li a i {font-size:1.7rem; color:#444; opacity: .8;}
.section04 div.marea .btn li:hover {border:1px solid #333; transition: .3s;}
.section04 div.marea .btn li:hover i {opacity: 1;}
.section04 div.marea .btn li:nth-child(3) a i {font-size:2rem;}
.section04 .news {max-width: 1300px; margin:0 auto; overflow: hidden;}
.section04 .news .img {height:300px;}
.section04 .news .img li {position:relative; height:100%; border:1px solid #ebebeb;  transition: ease-out 0.5s; box-sizing: border-box;}

.news .img li a::after,
.news .img li a::before {
    position: absolute;
    content: "";
    width: 0%;
    height: 0%;
    visibility: hidden;
}

.news .img li a::after {
    bottom: -3px;
    right: -3px;
    border-left: 3px solid #21a089;
    border-bottom: 3px solid #21a089;
    transition: width .1s ease .1s, height .1s ease, visibility 0s .2s;
}

.news .img li a::before {
    top: -3px;
    left: 0;
    border-top: 3px solid #21a089;
    border-right: 3px solid #21a089;
    transition: width .1s ease .3s, height .1s ease .2s, visibility 0s .4s;
}

.news .img li a:hover {
    animation: pulse 1s ease-out .4s;
}

.news .img li a:hover::after,
.news .img li a:hover::before {
    width: 100%;
    height: 100%;
    visibility: visible;
    transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;
}

.news .img li a:hover::after {
    transition: width .1s ease .2s, height .1s ease .3s, visibility 0s .2s;
}

.news .img li a:hover::before {
    transition: width .1s ease, height .1s ease .1s;
}



.news .img li a {position:relative; display: block; height:100%;}
.news .img li a img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}

.section04 .calendar {max-width:1300px; margin:45px auto 0px auto;}
.section04 .calendar .title h2 {background: #21a089; width:200px; font-size:20px; font-weight:500; color:#fff; text-align: center; padding:25px 0;}
.section04 .calendar .title ul {height:auto !important; justify-content:center; align-items: center; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.section04 .calendar .title ul li {display: inline-block; margin-left:50px;}
.section04 .calendar .title ul li:first-child {margin-left:0;}
.section04 .calendar .title {justify-content: space-between; height:75px;}
.section04 .calendar .title ul li.active a,.section04 .calendar .title ul li:hover a {color:#333; font-weight:500; transition: .5s;}
.section04 .calendar .title ul li a {color:#adadad; font-size:20px;}
.section04 .calendar .title span.swiper-notification {display: none;}
.section04 .calendar .title span {position:relative;display: inline-block;width:90px;}
.section04 .calendar .title span a {display:block;background: #7a9f22;width:100%;height: 100%;/* padding:25px 0; */text-align: center;}
.section04 .calendar .title span a i {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:20px; -webkit-transition:transform 0.3s linear; transition:transform 0.3s linear;}
.section04 .calendar .title span a:hover i { -webkit-transform:translate(-50%,-50%) rotate(180deg); transform:translate(-50%,-50%) rotate(180deg);}

.section04 .calendar .con {margin-top:25px;}
.section04 .calendar .con .no_data {min-height:150px; padding-top:20px; box-sizing: border-box;}
.section04 .calendar .con .no_data p {margin-top:20px;}
.section04 .calendar .con ul li {width:225px; margin-left:10px;min-height: 150px; }
.section04 .calendar .con ul li:first-child {margin-left:0;}
.section04 .calendar .con ul li a:hover {border:1px solid #333; transition: .3s;}
.section04 .calendar .con ul li a {display: block;height: 100%;padding:40px 25px;box-sizing: border-box;background: #f7f7f8;border: 1px solid #f7f7f8; }
.section04 .calendar .con ul li a h2 {font-size:18px; font-weight: 500; color:#333; margin-bottom:15px;}
.section04 .calendar .con ul li a p {position:relative;font-size: 15px;color:#999;margin-top:5px;padding-left: 10px;line-height: 1.5rem;font-weight: 300;text-overflow: ellipsis;height: 2rem;white-space: nowrap;max-width: 95%;overflow: hidden;}
.section04 .calendar .con ul li a p:first-child {margin-top:0;}
.section04 .calendar .con ul li a p:before {content: "";position: absolute;display: inline-block;width: 3px;height: 3px; background: #ccc; top: 9px;left: 0;}


/*sns*/
.section05 {width:100%;background: url("/resources/images/site/main/section05_bg.jpg")right ;padding:95px 0;background-size: cover;}
.section05 div.marea {padding:0; text-align: center;}
.section05 div.marea h2,.section05 div.marea h2 strong {color:#fff;}
.section05 div.marea .mtit p {margin:30px 0 40px 0; color:rgba(255,255,255,.7);}
.section05 .news .img {justify-content: space-between;}
.section05 .news .img li {border:0;width: calc(100%/4 - 20px);}
.section05 .news .img li:first-child {margin-left:0 !important;}

.sns_list {width: 100%; }
.sns_link{text-align: center; margin-bottom:45px;}
.sns_link a{display: inline-block; width: 50px; height: 50px; margin: 0 5px; transition: all .3s; background-size: cover !important;}
.sns_link a.insta{background: url('/resources/images/site/main/ico_insta.svg') no-repeat;}
.sns_link a.facebook{background: url('/resources/images/site/main/ico_facebook.svg') no-repeat;}
.sns_link a.naver{background: url('/resources/images/site/main/ico_blog.svg') no-repeat;}
.sns_link a.youtube{background: url('/resources/images/site/main/ico_youtube.svg') no-repeat;}
.sns_link a.tw{background: url('/resources/images/site/main/ico_twitter.svg') no-repeat;}
.sns_link a:hover {transform: translateY(-5px)}
.item span{display: inline-block; width: 35px; height: 35px; position: absolute; left: 10px; top: 10px; z-index: 2;}

.section05 .sns {max-width: 1300px; margin: 0 auto;}

.section05 .sns .news ul li a {position: relative; background: #fff; height: auto;}
.section05 .sns .news ul li a span {position:absolute; top:20px; left:20px; width:35px; height:35px; line-height: 35px; background: rgba(0,0,0,.3); z-index: 99; text-align: center; border-radius: 100%;}
.section05 .sns .news ul li a span.youtube i {font-size:1.3rem;}
.section05 .sns .news ul li a span i {font-size:1.2rem; color:#fff; }
.section05 .sns .news ul li a .content {position: relative;width:100%; min-height: 200px; bottom: 0;overflow: hidden;box-sizing: border-box;line-height: 1.7rem;font-size: 1.1rem;transition: .3s all;background: #fff;padding:20px;}
.section05 .sns .news ul li a .content .tit {display: -webkit-box;max-width: 100%;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-size: .9rem;margin-top: 15px;line-height: 1.4rem;font-size: 15px;color: #5c5c5c;font-weight: normal;}
.section05 .sns .news ul li a .content .txt {margin-top:10px;position: absolute;bottom: 30px; max-width: 94%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section05 .sns .news ul li a .content .txt li {display: inline-block;color: #333;height:auto;width:auto;padding: 1px 12px;border-radius: 20px;background: #eeeef0;text-align: center;font-size: 1rem;margin: 3px 0;}
.section05 .sns .news ul li a .content .txt li:before {content: "#";display: inline-block;margin-right:3px;color: #333;}


.section05 .sns .news ul li .content .user {display: flex; align-items: center;}
.section05 .sns .news ul li .content .user span {display: inline-block;width:40px;height:40px;border-radius: 100%;overflow: hidden;text-align: left;line-height: inherit;position: relative;top: 0;left: 0;}
.section05 .sns .news ul li .content .user span img {width: auto; max-width: 100%;}
.section05 .sns .news ul li .content .user ul {margin-left:10px;}
.section05 .sns .news ul li .content .user ul li {width:auto; line-height: 1.2rem;}
.section05 .sns .news ul li .content .user ul li:first-child {font-weight: 500; color:#365899; font-size:16px;}
.section05 .sns .news ul li .content .user ul li:last-child {display:none; font-size: 13px; color:#7b7b7b;}

.instar_align_center {position: relative;}
.instar_align_center .instar_thumbnail {position:relative;height: 230px;overflow: hidden;}
.instar_align_center .instar_thumbnail video {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); object-fit: cover;}
.instar_align_center .iconbox {width: 40px !important;height: 40px !important;top: 15px !important;left: 15px !important;position: absolute;}
.instar_align_center .iconbox img {width:100%; height:100%;}





/*2022 웹접근성*/
.fc .fc-daygrid-event{box-sizing: border-box;}
.fc .fc-daygrid-event:focus {border: 2px solid #000;}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {border:1px solid #047b6f;}
.fc .fc-button-primary:disabled {background:#589D94;}


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



}


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

    .mvisual .controlBox {right:2%;}

    div.marea {width:95%; margin:0 auto; padding:80px 0;}
    .section04 .calendar {width:95%; margin:0 auto;}
    .section2 {text-align: center;}
    .section2 .popzone{float: none; display: inline-block; width: 60%; vertical-align: top;}
    .section2 .calendar{float: none; display: inline-block;border: 1px solid lightgray; width: 39%;}
    .section2 .calendar .calendar_wrap {width: 100%;}
    .section2 .popzone h3, .section2 .calendar h3 {text-align: left;}
    .section3 .sns_list ul li {width: 25%; box-sizing: border-box; margin-left: 0;}
    .section3 .sns_list ul li+li { padding-left: 20px;}
    .section3 .sns_list ul li:nth-child(2) {padding-left: 20px;}


    /*DU 인물*/
    img.bg01,img.bg02 {display: none;}
    .section01 .marea .title {width:45%;}
    .section01 .marea .big { width: 100%;}
    .section01 .marea .big .txt {padding:40px;}
    .section01 .marea .big .txt a {height: auto;}
    .section01 .marea .big .txt a h2 {font-size:1.7rem;}
    .section01 .marea .big .txt p {font-size:1rem; margin:20px 0 30px 0;}
    .section01 .marea .big .txt .inform {font-size:1rem;}


    .section01 .marea .con {width:50%;}
    .section01 .marea .con ul {flex-wrap: wrap; width:100%;}
    .section01 .marea .con ul li {width:calc(100% /2 - 10px);}
    .section01 .marea .con ul li .thumb { height:200px;}
    .section01 .marea .con ul li .txt { padding:30px 25px;}
    .section01 .marea .con ul li .txt h3 {font-size:1.3rem;}
    .section01 .marea .con ul li .txt p {margin:20px 0; font-size:1rem;}
    .section01 .marea .con ul li .txt span {font-size:1rem;}

    .section01 .marea .big a {height:307px;}


    /*DU스토리*/
    .section02 .marea .big {width:45%;}
    .section02 .marea .con {width:50%;}


    /*공지사항*/
    .section03 {min-height: auto;}


    /*DU소식 및 학사일정*/
    .section04 div.marea .mtit p {margin-bottom:50px;}
    .section04 .news {width:95%; margin:0 auto;}
    .section04 .calendar { margin:45px auto 35px auto;}
    .section04 .calendar .con ul li {margin:10px;}
    .section04 .calendar .con ul li:first-child {margin-left:0;}


}


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

    div.marea .mtit a {font-size:1.1rem;}
    div.marea .mtit h2 {font-size:3rem; font-weight: 300;}
    div.marea .mtit p {font-size:1.3rem; line-height:2rem; font-weight:300;margin:25px 0 40px 0;}

    .jp-gui .jp-video-play button {width:100px; height:100px;}

    .section1 {padding: 50px 0px; box-sizing: border-box;}

    .section1 .marea .dustory > ul > li {width: 23%;margin-left: 2%;}
    .section1 .marea .notice{width: 50%;}
    .section1 .marea .job {width: 48%; margin-left: 2%;}
    .section2 .popzone h3, .section2 .calendar h3 {font-size: 20px}

    .section01 .marea .big .txt {min-height: auto;}
    .section01 .marea .big .txt a h2 {font-size: 1.5rem;}

    .section2 .calendar .cal_btn a img {width: 25px;}
    .section2 .calendar .cal_btn span {font-size: 18px; padding: 0 3px;}
    .section2 .calendar .cal_btn span strong{font-size: 22px;}

    .main_depart {padding: 50px 15px;}
    .dustory {padding: 0 15px;    box-sizing: border-box;}


    /*공지사항*/
    .section03 .tab_contents_s {margin-top:25px;}


    /*DU 소식 및 학사일정*/
    .section04 { margin:0 auto; padding:80px 0;}

    .section04 .calendar {margin:45px auto 0px auto;}
    .section04 .calendar .title h2 {display: none;}
    .section04 .calendar .title ul {border: 1px solid #dedede;}
    .section04 .calendar .title ul li {margin-left:40px;}
    .section04 .calendar .title ul li a {font-size:20px;}
    .section04 .calendar .title span {width:8%;}
    .section04 .calendar .con {margin-top:20px;}


    /*SNS*/
    .sns_link {margin-bottom: 25px;}
    .section05 .sns {width:95%; margin:0 auto;}
    .section05 .news .img {flex-wrap: wrap;}
    .section05 .news .img li {width: calc(100%/2 - 10px); margin:10px 0;}
    .section05 .sns .news ul li .content .user ul li {margin:0;}
    .section05 .sns .news ul li .content .user ul li:first-child {margin-bottom: 3px;}
    .section05 .sns .news ul li a .content {min-height: 13rem;}
    .section05 .sns .news ul li a .content .tit {-webkit-line-clamp:3;}



}

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

    /*퀵메뉴*/
    .quick_menu.pc {display: none;}
    #wrap .quick_menu.mobile {display: block;}


    /*DU 인물*/
    .section01 .marea .title {width:55%;}
    .section01 .marea .con {width:40%;height: 850px;overflow: auto;}
    .section01 .marea .con ul li {width:100%;}
    .section01 .marea .con ul li .thumb { height:200px;}
    .section01 .marea .con ul li .txt { padding:30px 20px;}


    /*DU 스토리*/
    .section02 .marea .big {width:55%;}
    .section02 .marea .big .txt {min-height: 230px; max-height: 230px;}
    .section02 .marea .con {width:40%; height:662px; overflow: auto;}
    .section02 .marea .small li {display: block; border-bottom:0; margin-top:30px; padding-bottom:0; box-shadow: 2px 2px 20px #eee;}

    .section02 .marea .small li .thumb {width:100%; height:200px;}
    .section02 .marea .small li .txt {width:100%;margin: 0;padding: 30px 20px;box-sizing: border-box;background: #fff;}

    .vr_area #btn_vr {left: inherit; right: 0;}
    .mvisual .controlBox {margin-left: 0; right: auto;left: 50%; bottom:10px; transform: translate(-50%, 0);}
    .section3 {box-sizing: border-box;}
    .section3 .sns_list ul li {width: 50%; box-sizing: border-box; margin-left: 0;}
    .section3 .sns_list ul li.first{padding-left:20px;}
    .section3 .sns_list ul li+li { padding-left: 20px;}
    .section3 .sns_list ul li:nth-child(5),.section3 .sns_list ul li:nth-child(6) {padding-left: 20px;}
    .section3 .sns_list ul li a {text-align: center}
    .section3 .sns_list ul li a div.thumb {display: inline-block}

    .section1 .marea .notice {width: 100%; float: none;    background: #F1F5F8;padding: 20px;box-sizing: border-box;position: relative;}
    .section1 .marea .notice ul li h3 a {padding: 8px 5px; font-size: 13px;}
    .section1 .marea .notice ul li .stage {    left: 15px; width: 92%; padding:20px 0; background: none;}
    .section1 .marea .notice ul li .stage .update .tit {font-size: 16px;}
    .section1 .marea .notice ul li .stage .update .txt{font-size: 14px;}
    .section1 .marea .notice ul li .stage ul > li > a {width: 100%;}
    .section1 .marea .notice ul li .stage ul > li > span {width: 30%; display: none;}
    .section1 .marea .notice ul li .more {top: -27px ;z-index: 10;}

    .section1 .marea .job{float: none; width: 100%; height: 355px; margin-left: 0;padding: 20px; box-sizing: border-box;}
    .section1 .marea .job ul li h3 a {padding: 8px 5px; font-size: 13px;}
    .section1 .marea .job ul li .stage { left: 15px; width: 92%; padding:20px 0;}
    .section1 .marea .job ul li .stage .update .tit {font-size: 16px;}
    .section1 .marea .job ul li .stage .update .txt{font-size: 14px;}
    .section1 .marea .job ul li .stage ul > li > a {width: 100%;}
    .section1 .marea .job ul li .stage ul > li > span {width: 30%; display: none;}
    .section1 .marea .job ul li .more {top: -27px ;z-index: 10;}

    .section01 .gsap_sne {align-items:flex-end;}

    .caroufredsel_wrapper       {width:100%; max-height:300px }
    .caroufredsel_wrapper li    {width:100%; max-height:300px }
    .caroufredsel_wrapper img   {width:100%; max-height:300px }
    .mvisual .mv_tit {position:absolute; left :inherit;top:190px; right: 0; width:400px; box-shadow:10px 10px 20px 0 rgba(0,0,0,.25); z-index:10;}

    .vr_area #btn_vr{top:155px;}


    /*공지사항*/
    .section03 .tab_menu {margin-top:40px;}
    .section03 .tab_menu li {margin-left:35px;}
    .section03 .tab_contents_s ul li {width: calc(100%/3 - 20px); }


    /*DU 소식 및 학사일정*/
    .section04 div.marea .mtit p {margin-bottom: 30px;}
    .section04 div.marea .bullet {justify-content: center; margin-bottom:30px;}
    .section04 div.marea {display: block; text-align: center;}
    .section04 .calendar .title h2 {display: none;}
    .section04 .calendar .title ul {justify-content: space-evenly;}
    .section04 .calendar .title ul li {margin-left:1rem;}
    .section04 .calendar .title ul li a {font-size:18px;}
    .section04 .calendar .title span {width:75px;}

    .section04 .news .img {height:250px;}


}


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

    div.marea .mtit h2 {font-size:2.2rem;}
    div.marea .mtit a i {font-size: 1.5rem;}

    .main_slide ul li {padding-bottom:56%;}


    /*DU 인물*/
    div.marea .mtit h2,div.marea .mtit p {text-align: center;}

    .section01 div.marea .mtit a.m_more {position: absolute;display: block;width:50px;height:50px;border-radius: 100%;background: #333;right: 0px;}
    .section01 div.marea .mtit a.m_more i {position: absolute;margin-left:0;font-size:1.5rem;top: 50%;right:auto;left: 50%;transform: translate(-50%,-50%);}
    .section01 div.marea .mtit a.pc_more {display: none;}
    .section01 .marea .flex {display: block;}
    .section01 .marea .title {width: 100%;}
    .section01 .marea .con {width:100%; height:auto;}
    .section01 .marea .con ul {display: flex !important;margin-top:30px;}
    .section01 .marea .con ul li {width:calc(100%/2 - 10px);}
    .section01 .marea .big a,.section02 .marea .big a {height:20rem;}
    .section01 .marea .big .txt {min-height: auto; max-height: initial;}
    .section01 .marea .big .txt .inform {display: flex !important;}


    .jp-gui .jp-video-play button {width:70px; height:70px; padding:1rem;}

    div.marea {padding: 50px 0px; overflow: inherit;}
    div.marea .mtit {margin-bottom:20px;}
    div.marea .mtit a {font-size:1.1rem; top:0;}
    .mvisual .mv_tit {margin-left: 0; width: 85%; right: 0;}

    .quick .qarea {margin: 30px auto;}
    .quick .qarea ul {height: 245px; overflow: hidden;}
    .quick .qarea ul li{width: calc(100% / 5)}
    .show-more {display: block;}
    .section1 .marea .dustory {width: 100%}
    .section1 .marea .dustory > ul {font-size: 0; width: 100%;}
    .section1 .marea .dustory > ul > li:first-child {margin: 5px;}
    .section1 .marea .dustory > ul > li {float: none; margin: 5px;  width: 47%; display: inline-block;}
    .section1 .marea .dustory > ul > li > a {text-align: center;}
    .section1 .marea .dustory > ul > li > a > .thumb {display: inline-block;}
    .section1 .marea .dustory > ul > li > a > .content > .tit {min-height: 43px;}

    .section2 .calendar {width: 100%;}
    .section2 .popzone, .section2 .calendar {height: auto; padding: 20px; text-align: left; width: 100%;}
    .section2 .calendar .calendar_wrap {width: 100%}
    .section2 .calendar .cal_btn{top: 20px;}
    .section2 .calendar .calendar_wrap .calendar_table {float: none; width: 100%;}
    .section2 .calendar .calendar_wrap .calendar_table td {height: 29px; line-height: 29px; font-size: 14px;}
    .section3 .hashtag ul li a{padding: 5px 10px; font-size: 12px; margin-bottom: 5px;}

    .section3 .sns_list ul li a div.content p.tit {font-size:16px; }
    .section3 .sns_list ul li a div.iconbox img {width: 70%;}
    .section3 .sns_ico {margin: 15px 0;}
    .section3 .sns_ico img {width: 30px;}
    .section3 .hashtag {margin-bottom:25px; }


    .main_depart ul li{ width: calc(100% / 4);}

    .caroufredsel_wrapper       {width:100%; max-height:260px }
    .caroufredsel_wrapper li    {width:100%; max-height:260px }
    .caroufredsel_wrapper img   {width:100%; max-height:260px }
    .mvisual .mv_tit {position:absolute; left :inherit;top:190px; width:400px; box-shadow:10px 10px 20px 0 rgba(0,0,0,.25); z-index:10;}

    .vr_area #btn_vr{top:222px;}
    .mvisual {/* height:60vh; */}

    .mvisual .mv_tit {width: 100%; top: auto; bottom: 0;}
    .mvisual .mv_tit .box {    background: rgba(80, 80, 80, 0.75) ; opacity: 1; padding: 5px; height: auto;}
    .mvisual .mv_tit .box .tit {    font-size: 15px;color: #fff;font-weight: normal; text-align: center; margin: 0;}


    /*DU 스토리*/
    .section02 .marea .flex {display: block;}
    .section02 .marea .big {width:100%;}
    .section02 .marea .big .txt {border-bottom:1px solid #e4e6e7;padding-bottom: 40px;min-height: auto;max-height: initial;margin: 40px 0 15px 0;}
    .section02 .marea .big .txt a h2 {font-size:1.4rem;}
    .section02 .marea .big .txt a p {font-size: 1rem;line-height: 1.6rem;}
    .section02 .marea .con {width:100%; margin-top:1rem; height: auto;}
    .section02 .marea .con .small {display: flex !important; flex-wrap: wrap; justify-content: space-between;}
    .section02 .marea .con .small li {width: calc(100%/2 - 10px);box-shadow: 1px 1px 15px #eee; margin:15px 0;}
    .section02 .marea .con .small li:first-child {margin:15px 0;}
    .section02 .marea .con .small li h3 {font-size:18px; margin: 15px 0 5px 0;}
    .section02 .marea .small li .txt {min-height: 215px;}

    .s_tit {font-size:1rem; padding:5px 15px;}


    /*DU공지사항*/
    .section03 div.marea .mtit h2 {margin-bottom:20px;}
    .section03 .tab_menu li {width:auto; margin-left:20px;}
    .section03 .tab_menu li:first-child {margin-left:0;}
    .section03 .tab_menu li a {font-size:1.3rem;padding-bottom: 12px;font-weight: bold;color: #333;}
    .section03 .tab_menu a i {font-size: 1.5rem;}
    .section03 .tab_contents_s ul {justify-content: space-between;}
    .section03 .tab_contents_s ul li {width: calc(100%/2 - 5px);margin: 5px 0; height:auto; min-height: 210px;}
    .section03 .tab_contents_s ul li a {padding:30px;}
    .section03 .tab_contents_s ul li span {}


    /*DU 소식 및 학사일정*/
    .section04,.section05 {padding:50px 0px;}
    .section05 {background-position-x:center;}
    .section04 div.marea .btn li {width: 45px;height: 45px;line-height: 45px; margin-left: 5px;}
    .section04 div.marea .btn li a {display:block; text-align: center; color: #6b6b6f;}
    .section04 div.marea .btn li a i {font-size:1.5rem;}
    .section04 .calendar {width:90%; margin:45px auto 0px auto !important;}
    .section04 .calendar .title ul li {margin-left:1rem;}
    .section04 .calendar .title span {width:65px;}
    .section04 .calendar .con ul li a {padding:30px 25px;}


    .instar_align_center .instar_thumbnail {height:200px;}
    .section05 .sns .news ul li a .content {min-height: 11rem;}



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

    .section01 div.marea .mtit a.m_more,div.marea .mtit a {width:40px; height:40px;}

    div.marea {width:95%;}
    .section1 .marea .job ul li .stage ul li {width: 100%;}

    .main_depart ul li{ width: calc(100% / 3); padding: 5px;}
    .main_depart ul li a{font-size: 14px;}

    .caroufredsel_wrapper       {width:100%; max-height:205px }
    .caroufredsel_wrapper li    {width:100%; max-height:205px }
    .caroufredsel_wrapper img   {width:100%; max-height:205px }

    .vr_area #btn_vr{top:170px;}


    /*du인물*/
    .section01 .marea .big .txt a h2 {font-size:1.5rem;}
    .section01 .marea .con ul {height: auto !important;}
    .section01 .marea .con ul li .thumb {display: none;}
    .section01 .marea .con ul li .txt {padding:10px 20px 20px 20px;}
    .section01 .marea .con ul li {width:100%;margin-bottom:0;box-shadow: none;border-bottom:1px solid #eee;position: relative !important;top: auto !important;}
    .section01 .marea .con ul li:last-child {border-bottom: 0;}
    .section01 .marea .con ul li .txt p {margin: 15px 0 20px 0; word-break:break-all;}
    .section01 .marea .con ul li .txt h3 {font-size:1.3rem;}

    .section01 .marea .con ul li .s_tit {position: relative; top:auto; left:auto; margin: 20px 0 0 20px; font-size: .9rem;}
    .section01 .marea .con ul li:first-child, .section01 .marea .con ul li:nth-child(2) {margin-bottom:0;}

    /*DU 스토리*/
    .section02 .marea .con {margin-top:0;}
    .section02 .marea .small li .thumb {display: none;}
    .section02 .marea .small li .txt {min-height: auto; padding:0px 0; min-height: auto;}
    .section02 .marea .con .small li {width:100%; box-shadow: none; margin: 0; border-bottom: 1px solid #eee; padding:20px; }
    .section02 .marea .con .small li:first-child {margin:0;border-top:2px solid #333;}
    .section02 .marea .con .small li h3 {font-size:1.3rem;}
    .section02 .marea .small li .txt p {font-size: 1rem; margin-top:15px;}

    .section02 .marea .big .txt {margin:20px 0 10px 0;border-bottom: 0;background: #277346;margin: 0 0 30px 0;padding: 30px;}
    .section02 .marea .big .txt a h2 {color:#fff; font-size:1.5rem; font-weight: 500;}
    .section02 .marea .big .txt a p {color:#a3ebc1; font-weight: lighter;}


    .section03 .tab_menu {display:block; border:0;}
    .section03 .tab_menu ul {flex-wrap: wrap;justify-content: center;}
    .section03 .tab_menu a.more {display: none;}
    .section03 .tab_menu li {position:relative;width:auto;margin:8px 15px;}
    .section03 .tab_menu li:before {content: "";position:absolute;top:10px;left: -15px;display: inline-block;width: 4px;height: 4px;background: #ccc;border-radius: 100%;}
    .section03 .tab_menu li a:before {bottom:-5px;}
    .section03 .tab_menu li.active a:before {bottom:-5px;}
    .section03 .tab_menu li:first-child:before {display: none; margin-left:0;}
    .section03 .tab_menu li a {padding:0;}

    .section03 .tab_contents_s {margin-top:0;}
    /*.section03 .tab_menu li.active {border-bottom:3px solid #21a089;}*/
    .section03 .tab_menu li a {font-size: 1.2rem;color: #868695;font-weight: 600;}
    .section03 .tab_contents_s ul li:first-child {}
    .section03 .tab_contents_s ul li a h3 {font-size: 18px;}
    .section03 .tab_contents_s ul li a p {font-size:15px;}
    .section03 .tab_contents_s ul li span h2 {font-size:32px;}
    .section03 .tab_menu li.active a {border-bottom:0;}



    /*DU소식 및 학사일정*/
    .section04 .calendar {margin:30px auto 0 auto;}
    .section04 .calendar .con {margin-top:10px;}
    .section04 .calendar .title ul {overflow:auto; justify-content: inherit; padding: 0 15px;}
    /*.news .img li {display: block;width: 100% !important; height:100%; }*/


    /*DU공지사항*/
    .section03 div.marea .mtit a {display: block;}
    .section03 .tab_menu {margin:25px 0 20px 0;}
    .instar_align_center .instar_thumbnail {height:15rem;}
    .section05 .sns .news ul li a .content {padding:20px;}


    /*sns*/

    .section04 .news,div.marea {width:90%;}
    .section05 .news .img li {width:100%;}
    .section05 .sns {width:90%;}
    .section05 .sns .news ul li a .content {min-height: 11rem;}




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

    div.marea .mtit {margin-bottom: 30px;}
    div.marea .mtit a {width:35px; height:35px;}
    div.marea .mtit a i {font-size: 1.3rem;}

    .quick .qarea > div {width: 100%; box-sizing: border-box; height:155px; }
    .quick .qarea > div.q4 > ul > li > a > span {display: block;}
    .quick .qarea > div > p.tit {font-size: 18px;}
    .quick .qarea > div > ul > li > a,.quick .qarea > div.q3 > ul > li > a {padding: 5px;}
    .quick .qarea > div,quick .qarea > div.q3 {padding:  15px 5px; font-size: 12px;}
    .quick .qarea > div.q4 { padding: 20px 5px; height: 185px}

    .quick .qarea ul li{width: calc(100% / 4)}
    .quick .qarea ul li span {width: 60px; height: 60px; line-height:60px;}
    .quick .qarea ul li span img{height: 30px;}
    .show-more {padding-top: 10px;}
    .section1 .marea .dustory > ul > li:first-child {margin-left: 0;}
    .section1 .marea .dustory > ul > li  {width: 100%;display: block; margin: 0 0 5px;}
    .section3 .sns_list ul li {width: 100%; box-sizing: border-box; margin-left: 0; margin-bottom: 10px;}
    .section3 {padding: 50px 15px;}
    .section3 .sns_list ul li+li { padding-left: 0;}
    .section3 .sns_list ul li.first {padding-left: 0;}
    .section3 .sns_list ul li:nth-child(2),.section3 .sns_list ul li:nth-child(5), .section3 .sns_list ul li:nth-child(6) {padding-left: 0;}
    .caroufredsel_wrapper       {width:100%; max-height:205px }
    .caroufredsel_wrapper li    {width:100%; max-height:205px }
    .caroufredsel_wrapper img   {width:100%; max-height:205px }

    .vr_area #btn_vr{top:170px;}
    .mvisual {/* height:350px; */}


    /*DU 인물*/
    div.marea .mtit h2 {font-size:2.2rem;}
    div.marea .mtit p {display: none;}
    .section01 div.marea .mtit a.m_more {width:40px; height:40px;}
    .section01 .marea .big {margin-top:30px;}
    .section01 .marea .big a {height:230px;}
    .section01 .marea .big .txt {padding:30px;}
    .section01 .marea .big .txt a h2,.section02 .marea .big .txt a h2 {font-size:1.2rem; line-height: 2rem;}
    .section01 .marea .con ul {display: flex !important; margin-top:30px;}
    .section01 .marea .con ul li .txt h3 {font-size: 1.2rem;}


    /*DU 스토리*/
    .s_tit {font-size:.9rem;}

    .section02 .marea .big a {height:230px;}
    .section02 .marea .small li .txt h2 {margin:10px 0; color:#fff;}
    .section02 .marea .small li .thumb {height:10rem;}
    .section02 .marea .con .small li h3 {font-size: 1.2rem;}


    /*DU공지사항*/
    .section03 .tab_menu {margin:20px 0;}
    .section03 .tab_menu li {margin-left:5px;}
    .section03 .tab_menu li:before {display: none;}
    .section03 .tab_menu li a {font-size:1.1rem;}

    .section03 .tab_contents_s ul li {width:calc(50% - 6px); min-height:165px;height: auto;}
    .section03 .tab_contents_s ul li a {padding:20px;}
    .section03 .tab_contents_s ul li a span {padding:5px 10px; font-size:.9rem; margin-bottom:15px;}
    .section03 .tab_contents_s ul li a h3 {font-size:1.1rem;}
    .section03 .tab_contents_s ul li a p.date {font-size: 1rem; bottom:20px; left:20px;}

    .section04 div.marea .mtit h2,.section05 div.marea .mtit h2 {text-align: center;}
    .section04 div.marea .mtit,.section05 div.marea .mtit {display: block;}


    /*DU소식 및 학사일정*/
    .section04 .calendar .con ul li { margin:5px; width:calc(100%/2 - 10px); }
    .section04 .calendar .con ul li:first-child {margin:5px;}
    .section04 .calendar .con ul li a {min-height: 152px;}
    .section04 .calendar .con ul li a p {font-size: 1rem;}
    .section04 .calendar .title span {width:85px;}
    .section04 div.marea .bullet {margin-bottom:20px;}
    .section04 div.marea .btn li {width:40px; height:40px; line-height: 40px;}
    .section04 div.marea .btn li a i {font-size: 1.3rem;}
    .no_data i {font-size:3rem;}
    .no_data p {font-size:1.1rem;}



    /*SNS*/
    .sns_link {margin-bottom:10px;}
    .sns_link a {width:40px; height:40px; background-size: cover !important;}
    .section05 .news .img li {width:100%; margin:20px 0 0 0;}



    #wrap .quick_menu.mobile .con .user li {width: calc(100% / 2);}



}


@media screen and (max-width: 320px){
    .quick .qarea ul li{width: calc(100% / 3); margin:5px 0;}









}


/*.popup {position:absolute; width:600px; top:50%; left:50%; transform: translate(-50%, -50%); 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 {position: relative; display: inline-block; background:#229F8C; border-radius: 50%; color:#fff; font-size:18px; text-align: center;width:35px; height:35px; line-height: 35px;}*/
/*.popup .popup_wrap p.close a:hover {text-decoration: none !important;}*/
/*.popup .popup_wrap h2 {margin:5px 0 10px 0;font-size: 1.5rem;font-weight: 600;}*/
/*.popup .popup_wrap h2 small{}*/
/*.popup .popup_wrap ul {margin:20px 0 10px 0; text-align: left; padding:0; height:auto;}*/
/*.popup .popup_wrap ul li {margin-top:5px; line-height: 24px; font-size:18px;list-style-type: none;}*/
/*.popup .popup_wrap ul li:first-child {margin-bottom:10px; padding: 10px; background: #EFF8E9; width:100% !important;}*/
/*.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 {}*/
/*.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%;font-size: 1.1rem;}*/
/*.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 .popup_wrap p.close a:before,*/
/*.popup .popup_wrap p.close a:after{content: ""; position: absolute;  top: 16px; left: 7px;  display: block;  width: 20px;  height: 0.15rem;  background: #fff;  border-radius: 1px; rotate: 45deg;}*/
/*.popup .popup_wrap p.close a:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}*/



@media screen and (max-width:767px) {
    /*.popup {width:85%; margin-left:0; padding:30px 20px;}*/
    /*.popup .popup_wrap h2{padding: 0 40px;}*/
    /*.popup .popup_wrap p.close{top:15px; right:15px;}*/
    /*.popup .popup_wrap p.close a {font-size:14px;}*/
    /*.popup .popup_wrap ul{margin-top:0;}*/
    /*.popup .popup_wrap ul li:first-child{width:95% !important;}*/
    /*.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%;}*/
}


@media screen and (max-width: 1300px) {
    [data-aos] {
        pointer-events: auto !important;
    }

    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 1 !important;
    }

    html:not(.no-js) [data-aos=fade-up] {
        transform: none !important;
    }
}