@charset "UTF-8";

._obj{overflow: visible;}

#menu715_obj112 {height:100% !important;}

/*20251111*/
/*.youtube-image iframe{display:none; !important}
.youtube-content{display:none; !important}*/


/* 비주얼텍스트 */
#menu715_obj108{position: absolute; left: 0; top: 315px; width: 100%; overflow: visible;}    /* 비주얼텍스트 탑에서 가운데 308px(구축시) 수정 */
.visual-slogan-top{position: relative; padding-bottom: 11px; top: -100px; opacity: 0; visibility: hidden; transition: all .3s;}
/*.visual-slogan-top::after{content:""; display: block; position: absolute; width: 50px; height: 1px; background-color: white; left: 50%; bottom: 0; margin-left: -25px;}*/
.visual-slogan-image{max-width: 182px; margin: 0 auto;}
.visual-slogan-top h1{font-size: 70px; color: white; font-family: "Gmarket Bold"; text-align: center; margin-top: 16px;}
.visual-slogan-bottom{position: relative; top: 100px; opacity: 0; visibility: hidden; transition: all .3s;}
.visual-slogan-bottom p{font-size: 24px; line-height: 34px; color: white; font-family: "Gmarket Medium"; text-align: center; margin-top: 39px; text-shadow: 0px 3px 3px rgba(0,0,0,1);}
.visual-slogan-inner.on .visual-slogan-top{top: 0; opacity: 1; visibility: visible;}
.visual-slogan-inner.on .visual-slogan-bottom{top: 0; opacity: 1; visibility: visible;}
/* 250819 비주얼 텍스트*/
.visual-txt {font-size: 28px; color: white; font-family: "Gmarket"; text-align: center;}

@media all and (max-width: 1023px) {
  #menu715_obj108{top: 150px;}
  .visual-slogan-top h1{font-size: 55px;}
  .visual-slogan-bottom p{font-size: 16px; line-height: 25px; margin-top: 20px;}
}

@media all and (max-width: 768px) {
  .visual-slogan-image{max-width: 130px;}
  .visual-slogan-top h1{font-size: 40px;}
  .visual-txt {font-size:18px;}
}

/* 스피릿 */
#multipleDiv_daejin_111{background-color: #f2f2f2; overflow: hidden;}
#multipleContentsDiv_daejin_111{display: table-cell; vertical-align: middle;}
.chellenge-header{position: relative; left: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s;}
.mCustomScrollbar .chellenge-header,
.challenge-wrap.on .chellenge-header{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.chellenge-header h1{font-family: "Gmarket Bold"; font-size: 80px; color: #1e1d19; line-height: 100px;}
.chellenge-header h1 .border-text{color: transparent; -webkit-text-stroke: 2px #014099;}
.chellenge-header h1 .full-text{color: #014099;}
.challenge-content{margin-top: 35px;}
.challenge-content::after{content:""; display: table; clear: both;}
.challenge-left{width: 56.4%; float: left; position: relative;}
.challenge-left h1{font-family: "Gmarket Medium"; font-size: 42px; line-height: 60px; color: #000; margin-bottom: 15px; position: relative; left: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .3s;}
.mCustomScrollbar .challenge-left h1,
.challenge-wrap.on .challenge-left h1{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.challenge-left h1::after{content:""; display: block; position: absolute; right: 0; bottom: 16px; width: 100%; background-color: #000000; height: 1px;}
.challenge-left h1 span{display: inline-block; background-color: #f2f2f2; position: relative; padding-right: 15px; z-index: 2;}
.challenge-left .challenge-text{font-family: "Noto Light"; font-size: 20px; line-height: 32px; color: #000000; position: relative; left: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .5s;}
.mCustomScrollbar .challenge-text,
.challenge-wrap.on .challenge-text{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.challenge-left .challenge-text span{font-family: "Noto Bold";}
.challenge-slogan{font-size: 32px; font-family: "Gmarket Medium"; color: #1e1d19; margin-top: 16px; position: relative; left: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .7s;}
.mCustomScrollbar .challenge-slogan,
.challenge-wrap.on .challenge-slogan{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.challenge-slogan span{color: #003c8a;}
.challenge-right{width: 43.6%; position: relative; float: right; right: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .9s;}
.mCustomScrollbar .challenge-right,
.challenge-wrap.on .challenge-right{right: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.challenge-right::before{content:""; display: block; position: absolute; left: -17%; bottom: -14%; width: 234px; height: 239px; background: url(../../images/main/challenge_round.png) no-repeat center center / cover; animation: circleCycle 10s infinite; z-index: 1}
.challenge-right img{position: relative; z-index: 2;}

.mCustomScrollbar #multipleContentsDiv_daejin_111{display: block; height:100% !important;}

@media all and (max-width: 1250px) {
  .chellenge-header h1{font-size: 60px; line-height: 70px;}
  .challenge-left h1{font-size: 25px; line-height: 35px;}
  .challenge-left .challenge-text{font-size: 17px; line-height: 26px;}
  .challenge-slogan{font-size: 25px;}
}

@media all and (max-width: 1023px) {
  .chellenge-header h1{font-size: 40px; line-height: 50px;}
  /*.challenge-wrap{padding: 30px 0;}*/
  .challenge-right{float: none; width: 100%; padding-left: 50px; text-align: right;}
  .challenge-right::before{left: 0; width: 200px; height: 200px;}
  .challenge-left{float: none; width: 100%; margin-top: 75px;}
}

@media all and (max-width: 768px) {
  #multipleDiv_temp_04_7{z-index: 2;}
}

/* 뉴스 및 피플 */
#multipleDiv_daejin_157{max-width: 1500px; margin: 0 auto; width: 100%;}
/*#multipleContentsDiv_daejin_157{display: table-cell; vertical-align: middle; padding-top: 125px;}
#menu715_obj158{width: 50%; float: left; max-width: 750px;}
#menu715_obj159{width: 50%; float: right; max-width: 750px;}*/

@media all and (max-width: 1500px) {
  #multipleDiv_daejin_157{padding: 0 60px;}
}

@media all and (max-width: 1023px) {
  #multipleContentsDiv_daejin_157{padding: 60px 0 35px;}
}

@media all and (max-width: 768px) {
  #multipleDiv_daejin_157{padding: 0 20px;}
  #menu715_obj158{width: 100%; float: none;}
  #menu715_obj159{width: 100%; float: none;}
}

/* 링크서비스 */
#multipleContentsDiv_daejin_6124{display: table-cell; vertical-align: middle; background-color: #f0f1f2;}
.link-service-header{margin-bottom: 30px; position: relative; top: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s;}
.mCustomScrollbar .link-service-header,
.link-wrap.on .link-service-header{top: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.link-service-header::after{content:""; display: table; clear: both;}
.link-service-header h1{font-family: "Gmarket Medium"; font-size: 70px; color: #000000; float: left;}
.link-service-header h1 span{font-family: "Gmarket Bold"; color: #013c78;}
.link-service-header .link-service-arrow{float: right; margin-top: 17px;}
.link-service-header button{width: 56px; height: 56px; border-radius: 50%; display: inline-block; text-indent: -9999px}
.link-service-header .link-prev{background: white url(../../images/main/link_prev.png) no-repeat center center}
.link-service-header .link-next{background: white url(../../images/main/link_next.png) no-repeat center center; margin-left: 10px;}
.link-service > ul{margin: 0 -43px; position: relative; bottom: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .3s;}
.mCustomScrollbar .link-service > ul,
.link-wrap.on .link-service > ul{bottom: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.link-service .slick-slide{padding: 0 43px; margin-bottom: 60px;}
.link-service .slick-slide li{position: relative;}
.link-service .link-box h1{font-size: 28px; color: #000000; font-family: "Gmarket Medium"; border-bottom: 2px solid black; padding: 10px 0; opacity: 1; transition: all .3s;}
.link-service .link-scroll{max-height: 219px; opacity: 0; transition: all .3s; padding-bottom: 10px;}
.link-service .slick-slide li:hover .link-scroll,
.link-service .slick-slide li.on .link-scroll{opacity: 1;}
.link-service .slick-slide li:hover .link-box h1,
.link-service .slick-slide li.on .link-box h1{opacity: 0;}
.link-service .link-scroll h1{position: absolute; left: 0; top: 0; width: 100%; height: 300px; background: url(../../images/main/scroll_background.jpg) no-repeat top center / cover; color: white; font-family: "Gmarket Medium"; font-size: 28px; padding: 16px 35px;}
.link-service .link-scroll-box{position: absolute; top: 65px; left: 35px; background-color: white; width: 100%; height: 300px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.18); padding: 40px;}
.link-service .link-scroll-box li{margin-bottom: 10px;}
.link-service .link-scroll-box li:last-child{margin-bottom: 0;}
.link-service .link-scroll-box li a{font-family: "Noto Regular"; font-size: 17px; color: #000000; display: block; padding-left: 27px; background: url(../../images/main/link_anchor.png) no-repeat left center;}
.link-service .link-scroll-box li span{position: relative;}
.link-service .link-scroll-box li span::after{content:""; display: block; position: absolute; left: 0; bottom: -5px; width: 0; height: 1px; background-color: #003c8a; transition: all .3s;}
.link-service .link-scroll-box li a:hover{background: url(../../images/main/link_anchor_on.png) no-repeat left center; color: #003c8a;}
.link-service .link-scroll-box li a:hover span::after{width: 100%;}
.link-service .link-scroll-box .nicescroll-rails{background-color: #ddd !important; width: 2px !important;}
.link-service .link-scroll-box .nicescroll-cursors{background-color: #1e3551 !important; border: 0 !important;}
.link-service .link-scroll-box .nicescroll-cursors::after{content:""; display: block; position: absolute; width: 30px; height: 30px; border-radius: 50%; background: #1e3551 url(../../images/main/scroll_arrow.png) no-repeat center center; left: 50%; margin-left: -15px; bottom: 0;}

@media all and (max-width: 1250px) {
  .schedule-wrap{margin: 30px 0;}
  .link-service-header h1{font-size: 55px;}
  .link-service .slick-slide{margin-bottom: 0;}
  .link-service .link-box h1{font-size: 24px;}
}

@media all and (max-width: 1023px) {
  .link-wrap{padding: 30px 0; overflow: hidden;}
}

@media all and (max-width: 768px) {
  .link-service > ul{margin: 0 -30px;}
  .link-service .slick-slide{padding: 0 30px;}
  .link-service-header h1{font-size: 40px;}
  .link-service-header .link-service-arrow{margin-top: 10px;}
  .link-service-header button{width: 40px; height: 40px;}
}

@media all and (max-width: 480px) {
  .link-service > ul{margin: 0 -10px;}
  .link-service .slick-slide{padding: 0 10px;}
  .link-service-header h1{display: block; float: none;}
  .link-service-header .link-service-arrow{float: none;}
}

/* 스케줄 */
.schedule-wrap > .container > ul{border-top: 1px solid black; border-bottom: 1px solid black; padding: 40px 0;}
.schedule-wrap > .container > ul::after{content:""; display: table; clear: both;}
.schedule-wrap > .container > ul > li{float: left; width: 25%; top: 100px; opacity: 0; visibility: hidden; transition: all .3s; position: relative;}
.schedule-wrap > .container > ul > li a{display: block; width: 100%; height: 100%;}
.mCustomScrollbar .schedule-wrap > .container > ul > li,
.schedule-wrap.on > .container > ul > li{top: 0; opacity: 1; visibility: visible;}
.schedule-wrap > .container > ul > li:nth-child(1){transition-delay: .3s;}
.schedule-wrap > .container > ul > li:nth-child(2){transition-delay: .5s;}
.schedule-wrap > .container > ul > li:nth-child(3){transition-delay:  .7s;}
.schedule-wrap > .container > ul > li:nth-child(4){transition-delay: .9s;}
.schedule-wrap > .container > ul > li::after{content:""; display: table; clear: both;}
.schedule-date{width: 84px; height: 84px; border-radius: 50%; border: 2px solid #000000; float: left; transition: all .3s;}
.schedule-date h1{font-size: 17px; font-family: "Gmarket Medium"; text-align: center; color: #000; line-height: 84px; transition: all .3s;}
.schedule-wrap > .container > ul > li a:hover .schedule-date{background-color: #013c78; border: 2px solid #013c78;}
.schedule-wrap > .container > ul > li a:hover .schedule-date h1{color: white;}
.schedule-content{float: left; width: calc(100% - 84px); padding-left: 26px; margin-top: 15px;}
.schedule-content h1{font-family: "Gmarket Bold"; font-size: 22px; color: #000;}
.schedule-content li{padding-left: 15px; position: relative; font-family: "Noto Regular"; font-size: 18px; color: #000;}
.schedule-content li::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #000;}

.mCustomScrollbar #multipleContentsDiv_daejin_181{display: block;}

@media all and (max-width:1500px){
  .motion_1 .text_1{font-size:60px;}
  .motion_1 .sty_1{font-size:100px;}
  .motion_1 .sty_2{font-size:130px;}
  .motion_1 .sty_3{font-size:100px;}
  .motion_4 .text_1{letter-spacing:100px;}
  
}

@media all and (max-width: 1250px) {
  .schedule-content h1{font-size: 20px;}
  .schedule-content li{font-size: 16px;}
  .schedule-content li::before{top: 9px;}
  
  .wrap_imbest{height:unset;min-height:720px;}
}

@media all and (max-width: 1023px) {
  .schedule-wrap > .container > ul > li{width: 50%; margin-top: 20px;}
  .schedule-wrap > .container > ul > li:nth-child(-n+2){margin-top: 0;}
  
  .wrap_imbest{height:unset;min-height:600px;}
}

@media all and (max-width: 768px) {
  .schedule-content{padding-left: 15px; margin-top: 19.5px;}
  .schedule-content h1{font-size: 16px;}
  .schedule-wrap > .container > ul{padding: 20px 0;}
  .schedule-content li{font-size: 14px;}
  .schedule-content li::before{top: 7px;}
  .schedule-wrap > .container > ul > li:nth-child(-n+2){margin-top: 20px;}
  .schedule-wrap > .container > ul > li:first-child{margin-top: 0;}
  
  .wrap_imbest{height:unset;min-height:470px;}
  .motion_1 .text_1{font-size:18px;line-height:1.5;}
  .motion_1 .sty_1{font-size:25px;}
  .motion_1 .sty_2{font-size:40px;}
  .motion_1 .sty_3{font-size:25px;}
}

@media all and (max-width: 480px) {
  .schedule-wrap > .container > ul > li{float: none; width: 100%;}
  
  .motion_3 .text_1{font-size:75px;}
  .motion_4 li{width:49%;}
}

/* 공지사항 */
#multipleDiv_daejin_224::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 55.73%; height: 100%; background-color: #003c8a;}
#multipleContentsDiv_daejin_224{max-width: 1500px; margin: 0 auto;}
#multipleContentsDiv_daejin_224{overflow: hidden;} /*20240108 추가*/
#menu715_obj225{width: 50%; float: left;}
#menu715_obj226{width: 33.34%; float: right;}

@media all and (max-width: 1500px) {
  #multipleContentsDiv_daejin_224{padding: 0 60px;}
}

@media all and (max-width: 768px) {
  #multipleContentsDiv_daejin_224{padding: 0 20px;}
  #multipleDiv_daejin_224::before{width: 100%; height: 765px;}
  #menu715_obj225{width: 100%; float: none;}
  #menu715_obj226{width: 100%; float: none;}
}

@media all and (max-width: 480px) {
  #multipleDiv_daejin_224::before{height: 640px;}
}

/* 학과소개 */
#multipleContentsDiv_daejin_257{display: table-cell; vertical-align: middle;}
#multipleDiv_daejin_257 .fp-tableCell {background-color: #eeeef1}
.place-header > div{position: relative; margin-bottom: 12px;}
.place-header > div::after{content:""; display: table; clear: both;}
.place-header > div:last-child{margin-bottom: 0;}
.place-header-top .place-title{width: 42.7%; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s;}
.mCustomScrollbar .place-header-top .place-title,
.place-wrap.on .place-header-top .place-title{opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.place-header-top .place-top-line{position: absolute; right: 0; top: 40%; height: 5px; display: block; width:0; background-color: #010101; transition: all 1s; transition-delay: .3s;}
/*.place-header-top .place-top-line{position: absolute; right: 0; top: 40%; height: 5px; display: block; background-color: #010101; transition: all 1s; transition-delay: .3s;}*/
.mCustomScrollbar .place-header-top .place-top-line,
.place-wrap.on .place-header-top .place-top-line{width: 53.7%;}
.place-header-bottom .place-bottom-line{position: absolute; left: 0; top: 40%; height: 5px; display: block; width:0;background-color: #010101;  transition: all 1s; transition-delay: .3s;} 
/* .place-header-bottom .place-bottom-line{position: absolute; left: 0; top: 40%; height: 5px; display: block; background-color: #010101;  transition: all 1s; transition-delay: .3s;}*/
.mCustomScrollbar .place-header-bottom .place-bottom-line,
.place-wrap.on .place-header-bottom .place-bottom-line{width: 23%;}
.place-header-bottom p{float: right; color: #000000; font-size: 3.646vw; font-family: "Gmarket Bold"; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s;display:inline-block;}
.mCustomScrollbar .place-header-bottom p,
.place-wrap.on .place-header-bottom p{opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.place-slider{position: relative;}
.place-slider button{display: block; position: absolute; width: 90px; height: 90px; top: 50%; margin-top: -70px; border-radius: 50%; z-index: 2; font-size: 0;}
.place-slider .place-prev{background: #323642 url(../../images/main/place_prev.png) no-repeat center center; left: -45px;}
.place-slider .place-next{background: #323642 url(../../images/main/place_next.png) no-repeat center center; right: -45px;}
.place-content > p{font-family: "Noto Regular"; color: #000000; font-size: 22px; margin-top: 14px; margin-bottom: 53px; position: relative; left: -100px; transition: all .3s; transition-delay: .3s; opacity: 0;  visibility: hidden; -webkit-filter: blur(50px); filter: blur(50px);}
.mCustomScrollbar .place-content > p,
.place-wrap.on .place-content > p{left: 0; visibility: visible; -webkit-filter: blur(0); filter: blur(0); opacity: 1;}
.place-content .place-image{position: relative; width: 100%; height: 350px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.place-content .place-image:hover .place-list,
.place-content .place-image:focus-within .place-list {display: block;}
.place-content .place-list {display: none; position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; background: #003c8a; border-radius: 0 40px 0 40px ;}
.place-content .place-list .title {display: flex; width: 100%; height: 100px; align-items: center;}
.place-content .place-list .title a {position: relative; display: block; width: 100%; padding: 0 35px; font-family: 'Noto Medium'; font-size: 22px; text-align: left; color: #fff;}
.place-content .place-list .title a::after {content: ''; position: absolute; right: 30px; top: 14px; width: 11px; height: 11px; background: url('../../images/main/ic-place.png') no-repeat center}
.place-content .place-list.cover {background-size: cover;}
.place-content .place-list.cover.img1 .title {background: url('../../images/main/bg-place1.jpg') no-repeat center top;}
.place-content .place-list.cover.img2 .title {background: url('../../images/main/bg-place2.jpg') no-repeat center top;}
.place-content .place-list.cover.img3 .title {background: url('../../images/main/bg-place3.jpg') no-repeat center top;}
.place-content .place-list.cover.img4 .title {background: url('../../images/main/bg-place4.jpg') no-repeat center top;}
.place-content .place-list.cover.img5 .title {background: url('../../images/main/bg-place5.jpg') no-repeat center top;}
.place-content .place-list.cover.img6 .title {background: url('../../images/main/bg-place6.jpg') no-repeat center top;}
.place-content .place-list.cover.img7 .title {background: url('../../images/main/bg-place7.jpg') no-repeat center top;}
.place-content .place-list.cover.img8 .title {background: url('../../images/main/bg-place8.jpg') no-repeat center top;}
.place-content .place-list.cover.img9 .title {background: url('../../images/main/bg-place9.jpg') no-repeat center top;}
.place-content .place-list .list {padding: 30px;}
.place-content .place-list .list ul {overflow: auto;max-height: 183px;}
.place-content .place-list .list ul::-webkit-scrollbar {width: 15px;}
.place-content .place-list .list ul::-webkit-scrollbar-thumb {background-color: #1881b7; border: 3px solid #003c8a; border-radius: 10px;}
.place-content .place-list .list ul::-webkit-scrollbar-track {background-color: #003c8a;}
.place-content .place-list .list li {margin-bottom: 5px; text-align: left;}
.place-content .place-list .list a {position: relative; padding-left: 15px; font-family: 'Noto Regular'; font-size: 16px; color: #98b5da;}
.place-content .place-list .list a:hover {color: #fff;}
.place-content .place-list .list a:focus {color: #fff;}
.place-content .place-list .list a::before {content: ''; position: absolute; left: 0px; top: 10px; width: 4px; height: 4px; background: #98b5da; border-radius: 100%;}
.place-content .place-list .list a:hover::before,
.place-content .place-list .list a:focus::before {left: -4px; width: 12px; height: 8px; background: url('../../images/main/bul-place.png') no-repeat center}
.place-content .place-list .list a span {position: relative;}
.place-content .place-list .list a span::after {content: ''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: #fff; transition: .5s}
.place-content .place-list .list a:hover span::after,
.place-content .place-list .list a:focus span::after {width: 100%;}
.place-content ul{margin: 0 -17px; position: relative; top: 100px; visibility: hidden; -webkit-filter: blur(50px); filter: blur(50px); transition: all .3s; transition-delay: .5s;}
.mCustomScrollbar .place-content ul,
.place-wrap.on .place-content ul{top: 0; visibility: visible; -webkit-filter: blur(0); filter: blur(0);}
.place-content li{padding: 0 17px; text-align: center;}
.place-content ul p{display: inline-block; position: relative; font-size: 25px; font-family: "Noto Medium"; margin-top: 30px; color: #000}
.place-content ul p span::after{content:""; display: block; position: absolute; left: -5%; bottom: 10px; width: 0; height: 12px; background-color: rgba(1,93,176,.7); transition: all .3s; z-index: -1;}
.place-content li a:hover p span::after,
.place-content li a:focus p span::after{width: 110%;}

.mCustomScrollbar #multipleContentsDiv_daejin_257{display: block;}


@media all and (max-width: 1500px) {
  .mCustomScrollbar .place-header-bottom .place-bottom-line,
  .place-wrap.on .place-header-bottom .place-bottom-line{width: 33%;}
}

@media all and (max-width: 1023px) {
  .place-wrap{padding: 50px 0 35px;}
  .place-content > p{font-size: 16px;}
  .place-content ul{margin: 0 -10px;}
  .place-content ul::after{content:""; display: table; clear: both;}
  .place-content li{width: 50%; float: left; padding: 0 10px; margin-bottom: 15px;}
  .place-slider button{display: none;}
  .place-content .place-image{height: auto;}
  .place-content ul p{font-size: 16px; margin-top: 10px;}
}

@media all and (max-width: 768px) {
  .place-content li{width: 50%;}
  .place-header-top .place-title{width: 53.7%;}
  .mCustomScrollbar .place-header-top .place-top-line,
  .place-wrap.on .place-header-top .place-top-line{width: 42%;}
  .mCustomScrollbar .place-header-bottom .place-bottom-line,
  .place-wrap.on .place-header-bottom .place-bottom-line{width: 11.4%;}
  .place-header-bottom p{font-size: 4.946vw;}
  .place-content > p{margin-top: 4px; margin-bottom: 35px;}
  .place-content ul p span::after{bottom: 2px;}
  .place-content .place-list .title {height: 60px;}
  .place-content .place-list .title a {font-size: 16px}
  .place-content .place-list .title a::after {top: 5px;}
  .place-content .place-list .list ul {max-height: 120px;}
  .place-content .place-list .list li {width: 100%}
  .place-content .place-list .list {padding: 15px;}
  .place-content .place-list .list a {font-size: 13px;}
}

/* SNS */
#multipleContentsDiv_daejin_8404{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 1500px;}
#menu715_obj8405{width: 50%; padding-right: 110px; z-index: 52;}
.sns-left > h1{font-family: "Gmarket Medium"; font-size: 70px; color: #000000; margin-bottom: 23px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); left: -100px; transition: all .3s; left: -100px}
.mCustomScrollbar .sns-left > h1,
#multipleContentsDiv_daejin_8404.on .sns-left > h1{opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0); left: 0;}
.sns-left > h1 span{color: #013c78; font-family: "Gmarket Bold";}
.sns-left ul::after{content:""; display: table; clear: both;}
.sns-left li{float: left; padding-left: 37px; /*width: 170px;*/width: 160px;  background: url(../../images/main/sns_logo.png) no-repeat left -13px top -5px;}
.sns-top{margin-bottom: 20px; position: relative; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); left: -100px; transition: all .3s; transition-delay: .3s;}
.mCustomScrollbar .sns-top,
#multipleContentsDiv_daejin_8404.on .sns-top{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.sns-top li:nth-child(2){background-position: left -13px top -5px;}
.sns-top li:nth-child(1){background-position: left -13px top -54px;}
.sns-top li:nth-child(3){background-position: left -182px top -54px;}
.sns-top li:nth-child(4){background-position: left -182px top -5px;}
.sns-bottom{position: relative; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); left: -100px; transition: all .3s; transition-delay: .3s;}
.mCustomScrollbar .sns-bottom,
#multipleContentsDiv_daejin_8404.on .sns-bottom{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.sns-left li a{font-family: "Gmarket Medium"; font-size: 17px; color: #333333; position: relative;}
.sns-left li a::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #333333; transition: all .3s;}
.sns-left li a:hover::after{width: 100%;}
.youtube-box{position: relative; left: -100px; visibility: hidden; opacity: 0; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .6s;}
.mCustomScrollbar .youtube-box,
#multipleContentsDiv_daejin_8404.on .youtube-box{left: 0; visibility: visible; opacity: 1; filter: blur(0); -webkit-filter: blur(0);}
.youtube-image{width: 100%; position: relative; height: 360px; margin-top: 40px}
.youtube-image iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.youtube-content span{font-family: "Gmarket Bold"; font-size: 13px; color: #ff0000; display: inline-block; margin-top: 20px;}
.youtube-content p{font-family: "Noto Regular"; font-size: 18px; line-height: 25px; margin-top: 5px;}
#menu715_obj8406{float: right; width: 50%;}
.sns-right ul::after{content:""; display: table; clear: both;}
.sns-right li{float: left; width: 46.667%; margin-top: 40px; margin-right: 50px; position: relative; top: 100px; opacity: 0; visibility: hidden; transition: all .3s;}
.sns-right li:nth-child(1){transition-delay: .8s;}
.sns-right li:nth-child(2){transition-delay: 1s;}
.sns-right li:nth-child(3){transition-delay: 1.2s;}
.sns-right li:nth-child(4){transition-delay: 1.4s;}
.mCustomScrollbar .sns-right li,
#multipleContentsDiv_daejin_8404.on .sns-right li{top: 0; opacity: 1; visibility: visible;}
.sns-right li a{display: block; width: 100%; height: 100%;}
.sns-right li:nth-child(2n){margin-right: 0;}
.sns-right li:nth-child(-n+2){margin-top: 0;}
.sns-info span{display: inline-block; font-family: "Gmarket Bold"; font-size: 13px; color: #3b5998; margin: 20px 0 10px 0;}
.sns-info p{font-size: 18px; line-height: 25px; color: #000000; padding-right: 10px; text-overflow: ellipsis; overflow: hidden; white-space: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.sns-right li a:hover .sns-info p{text-decoration: underline;}

.mCustomScrollbar #multipleContentsDiv_daejin_8404{display: block;}

@media all and (max-width: 1500px) {
  #multipleContentsDiv_daejin_8404{padding: 0 60px;}
  .sns-right li{margin-right: 6.666%;}
  .sns-left > h1{font-size: 40px;}
}

@media all and (max-width: 1023px) {
  #multipleContentsDiv_daejin_8404{align-items: flex-start; padding: 60px 60px 142px;}
  .sns-top{margin-bottom: 15px;}
  #menu715_obj8405{padding-right: 25px;}
  .sns-left > h1{margin-bottom: 18px;}
  .sns-left li{width: 111px; padding-left: 32px;}
  .sns-left li a{font-size: 11px; display: block; line-height: 29px;}
  .youtube-image{margin-top: 25px; height: 235px;}
  .youtube-content p,
  .sns-info p{font-size: 16px; line-height: 22px;}
  .sns-right li{position: relative;}
  .youtube-content span{margin-top: 15px}
  .sns-info span{margin: 15px 0 5px;}
  .sns-right li:nth-child(2n){top: 65px;}
}

@media all and (max-width: 768px) {
  #multipleContentsDiv_daejin_8404{padding: 45px 20px 25px;}
  #menu715_obj8405{width: 100%; float: none; padding-right: 0;}
  #menu715_obj8406{float: none; width: 100%; margin-top: 30px;}
  .sns-left > h1{font-size: 35px;}
  .sns-top{margin-bottom: 0; margin-right: 3px;}
  .sns-top,
  .sns-bottom{display: inline-block;}
  .sns-left li{width: auto; margin-right: 7px;}
  .sns-left li:last-child{margin-right: 0;}
  .youtube-image{height: 275px;}
  .sns-right li:nth-child(2n){top: 0;}
  /*20240621 요청으로 none처리 해제*/
 /* .sns-right li{display: none;}*/
  .sns-right li:nth-child(-n+2){display: block;}
}


/* 애니메이션 */
@keyframes circleCycle {
  0%{transform: rotate(0);} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg);}
}
/* 인스타그램 */
.sns-info-insta span{display: inline-block;font-family: "Gmarket Bold";font-size: 13px;color: #7F00FF;margin: 20px 0 10px 0;}
.sns-info-insta p{font-size: 18px; line-height: 25px; color: #000000; padding-right: 10px; text-overflow: ellipsis; overflow: hidden; white-space: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}

/* 250818 section2 변경 */
.wrap_imbest{position:relative; align-items:center; height:100%;}
.wrap_imbest .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;left:0;top:0;}

.motion_1,.motion_2,.motion_3,.motion_4{width:100%;}
.motiont_1{width:100%;display:flex;justify-content:center;}
.wrap_imbest .containert{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.containert2{align-content:center;width:100%;height:100%;position:absolute;}

.motion_total{display:flex;justify-content:center;width:100%;}

/* ========== 전역 변수 (기본: 데스크톱) ========== */
:root{
  /* 애니메이션 시작 오프셋 */
  --fade-right-start: 50%;
  --fade-up-start:    50%;
  --fade-down-start: -50%;

  /* 그림자 스케일 */
  --shadow-text: 10px 10px 10px rgba(0,0,0,1);
  --shadow-dot:  10px 10px 10px rgba(0,0,0,1);
}

/* ========== 타이핑 ========== */
.multipleDiv .motion_t{
  font-size:60px;color:#000;font-family:'Dream Medium';
  white-space:nowrap;overflow:hidden;
  border-right:0.15em solid black;
  width:0;visibility:hidden;opacity:0;
  animation-fill-mode:forwards;
  --typing-w:0px; --typing-delay:0s;
  display:inline-block;box-sizing:content-box;
  border-right:0.15em solid transparent; /* blink에서 색상 */
}
.multipleDiv .motion_t .typing-measure{display:inline-block;white-space:nowrap;}

@keyframes typingAuto{
  0%{width:0;visibility:visible;opacity:1;}
  66%{width:var(--typing-w);opacity:1;}
  83%{width:var(--typing-w);opacity:1;}
  100%{width:var(--typing-w);opacity:0;visibility:hidden;}
}
@keyframes typing2Auto{
  0%{width:0;visibility:visible;opacity:1;}
  100%{width:var(--typing-w);visibility:visible;opacity:1;}
}
@keyframes blink{
  0%,100%{border-color:transparent;}
  50%{border-color:black;}
}

.multipleDiv.active .motion_t.top{
  animation: typingAuto 3s steps(17,end) forwards, blink 0.8s step-end infinite;
  animation-delay: 0s, 0s;
  visibility:visible;
}
.multipleDiv.active .motion_t.bottom{
  animation: typing2Auto 2.5s steps(20,end) forwards, blink 0.8s step-end infinite;
  animation-delay: 4s, 4s;
  visibility:visible;
}

/* ========== 텍스트 파츠(타이틀 조립) ========== */
.motiont_1 .pg_1{margin:0 10px;display:flex;align-items:baseline;}

/* D, J, U */
.motiont_1 .pg_1 .tx1{
  font-size:150px;color:#1881b7;font-family:'Dream ExtraBold';
  opacity:0;filter:blur(10px);
}
.multipleDiv .motiont_1 .tx1{
  opacity:0;filter:blur(10px);visibility:hidden;
  will-change:opacity,filter,color,transform;perspective:1000px;transform:translateZ(0);
}
.multipleDiv.active .motiont_1 .tx1{animation:motiont_1_1 3s both;visibility:visible;}
@keyframes motiont_1_1{
  0%{ -webkit-text-stroke:2px #1881b7; -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-clip:text; opacity:0; filter:blur(10px); }
  20%{ opacity:1; filter:blur(0); -webkit-text-stroke:2px #1881b7; }
  40%{ opacity:1; filter:blur(0); color:#f2f2f2; -webkit-text-stroke:2px #1881b7; }
  90%,100%{ opacity:1; filter:blur(0); color:#1881b7; -webkit-text-stroke:2px #1881b7; }
}

/* reams,oin,s / ae,in,niversity */
.motiont_1 .pg_1 .tx2,
.motiont_1 .pg_1 .tx2_n{
  font-size:var(--tx2-size,120px);
  color:#000;font-family:'Dream Medium';
}

/* reams,oin,s 사라지기 */
.multipleDiv .motiont_1 .tx2{opacity:0;filter:blur(10px);}
.multipleDiv.active .motiont_1 .tx2{animation:motiont_1_2 3s forwards;}
@keyframes motiont_1_2{
  0%{}
  20%{opacity:1;filter:blur(0);}
  50%{opacity:1;filter:blur(0);}
  75%{opacity:0;visibility:hidden;font-size:var(--tx2-size,120px);}
  100%{opacity:0;visibility:hidden;font-size:0;}
}

/* 가운데 점 */
.motiont_1 .pg_1 .tx3{
  background-color:#1881b7;font-family:'Dream ExtraBold';
  display:inline-flex;justify-content:center;align-items:center;
  width:23px;height:23px;border-radius:50%;margin-left:20px;align-self:center;
}
.multipleDiv .motiont_1 .tx3{opacity:0;filter:blur(10px);}
.multipleDiv.active .motiont_1 .tx3{animation:motiont_1_3 2s forwards 2.5s;}
@keyframes motiont_1_3{
  0%{opacity:0;filter:blur(10px);}
  10%{opacity:1;filter:blur(0);}
  77%{opacity:1;filter:blur(0);}
  100%{opacity:0;filter:blur(0);visibility:hidden;}
}

/* ae,in,niversity 나타나기 */
.multipleDiv .motiont_1 .tx2_n{opacity:0;filter:blur(10px);visibility:hidden;font-size:0;display:inline-block;overflow:hidden;}
.multipleDiv.active .motiont_1 .tx2_n{animation:show_tx2n 3s forwards;animation-delay:4s;visibility:visible;}
@keyframes show_tx2n{
  0%{opacity:0;filter:blur(10px);font-size:0;}
  100%{opacity:1;filter:blur(0);font-size:var(--tx2-size,120px);}
}

/* 숨김 점 제거 */
.multipleDiv.active .motiont_1 .tx3.tx3_hidden{
  animation: motiont_1_3 2s forwards 2.5s, hide_tx3 3s forwards 4s;
}
@keyframes hide_tx3{
  100%{display:none !important;opacity:0;filter:blur(6px);visibility:hidden;height:0;width:0;margin:0;padding:0;overflow:hidden;}
}

/* ========== motion_3(배경 원 확장) ========== */
.multipleDiv .motiont_3{
  opacity:0;visibility:hidden;
  background:url('/sites/daejin/images/main/motion3_bg (2).jpg') no-repeat center/cover;
  width:100%;
  height:100%;
  position:relative;
  z-index:0;
  clip-path:circle(30% at 50% 50%);
}
.multipleDiv .motiont_3::before{
  content:"";
  position:absolute;
  inset:0;
  background-color:rgba(0,0,0,.3);
  z-index:1;
}
.multipleDiv.active .motiont_3{animation:motion3 6s ease-out forwards;animation-delay:7.5s;}
@keyframes motion3{
  0%{opacity:0;visibility:hidden;clip-path:circle(30% at 50% 50%);}
  10%{opacity:1;visibility:visible;}
  100%{opacity:1;visibility:visible;clip-path:circle(100% at 50% 50%);}
}

/* ---- 아이콘 ---- */
/*.motiont_3_con{position:relative;width:100%;height:100%;z-index:2;}*/
.motiont_3_con{
  position:relative;
  z-index:2;
  display:flex;
  place-items:center;
  justify-content:center;
  gap:5vw;
  height:100%;
}
/* 로고 박스(정사각형) */
.symbol_set{
  position:relative;
  width:14vw;
  aspect-ratio:1 / 1;     /* 정사각형 유지 */
}

/* 로고 레이어들: 박스 정중앙에 겹치기 */
.symbol_1, .symbol_2{
  position:absolute;
  top:50%; 
  left:50%;
  transform:translate(-50%, -50%); /* 중앙 기준 */
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}

/* 바깥 링(회전 효과 유지 가능) */
.symbol_2{
  width:100%;
  height:100%;
  z-index:1;
  transition:transform 2s ease-out;
  /* 필요 시 회전 예: transform: translate(-50%,-50%) rotate(0deg); */
  background-image:url('/sites/daejin/images/main/motion3_symbol_2.png');
}

/* 안쪽 심볼 */
.symbol_1{
  width:68%; 
  height:68%;
  z-index:2;
  background-image:url('/sites/daejin/images/main/motion3_symbol_1.png');
  top:52%;
}

/*.symbol_1{
  background:url('/sites/daejin/images/main/motion3_symbol_1.png') no-repeat center/contain;
  width:10vw;height:10vw;position:absolute;top:51%;left:20%;transform:translate(-50%,-50%);
}
.symbol_2{
  background:url('/sites/daejin/images/main/motion3_symbol_2.png') no-repeat center/contain;
  width:15vw;height:15vw;position:absolute;top:50%;left:20%;
  transform:translate(-50%,-50%) rotate(0deg);transition:transform 2s ease-out;
}
*/
/* ========== 텍스트: 위치 래퍼(부모 transform 금지) ========== */
.motion_3_txt_wrap{
  position:relative;
  z-index:2;
}
.motion_3_txt{ display:inline-block; position:relative; } /* 가운데 정렬용 inline-block */

.motion_3_txt_top,.motion_3_bottom{
  font-family:'Pretendard';font-weight:900;font-size:110px;line-height:100%;color:#fff;
}
.motion_3_txt_mid{
  font-size:110px;color:#1881b7;font-family:'Dream ExtraBold';
  display:flex;align-items:center;justify-content:center;
  text-shadow: var(--shadow-text);
}
.motion_3_txt_mid .tx3{
  font-size:20px;background-color:#1881b7;font-family:'Dream ExtraBold';
  display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;
  border-radius:50%;margin:0 20px;box-shadow: var(--shadow-dot);
}

/* ========== 변수 기반 키프레임(반응형 시작 오프셋) ========== */
@keyframes fadeInRightVar{
  0%{opacity:0;transform:translateX(var(--fade-right-start));}
  100%{opacity:1;transform:translateX(0);}
}
@keyframes fadeInUpVar{
  0%{opacity:0;transform:translateY(var(--fade-up-start));}
  100%{opacity:1;transform:translateY(0);}
}
@keyframes fadeInDownVar{
  0%{opacity:0;transform:translateY(var(--fade-down-start));}
  100%{opacity:1;transform:translateY(0);}
}

/* 애니메이션 적용 */
.motion_3_txt_top{   opacity:0; animation:fadeInDownVar 6s ease-out forwards; animation-delay:10s; will-change:transform,opacity; }
.motion_3_txt_mid{   opacity:0; animation:fadeInRightVar 6s ease-out forwards; animation-delay:10s; will-change:transform,opacity; }
.motion_3_bottom{    opacity:0; animation:fadeInUpVar   6s ease-out forwards; animation-delay:10s; will-change:transform,opacity; }

/* ========== 반응형: 변수만 조절해 스케일/오프셋/그림자 동시 관리 ========== */

/* ≤360 */
@media (max-width:360px){
  .multipleDiv .motion_t{font-size:14px;}
  .motiont_1{text-align:center;}
  .motiont_1 .pg_1{margin:0 3px;align-items:baseline;}
  .motiont_1 .pg_1 .tx1{font-size:56px;}
  .motiont_1 .pg_1 .tx2{font-size:36px;}
  .motiont_1 .pg_1 .tx3{width:12px;height:12px;margin-left:8px;margin-top:-4px;}
  .multipleDiv{--tx2-size:36px;}
  .containert2{align-items:center;position:absolute;}

  /*
  .symbol_1{width:16vw;height:16vw;top:52%;left:18%;}
  .symbol_2{width:22vw;height:22vw;top:51%;left:18%;}
  */
  .motion_3_txt_top,.motion_3_bottom{font-size:40px;line-height:1.05;}
  .motion_3_txt_mid{font-size:40px;}
  .motion_3_txt_mid .tx3{width:10px;height:10px;margin:0 10px;}

  :root{
    --fade-right-start:30%;
    --fade-up-start:40%;
    --fade-down-start:-40%;
    --shadow-text: 6px 6px 8px rgba(0,0,0,.9);
    --shadow-dot:  6px 6px 8px rgba(0,0,0,.9);
  }
}

/* 361~389 */
@media (min-width:361px) and (max-width:389px){
  .multipleDiv .motion_t{font-size:18px;}
  .motiont_1{text-align:center;}
  .motiont_1 .pg_1{margin:0 3px;}
  .motiont_1 .pg_1 .tx1{font-size:64px;}
  .motiont_1 .pg_1 .tx2{font-size:42px;}
  .motiont_1 .pg_1 .tx3{width:13px;height:13px;margin-left:10px;margin-top:-5px;}
  .multipleDiv{--tx2-size:42px;}
  .containert2{align-items:center;position:absolute;}

  /*
  .symbol_1{width:14vw;height:14vw;top:52%;left:18%;}
  .symbol_2{width:20vw;height:20vw;top:51%;left:18%;}
  */
  .motion_3_txt_top,.motion_3_bottom{font-size:46px;}
  .motion_3_txt_mid{font-size:46px;}
  .motion_3_txt_mid .tx3{width:12px;height:12px;margin:0 12px;}

  :root{
    --fade-right-start:30%;
    --fade-up-start:40%;
    --fade-down-start:-40%;
    --shadow-text: 8px 8px 10px rgba(0,0,0,1);
    --shadow-dot:  8px 8px 10px rgba(0,0,0,1);
  }
}

/* 390~414 */
@media (min-width:390px) and (max-width:414px){
  .multipleDiv .motion_t{font-size:24px;}
  .motiont_1{text-align:center;}
  .motiont_1 .pg_1{margin:0 3px;}
  .motiont_1 .pg_1 .tx1{font-size:88px;}
  .motiont_1 .pg_1 .tx2{font-size:60px;}
  .motiont_1 .pg_1 .tx3{width:14px;height:14px;margin-left:12px;margin-top:-6px;}
  .multipleDiv{--tx2-size:60px;}
  .containert2{align-items:center;position:absolute;}

  /*
  .symbol_1{width:13vw;height:13vw;top:52%;left:18.5%;}
  .symbol_2{width:19vw;height:19vw;top:51%;left:18.5%;}
  */
  .motion_3_txt_top,.motion_3_bottom{font-size:54px;}
  .motion_3_txt_mid{font-size:54px;}
  .motion_3_txt_mid .tx3{width:14px;height:14px;margin:0 14px;}

  :root{
    --fade-right-start:30%;
    --fade-up-start:40%;
    --fade-down-start:-40%;
    --shadow-text: 8px 8px 10px rgba(0,0,0,.95);
    --shadow-dot:  8px 8px 10px rgba(0,0,0,.95);
  }
}

/* 415~428 */
@media (min-width:415px) and (max-width:428px){
  .multipleDiv .motion_t{font-size:28px;}
  .motiont_1{text-align:center;}
  .motiont_1 .pg_1{margin:0 3px;}
  .motiont_1 .pg_1 .tx1{font-size:98px;}
  .motiont_1 .pg_1 .tx2{font-size:66px;}
  .motiont_1 .pg_1 .tx3{width:15px;height:15px;margin-left:14px;margin-top:-7px;}
  .multipleDiv{--tx2-size:66px;}
  .containert2{align-items:center;position:absolute;}

  /*
  .symbol_1{width:12vw;height:12vw;top:51%;left:19%;}
  .symbol_2{width:18vw;height:18vw;top:50%;left:19%;}
  */
  .motion_3_txt_top,.motion_3_bottom{font-size:58px;}
  .motion_3_txt_mid{font-size:58px;}
  .motion_3_txt_mid .tx3{width:16px;height:16px;margin:0 16px;}

  :root{
    --fade-right-start:32%;
    --fade-up-start:38%;
    --fade-down-start:-38%;
    --shadow-text: 9px 9px 10px rgba(0,0,0,.95);
    --shadow-dot:  9px 9px 10px rgba(0,0,0,.95);
  }
}

/* 429~479 */
@media (min-width:429px) and (max-width:479px){
  .multipleDiv .motion_t{font-size:25px;}
  .motiont_1{text-align:center;}
  .motiont_1 .pg_1{margin:0 3px;}
  .motiont_1 .pg_1 .tx1{font-size:60px;}
  .motiont_1 .pg_1 .tx2{font-size:50px;}
  .motiont_1 .pg_1 .tx3{width:10px;height:10px;margin-left:8px;margin-top:-4px;}
  .multipleDiv{--tx2-size:50px;}
  .containert2{align-items:center;position:absolute;}

  /*
  .symbol_1{width:12vw;height:12vw;top:50.5%;left:22%;}
  .symbol_2{width:17vw;height:17vw;top:50%;left:22%;}
  */
  .motion_3_txt_top,.motion_3_bottom{font-size:30px;}
  .motion_3_txt_mid{font-size:40px;}
  .motion_3_txt_mid .tx3{width:9px;height:9px;margin:0 5px;}

  :root{
    --fade-right-start:28%;
    --fade-up-start:34%;
    --fade-down-start:-34%;
    --shadow-text: 6px 6px 8px rgba(0,0,0,.9);
    --shadow-dot:  6px 6px 8px rgba(0,0,0,.9);
  }
}

/* 480~599 */
@media (min-width:480px) and (max-width:599px){
  .multipleDiv .motion_t{font-size:48px;}
  .motiont_1{text-align:center;}
  .motiont_1 .pg_1{margin:0 3px;}
  .motiont_1 .pg_1 .tx1{font-size:120px;}
  .motiont_1 .pg_1 .tx2{font-size:84px;}
  .motiont_1 .pg_1 .tx3{width:18px;height:18px;margin-left:16px;margin-top:-5px;}
  .multipleDiv{--tx2-size:84px;}
  .containert2{align-items:center;position:absolute;}

  /*
  .symbol_1{width:10vw;height:10vw;top:51%;left:20%;}
  .symbol_2{width:15vw;height:15vw;top:50%;left:20%;}
  */
  .motion_3_txt_top,.motion_3_bottom{font-size:74px;}
  .motion_3_txt_mid{font-size:74px;}
  .motion_3_txt_mid .tx3{width:18px;height:18px;margin:0 18px;}

  :root{
    --fade-right-start:36%;
    --fade-up-start:40%;
    --fade-down-start:-40%;
    --shadow-text: 8px 8px 10px rgba(0,0,0,.95);
    --shadow-dot:  8px 8px 10px rgba(0,0,0,.95);
  }
}

/* 600~767 */
@media (min-width:600px) and (max-width:767px){
  .multipleDiv .motion_t{font-size:50px;}
  .motiont_1{text-align:center;}
  .motiont_1 .pg_1{margin:0 3px;}
  .motiont_1 .pg_1 .tx1{font-size:128px;}
  .motiont_1 .pg_1 .tx2{font-size:90px;}
  .motiont_1 .pg_1 .tx3{width:18px;height:18px;margin-left:16px;margin-top:-6px;}
  .multipleDiv{--tx2-size:90px;}
  .containert2{align-items:center;position:absolute;}

  /*
  .symbol_1{width:10vw;height:10vw;top:51%;left:20%;}
  .symbol_2{width:15vw;height:15vw;top:50%;left:20%;}
  */
  .motion_3_txt_top,.motion_3_bottom{font-size:86px;}
  .motion_3_txt_mid{font-size:86px;}
  .motion_3_txt_mid .tx3{width:20px;height:20px;margin:0 18px;}

  :root{
    --fade-right-start:40%;
    --fade-up-start:44%;
    --fade-down-start:-44%;
    --shadow-text: 10px 10px 10px rgba(0,0,0,1);
    --shadow-dot:  10px 10px 10px rgba(0,0,0,1);
  }
}

/* 768~834 (iPad 세로 1) */
@media (min-width:768px) and (max-width:834px){
  .multipleDiv .motion_t{font-size:30px;}
  .motiont_1{text-align:center;}
  .motiont_1 .pg_1{margin:0 5px;}
  .motiont_1 .pg_1 .tx1{font-size:80px;}
  .motiont_1 .pg_1 .tx2{font-size:60px;}
  .motiont_1 .pg_1 .tx3{width:15px;height:15px;margin-left:13px;margin-top:-7px;}
  .multipleDiv{--tx2-size:60px;}
  .containert2{align-items:center;position:absolute;}

  /*
  .symbol_1{width:13vw;height:13vw;top:49.5%;left:18%;}
  .symbol_2{width:17vw;height:17vw;top:49%;left:18%;}
  */
  .motion_3_txt_top,.motion_3_bottom{font-size:60px;}
  .motion_3_txt_mid{font-size:60px;}
  .motion_3_txt_mid .tx3{width:12px;height:12px;margin:0 7px;}

  :root{
    --fade-right-start:36%;
    --fade-up-start:40%;
    --fade-down-start:-40%;
    --shadow-text: 9px 9px 10px rgba(0,0,0,.95);
    --shadow-dot:  9px 9px 10px rgba(0,0,0,.95);
  }
}

/* 835~1023 (iPad 세로 2) */
@media (min-width:835px) and (max-width:1023px){
  .multipleDiv .motion_t{font-size:58px;}
  .motiont_1{text-align:center;}
  .motiont_1 .pg_1{margin:0 5px;}
  .motiont_1 .pg_1 .tx1{font-size:125px;}
  .motiont_1 .pg_1 .tx2{font-size:100px;}
  .motiont_1 .pg_1 .tx3{width:20px;height:20px;margin-left:18px;}
  .multipleDiv{--tx2-size:100px;}
  .containert2{align-items:center;position:absolute;}

  /*
  .symbol_1{width:15vw;height:15vw;top:44.5%;left:15%;}
  .symbol_2{width:20vw;height:20vw;top:44%;left:15%;}
  */
  .motion_3_txt_top,.motion_3_bottom{font-size:80px;}
  .motion_3_txt_mid{font-size:80px;}
  .motion_3_txt_mid .tx3{width:16px;height:16px;margin:0 10px;}

  :root{
    --fade-right-start:40%;
    --fade-up-start:44%;
    --fade-down-start:-44%;
    --shadow-text: 10px 10px 10px rgba(0,0,0,1);
    --shadow-dot:  10px 10px 10px rgba(0,0,0,1);
  }
}

/* 1024~1440 */
@media (min-width:1024px) and (max-width:1440px){
  .multipleDiv .motion_t{font-size:45px;}
  .motiont_1 .pg_1{margin:0 10px;}
  .motiont_1 .pg_1 .tx1{font-size:90px;}
  .motiont_1 .pg_1 .tx2{font-size:80px;}
  .motiont_1 .pg_1 .tx3{width:18px;height:18px;margin-left:15px;}
  .multipleDiv{--tx2-size:80px;}
  .containert2{align-items:center;position:absolute;}

  /*
  .symbol_1{width:10vw;height:10vw;top:51%;left:20%;}
  .symbol_2{width:15vw;height:15vw;top:50%;left:20%;}
  */
  .motion_3_txt_top,.motion_3_bottom{font-size:110px;}
  .motion_3_txt_mid{font-size:110px;}
  .motion_3_txt_mid .tx3{width:20px;height:20px;margin:0 20px;}

  :root{
    --fade-right-start:50%;
    --fade-up-start:50%;
    --fade-down-start:-50%;
    --shadow-text: 10px 10px 10px rgba(0,0,0,1);
    --shadow-dot:  10px 10px 10px rgba(0,0,0,1);
  }
}

/* ≥1025 */
@media (min-width:1025px){}

/* 251224 
* {cursor: url(/sites/daejin/images/point_01.png), auto;}*/