/* ======================================================================
 * layout.css
 * 241129 eun 
=========================================================================*/
.mode-mobile{display:none}
.mode-pc{display:block}

.top-banner-wrap{background-color:#0b3d92;z-index:1000;position:relative;height:120px;display:none}
.top-banner-wrap.on{display:block}
.top-banner-wrap .inner{position:relative;max-width:1800px;margin:0 auto;height:100%}
.top-banner-wrap .check-box{position:absolute;right:0;bottom:10px;display:flex;justify-content:flex-end;color:#fff;margin-top:5px}
.top-banner-wrap .check-box input[type="checkbox"] + label:before{width:16px;height:16px}
.top-banner-wrap .item{padding:10px;display:flex;align-items:center;justify-content:center}
.top-banner-wrap .item img{max-height:100%}
/*.top-banner-wrap .inner::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";width:1px;height:30px;background-color:var(--color-h)}*/
.top-banner-wrap .swiper-control{position:absolute;bottom:5px;left:0;display:flex;gap:5px;align-items:center}
.top-banner-wrap .swiper-control > *{background-color:rgba(255,255,255,.3);color:#fff;width:24px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.top-banner-wrap .swiper-control .swiper-next{border-top-right-radius:5px}
.top-banner-wrap .swiper-control .swiper-prev{border-bottom-left-radius:5px}
.top-banner-wrap .swiper-control .js-swiper-play{border-bottom-left-radius:5px;border-top-right-radius:5px}
.top-banner-wrap .img-wrap{display:flex;align-items:center;justify-content:center;height:100%}
.top-banner-wrap .btn-top-close{position:absolute;color:#fff;font-size:.875rem;right:20px;bottom:20px}
.top-banner-wrap.section-popup{background-color:transparent;height:auto}
.top-banner-wrap.section-popup .check-box{display:none}
.top-banner-wrap.section-popup .swiper-control{left:auto;right:0;z-index:10}
.top-banner-wrap.section-popup .swiper-control > *{color:var(--color-m);border:1px solid var(--color-m)}
.top-banner-wrap.section-popup .swiper-slide{display:flex;gap:20px}
.top-banner-wrap.section-popup .swiper-slide .item{flex:1;padding:0}
.top-banner-wrap.section-popup .slide-wrap{padding-bottom:50px}
.top-banner-wrap.on ~ #hd{top:120px}

#hd{position:absolute;top:0;left:0;border-bottom:1px solid rgba(255,255,255,.8);width:100%;z-index:5000;color:#fff;background-color:rgba(0,0,0,.3)}
#hd .hd-box{max-width:1800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 50px}
#hd .logo a{display:block;width:190px;height:60px;background:url('/_res/deu/www/etc/logow.svg') center/contain no-repeat;text-indent:-999%;overflow:hidden}
#hd .hd-info{display:flex;gap:40px;align-items:center}
#hd .language-wrap{display:flex;align-items:center}
#hd .language-wrap > *{font-weight:600}
#hd .language-wrap > *:last-child:hover{color:#fff}
#hd .language-wrap > *:first-child{position:relative;padding-right:15px;margin-right:15px}
#hd .language-wrap > *:first-child::after{position:absolute;right:0;width:1px;height:16px;background-color:#C7C7C7;content:"";top:50%;transform:translateY(-50%)}
#hd .language-wrap > *:last-child{color:inherit;/*#C7C7C7*/}
#hd .btn-login{width:120px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:100px;border:1px solid #fff;font-size:1.25rem;font-weight:600}
#hd .btn-login.btn-effect::before{border-radius:100px}
#hd .btn-login.btn-effect:hover::before{background-color:#fff}
#hd .btn-login.btn-effect:hover span{color:#333}
#hd .btn-search{background:url('/_res/deu/www/img/comm/ico-search.png') center no-repeat;width:31px;height:30px;text-indent:-999%;overflow:hidden}
#hd .btn-sitemap{background:url('/_res/deu/www/img/comm/ico-sitemap.png') center no-repeat;width:31px;height:26px;text-indent:-999%;overflow:hidden}
#hd .btn-menu{display:none}

.search-wrap{position:fixed;display:none;background:url('/_res/deu/www/img/comm/logo-bgw.png') rgba(11,61,145,.9) right bottom no-repeat;top:0;left:0;width:100%;z-index:100;padding:100px 0;text-align:center;color:#fff}
.search-wrap .search-wrap-inner{position:relative;width:800px;margin:0 auto}
.search-wrap .subject{font-size:48px;font-weight:600;font-family:'Paperlogy';margin-bottom:50px}
.search-wrap .tag-wrap{margin-top:50px}
.search-wrap .tag-wrap .tag{display:inline-block;border:1px solid #fff;border-radius:30px;background-color:rgba(255,255,255,.1);text-align:Center;padding:10px 30px;font-size:1.25rem;margin:5px;cursor:pointer;transition:.3s}
.search-wrap .tag-wrap .tag:hover{background-color:#fff;color:var(--color-s)}
.search-wrap .input-text{height:80px;max-height:80px;padding:20px 100px 20px 20px;font-size:1.125rem;width:100%;border-radius:50px}
.search-wrap fieldset{position:relative}
.search-wrap button{position:absolute;color:#004b9f;right:20px;top:50%;transform:translateY(-50%);font-size:3rem}
.search-wrap .js-close{position:absolute;top:20px;right:20px;font-size:2rem;color:#fff;height:auto;width:auto}

#nav-wrap .gnb{display:flex;gap:75px}
#nav-wrap .gnb-1li{flex-shrink:0}
#nav-wrap .gnb-1item{font-size:1.25rem;font-weight:600;line-height:100px}
#nav-wrap .gnb-2box{width:100vw;background-color:#fff;display:none}
.gnb-2wrap{position:absolute;top:100px;left:0;width:100vw;height:70vh;display:none;background-color:#fff;box-shadow:0px 9px 19px rgba(0, 0, 0, .2)}
.gnb-2wrap .inner{display:flex;height:100%}
.gnb-2wrap .img-wrap{position:relative;width:25%;padding:50px;background:url('/_res/deu/www/img/comm/logo-bg.png') right bottom no-repeat;flex-shrink:0}
.gnb-2wrap .img-wrap::before{position:absolute;background:url('/_res/deu/www/img/comm/logo-c01.png') center/contain no-repeat;left:50px;bottom:50px;content:"";width:200px;height:240px;display:none}
.gnb-1li:nth-child(2) .gnb-2wrap .img-wrap::before{background-image:url('/_res/deu/www/img/comm/logo-c02.png')}
.gnb-1li:nth-child(3) .gnb-2wrap .img-wrap::before{background-image:url('/_res/deu/www/img/comm/logo-c03.png')}
.gnb-1li:nth-child(4) .gnb-2wrap .img-wrap::before{background-image:url('/_res/deu/www/img/comm/logo-c04.png')}
.gnb-1li:nth-child(5) .gnb-2wrap .img-wrap::before{background-image:url('/_res/deu/www/img/comm/logo-c05.png')}
.gnb-1li:nth-child(6) .gnb-2wrap .img-wrap::before{background-image:url('/_res/deu/www/img/comm/logo-c06.png')}
.gnb-2wrap .img-wrap .subject{color:var(--color-s);font-size:40px;font-weight:600;font-family:'Paperlogy'}
.gnb-2wrap .img-wrap .subject-con{line-height:1.4;margin-top:20px;color:#111}
.gnb-2wrap .txt-wrap{position:relative;flex-grow:1;padding:30px 100px;background-color:var(--color-s)}
.gnb-2wrap .txt-wrap::before{position:absolute;content:"DONG-EUI UNIVERSITY";opacity:.15;font-size:100px;color:var(--color-s);font-weight:800;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;bottom:20px;right:0}
.gnb-2wrap .gnb-2ul{display:flex;flex-wrap:wrap;gap:50px;position:relative;z-index:10}
.gnb-2wrap .gnb-2li{width:calc(25% - 38px)}
.gnb-2wrap .gnb-2li:has(.gnb-3item:hover) .gnb-2item{background-color:#fff;color:var(--color-s);padding:10px 20px}
.gnb-2wrap .gnb-2item{font-size:1.45rem;font-weight:600;padding:10px 0;border-radius:10px;display:block;width:100%;transition:none;transition:padding .3s}
.gnb-2wrap .gnb-2item:focus-visible{outline:2px solid #fff}
.gnb-2wrap .gnb-2item span{display:flex;gap:5px;align-items:baseline}
.gnb-2wrap .gnb-2item[target="_blank"] span::after{background:url('/_res/deu/www/img/comm/ico-new.png') center/contain no-repeat;content:"";width:17px;height:16px;flex-shrink:0}
.gnb-2wrap .gnb-2li:has(.gnb-3item:hover) .gnb-2item[target="_blank"]:hover span::after{background-image:url('/_res/deu/www/img/comm/ico-newc.png')}
.gnb-2wrap .gnb-3wrap{margin-top:10px}
.gnb-2wrap .gnb-3item{position:relative;display:inline-block;color:#A4BAC4/*#9CAFB8*/;padding:6px 0;font-size:1.125rem;transition:none}
.gnb-2wrap .gnb-3item::after{position:absolute;bottom:0;width:0;height:1px;background-color:#fff;transition:.3s;content:""}
.gnb-2wrap .gnb-3item span{display:flex;gap:5px;align-items:baseline}
.gnb-2wrap .gnb-3item[target="_blank"] span::after{background:url('/_res/deu/www/img/comm/ico-new.png');content:"";width:17px;height:16px;opacity:.6}
.gnb-2wrap .gnb-3item:hover{color:#fff}
.gnb-2wrap .gnb-3item:hover::after{width:100%}
.gnb-2wrap .gnb-3item:hover span::after{opacity:1}
.gnb-2wrap .gnb-3item:focus-visible{outline:2px solid #fff}

#aside{position:absolute;right:0;top:30%;z-index:2000;border-top-left-radius:30px;border-bottom-left-radius:30px;overflow:hidden;display:flex;background-color:#F7F7F8;transition:.3s;box-shadow:5px 5px 20px rgba(0,0,0,.2)}
#aside.on{right:0}
#aside.on .aside-subject span::before{content:"\e905"}
#aside .aside-subject{width:50px;color:#fff;background-color:var(--color-s);display:flex;padding:70px 5px;display:none}
#aside .aside-subject span{transform:rotate(90deg);white-space:nowrap;transform-origin:30px top;display:flex;gap:10px}
#aside .aside-subject span::before{content:"\e915";font-family:'xeicon';transition:.3s}
#aside .aside-con{padding:20px 10px;display:flex;flex-direction:column;gap:20px;text-align:center;width:110px}
#aside .caption{display:block;font-weight:500;font-size:.875rem}
#aside .aside-tit{font-weight:500;color:var(--color-s)}
#aside .ico{width:35px;height:35px;background:url('/_res/deu/www/img/main/ico-q01.png') center no-repeat;margin:0 auto}
#aside .item{border-radius:50%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column}
#aside .item:nth-of-type(2) .ico{background-image:url('/_res/deu/www/img/main/ico-q02.png')}
#aside .item:nth-of-type(3) .ico{background-image:url('/_res/deu/www/img/main/ico-q03.png')}
#aside .item:nth-of-type(4) .ico{background-image:url('/_res/deu/www/img/main/ico-q04.png')}
#aside .item:hover{background-color:var(--color-s);color:#fff}
#aside .item:hover .ico{background-image:url('/_res/deu/www/img/main/ico-q01on.png')}
#aside .item:hover:nth-of-type(2) .ico{background-image:url('/_res/deu/www/img/main/ico-q02on.png')}
#aside .item:hover:nth-of-type(3) .ico{background-image:url('/_res/deu/www/img/main/ico-q03on.png')}
#aside .item:hover:nth-of-type(4) .ico{background-image:url('/_res/deu/www/img/main/ico-q04on.png')}
#aside .aside-info-wrap{display:none;position:fixed;top:50%;transform:translateY(-50%);max-height:80vh;width:650px;background-color:#fff;z-index:10;right:120px;border-top-right-radius:20px;border-bottom-left-radius:20px;box-shadow:5px 5px 20px rgba(0,0,0,.3)}
#aside .aside-info-wrap .subject{background-color:var(--color-h);color:#fff;padding:20px;font-size:1.25rem;font-family:'Paperlogy'}
#aside .aside-info-wrap .subject strong{position:relative;margin-left:10px}
#aside .aside-info-wrap .subject strong::before{position:absolute;top:-8px;left:-6px;content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:10px solid #fff;transform:rotate(145deg)}
#aside .aside-info-wrap .info{display:flex;padding:20px;flex-wrap:wrap;gap:10px}
#aside .aside-info-wrap .info-item{border:1px solid var(--line-b);font-size:.85em;width:calc(33.333% - 7px);height:40px;display:flex;align-items:center;padding:5px 2px;word-break:keep-all;text-align:left;justify-content:center}
#aside .aside-info-wrap .info-item span{display:flex;align-items:center}
#aside .aside-info-wrap .info-item[target='_blank'] span::after{font-size:0;font-family:"xeicon";content:"\e980";transition:.15s}
#aside .aside-info-wrap .info-item[target='_blank']:hover span{gap:5px}
#aside .aside-info-wrap .info-item:hover{background-color:var(--color-h);color:#fff}
#aside .aside-info-wrap .info-item:hover span::after{font-size:1rem}
#aside .aside-info-wrap .btn-close{position:absolute;top:-10px;right:-10px}
.btn-close{background:url('/_res/deu/_share/img/ic_close.png') var(--color-m) center/16px no-repeat;text-indent:-999%;overflow:hidden;position:absolute;right:20px;top:12px;width:40px;height:40px;border:5px solid #EEF4FF;border-top-left-radius:10px;border-radius:50%}

#ft{position:relative;z-index:1000}
#ft::before{background:url('/_res/deu/www/img/main/main-bg.png') bottom center/contain no-repeat;width:105%;transform:translateX(-50%);aspect-ratio:1919/374;content:"";top:-280px;position:absolute;left:50%}

body:has(.sub-con) #ft{background-color:#011C48;padding-top:100px;border-top-right-radius:150px;color:#fff}
body:has(.sub-con) #ft::before{display:none}
body:has(.sub-con) #ft .ft-logo{background-image:url('/_res/deu/www/etc/logow.svg')}
body:has(.sub-con) #ft .ft-link .item:first-child{color:var(--color-p)}
body:has(.sub-con) #ft .ft-link .item{transition:none}
body:has(.sub-con) #ft .ft-link .item:focus-visible{outline:2px solid #fff}
body:has(.sub-con) #ft .ft-site-link{color:#fff;border-color:#fff}
#ft .minner{padding:0 0 100px 0;position:relative;z-index:10}
#ft .ft-link{display:flex;gap:50px;font-size:1.25rem}
#ft .ft-link .item:first-child{font-weight:500;color:var(--color-h)}
#ft .ft-info{position:relative;display:flex;gap:50px;align-items:center;margin-top:50px}
#ft .ft-logo{width:200px;aspect-ratio:60/19;flex-shrink:0;background:url('/_res/deu/www/etc/logo.svg') center/cover no-repeat;text-indent:-999%;overflow:hidden}
#ft .ft-site-link{position:absolute;right:0;top:50%;transform:translateY(-50%);width:240px;height:60px;border-radius:100px;border:1px solid var(--color-s);color:var(--color-s);font-weight:500;padding:0 30px;display:flex;align-items:center}
#ft .ft-site-link span{display:flex;justify-content:space-between;align-items:center;width:100%}
#ft .ft-site-link span::after{font-family:'xeicon';content:"\e941"}
#ft .ad{display:flex;gap:10px;flex-direction:column}
#ft .ad p{display:flex;gap:10px}
#ft .ad copy{opacity:.6}
#btn-top{position:fixed;right:20px;bottom:20px;animation:toUp 1s ease infinite;display:none;z-index:1000}
#btn-top .i{display:flex;width:60px;height:60px;align-items:center;justify-content:center;color:#fff;background-color:rgb(11 61 145 / 60%);font-size:2rem;border-radius:50%}
#btn-top:focus-visible{outline:2px solid #fff;border:1px solid #000}

/* main */
.minner{width:1400px;margin:0 auto}
.main-wrap .h2-wrap{margin-bottom:50px}
.main-wrap .h2-tit{font-family:'Paperlogy';font-size:60px;font-weight:600}
.main-wrap .h2-con{font-size:24px;margin-top:20px}
.main-wrap .h3-con{font-size:20px;margin-top:20px}
.main-wrap .h3-tit{position:relative;font-family:'Paperlogy';font-size:44px;font-weight:500;margin-bottom:30px;padding-left:20px}
.main-wrap .h3-tit::before{position:absolute;left:0;top:5px;width:8px;height:40px;background-color:var(--color-s);content:""}
.main-wrap .btn-more{display:block;width:50px;height:50px;text-indent:-999%;overflow:hidden;border-radius:50%;border:1px solid var(--color-s);background:url('/_res/deu/www/img/main/ico-plus.png') center no-repeat;transition:.3s}
.main-wrap .btn-more:hover{background-image:url('/_res/deu/www/img/main/ico-plus-on.png');transform:rotate(-90deg);background-color:var(--color-s)}

.main-v{position:relative;aspect-ratio:20/9.6;width:100%;height:46vw}
.main-v .minner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;z-index:100}
.main-v .bg{position:absolute;bottom:0;width:calc(100% - 165px);left:0;height:95px;background-color:#fff;z-index:100}
.main-v .tit{font-size:78px;font-family:'Paperlogy'}
.main-v .tit strong{font-weight:600}
.main-v .stit{font-size:28px;font-weight:500;letter-spacing:10px;margin-top:10px}
.main-v .video-wrap{overflow:hidden;position:relative;width:100%;height:100%}
.main-v .video-wrap::before{position:absolute;right:0;top:0;content:"";width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:10}
/*.main-v::after{position:absolute;right:0;bottom:-5vw;content:"";width:100%;aspect-ratio: 1919/374;background:url('/_res/deu/www/img/main/main-bg.png') bottom center no-repeat;background-size:105%;z-index:10}*/
/*.main-v::after{position:absolute;right:0;bottom:-5vw;content:"";width:100%;aspect-ratio: 1919/179;background:url('/_res/deu/www/img/main/main-bg-right.png') bottom center no-repeat;background-size:100%;z-index:10}*/
.main-v::after{position:absolute;width:165px;height:95px;background:url('/_res/deu/www/img/main/main-bg-right.png') center no-repeat;content:"";z-index:100;right:0;bottom:0}
.main-v::before{position:absolute;width:195px;height:196px;background:url('/_res/deu/www/img/main/main-bg-left.png') center no-repeat;content:"";z-index:100;left:0;bottom:95px}
.main-v .item{position:relative;width:100%;height:100%;overflow:hidden;display:block}
.main-v .item img{min-height:100%;min-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none}
.main-v .item a{position:relative;display:block;width:100%;height:100%}
.main-v .item a:focus::before{position:absolute;top:0;left:0;width:100%;height:calc(100% - 5vw);border:1px solid #000;content:"";z-index:1;border-bottom-left-radius:200px}
.main-v .frm{min-height:100%;min-width:110%;aspect-ratio:2.08/1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.main-v .swiper-control{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;z-index:100;border-top-left-radius:5px;border-bottom-right-radius:5px;padding:10px}
.main-v .swiper-control .swiper-btn{font-size:1.25rem;background-color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;width:40px;aspect-ratio:1/1;color:var(--color-m)}
.main-v .swiper-control .swiper-next{border-top-left-radius:5px;border-bottom-right-radius:5px;box-shadow:5px 5px 20px rgba(0,0,0,.5)}
.main-v .swiper-control .swiper-prev{border-top-right-radius:5px;border-bottom-left-radius:5px;box-shadow:5px 5px 20px rgba(0,0,0,.5)}
.main-v .swiper-control .js-swiper-play{font-size:1.25rem;background-color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;width:40px;aspect-ratio:1/1;color:var(--color-m);border-top-right-radius:5px;border-bottom-left-radius:5px;box-shadow:5px 5px 20px rgba(0,0,0,.5)}
.main-v .swiper-control .swiper-page{display:flex;align-items:center;gap:5px}
.main-v .swiper-control .swiper-page > *{display:block;width:16px;height:16px;border-radius:50%;background-color:rgba(255,255,255,.6);cursor:pointer;box-shadow:5px 5px 20px rgba(0,0,0,.5)}
.main-v .swiper-control .swiper-page > *.swiper-pagination-bullet-active{width:70px;border-radius:10px}

.main-board{position:relative;overflow:hidden;background:url('/_res/deu/www/img/main/main-bg02.png') right bottom no-repeat;z-index:10}
.main-board .scrolling-wrapper-po{position:absolute;left:0;top:0;height:100%}
.main-board .scrolling-wrapper.vertical{width:180px;height:100%}
.main-board .scrolling-text{gap:2000px;left:70px}
.main-board .scrolling-text span{font-weight:900;font-size:180px;-webkit-text-stroke: 2px var(--color-s);transform:rotate(90deg);width:max-content;color:transparent;transform-origin:left center;white-space:nowrap;line-height:1;opacity:.6}
.main-board .board-notice-wrap{position:relative;z-index:100}
.main-board .tab-wrap{display:flex;justify-content:flex-end;gap:50px;align-items:center;margin-right:110px;margin-bottom:30px}
.main-board .tab-item{position:relative;color:#666;font-size:1.5rem;font-weight:500;padding:0 5px 10px 5px}
.main-board .tab-item::before{position:absolute;left:50%;bottom:0;background-color:var(--color-s);content:"";height:2px;width:0;transition:.3s;transform:translateX(-50%)}
.main-board .tab-item:hover::before,
.main-board .tab-item.on::before{width:100%}
.main-board .tab-item:hover,
.main-board .tab-item.on{color:var(--color-s);font-weight:600}
.main-board .board-wrap{display:flex;gap:20px;flex-wrap:wrap}
.main-board .board-wrap .item{background:url('/_res/deu/www/img/main/logo-w.png') #F7F7F8 calc(100% - 45px) calc(100% - 50px) no-repeat;border-radius:15px;padding:50px 45px;position:relative;width:calc(25% - 15px);height:400px;}
.main-board .board-wrap .item:hover{background-color:var(--color-h);color:#fff;box-shadow:5px 5px 20px rgba(0,0,0,.2)}
.main-board .board-wrap .item:hover .board-date{color:#fff}
.main-board .board-wrap .item:hover .category{color:var(--color-s);background-color:#fff}
.main-board .board-wrap .category{width:80px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#fff;background-color:#072C6A;/*var(--category-s);*/border-radius:100px}
.main-board .board-wrap .category.re{background-color:var(--category-r)}
.main-board .board-wrap .category.it{background-color:var(--category-i)}
.main-board .board-wrap .category.sc{background-color:var(--category-sc)}
.main-board .board-wrap .category.bid{background-color:var(--category-bid)}
.main-board .board-notice-wrap .btn-more{position:absolute;top:-15px;right:0}
.main-board .board-notice-wrap .board-subject{font-size:1.5rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;height:3.2em;;white-space:wrap;line-height:1.6;margin:20px 0;font-weight:600}
.main-board .board-notice-wrap .board-con{font-size:1.125rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:4.5em;;white-space:wrap;line-height:1.6;margin:20px 0}
.main-board .board-notice-wrap .board-date{position:absolute;color:#666;left:50px;bottom:50px;display:flex;gap:5px}
.main-board .board-notice-wrap .board-date::before{content:"\e9a0";font-family:'xeicon'}
.main-board .tab-con:not(:first-child){display:none}
.main-board-info{display:flex;margin:150px 0;gap:100px}
.main-board-info > *{flex:1;position:relative;max-width:calc(50% - 50px)}
.main-board-info .h2-tit{border-bottom:4px solid #222;padding-bottom:20px}
.main-board-info .slide-wrap{height:560px}
.main-board-info .swiper-slide{height:20% !important}
.main-board-info .swiper-control{position:absolute;right:0;top:12px;display:flex;gap:10px}
.main-board-info .swiper-control > *{width:50px;height:50px;flex-shrink:0;border:1px solid var(--color-s);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.25rem;color:var(--color-s);transition:.3s}
.main-board-info .swiper-control > *:not(.swiper-button-disabled):hover{color:#fff;background-color:var(--color-s)}
.main-board-info .swiper-next{margin-left:60px}
.main-board-info .btn-calander{background:url('/_res/deu/www/img/main/ico-cal.png') var(--color-s) center no-repeat;border:1px solid #333;text-indent:-999%;overflow:hidden}
.main-board-info .btn-calander:hover{background-color:var(--color-m)}
.main-board-info .js-swiper-play{position:absolute;right:120px}
.main-board-info .btn-more{position:relative}
.main-board-info .slide-wrap .item{position:relative;display:flex;gap:50px;border-bottom:1px solid #ddd;padding:20px;height:100%;align-items:center;font-size:1.25rem}
.main-board-info .slide-wrap .item:hover{background-color:#fafafb}
.main-board-info .slide-wrap .item:hover .dt{background-color:var(--color-s);color:#fff}
.main-board-info .slide-wrap .item:focus-visible::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:1px solid #000}
.main-board-info .slide-wrap .dt{width:150px;height:100px;color:var(--color-s);display:flex;align-items:center;justify-content:center;flex-direction:column;;border-radius:10px;transition:.3s;flex-shrink:0}
.main-board-info .slide-wrap .day{font-size:2.25em;font-weight:600}
.main-board-info .slide-wrap .info .detail{font-weight:600;margin-bottom:10px;display:block}
.main-board-info .edu-quick-wrap{display:flex;gap:20px;margin-top:20px}
.main-board-info .edu-quick-wrap .item{border:1px solid #ddd;border-radius:15px;padding:30px;height:260px;background:url('/_res/deu/www/img/main/img-char01.png') #fff calc(100% - 30px) calc(100% - 30px) no-repeat;flex:1}
.main-board-info .edu-board-wrap ul{flex-direction:column;display:flex;height:calc(100% - 375px)}
.main-board-info .edu-board-wrap li{flex:1}
.main-board-info .edu-board-wrap .item{display:flex;gap:20px;border-bottom:1px solid #ddd;padding:20px;height:100%;align-items:center;font-size:1.25rem}
.main-board-info .edu-board-wrap .item:hover{color:var(--color-s);background-color:#fafafb}
.main-board-info .edu-board-wrap .btn-more{position:absolute;right:0;top:12px}
.main-board-info .edu-quick-wrap .subject{font-family:'Paperlogy';font-size:1.9rem;font-weight:600}
.main-board-info .edu-quick-wrap .item:last-child{background-image:url('/_res/deu/www/img/main/img-char02.png')}
.main-board-info .edu-quick-wrap .item:hover{animation:tomove 1s ease infinite;border-color:var(--color-s)}
.main-board-info .edu-quick-wrap .item:hover .more{gap:15px}
.main-board-info .edu-quick-wrap .more{display:flex;gap:10px;align-items:center;color:#666;margin-top:10px;transition:.3s}
.main-board-info .edu-quick-wrap .more::after{font-family:'xeicon';content:"\e940"}

.main-popup{padding-bottom:50px}
.main-popup .swiper-slide:only-child{width:100%}
.main-popup .swiper-slide:first-child:nth-last-child(2),
.main-popup .swiper-slide:first-child:nth-last-child(2) ~ .swiper-slide{width:calc(50% - 10px) !important}
.main-popup .swiper-slide:first-child:nth-last-child(n+3),
.main-popup .swiper-slide:first-child:nth-last-child(n+3) ~ .swiper-slide{width:calc(33.333% - 15px) !important}

.main-service{padding:150px 0;background-color:#F1F4F9;position:relative}
.main-service .minner{display:flex;align-items:center;gap:90px;position:relative;z-index:100}
.main-service .input-search{position:relative;height:80px;width:540px}
.main-service .input-text{height:100%;width:100%;border:0;padding:20px 30px;border-radius:100px;overflow:hidden;background-color:#fff}
.main-service .btn-search{position:absolute;background:url('/_res/deu/www/img/main/ico-searchc.png') center no-repeat;width:40px;height:40px;text-indent:-999%;overflow:hidden;right:30px;top:50%;transform:translateY(-50%)}
.main-service .item{height:177px;aspect-ratio:1/1;background-color:#fff;border-radius:15px;display:flex;align-items:center;flex-direction:column;gap:20px;text-align:center;justify-content:center}
.main-service .ico-wrap{display:flex;gap:20px;flex-wrap:wrap}
.main-service .ico{position:relative;background:url('/_res/deu/www/img/main/ico-m01.png') center/contain no-repeat;width:60px;height:60px}
.main-service .ico::before{position:absolute;width:100%;height:30px;border-radius:70%;background-color:transparent;content:"";bottom:0;left:0}
.main-service .item:hover .ico::before{background-color:rgba(255,255,255,.2)}
.main-service .item:nth-child(2) .ico{background-image:url('/_res/deu/www/img/main/ico-m02.png')}
.main-service .item{color:var(--color-s)}
.main-service .item:nth-child(3) .ico{background-image:url('/_res/deu/www/img/main/ico-m03.png')}
.main-service .item:nth-child(4) .ico{background-image:url('/_res/deu/www/img/main/ico-m04.png')}
.main-service .item:nth-child(5) .ico{background-image:url('/_res/deu/www/img/main/ico-m05.png')}
.main-service .item:nth-child(6) .ico{background-image:url('/_res/deu/www/img/main/ico-m06.png')}
.main-service .item:nth-child(7) .ico{background-image:url('/_res/deu/www/img/main/ico-m07.png')}
.main-service .item:nth-child(8) .ico{background-image:url('/_res/deu/www/img/main/ico-m08.png')}
.main-service .caption{font-size:1.125rem;font-weight:500}
.main-service .item:hover{background-color:var(--color-s);box-shadow:5px 5px 20px rgba(0,0,0,.2);color:#fff}
.main-service .item:hover .ico{background-image:url('/_res/deu/www/img/main/ico-m01on.png')}
.main-service .item:nth-child(2):hover .ico{background-image:url('/_res/deu/www/img/main/ico-m02on.png')}
.main-service .item:nth-child(3):hover .ico{background-image:url('/_res/deu/www/img/main/ico-m03on.png')}
.main-service .item:nth-child(4):hover .ico{background-image:url('/_res/deu/www/img/main/ico-m04on.png')}
.main-service .item:nth-child(5):hover .ico{background-image:url('/_res/deu/www/img/main/ico-m05on.png')}
.main-service .item:nth-child(6):hover .ico{background-image:url('/_res/deu/www/img/main/ico-m06on.png')}
.main-service .item:nth-child(7):hover .ico{background-image:url('/_res/deu/www/img/main/ico-m07on.png')}
.main-service .item:nth-child(8):hover .ico{background-image:url('/_res/deu/www/img/main/ico-m08on.png')}
.main-service .scrolling-wrapper-po{position:absolute;color:var(--color-s);opacity:.05;left:0;bottom:0;width:100%}
.main-service .scrolling-wrapper{height:180px}
.main-service .scrolling-text{gap:100px}
.main-service .scrolling-wrapper .scrolling-text span{font-size:180px;font-weight:900;line-height:1;white-space:nowrap}
.main-service .tag{margin-top:20px;display:flex;gap:10px;justify-content:center}
.main-service .tag .tag-item{display:inline-block;padding:5px 20px;border-radius:30px;border-bottom:1px solid var(--color-m);color:#fff;background-color:var(--color-m)}
.main-service .tag .tag-item:hover{background-color:var(--color-h)}

.main-news{position:relative;background-color:#F1F4F9;padding-bottom:200px}
.main-news .h2-wrap{margin-bottom:0}
.main-news .minner{display:flex;flex-direction:column}
.main-news .inner{position:relative}
.main-news .inner:nth-of-type(3){margin:100px 0}
.main-news-rss{border-radius:15px;overflow:hidden}
.main-news-rss .item{background-color:#fff;padding:30px 80px;display:flex;gap:20px;font-size:1.25rem;align-items:center;position:relative}
.main-news-rss .item:focus-visible::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #000;content:"";border-radius:15px}
.main-news-rss .item .badge{color:#fff;background-color:var(--color-h);min-width:165px;height:60px;border-radius:100px;display:flex;align-items:center;justify-content:center;font-weight:600}
.main-news-rss .item .board-subject{font-weight:500}
.main-news-rss .item:hover{box-shadow:5px 5px 20px rgba(0,0,0,.2)}
.main-news-rss .board-date{color:#6C6C6C}
.main-news-rss .swiper-control{display:flex;gap:10px;position:absolute;top:0;right:0}
.main-news-rss .swiper-control > *{width:50px;height:50px;flex-shrink:0;border:1px solid var(--color-s);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;color:var(--color-s);transition:.3s}
.main-news-rss .swiper-control > *:hover{color:#fff;background-color:var(--color-s)}
.main-news-rss .swiper-control .js-swiper-play{margin-right:10px}
/*..today-slide{position:absolute;right:0;top:50px;width:100%;display:flex;align-items:flex-end;gap:100px;justify-content:space-between}
.today-slide .thumb-slide{width:520px;height:150px}
.today-slide .thumb-slide .item{width:100%;height:100%;border-radius:15px;overflow:hidden;position:relative}
.today-slide .thumb-slide .item::before{position:absolute;top:0;left:0;border-radius:15px;width:100%;height:100%;content:"";border:5px solid transparent;z-index:10;transition:.3s}
.today-slide .thumb-slide .swiper-slide-thumb-active .item::before,
.today-slide .thumb-slide .item:hover::before{border:5px solid var(--color-s)}
.today-slide .thumb-slide .board-img{height:150px}
.main-today{height:490px;overflow:hidden}
.main-today .h3-wrap{margin-top:75px}
.today-org{display:flex;flex-direction:column-reverse;gap:20px;width:700px}
.today-org .item{position:relative;}
.today-org .item .board-img{height:415px;flex-shrink:0;border-radius:15px;overflow:hidden;display:block}
.today-org .item .txt{position:absolute;right:0;bottom:20px;z-index:10;width:calc(100% - 50px)}
.today-org .item .board-subject{background-color:#f1f4f9;padding:20px;font-size:1.125rem;font-weight:500;border-bottom-left-radius:15px;display:block}
.today-org .swiper-control{display:flex;gap:10px;justify-content:space-between;width:520px;margin-left:auto;align-items:center;position:absolute;right:0;bottom:180px}*/
.today-slide{width:100%;display:flex;align-items:flex-end;gap:100px;justify-content:space-between}
.today-slide .thumb-slide{width:520px}
.today-slide .thumb-slide .item{width:100%;height:100%;border-radius:15px;overflow:hidden;position:relative}
.today-slide .thumb-slide .board-img::before{position:absolute;top:0;left:0;border-radius:15px;width:100%;height:100%;content:"";border:5px solid transparent;z-index:10;transition:.3s}
.today-slide .thumb-slide .swiper-slide-thumb-active .board-img::before,
.today-slide .thumb-slide .item:hover .board-img::before{border:5px solid var(--color-s)}
.today-slide .thumb-slide .board-img{width:100%;aspect-ratio:3/2;border-radius:15px;overflow:hidden;height:170px/* 타우젠브라우저 대응 */}
.today-slide .board-subject{font-size:1.25rem;margin-top:20px}
.main-today{overflow:hidden}
.main-today .h3-wrap{margin-top:75px}
.today-org{display:flex;flex-direction:column-reverse;gap:20px;width:700px}
.today-org .item{position:relative;}
.today-org .item .board-img{flex-shrink:0;border-radius:15px;overflow:hidden;display:block;width:100%;aspect-ratio:3/2;height:466px/* 타우젠브라우저 대응 */}
.today-org .item .board-img:focus-visible::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:1px solid #000}
.today-org .item .txt{position:absolute;right:0;bottom:50px;z-index:10;width:calc(100% - 50px)}
.today-org .item .board-subject{background-color:#f1f4f9;padding:20px;font-size:1.125rem;font-weight:500;border-bottom-left-radius:15px;display:block}
.today-org .swiper-control{display:flex;gap:10px;justify-content:space-between;width:520px;margin-left:auto;align-items:center;position:absolute;right:0;bottom:240px}
.today-org .swiper-control .btn-wrap{display:flex;gap:10px}
.today-org .swiper-control .btn-wrap > *{width:50px;height:50px;flex-shrink:0;border:1px solid var(--color-s);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;color:var(--color-s);transition:.3s}
.today-org .swiper-control .btn-wrap > *:hover{color:#fff;background-color:var(--color-s)}
.today-org .js-swiper-play{margin-right:10px}
.today-org .swiper-page{display:flex;gap:10px}
.today-org .swiper-pagination-bullet{width:12px;height:12px;border-radius:50%;background-color:#BEC2C6;cursor:pointer}
.today-org .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color-s)}

.main-sns{position:relative}
.main-sns::before{position:absolute;right:-40px;top:-40px;background:url('/_res/deu/www/img/main/ico-bg.png') center/contain no-repeat;width:135px;height:135px;content:"";animation:spin 10s linear infinite}
.main-sns .h3-wrap{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:50px;position:relative}
.main-sns .h3-wrap .h3-tit{margin-bottom:0}
.main-sns .btn-wrap{display:flex;gap:20px}
.main-sns .btn-wrap .item{color:#fff;font-size:1.5rem;border-radius:15px;width:260px;height:80px;display:flex;gap:10px;align-items:center;font-weight:500;background-color:var(--sns-f);justify-content:center}
.main-sns .btn-wrap .item::before{width:40px;height:40px;background:url('/_res/deu/www/img/main/ico-facebook.png') center/contain no-repeat;content:""}
.main-sns .btn-wrap .item:nth-child(2){background:linear-gradient(90deg, #C8387C 0%, #F07915 100%)}
.main-sns .btn-wrap .item:nth-child(3){background-color:var(--sns-y)}
.main-sns .btn-wrap .item:nth-child(2)::before{background-image:url('/_res/deu/www/img/main/ico-insta.png')}
.main-sns .btn-wrap .item:nth-child(3)::before{background-image:url('/_res/deu/www/img/main/ico-youtube.png')}
/*.main-sns .btn-wrap .item:nth-child(4){background-color:var(--sns-b)}
.main-sns .btn-wrap .item:nth-child(4)::before{background-image:url('/_res/deu/www/img/main/ico-blog.png')}*/
.main-sns .btn-wrap .item:hover{box-shadow:5px 5px 20px rgba(0,0,0,.5)}
.sns-inner{display:flex;gap:20px}
.sns-inner .item{flex:1;position:relative;overflow:hidden}
.sns-inner .item img{transition:.3s}
.sns-inner .item:hover img{transform:scale(1.1)}
	
.scrolling-wrapper{position:relative;overflow:hidden}
.scrolling-wrapper.vertical .scrolling-text{flex-direction:column}
.scrolling-text{position:absolute;display:flex}
.scrolling-wrapper.vertical {width: 200px; /* 원하는 너비로 조정 */height: 200px; /* 원하는 높이로 조정 */}

/* sub */
.cinner{width:1400px;margin:0 auto}
.sub-v{position:relative;background:url('/_res/deu/www/img/sub/sub-bg.png') #F6F9FF left bottom no-repeat;height:385px;margin-top:100px} 
.sub-v .cinner{display:flex;align-items:center;height:100%}
.sub-v .h2-tit{font-family:'Paperlogy';font-weight:600;font-size:60px;color:#333}
.sub-v .h2-tit::before{background:url('/_res/deu/www/img/sub/ico-sarrow.png') center/cover no-repeat;width:73px;height:35px;content:"";display:block;margin-bottom:20px;animation:toRight 1s ease}
.sub-v::after{background:url('') center/cover no-repeat;content:"";aspect-ratio:10/4;height:100%;position:absolute;top:0;right:0;border-top-left-radius:100px;overflow:hidden;object-fit:cover;z-index:20}
.sub-v.s00::after{background-image:url('/_res/deu/www/img/sub/sub-v01.png')}
.sub-v.s01::after{background-image:url('/_res/deu/www/img/sub/sub-bg06.jpg')}
.sub-v.s02::after{background-image:url('/_res/deu/www/img/sub/sub-v03.jpg')}
.sub-v.s03::after{background-image:url('/_res/deu/www/img/sub/sub-v02.jpg')}
.sub-v.s04::after{background-image:url('/_res/deu/www/img/sub/sub-v04.jpg')}
.sub-v.s05::after{background-image:url('/_res/deu/www/img/sub/sub-v05.jpg')}
.sub-v.s0undefined::after{background-image:url('/_res/deu/www/img/sub/sub-bg06.jpg')}

.sub-nav{position:relative;background-color:#EEF3FE;font-family:'Paperlogy';transform:translateY(-70px);z-index:10}
.sub-nav .cinner{position:relative}
.sub-nav .sub-1ul{display:flex;align-items:center}
.sub-nav .sub-1li{position:relative;margin-right:30px}
.sub-nav .sub-1li:last-child .sub-1item{color:var(--color-m)}
.sub-nav .sub-1li:first-child,
.sub-nav .sub-1li:last-child{margin-right:0}
.sub-nav .sub-1li:first-child .sub-1item{min-width:auto;text-indent:-999%;padding:0;width:20px}
.sub-nav .sub-1li:first-child .sub-1item:before{position:absolute;content:"";background:url('/_res/deu/www/img/sub/ico-home.png') center no-repeat;width:21px;height:21px;left:0;top:50%;transform:translateY(-50%)}
.sub-nav .sub-1li:first-child .sub-1item:after{display:none}
.sub-nav .sub-1item{position:relative;display:flex;align-items:center;height:70px;color:#333;font-size:1rem;padding-left:10px;font-weight:600;padding-right:30px;min-width:140px}
.sub-nav .sub-1item:after{position:absolute;right:0;font-family:'xeicon';content:"\e942";top:50%;transform:translateY(-50%);transition:.3s}
.sub-nav .sub-2ul{display:none;position:absolute;top:70px;border:1px solid #eef3fe;background-color:#fff;z-index:10;width:100%;border-bottom-right-radius:20px;overflow:hidden}
.sub-nav .sub-2item{display:block;padding:15px;font-size:.975rem;color:#333;white-space:nowrap}
.sub-nav .sub-2item:focus-visible{position:relative}
.sub-nav .sub-2item:focus-visible::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;border:1px solid #000}
.sub-nav .sub-2li:not(:last-child) .sub-2item{border-bottom:1px solid #f1f1f1}
.sub-nav .sub-2item.active,
.sub-nav .sub-2item:hover{background-color:#f6f9ff;color:vaR(--color-m)}
/*.sub-nav .sub-1li:nth-child(n + 2) .sub-1item.on{background-color:#0066d8;color:#fff}*/
.sub-nav .sub-1li:nth-child(n + 2) .sub-1item.on:after{transform:rotate(180deg) translateY(50%)}

.sub-info .cinner{position:relative;border-bottom:1px solid #ddd;padding:50px 0}
.sub-info .h3-tit{color:#333;font-size:46px;font-weight:600;text-align:center;font-family:'Paperlogy'}

.sub-nav-info{position:absolute;right:0;bottom:-1px;display:flex;gap:10px}
.sub-nav-info .item{display:block;width:50px;height:50px;border:1px solid #e7e7e7;border-top-left-radius:20px;background:url('/_res/deu/www/img/sub/ico-s01.png') center no-repeat;text-indent:-999%;overflow:hidden;transition:.3s}
.sub-nav-info .item:nth-child(2){background-image:url('/_res/deu/www/img/sub/ico-s02.png')}
.sub-nav-info .item:nth-child(3){background-image:url('/_res/deu/www/img/sub/ico-s03.png')}
.sub-nav-info .item.on,
.sub-nav-info .item:hover{border-color:var(--color-m)}
.sub-nav-info .sns-share-wrap{position:relative;display:inline-block}
.sub-nav-info .sns-share{position:absolute;display:none;background-color:#fff;border:1px solid var(--color-m);padding:15px;top:57px;right:0;z-index:10;width:max-content;border-top-left-radius:20px}
/*.sub-nav-info .sns-share:before{position:absolute;right:17px;top:-6px;width:10px;height:10px;border-top:1px solid var(--color-m);border-right:1px solid var(--color-m);transform:rotate(-45deg);content:"";background-color:#fff}*/
.sub-nav-info .sns-share ul{display:flex;align-items:center;justify-content:center;gap:10px}
.sub-nav-info .sns-share li{flex-shrink:0}
.sub-nav-info .sns-share a{display:flex;align-items:center;gap:5px;width:24px;transition:.3s;overflow:hidden}
.sub-nav-info .sns-share a img{height:24px}
.sub-nav-info .sns-share a span{flex-shrink:0}
.sub-nav-info .sns-share li:nth-child(2) a:hover{width:125px}
.sub-nav-info .sns-share li:last-child a:hover{width:115px}
.sub-nav-info .sns-share a:hover{width:140px}
.sub-nav-info .item.on + .sns-share{display:block}

.sub-con{width:1400px;margin:100px auto;font-size:1.125rem}
.sub-con p{word-break:keep-all;line-height:1.4}
.sub-con:has(.margin-zero){margin-top:0;margin-bottom:0}

/* guide */
.con-box{margin:100px auto}
.con-sbox{margin:50px auto}
.h4-tit{font-family:'Paperlogy';font-size:36px;font-weight:600;margin-bottom:30px}
.h4-tit span{position:relative;display:inline-block}
.h4-tit span::after{position:absolute;right:-5px;top:-5px;width:18px;height:18px;background-color:#5596FF;content:"";border-radius:50%;z-index:-1}
.h5-tit{font-family:'Paperlogy';font-size:28px;margin-bottom:20px;color:var(--color-m)}

@keyframes tomove {
	0% {background-position-y:calc(100% - 30px)}
	50% {background-position-y:calc(100% - 40px)}
	100% {background-position-y:calc(100% - 30px)}
}

@media (max-width:1800px){
	.top-banner-wrap .check-box{right:10px}
	.top-banner-wrap .swiper-control{left:10px}
}

@media (max-width:1600px){
	.sub-v::after{aspect-ratio:7/3}
	.gnb-2wrap .txt-wrap::before{font-size:6vw}
}

@media (max-width:1400px){
	#hd .hd-info{gap:20px}
	#hd .btn-login{height:40px;width:100px;font-size:1.125rem}
	#nav-wrap .gnb{gap:50px;justify-content:space-between}
	.gnb-2wrap .img-wrap{padding:50px 20px}
	.gnb-2wrap .img-wrap::before{left:20px}
	.gnb-2wrap .txt-wrap{padding:50px}
	
	#ft::before{top:-19vw}
	#ft .minner{padding:0 50px 50px 50px}
	#ft .ft-link{font-size:1rem;gap:20px}
	body:has(.sub-con) #ft{padding-top:50px;border-top-right-radius:100px}
	
	.sub-con{padding:0 50px;width:100%}

	.minner{padding:0 50px;width:100%}
	.main-wrap .h2-tit{font-size:40px}
	.main-wrap .h2-con{font-size:1.25rem}
	.main-wrap .h3-tit{font-size:30px;padding-left:15px}
	.main-wrap .h3-tit::before{width:5px;height:26px}
	
	.main-v .frm{width:auto;min-height:100%}
	
	.main-board{padding-top:50px}
	.main-board .scrolling-text span{font-size:100px}
	.main-board .scrolling-wrapper.vertical{width:100px}
	.main-board .scrolling-text{left:40px;gap:1200px}
	.main-board .tab-item{font-size:1.25rem}
	.main-board .board-wrap .item{padding:30px 20px;height:300px}
	.main-board .board-notice-wrap .board-subject{font-size:1.25rem}
	.main-board .board-notice-wrap .board-date{left:20px;bottom:30px}
	.main-board-info .swiper-control{top:-10px}
	.main-board-info .edu-board-wrap ul{height:calc(100% - 355px)}
	.main-board-info .edu-board-wrap .btn-more{top:-10px}
	.main-board-info .slide-wrap .day{font-size:2rem}
	.main-board-info .slide-wrap .dt{height:85px}
	.main-board-info .edu-quick-wrap .item{padding:20px;background-position-x:calc(100% - 20px);background-position-y:calc(100% - 20px)}
	
	@keyframes tomove {
		0% {background-position-y:calc(100% - 20px)}
		50% {background-position-y:calc(100% - 30px)}
		100% {background-position-y:calc(100% - 20px)}
	}
	
	.main-service{padding:100px 0}
	.main-service .input-search{width:400px;height:60px}
	.main-service .minner{gap:50px}
	
	.main-news{overflow-x:hidden}
	.main-news .minner{gap:50px}
	.main-news .inner:nth-of-type(3){margin:0}
	.main-news-rss .swiper-control{top:-10px}
	.main-news-rss .item{padding:20px}
	.main-news-rss .item .badge{height:40px;min-width:140px;font-size:1rem}
	
	.today-slide{gap:50px}
	.today-org{width:500px}
	.today-slide .thumb-slide{width:calc(100% - 550px)}
	.today-org .swiper-control{width:500px}
	
	.main-sns .btn-wrap .item{height:60px;width:200px;font-size:1.25rem}
	
	.cinner{padding:0 50px;width:100%}
	.sub-v::after{aspect-ratio:3/2}
	.sub-v .h2-tit{font-size:50px}
	.sub-info .cinner{padding:50px 20px 0 20px;display:flex;flex-direction:column-reverse;gap:20px}
	.sub-nav-info{position:relative;justify-content:flex-end}
}

@media (max-width:1200px){
	#hd .hd-info{gap:10px}
	#hd .logo a{width:150px}
	#hd .btn-login{font-size:1rem}
	#hd .btn-search{width:24px;height:24px;background-size:contain}
	#hd .btn-sitemap{width:25px;height:25px;background-size:contain}
	#hd .language-wrap > *{font-size:.875rem}
	#hd .language-wrap > *:first-child{margin-right:5px;padding-right:5px}
	.gnb-2wrap .img-wrap .subject{font-size:30px}
	.gnb-2wrap .gnb-3item{font-size:1rem}
	.gnb-2wrap .gnb-2ul{gap:30px}
	.gnb-2wrap .gnb-2li{width:calc(25% - 23px)}
	.gnb-2wrap .gnb-2item{font-size:1.125rem}
	
	#nav-wrap .gnb{gap:20px}
	#nav-wrap .gnb-1item{font-size:1.125rem}
	#ft .ft-info{gap:20px}
	#ft .ft-site-link{width:180px;height:45px;padding:0 20px;font-size:.875rem;top:auto;transform:none;bottom:0}
	
	.main-v{aspect-ratio:20/13;height:auto}
	.main-v .item img{height:100%;min-width:auto}
	
	.main-wrap .h2-tit{font-size:30px}
	.main-wrap .h2-con{font-size:1.2rem;margin-top:10px}
	.main-wrap .h3-tit{font-size:20px;margin-bottom:20px}
	.main-wrap .h3-tit::before{height:16px;width:3px}
	.main-wrap .h3-con{font-size:1.125rem;margin-top:10px}
	.main-wrap .btn-more{width:45px;height:45px;background-size:16px}
	
	.main-board .tab-wrap{margin-right:90px}
	.main-board .board-notice-wrap .btn-more{top:-10px}
	.main-board-info .swiper-control > *{width:45px;height:45px}
	.main-board .board-notice-wrap .board-subject{font-size:1.125rem}
	
	.main-board-info{margin:100px 0}
	.main-board-info .swiper-control{gap:5px}
	.main-board-info .js-swiper-play{right:100px}
	.main-board-info .swiper-next{margin-left:50px}
	.main-board-info .btn-calander{background-size:20px}
	.main-board-info .swiper-control{top:-8px}
	.main-board-info .edu-board-wrap .btn-more{top:-8px}
	.main-board-info .slide-wrap .item{gap:20px}
	.main-board-info .edu-board-wrap ul{height:calc(100% - 340px)}
	
	.main-service .item{width:calc(25% - 15px);height:auto;gap:10px}
	.main-service .ico{width:40px;height:40px}
	.main-service .caption{font-size:1rem}
	.main-service .input-search{width:300px}
	.main-news-rss .swiper-control{gap:5px}
	.main-news-rss .swiper-control > *{width:45px;height:45px}
	.main-news-rss .item{font-size:1.125rem}
	
	
	.today-org .swiper-control .btn-wrap{gap:5px}
	.today-org .swiper-control .btn-wrap > *{width:45px;height:45px}
	.today-org .item .board-img{height:auto}
	.today-slide .thumb-slide{height:100px}
	.today-slide .thumb-slide .board-img{height:100px}
	
	.main-sns .btn-wrap .item{width:150px;height:45px}
	.main-sns .btn-wrap .item::before{width:30px;height:30px}
	
	.sub-nav{transform:none}
	.sub-info .h3-tit{font-size:30px}	
	.h4-tit{font-size:26px}
	.h5-tit{font-size:20px}
}

@media (min-width:1025px){
	#hd.on{background-color:#fff;color:#333}
	#hd.on .logo a{background-image:url('/_res/deu/www/etc/logo.svg')}
	#hd.on #nav-wrap .gnb-1item{color:#333}
	#hd.on #nav-wrap .gnb-1item:hover,
	#hd.on #nav-wrap .gnb-1item.on{color:var(--color-s)}
	#hd.on .gnb-2wrap .gnb-2li:has(.gnb-3item:hover) .gnb-2item{background-color:#fff;color:var(--color-s)}
	#hd.on .gnb-2wrap .gnb-2li:has(.gnb-3item:hover) .gnb-2item[target="_blank"] span::after{background-image:url('/_res/deu/www/img/comm/ico-newc.png')}
	#hd.on .btn-login{color:var(--color-s);border-color:var(--color-s)}
	#hd.on .btn-search{background-image:url('/_res/deu/www/img/comm/ico-searchg.png')}
	#hd.on .btn-sitemap{background-image:url('/_res/deu/www/img/comm/ico-sitemapg.png')}
	#hd.on .btn-login.btn-effect:hover::before{background-color:var(--color-s)}
	#hd.on .btn-login.btn-effect:hover span{color:#fff}
	#hd.on .gnb-2wrap .gnb-2item{color:#fff}
	#hd.on .gnb-2wrap .gnb-2item:hover{color:var(--color-s)}
	#hd.on .language-wrap > *:last-child:hover{color:#111}
	.gnb-2wrap .gnb-2item[target="_blank"]:hover span::after{background:url('/_res/deu/www/img/comm/ico-newc.png')}
	
	body:has(.sub-con) #hd{background-color:#fff;color:#333}
	body:has(.sub-con) #hd .logo a{background-image:url('/_res/deu/www/etc/logo.svg')}
	body:has(.sub-con) #hd #nav-wrap .gnb-1item{color:#333}
	body:has(.sub-con) #hd #nav-wrap .gnb-1item:hover,
	body:has(.sub-con) #hd #nav-wrap .gnb-1item.on{color:var(--color-s)}
	/*body:has(.sub-con) #hd .gnb-2wrap .gnb-2li:has(.gnb-3item:hover) .gnb-2item{background-color:#fff;color:var(--color-s)}*/
	body:has(.sub-con) #hd .btn-login{color:var(--color-s);border-color:var(--color-s)}
	body:has(.sub-con) #hd .btn-search{background-image:url('/_res/deu/www/img/comm/ico-searchg.png')}
	body:has(.sub-con) #hd .btn-sitemap{background-image:url('/_res/deu/www/img/comm/ico-sitemapg.png')}
	body:has(.sub-con) #hd .btn-login.btn-effect:hover::before{background-color:var(--color-s)}
	body:has(.sub-con) #hd .btn-login.btn-effect:hover span{color:#fff}
	body:has(.sub-con) #hd .gnb-2wrap .gnb-2item{color:#fff}
	body:has(.sub-con) #hd .gnb-2wrap .gnb-2item:hover{color:var(--color-s)}
	body:has(.sub-con) #hd .language-wrap > *:last-child:hover{color:#111}
	
	.gnb-1item.on + .gnb-2wrap{display:block}
	.gnb-2wrap .gnb-2item:hover{background-color:#fff;color:var(--color-s);padding:10px 20px}
	.gnb2-bg{display:none}
}

@media (max-width:1024px){
	.mode-pc{display:none}
	.mode-mobile{display:block}
	
	#aside{display:none;top:80px;left:0;width:100%;z-index:5100;border-radius:0;background-color:var(--color-s);border-bottom:1px solid rgba(255,255,255,.1)}
	#aside .aside-con{flex-direction:row;width:100%;padding:0;gap:0}
	#aside .aside-tit{display:none}
	#aside .ico{margin:0}
	#aside .item{flex-direction:row;gap:5px;color:#fff;align-items:center;flex:1;aspect-ratio:auto;height:50px;border-radius:0}
	#aside .item:not(:last-child){border-right:1px solid rgba(255,255,255,.1)}
	#aside .ico{background-image:url('/_res/deu/www/img/main/ico-q01on.png');background-size:16px;width:20px;height:20px}
	#aside .item:nth-of-type(2) .ico{background-image:url('/_res/deu/www/img/main/ico-q02on.png')}
	#aside .item:nth-of-type(3) .ico{background-image:url('/_res/deu/www/img/main/ico-q03on.png')}
	#aside .item:nth-of-type(4) .ico{background-image:url('/_res/deu/www/img/main/ico-q04on.png')}
	#aside .aside-info-wrap{width:90vw;right:auto;left:50%;transform:translate(-50%,-50%)}
	#aside .aside-info-wrap .info-item{width:calc(50% - 5px)}
	body:has(#hd.menu-open) #aside{display:block;position:fixed}
	
	.main-popup{padding-bottom:0}
	.main-popup .swiper-slide:first-child:nth-last-child(2), .main-popup .swiper-slide:first-child:nth-last-child(2) ~ .swiper-slide{width:100% !important}
	.main-popup .swiper-slide:first-child:nth-last-child(n+3),
	.main-popup .swiper-slide:first-child:nth-last-child(n+3) ~ .swiper-slide{width:100% !important}
	
	.top-banner-wrap{position:fixed;top:0;left:0;width:100%}
	.top-banner-wrap.section-popup{position:relative}
	.top-banner-wrap.section-popup .slide-wrap{padding-top:50px}
	
	#hd{background-color:#fff;color:#333;position:fixed;display:block;box-shadow:2px 2px 5px rgba(0,0,0,.1)}
	#hd .hd-info{padding-right:35px}
	#hd .hd-box{padding:10px 20px}
	#hd .logo a{background-image:url('/_res/deu/www/etc/logo.svg')}
	#hd .btn-sitemap{display:none}
	#hd .btn-login{color:var(--color-s);border-color:var(--color-s);width:80px}
	#hd .language-wrap > *:first-child,
	#hd .language-wrap > *:last-child:hover{color:var(--color-s)}
	#hd .btn-login.btn-effect:hover::before{background-color:var(--color-s)}
	#hd .btn-login.btn-effect:hover span{color:#fff}
	#hd .btn-search{background-image:url('/_res/deu/www/img/comm/ico-searchg.png')}
	.menu-open #nav-wrap .gnb{right:0}
	#nav-wrap .gnb{position:fixed;top:130px;right:-100%;background-color:#fff;height:calc(100vh - 130px);width:100%;transition:.3s;display:block;background-color:#E7ECF4}
	#nav-wrap .gnb-1li{height:calc(100% / 6);display:flex}
	#nav-wrap .gnb-1item{height:100%;width:140px;padding:20px;color:var(--color-s);line-height:normal;display:flex;align-items:center}
	#nav-wrap .gnb-1item.on{background:url('/_res/deu/www/img/comm/logo-sbg.png') var(--color-s) right bottom no-repeat;color:#fff}
	.gnb-2wrap{position:fixed;height:calc(100vh - 130px);width:calc(100% - 140px);box-shadow:none;flex-grow:1;top:130px;right:-100%;left:auto;transition:.3s;display:block;background-color:var(--color-m)}
	.gnb-2wrap .img-wrap{display:none}
	.gnb-2wrap .txt-wrap{padding:0;background-color:var(--color-m)}
	.gnb-2wrap .txt-wrap::before{display:none}
	.gnb-2wrap .gnb-2ul{gap:0;flex-direction:column}
	.gnb-2wrap .gnb-2li{position:relative;width:100%}
	.gnb-2wrap .gnb-2item{padding:20px 50px 20px 20px;color:#fff}
	.gnb-2wrap .gnb-3wrap{display:none;margin-top:0;background-color:#fff}
	.gnb-2wrap .gnb-3item[target="_blank"] span::after{background-image:url('/_res/deu/www/img/comm/ico-newc.png')}
	.gnb-2wrap .gnb-3item{padding:20px;color:var(--color-s)}
	.gnb-1item.on + .gnb-2wrap{right:0;overflow-y:auto}
	.gnb2-bg{position:absolute;right:0;top:0;color:#fff;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;width:50px;height:59px}
	.gnb2-bg.on{transform:rotate(180deg)}
	
	body:has(.sub-con) #nav-wrap .gnb{top:80px;height:calc(100vh - 80px)}
	body:has(.sub-con) .gnb-2wrap{top:80px;height:calc(100vh - 80px)}
	
	.search-wrap{padding:60px 0}
	.search-wrap .search-wrap-inner{width:80%}
	.search-wrap .subject{font-size:2.5rem;margin-bottom:30px}
	.search-wrap .js-close{padding-left:0;font-size:2rem}
	.search-wrap .input-text{padding:10px 60px 10px 10px;height:50px}
	.search-wrap .tag-wrap{margin-top:30px}
	.search-wrap .tag-wrap .tag{font-size:1rem;padding:10px 20px;margin:4px 2px}
	.search-wrap button{right:10px;font-size:2rem}
	
	#hd.menu-open{top:0}
	#hd .btn-menu{position:absolute;display:block;top:50%;right:20px;border:0;height:22px;background:transparent;z-index:15;transform:translateY(-50%)}
   	.menu-open .btn-menu:before{color:#59493f}
   	.m-menu-box{width:24px;height:100%;display:inline-block;position:relative}
   	.m-menu-binner,
   	.m-menu-binner:after,
   	.m-menu-binner:before{width:24px;height:3px;background-color:#333;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
	.m-menu-binner::before{width:16px}
   	.m-menu-binner{display:block;top:50%;width:20px;transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}
   	.menu-open .m-menu-binner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);background-color:#fff;width:24px}
   	.m-menu-binner:before{content:"";display:block;top:-8px;transition:top .1s ease-in .25s,opacity .1s ease-in}
   	.menu-open .m-menu-binner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;width:100%}
   	.m-menu-binner:after{content:"";display:block;bottom:-7.5px;transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}
   	.menu-open .m-menu-binner:after{width:100%;bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s}
	
	#ft .minner{padding:50px 20px}
	#ft::before{display:none}
	#ft .ft-link{flex-wrap:wrap;justify-content:center}
	#ft .ft-info{flex-direction:column;margin-top:20px}
	#ft .ad{text-align:center}
	#ft .ft-site-link{position:relative;width:100%;margin-top:20px}
	#ft .ft-site-link span{justify-content:center;gap:10px}
	body:has(.sub-con) #ft{padding-top:0;border-top-right-radius:0}
	
	/*body:has(.top-banner-wrap.on) .main-wrap{margin-top:200px}*/
	.main-wrap{margin-top:80px}
	.main-v .swiper-control{bottom:40px}
	.main-v::after{display:none}
	.main-v::before{display:none}
	.main-v .bg{display:none}
	.sub-con{padding:0 20px;margin:50px auto}
	
	.cinner,
	.minner{padding:0 20px}
	
	.main-wrap .h2-wrap{margin-bottom:20px}
	
	.main-v .video-wrap{height:65vh}
	.main-v .tit{font-size:40px}
	.main-v .stit{font-size:1.25rem}
	
	.main-board .board-notice-wrap .board-con{line-height:1.2;height:3.6em}
	.main-board .scrolling-wrapper-po{display:none}
	.main-board .tab-wrap{gap:20px}
	.main-board .tab-item{font-size:1rem}
	.main-board .board-wrap .item{width:calc(50% - 10px);height:280px}
	.main-board-info .slide-wrap{height:420px}
	.main-board-info .slide-wrap .item{font-size:1.125rem}
	.main-board-info{flex-direction:column;gap:80px;margin:80px 0}
	.main-board-info > *{max-width:100%;flex:auto}
	.main-board-info .edu-board-wrap .item{font-size:1.125rem}
	.main-board-info .edu-board-wrap ul{height:auto}
	
	.main-service{padding:80px 0;text-align:center}
	.main-service .minner{justify-content:center;flex-direction:column}
	.main-service .ico-wrap{width:100%}
	
	.main-today{height:auto}
	.main-today .h3-wrap{margin-top:0}
	.today-slide{position:relative;flex-direction:column;gap:20px;margin-top:20px}
	.today-org{width:100%}
	.today-org .swiper-control{width:100%}
	.today-slide .thumb-slide{width:100%;height:auto}
	.today-slide .thumb-slide .board-img{width:100%;aspect-ratio:3/2;height:auto}
	
	.main-sns .h3-wrap{flex-wrap:wrap;gap:20px}
	.main-sns .btn-wrap{justify-content:center;gap:10px;width:100%}
	.main-sns .btn-wrap .item{border-radius:10px;width:calc(25% - 10px)}
	
	.main-news{padding-bottom:80px}
	.main-board-info .slide-wrap .dt{width:80px;height:70px}
	.main-board-info .slide-wrap .day{font-size:1.5rem}
	.main-board-info .slide-wrap .info{width:calc(100% - 100px)}
	
	.sub-v{height:200px;margin-top:80px}
	.sub-v::after{aspect-ratio:5/2}
	.sub-v .h2-tit{font-size:30px}
	.sub-info .h3-tit{font-size:25px}
	.h4-tit{font-size:20px}
	.h5-tit{font-size:18px}
	.sub-nav-info{gap:5px}
	.sub-nav-info .item{width:45px;height:45px}
	.con-box{margin:50px auto}
	.scroll-view{width:100%;overflow-x:auto}
    .scroll-view table{width:1024px}
}

@media (max-width:640px){
	.main-wrap .h2-wrap{text-align:center}
	.main-wrap .h2-con{font-size:1.125rem}
	
	.main-v .tit{font-size:30px;word-break:keep-all}
	.main-v .stit{font-size:1rem}
	.main-v .swiper-control{bottom:0}
	.main-v::after{display:none}
	.main-v .swiper-control .swiper-page > *{width:12px;height:12px}
	.main-v .swiper-control .swiper-btn{width:30px}
	.main-v .swiper-control .js-swiper-play{width:30px}
	.main-v .swiper-control .swiper-page > *.swiper-pagination-bullet-active{width:40px}
	
	.main-board .tab-wrap{flex-wrap:wrap;margin-top:50px;justify-content:center;margin-right:50px}
	.main-board .board-notice-wrap .board-subject{-webkit-line-clamp:1;height:1.6em}
	.main-board .board-notice-wrap .board-con{-webkit-line-clamp:2;height:3.2em}
	.main-board .board-wrap .category{height:30px}
	
	.sch-wrap .h2-tit{text-align:center}
	.main-board .board-wrap .item{height:auto;width:100%;padding:20px 20px 40px 20px}
	.main-board-info .edu-quick-wrap{gap:10px}
	.main-board-info .edu-quick-wrap .item{width:100%;padding-top:185px;background-position-x:center;background-position-y:20px}
	.main-board-info .edu-quick-wrap .item:nth-child(2){background-position-x:calc(50% + 10px);background-position-y:12px}
	.main-board-info .edu-quick-wrap .item:hover{animation:none}
	.main-board-info .edu-quick-wrap .more{margin-top:5px}
	.main-board-info .swiper-control{position:relative;justify-content:center;top:auto;margin-top:20px}
	.main-board-info .slide-wrap{height:auto}
	.main-board-info .slide-wrap .swiper{height:420px}
	.main-board-info .js-swiper-play{right:auto;left:calc(50% - 25px);transform:translateX(-50%)}
	
	.main-service .input-search{height:45px}
	.main-service .btn-search{width:28px;height:28px;background-size:contain;right:20px}
	.main-service .input-text{padding:10px 20px}
	.main-service .ico-wrap{gap:10px}
	.main-service .item{width:calc(25% - 8px)}
	.main-service .ico{width:30px;height:30px}
	
	.main-news-rss .swiper-control{position:relative;margin-top:20px;justify-content:flex-end}
	.main-news-rss .item{flex-direction:column;gap:10px;align-items:flex-start}
	
	.today-slide{padding-bottom:65px}
	.today-org{flex-direction:column}
	.today-org .swiper-control{position:absolute;bottom:0}
	.today-org .swiper-page{gap:5px}
	.today-org .swiper-pagination-bullet{width:10px;height:10px}
	
	.main-sns .btn-wrap{flex-wrap:wrap}
	.main-sns .btn-wrap .item{width:calc(50% - 10px)}
	.main-sns .h3-wrap{margin-bottom:20px}
	.sns-inner{flex-wrap:wrap;gap:10px}
	.sns-inner .item{flex:auto;width:calc(50% - 5px)}
	
	.sub-v::after{aspect-ratio:3/2}
	.sub-nav .sub-1li:first-child{display:none}
	.sub-nav .sub-1li{width:33.333%;margin-right:10px}
	.sub-nav .sub-1item{height:55px;padding-left:0;padding-right:20px;min-width:auto;font-size:.9rem}
	.sub-nav .sub-1li:last-child{width:auto;min-width:33.333%}
	.sub-nav .sub-2ul{min-width:auto;top:55px;width:100%}
	.sub-nav .sub-2item{font-size:.8rem;padding:10px}
	
	.sub-con{font-size:1rem}
}

@media (max-width:480px){
	#hd .logo a{width:100px}
	#hd .language-wrap{display:none}
	#nav-wrap .gnb-1item{width:130px}
	.gnb-2wrap{width:calc(100% - 130px)}
	
	#aside .item{gap:1px}
	#aside .aside-info-wrap .info{padding:10px 5px}
	#aside .aside-info-wrap .info{gap:5px}
	#aside .aside-info-wrap .info-item{width:calc(50% - 2.5px);font-size:.74em;justify-content:center}
	
	.main-board .board-notice-wrap .btn-more{top:30px}
	.main-board-info .edu-quick-wrap .item{background-size:70px}
	.main-board-info .edu-quick-wrap .item:nth-child(2){background-size:85px;background-position-y:20px}
	.main-board-info .edu-quick-wrap .subject{font-size:1.25rem}
	.main-board-info .edu-quick-wrap .more{gap:5px}
	.main-board-info .edu-quick-wrap .item{height:auto;padding-top:150px}
	
	.main-service .ico{width:20px;height:20px}
	.main-service .item{gap:5px}
	
	.sub-v::after{display:none}
}

@media (max-width:360px){
	.main-service .ico{width:30px;height:30px}
	.main-service .item{width:calc(50% - 5px);gap:10px}
}


@keyframes toUp {
	0% {transform:translateY(0);}
	50% {transform:translateY(-10px);}
	100% {transform:translateY(0);}
}

@keyframes toRight {
	0% {transform:translateX(-40px)}
	100% {transform:translateX(0)}
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }