/* 건학정신 */
.foundation-image img{display: block; width: 100%;}

/* 공개처리절차 */
.down-arrow{text-align: center; margin: 10px 0;}
.down-arrow img{display: inline-block; vertical-align: middle;}

/* 셔틀버스안내 */
.station-map{margin-top: 10px;}
.station-map > div{width: 100% !important;}

/* ducc */
.ducc-image {text-align: center;}
.center-image{text-align: center;}

/* 기타 */
.con-table tbody td .btn-box a[target=_blank]{margin: 0;}
.con-table tbody td .btn-box a[target=_blank]::after{display: none;}

/* 신고 */
.site-link{display: block; margin-top: 10px;}

/* 조직도 */
.organ-header{position: relative;}
.organ-header h1{width: 315px; height: 272px; background: url(../../images/sub/top_image.png) no-repeat center center; font-size: 26px; font-family: "Gmarket Bold"; color: white; margin: 0 auto; text-align: center; line-height: 300px; letter-spacing: .1em; padding-left: .1em}
.organ-content .organ-section-1{position: absolute; display: flex; flex-wrap: wrap; width: 100%; top: 360px; z-index: 2;}
.organ-content .organ-section-1 .organ-content-list{height: auto;}
.organ-content .organ-section-1 .same-height .organ-content-list{height: 207px;}
.organ-content .organ-section-1 .same-height-2 .organ-content-list{height: 89px;}
.organ-content .organ-section-1 .organ-content-list p{font-size: 18px;}
.organ-content .organ-section-2 .organ-content-list{height: 450px;}
.organ-content .organ-section-2{position: relative; padding-top: 550px;}
.organ-content .organ-section-2::before{content:""; display: block; position: absolute; left: 50%; width: 1px; height: 100%; background-color: rgba(129,129,129,.5); top: 0; z-index: -1;}
.organ-content .organ-section-2 > ul{margin: 0 -10px;}
.organ-content .organ-section-2 > ul > li{width: calc(100% / 6); padding: 0 10px; display:flex;}
.organ-content .organ-section-3{padding-top: 70px; margin-top: 20px; position: relative;}
.organ-content .organ-section-3 > ul{margin: 0 -10px;}
.organ-content .organ-section-3 > ul > li{width: calc(100% / 4); padding: 0 10px;}
.organ-content .organ-section-4{padding-top: 70px; margin-top: 20px; position: relative;}
.organ-content .organ-section-4 .organ-content-list{min-height: 465px;}
.organ-content .organ-section-4 > ul > li:nth-child(1) .organ-content-box:nth-child(1) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(3) .organ-content-box:nth-child(1) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(5) .organ-content-box:nth-child(1) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(6) .organ-content-box:nth-child(1) .organ-content-list{height: 465px}
.organ-content .organ-section-4 > ul > li:nth-child(1) .organ-content-box:nth-child(2) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(3) .organ-content-box:nth-child(2) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(5) .organ-content-box:nth-child(2) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(6) .organ-content-box:nth-child(2) .organ-content-list{height: 440px}
.organ-content .organ-section-4 > ul{margin: 0 -10px;}
.organ-content .organ-section-4 > ul > li{width: calc(100% / 5); padding: 0 10px; margin-bottom: 20px; display:flex;}
.organ-content .organ-section-5{padding-top: 70px; margin-top: 20px; position: relative;}
.organ-content .organ-section-5 .organ-content-list{height: 265px;}
.organ-content .organ-section-5 > ul{margin: 0 -10px;}
.organ-content .organ-section-5 > ul > li{width: calc(100% / 6); padding: 0 10px; display:flex; flex-wrap:wrap;}
.organ-content .organ-section-6{padding-top: 70px; margin-top: 20px; position: relative;}
.organ-content .organ-section-6 .organ-content-list{height: 177px;}
.organ-content .organ-section-6 > ul{margin: 0 -10px;}
.organ-content .organ-section-6 > ul > li{width: calc(100% / 3); padding: 0 10px;display:flex; flex-wrap:wrap;}
.organ-content > div::after{content:""; display: table; clear: both;}
.organ-content .organ-more-content > div > ul,
.organ-content > div > ul{display: flex; flex-wrap: wrap; justify-content: stretch; align-items: stretch; background-color: white; padding-top: 50px;}
.organ-left{width: 50%; position: relative; display: flex;}
.organ-left::before{content:""; display: block; position: absolute; right: 0; top: 35px; width: 50%; height: 1px; background-color: rgba(192,192,192,.5); z-index: -1;}
.organ-left::after{content:""; display: table; clear: both;}
.organ-right{width: 50%; position: relative; display: flex; justify-content: end;}
.organ-right::before{content:""; display: block; position: absolute; left: 0; top: 35px; width: 50%; height: 1px; background-color: rgba(192,192,192,.5); z-index: -1;}
.organ-right::after{content:""; display: table; clear: both;}
.organ-side-left{width: 283px; margin-right: 20px;}
.organ-side-right{width: 283px;}
.organ-content-box{margin-bottom: 18px; width:100%;}
.organ-content-box:last-child{margin-bottom: 0; display:flex;flex-direction:column; flex:1;}
.organ-content-box h1{background-image: url(../../images/sub/box_background.png); background-repeat: no-repeat; background-position: left -95px top -140px;display: table; width: 100%; padding: 0 20px; height: 70px;}
.organ-content-box h1 button{cursor: default;}
.organ-content-box h1 button,
.organ-content-box h1 a{ text-align: center; color: white; font-family: "Gmarket Medium"; font-size: 16px; height: 70px; width: 100%; display: table-cell; position: relative; vertical-align: middle;}
.organ-content-box h1 a[target="_blank"]::before{content:""; display :block; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 16px; height: 14px; background: url(../../images/common/blank_icon_white.png);}
.organ-content-box h1 span{display: table-cell; vertical-align: middle; line-height: 1.1; word-break: break-all; text-align: center; font-family: "Gmarket Medium"; font-size: 16px; color: white;}
.organ-content-box h1 > a > span {padding-right:30px; background:url('../../images/common/blank_icon_w.png') no-repeat right top; display:inline;}
.organ-content-box.blue h1{background-color: #4694d1;}
.organ-content-box.green h1{background-color: #00ac97;}
.organ-content-box.gray h1{background-color: #898989;}
.organ-content-box.darkgreen h1{background-color: #42999a;}
.organ-section-title h1{width: 298px; margin: 0 auto; text-align: center; font-family: "Gmarket Medium"; font-size: 20px; color: white; background: url(../../images/sub/organ_title.png) no-repeat center center; padding: 22px 0px 17px}
.organ-content-list{border: 1px solid #dbdbdb; border-top: 0; padding: 21px 20px; background-color: white; flex:1;}
.organ-content-list p{font-size: 14px; color: #111111; font-family: "Noto Regular"; padding-left: 16px; background: url(../../images/sub/bullet.png) no-repeat left top 11px;}
.organ-content-list p button{font-size: 14px; color: #111111; font-family: "Noto Regular"; position: relative; text-align: left; cursor: default;}
.organ-content-list p > a{display: inline-block; font-size: 14px; font-family: "Noto Regular"; color :#111111; position: relative;}
.organ-content-list p > a[target="_blank"]{padding-right: 20px; background: url(../../images/common/blank_icon.png) no-repeat right top 4px;}
.organ-content-list span{display: block; padding-left: 17px;}
.organ-content-list span a{display: inline-block; font-size: 14px; font-family: "Noto Regular";color :#111111; position: relative;}
.organ-content-list span a[target="_blank"]{padding-right: 20px; background: url(../../images/common/blank_icon.png) no-repeat right center;}
.organ-content-list span button{display: inline-block; font-size: 14px; font-family: "Noto Regular"; color: #111111; text-align: left; position: relative; cursor: default;}
.organ-team{margin-top: 5px;}
.organ-team p button,
.organ-team > p{border: 1px solid #dbdbdb; background-color: #edeef1; color: #111111; font-family: "Noto Regular"; text-align: center; line-height: 60px; font-size: 12px; display: block; width: 100%;}
.organ-team p button{position: relative; cursor: default;}
.organ-more{width: 140px; margin: 0 auto; background-color: #898989; font-size: 18px; color: white; font-family: "Gmarket Medium"; text-align: left; padding: 23px 0 17px 45px; position: relative; cursor: pointer; display: block; margin-top: 90px;}
.organ-more::before{content:""; display: block; position: absolute; left: 19px; top: 24px; width: 15px; height: 15px; background: url(../../images/sub/organ_more.png);}
.organ-more.on::before{background: url(../../images/sub/organ_close.png);}
.organ-more-content{display: none;}
.organ-more-content.on{display: block;}
.organ-hidden-content{display: none;}

.organ-popup-wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: table; background-color: rgba(0,0,0,.45); z-index: 10; visibility: hidden; opacity: 0; transition: all .5s;}
.organ-popup-wrap.on{opacity: 1; visibility: visible;}
.organ-popup{display: table-cell; vertical-align: middle;}
.organ-popup-box{max-width: 900px; margin: 0 auto;}
.organ-popup-header{background: url(../../images/sub/popup_header.png) no-repeat left top / cover; padding: 0 30px;}
.organ-popup-header::after{content:""; display: table; clear: both;}
.organ-popup-header h1{font-size: 32px; font-family: "Gmarket Medium"; color: #ffffff; float: left; margin-top: 20px;}
.organ-popup-header ul{float: right;}
.organ-popup-header ul::after{content:""; display: table; clear: both;}
.organ-popup-header li{float: left; position: relative; padding-right: 20px; margin-right: 22px;}
.organ-popup-header li.none{display: none;}
.organ-popup-header li::before{content:""; display: block; position: absolute; right: 0; top: 28px; width: 1px; height: 18px; background-color: #809ec5;}
.organ-popup-header li:last-child{padding-right: 0; margin-right: 0;}
.organ-popup-header li:last-child::before{display: none;}
.organ-popup-header li a{padding-left: 30px; font-size: 17px; font-family: "Gmarket Light"; color: white; background: url(../../images/sub/popup_link.png) no-repeat left top 27px; display: block; line-height: 80px;}
.organ-popup-close{padding-left: 26px; display: block; font-size: 17px; font-family: "Gmarket Light"; color: white; background: url(../../images/sub/popup_close.png) no-repeat left top 30px; line-height: 80px;}
.organ-popup-content-inner{background-color: white; max-height: 510px; overflow-y: scroll;}
.organ-popup-content{padding: 40px;}
.organ-popup-content .organ-popup-text{font-size: 17px; line-height: 28px; color: #111111; padding-bottom: 30px; background: url(../../images/sub/popup_dots_line.png) no-repeat left bottom;}
.organ-arrow-list{padding-bottom: 30px; background: url(../../images/sub/popup_dots_line.png) no-repeat left bottom; margin-top: 20px; margin-bottom: 30px;}
.organ-arrow-list li{font-size: 17px; line-height: 28px; color: #555; padding-left: 20px; background: url(../../images/guide/arrow.png) no-repeat left top 11px;}
.organ-arrow-list li a{padding-right: 30px; background: url("../../images/guide/table-blank-icon.png") no-repeat right center; color: #555}

@media all and (max-width: 1500px) {
  .organ-team{height: 60px; width: 100%; display: table;}
  .organ-team p{display: table-cell; vertical-align: middle;}
  .organ-team p button{border: 0; line-height: 22px;}
  .organ-team p button::after{bottom: 0;}
  .organ-content .organ-section-1 .same-height .organ-content-list,
  .organ-content .organ-section-1 .same-height-2 .organ-content-list{height: auto}
}


@media all and (max-width: 1380px) {
  .organ-content-box h1,
  .organ-content-box h1 a,
  .organ-content-box h1 button{font-size: 14px; word-break: break-all;}
  .organ-content-box h1 span{font-size: 14px;}
  .organ-content-list{padding: 10px;}
  .organ-content-list p{font-size: 14px; background-position: left top 7px;}
  .organ-content-list span button,
  .organ-content-list p button{font-size: 14px; word-break: break-all;}
  .organ-content-list span{font-size: 14px;}
  .organ-content .organ-section-1 .organ-content-list p{font-size: 16px; background-position: left top 10px;}
  .organ-section-title h1{font-size: 20px; padding: 27px 0px 22px}
  .organ-team p,
  .organ-team button{font-size: 12px; line-height: 22px;}
  .organ-content .organ-section-4 .organ-content-list{height: 410px !important;}
  .organ-content .organ-section-6 .organ-content-list{height: 250px;}
  .organ-side-left,
  .organ-side-right{width: 220px;}
}

@media all and (max-width: 1100px) {
  .organ-side-left, .organ-side-right{width: 180px;}
  .organ-content > div > ul,
  .organ-content .organ-more-content > div > ul{padding-top: 30px;}
  .organ-content .organ-section-1 .organ-content-list p{font-size: 14px; background-position: left top 7px;;}
  .organ-content .organ-section-2 > ul > li{width: calc(100% / 3);}
  .organ-content .organ-section-2 .organ-content-list{height: 370px;}
  .organ-content .organ-section-4 > ul > li{width: calc(100% / 3); margin-bottom: 20px;}
  .organ-content .organ-section-5 > ul > li{width: calc(100% / 3);}
  .organ-content .organ-section-5 .organ-content-list{height: 130px;}
}

@media all and (max-width: 900px) {
  .organ-side-left, .organ-side-right{width: 160px;}
  .organ-content .organ-section-1{position: relative; top: 0; margin-top: 50px;}
  .organ-content .organ-section-2{padding-top: 0; padding-top: 70px; margin-top: 20px;}
  .organ-left{width: 100%;}
  .organ-left::before,
  .organ-right::before{display: none;}
  .organ-side-left, .organ-side-right{width: 50%;}
  .organ-right{width: 100%; margin-top: 20px;}
  .organ-popup-content .con-table table{width: 100%;}
  .organ-popup-box{width: 99%; margin: 0 .5%;}
  .organ-popup-header h1{font-size: 25px; margin-top: 25px;}
}

@media all and (max-width: 768px) {
  .organ-popup-content{padding: 20px;}
  .organ-popup-header{padding: 10px 30px;}
  .organ-popup-header h1{float: none; margin-top: 0;}
  .organ-popup-header ul{float: none;}
  .organ-popup-header li a,
  .organ-popup-close{line-height: 1.5;}
  .organ-popup-header li a{background-position: left top;}
  .organ-popup-close{background-position: left top 3px;}
  .organ-popup-header li::before{top: 1px;}
  .organ-content .organ-section-4 .organ-content-list{height: 800px !important;}
}

@media all and (max-width: 600px) {
  .organ-content .organ-section-2 > ul > li,
  .organ-content .organ-section-3 > ul > li,
  .organ-content .organ-section-4 > ul > li,
  .organ-content .organ-section-5 > ul > li,
  .organ-content .organ-section-6 > ul > li{width: 100% !important; margin-bottom: 10px;}
  .organ-content .organ-section-2 .organ-content-list,
  .organ-content .organ-section-3 .organ-content-list,
  .organ-content .organ-section-4 .organ-content-list,
  .organ-content .organ-section-5 .organ-content-list,
  .organ-content .organ-section-6 .organ-content-list{height: auto !important}
}

/* 비전 및 추진체계 */
.vision-header{width: 100%; max-width: 1306px; display: table;  text-align: center; background: url(../../images/sub/vision_title.png) no-repeat top center / cover; height: 119px; margin-left: 194px;}
.vision-header h1{font-family: "Gmarket Medium"; color: white; font-size: 26px; display: table-cell; vertical-align: middle; padding: 0 10px;}
.vision-box{position: relative;}
.vision-box::after{content:""; display: table; clear: both;}
.vision-box .vision-title{float: left; width: 163px; position: relative; display: table; height: 183px;}
.vision-box .vision-title::after{content:""; display: block; position: absolute; width: 100%; height: 183px; background-size: cover; background-position: center center; left: 0; top: 0; z-index: -1;}
.vision-box:nth-child(2){top: -20px;}
.vision-box:nth-child(3){top: -40px;}
.vision-box:nth-child(4){top: -60px;}
.vision-box:nth-child(1) .vision-title::after{background-image: url(../../images/sub/vision_title_1.png); opacity: .9;}
.vision-box:nth-child(2) .vision-title::after{background-image: url(../../images/sub/vision_title_2.png); opacity: .9;}
.vision-box:nth-child(3) .vision-title::after{background-image: url(../../images/sub/vision_title_3.png); opacity: .9;}
.vision-box:nth-child(4) .vision-title::after{background-image: url(../../images/sub/vision_title_4.png); opacity: .9;}
.vision-box .vision-title h1{text-align: center; color: white; display: table-cell; vertical-align: middle; font-family: "Gmarket Medium"; font-size: 20px; line-height: 30px;}
.vision-box .vision-list{float: right; width: calc(100% - 194px); margin-top: 40px;}
.vision-box .vision-slogan{float: right; width: calc(100% - 194px); margin-top: 13px; background: url(../../images/sub/dots_background.png); padding: 8px;}
.vision-box .vision-strategy{float: right; width: calc(100% - 194px); margin-top: 20px;}
.vision-box .vision-assignment{float: right; width: calc(100% - 194px); margin-top: 20px;}
.vision-box .vision-list ul::after{content:""; display: table; clear: both;}
.vision-box .vision-list > ul > li{width: 24.2%; float: left; margin-right: 1.06%; text-align: center;}
.vision-box .vision-list > ul > li:last-child{margin-right: 0;}
.vision-box .vision-list > ul > li ul{display: inline-block; margin-top: 10px;}
.vision-box .vision-list > ul > li li{display: inline-block;}
.vision-box .vision-list > ul > li li:first-child{padding-right: 26px; position: relative;}
.vision-box .vision-list > ul > li li:first-child::after{content:""; display: block; position: absolute; right: 0; top: 3px; width: 1px; height: 18px; background-color: #b9b9b8;}
.vision-box .vision-list > ul > li li:last-child{padding-left: 25px;}
.vision-box .vision-list > ul > li:nth-child(3) li,
.vision-box .vision-list > ul > li:nth-child(4) li{padding-right: 0; padding-left: 0;}
.vision-box .vision-list > ul > li:nth-child(3) li::after,
.vision-box .vision-list > ul > li:nth-child(4) li::after{display: none;}
.vision-box .vision-list > ul > li li p{font-family: "Gmarket Light"; font-size: 16px; color: #040000;}
.vision-list .vision-sub-title{border: 1px solid #898989; border-top: 0; position: relative;}
.vision-list .vision-sub-title p{text-align: center; color: #282b33; font-family: "Gmarket Light"; font-size: 20px; padding: 20px 0 10px;}
.vision-list .vision-sub-title::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 8px;}
.vision-box .vision-list > ul > li:nth-child(1) .vision-sub-title::after{background-color: #004fa2;}
.vision-box .vision-list > ul > li:nth-child(2) .vision-sub-title::after{background-color: #1271b1;}
.vision-box .vision-list > ul > li:nth-child(3) .vision-sub-title::after{background-color: #22afca;}
.vision-box .vision-list > ul > li:nth-child(4) .vision-sub-title::after{background-color: #4dbcb5;}
.vision-box .vision-slogan-background{background-color: white;}
.vision-box .vision-slogan-text::after{content:""; display: table; clear: both;}
.vision-box .vision-slogan-text h1{width: 50%; float: left; text-align: center; font-family: "Gmarket Medium"; font-size: 30px; padding: 16px 0 6px; position: relative;}
.vision-box .vision-slogan-text h1:nth-child(1)::after{content:""; display: block; position: absolute; width: 18px; height: 20px; background: url(../../images/sub/slash_color.png); right: 0; top: 50%; margin-top: -10px;}
.vision-box .vision-slogan-text h1:nth-child(1) {color: #2a5397;}
.vision-box .vision-slogan-text h1:nth-child(2) {color: #1495b1;}
.vision-slogan-content ul{background-color: #f4f4f4}
.vision-slogan-content ul::after{content:""; display: table; clear: both;}
.vision-slogan-content li{width: 50%; float: left;}
.vision-slogan-content li p{font-size: 20px; text-align: center; font-family: "Gmarket Medium"; padding: 10px 0 7px;}
.vision-slogan-content li:nth-child(1) p{color: #2a5397;}
.vision-slogan-content li:nth-child(2) p{color: #1495b1;}
.vision-strategy ul::after{content:""; display: table; clear: both;}
.vision-strategy ul li{float: left;}
.vision-strategy > ul{display: flex; flex-wrap: wrap; align-items: stretch; justify-content: stretch;}
.vision-strategy > ul > li{width: 49.24%; margin-right: 1.52%; background-color: #e8e8e8; border-radius: 40px; position: relative; padding: 70px 0 9px; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}
.vision-strategy > ul > li .strategy-header{position: absolute; left: 0; top: 0; width: 100%; border-radius: 40px;}
.vision-strategy > ul > li:nth-child(1) .strategy-header{background-color: #004ea1;}
.vision-strategy > ul > li:nth-child(2) .strategy-header{background-color: #22b0cb;}
.vision-strategy > ul > li .strategy-header ul::after{content:""; display: table; clear: both;}
.vision-strategy > ul > li .strategy-header li{float: left; width: 50%; position: relative;}
.vision-strategy > ul > li .strategy-header li p{color: #ffffff; font-family: "Gmarket Medium"; text-align: center; font-size: 17px; padding: 15px 0 12px;}
.vision-strategy > ul > li .strategy-header li:first-child::after{content:""; display: block; position: absolute; right: -6px; top: 50%; margin-top: -7px; width: 12px; height: 14px; background: url(../../images/sub/slash_white.png);}
.vision-strategy > ul > li .strategy-content ul{display: flex; flex-wrap: wrap; justify-content: center; width: 100%; align-items: center;}
.vision-strategy > ul > li .strategy-content ul::after{content:""; display: table; clear: both;}
.vision-strategy > ul > li .strategy-content li{float: left; width: 50%;}
.vision-strategy > ul > li .strategy-content li p{color: #282b33; font-family: "Gmarket Light"; text-align: center; font-size: 16px; line-height: 22px;}
.vision-strategy > ul > li:last-child{margin-right: 0;}
.vision-assignment > ul{margin: 0 -8px;}
.vision-assignment > ul::after{content:""; display: table; clear: both;}
.vision-assignment > ul > li{float: left; width: 25%; padding: 0 8px; padding-top: 24px; position: relative;}
.vision-assignment > ul > li::after{content:""; display: block; position: absolute; width: 25px; height: 13px; background: url(../../images/sub/down_arrow.png) no-repeat top left; top: 0; left: 50%; margin-left: -13px;}
.assignment-content li{border: 1px solid #c4c4c4; height: 125px; display: table; width: 100%; background-color:#f7f7f7; margin-bottom: 10px;}
.assignment-content li:last-child{margin-bottom: 0;}
.assignment-content li p{display: table-cell; vertical-align: middle; font-family: "Gmarket Light"; font-size: 16px; line-height: 24px; text-align: center;}
.strategy-title{background: url(../../images/sub/work_background.png) no-repeat top center; display: table; width: 100%; max-width: 1306px; height: 103px; margin-left: 194px; position: relative; top: -50px;}
.strategy-title h1{display: table-cell; vertical-align: middle; text-align: center; font-size: 36px; color: #ffffff; font-family: "Gmarket Medium";}
.strategy-title h1 span{position: relative;}
.strategy-title h1 span::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: white;}

@media all and (max-width: 1520px) {
  .vision-content{margin-top: 20px;}
  .vision-header{margin-left: 0; margin: 0 auto; border-radius: 70px;}
  .vision-box .vision-list > ul > li li p{font-size: 16px;}
  .strategy-title{margin-left: 0; margin: 0 auto;}
  .vision-strategy > ul > li .strategy-header li{height: 78px; display: table;}
  .vision-strategy > ul > li .strategy-header li p{display: table-cell; vertical-align: middle;}
  .vision-strategy > ul > li{padding: 90px 0 9px;}
}

@media all and (max-width: 1320px) {
  .vision-header h1{font-size: 30px;}
  .vision-list .vision-sub-title p{font-size: 16px;}
  .vision-box .vision-list > ul > li li:first-child{padding-right: 10px;}
  .vision-box .vision-list > ul > li li:last-child{padding-left: 8px;}
  .vision-box .vision-slogan-text h1{font-size: 33px;}
  .vision-slogan-content li p{font-size: 18px;}
  .vision-strategy > ul > li .strategy-content li p{font-size: 16px; line-height: 22px;}
  .assignment-content li p{font-size: 16px; line-height: 22px;}
  .vision-box .vision-list > ul > li li p{font-size: 14px;}
  .vision-box .vision-list > ul > li li:first-child::after{top: 0;}
}

@media all and (max-width: 1023px) {
  .vision-header h1{font-size: 25px;}
  .vision-box:nth-child(2),
  .vision-box:nth-child(3),
  .vision-box:nth-child(4),
  .strategy-title{top: 0; margin-top: 30px;}
  .vision-box .vision-title{float: none; margin: 0 auto;}
  .vision-box .vision-list,
  .vision-box .vision-slogan,
  .vision-box .vision-strategy,
  .vision-box .vision-assignment{float: none; width: 100%; margin-top: 20px;}
  .vision-box .vision-list > ul > li li{display: block;}
  .vision-strategy > ul > li{padding: 95px 0 9px;}
  .vision-strategy > ul > li .strategy-header li:first-child::after{top: 50%; margin-top: -7px;}
  .vision-box .vision-list > ul > li li:first-child{padding-right: 0;}
  .vision-box .vision-list > ul > li li:last-child{padding-left: 0;}
  .vision-box .vision-list > ul > li li:first-child::after{display: none;}
  .strategy-title h1{font-size: 30px;}
}

@media all and (max-width: 768px) {
  .vision-header h1{font-size: 20px;}
  .vision-box .vision-list > ul > li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
  .vision-box .vision-list > ul > li:nth-child(2n){margin-right: 0;}
  .vision-box .vision-slogan-text h1{font-size: 25px;}
  .vision-list .vision-sub-title p{font-size: 14px;}
  .vision-slogan-content li p{font-size: 16px;}
  .vision-strategy > ul > li{padding: 105px 0 9px;}
  .vision-strategy > ul > li .strategy-header li p{font-size: 18px;}
  .vision-strategy > ul > li .strategy-content li p{font-size: 14px; line-height: 20px;}
  .assignment-content li p{font-size: 14px; line-height: 20px;}
}

@media all and (max-width: 500px) {
  .vision-header h1{font-size: 16px;}
  .vision-strategy > ul > li{width: 100%; float: none; margin-bottom: 10px; padding: 90px 0 10px;}
  .vision-assignment > ul{display: flex; flex-wrap: wrap;}
  .vision-assignment > ul > li{padding-top: 0; width: 100%; margin-bottom: 10px;}
  .vision-assignment > ul > li::after{display: none;}
}

/* 교육목표 */
.object-title{width: 340px; height: 346px; background: url(../../images/sub/object_title.png) no-repeat center center; margin: 0 auto; position: relative; display: table;}
.object-title.type_2{background: url(../../images/sub/object_title_2.png) no-repeat center center;}
.object-title::after{content:""; display: block; position: absolute; width: 6px; height: 82px; background: url(../../images/sub/object_dots.png); bottom: -95px; left: 50%; margin-left: -3px;}
.object-title h1{font-family: "Gmarket Medium"; font-size: 30px; color: white; text-align: center; display: table-cell; vertical-align: middle; line-height: 50px;}
.object-content{background: url(../../images/sub/dots_background.png); padding: 8px; margin-top: 84px;}
.object-content ul{background-color: white; padding: 43px 20px 55px;}
.object-content ul::after{content:""; display: table; clear: both;}
.object-content li{width: 24%; float: left; margin-right: 1.3%;}
.object-content li:last-child{margin-right: 0;}
.object-content li h1{font-size: 20px; font-family: "Gmarket Medium"; color: white; text-align: center; border-radius: 50px; padding: 10px 0 6px;}
.object-content li:nth-child(1) h1{background-color: #014fa2;}
.object-content li:nth-child(2) h1{background-color: #2858a4;}
.object-content li:nth-child(3) h1{background-color: #2375ad;}
.object-content li:nth-child(4) h1{background-color: #22afcb;}
.object-content li p{font-size: 16px; line-height: 25px; color: #000000; font-family: "Gmarket Light"; text-align: center; margin-top: 30px;}

@media all and (max-width: 1250px) {
  .object-content li h1{font-size: 20px;}
}

@media all and (max-width: 768px) {
  .object-content ul{padding: 30px 20px 20px;}
  .object-content li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
  .object-content li:nth-child(2n){margin-right: 0;}
  .object-content li p{margin-top: 10px;}
}

@media all and (max-width: 500px) {
  .object-content li{width: 100%; float: none; margin-right: 0;}
  .object-content li:nth-child(2n){margin-right: 0;}
}

/* 법인조직 */
.directors-box.sec2{max-width: 616px; margin: 0 auto; position: relative;}
.directors-box.sec2::after{content:""; display: block; position: absolute; left: 23%; top: 0; width: 54%; height: 1px; background-color: #dfdfdf;}
.directors-box.sec3{max-width: 949px; margin: 0 auto; position: relative;}
.directors-box.sec3::after{content:""; display: block; position: absolute; left: 15%; top: 0; width: 70%; height: 1px; background-color: #dfdfdf;}
.directors-title{width: 312px; margin: 0 auto;  border-radius: 50px; position: relative; padding-bottom: 79px;}
.directors-title::after{content:""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #dfdfdf; z-index: -1;}
.directors-title h1{font-size: 36px; color: white; font-family: "Gmarket Medium"; text-align: center; padding: 16px 0 14px; background: url(../../images/sub/direction_title.png) no-repeat center center / cover;}
.directors-sub-box h1{text-align: center; font-size: 22px; font-family: "Gmarket Medium"; color: white; text-align: center; background-image: url(../../images/sub/box_background.png); background-repeat: no-repeat; background-position: left -95px top -140px; display: table; width: 100%; padding:20px 20px 16px;}
.directors-sub-box.blue h1{background-color: #3068be;}
.directors-sub-box.sky h1{background-color: #22afcb;}
.directors-list > ul::after{content:""; display: table; clear: both;}
.directors-list > ul > li{width: 283px; float: left; margin-right: 50px; position: relative; padding-top: 55px;}
.directors-list > ul > li::after{content:""; display: block; position: absolute; left: 50%; bottom: 0; width: 1px; height: 100%; background-color: #dfdfdf; z-index: -1;}
.directors-list > ul > li:last-child{margin-right: 0;}
.directors-list > ul > li ul{border: 1px solid #dbdbdb; border-top: 0; padding: 20px; background-color: white;}
.directors-list > ul > li ul li{padding-left: 17px; background: url(../../images/sub/bullet.png) no-repeat left top 11px;}
.directors-box.sec2 .directors-list > ul > li:last-child{padding-bottom: 81px;}

@media all and (max-width: 1100px) {
  .directors-box.sec2 .directors-list > ul > li{width: 47%; margin-right: 6%;}
  .directors-box.sec2 .directors-list > ul > li:last-child{margin-right: 0;}
  .directors-box.sec3 .directors-list > ul > li{width: 32%; margin-right: 2%;}
  .directors-box.sec3 .directors-list > ul > li:last-child{margin-right: 0;}
}

@media all and (max-width: 768px) {
  .directors-title h1{font-size: 28px;}
  .directors-sub-box h1{font-size: 18px;}
}

@media all and (max-width: 500px) {
  .directors-title{width: 100%; border-radius: 100px;}
}

.project-header{width: 806px; margin: 0 auto; border-radius: 50px; background: url(../../images/sub/project-header.png) no-repeat top center / cover; padding: 33px 0 30px; margin-bottom: 98px;}
.project-header h1{text-align: center; font-size: 30px; color: white; font-family: "Gmarket Medium";}
.project-header h1 span{display: inline-block; width: 18px; height: 20px; background: url(../../images/sub/project-header-dots.png) no-repeat center center / cover; margin: 0 4px 0 10px;}
.project-wrap ul{display: flex; flex-wrap: wrap; margin: 0 -35px;}
.project-wrap li{width: 50%; padding: 0 35px; margin-bottom: 50px;}
.project-wrap li:nth-child(1) .project-title{background-color: #004fa2}
.project-wrap li:nth-child(2) .project-title{background-color: #3068be}
.project-wrap li:nth-child(3) .project-title{background-color: #2375ad}
.project-wrap li:nth-child(4) .project-title{background-color: #22afcb}
.project-wrap li .project-title{border-radius: 100px; margin-bottom: 30px;}
.project-wrap li .project-title h1{padding: 16px 0; text-align: center;}
.project-wrap li .project-title h1::after{content:""; display: table; clear: both;}
.project-wrap li .project-title h1 .project-dots-text{font-family: "Gmarket Medium"; font-size: 25px; color: white; display: inline-block; padding-right: 35px; background: url(../../images/sub/project-title-dots.png) no-repeat right top 11px;}
.project-wrap li .project-title h1 .project-title-text{font-family: "Gmarket Light"; font-size: 20px; color: white; padding-left: 22px;}

@media all and (max-width: 1500px) {
  .project-wrap li .project-title h1 .project-dots-text{font-size: 20px; background-position: right top 7px}
  .project-wrap li .project-title h1 .project-title-text{font-size: 16px;}   
}

@media all and (max-width: 1300px) {
  .project-wrap li .project-title h1{padding: 16px 10px;}
  .project-wrap li .project-title h1 .project-dots-text{display: block; padding-right: 0; padding-bottom: 20px; background-position: center bottom; padding-left: 0;}
  .project-wrap li .project-title h1 .project-title-text{display: block; padding-left: 0; margin-top: 10px;}
}

@media all and (max-width: 1023px) {
  .project-header{width: 100%;}
  .project-wrap ul{margin: 0;}
  .project-wrap li{padding:0; float: none; width: 100%;}
}

@media all and (max-width: 768px) {
  .project-header h1{font-size: 20px;}
}

@media all and (max-width: 500px) {
  .project-header h1{font-size: 18px;}
}


.value-inner::after{content:""; display: table; clear: both;}
.value-title{width: 163px; height: 182px; display: table; background: url(../../images/sub/hexagon_title_1.png) no-repeat center center / cover; float: left; margin-top: 54px;}
.value-title h1{display: table-cell; vertical-align: middle; font-size: 25px; font-family: 'Gmarket Medium'; text-align: center; color: white;}
.value-content{float: right; width: calc(100% - 200px); padding-bottom: 116px; position: relative;}
.value-content::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background: url(../../images/sub/value_line.png) no-repeat center center;}
.value-content li{display: flex; flex-wrap: wrap; margin-bottom: 18px;}
.value-content li:last-child{margin-bottom: 0;}
.value-content .value-sub-title{width: 200px; margin-right: 25px; border-radius: 5px; display: table; height: 82px;}
.value-content li:nth-child(1) .value-sub-title{background: url(../../images/sub/value_title_1.png) no-repeat center center / cover;}
.value-content li:nth-child(2) .value-sub-title{background: url(../../images/sub/value_title_2.png) no-repeat center center / cover;}
.value-content li:nth-child(3) .value-sub-title{background: url(../../images/sub/value_title_3.png) no-repeat center center / cover;}
.value-content .value-sub-title h1{text-align: center; font-size: 18px; font-family: "Gmarket Medium"; color: white; display: table-cell; vertical-align: middle;}
.value-content .value-sub-content{width: calc(100% - 225px); display: table; height: 82px; background-color: #f3f3f3; border-radius: 5px; padding: 0 30px;}
.value-content .value-sub-content p{display: table-cell; vertical-align: middle; font-size: 16px; line-height: 25px; font-family: "Gmarket Light"; color: #000000;}
.value-content .value-sub-content p span{color: #013c8a;}

.resources-inner{margin-top: 126px;}
.resources-inner::after{content:""; display: table; clear: both;}
.resources-title{width: 163px; height: 182px; display: table; background: url(../../images/sub/hexagon_title_2.png) no-repeat center center / cover; float: left;}
.resources-title h1{display: table-cell; vertical-align: middle; font-size: 30px; font-family: 'Gmarket Medium'; text-align: center; color: white;}
.resources-content{float: right; width: calc(100% - 200px); padding-bottom: 116px; position: relative; padding-left: 55px; background: url(../../images/sub/resources_equal.png) no-repeat left top 55px; margin-top: 20px;}
.resources-content::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background: url(../../images/sub/value_line.png) no-repeat center center;}
.resources-box ul::after{content:""; display: table; clear: both;}
.resources-box li{float: left; width: 36.66%; position: relative;}
.resources-box li:nth-child(2){margin-left: -5%;}
.resources-box li:nth-child(2)::after,
.resources-box li:nth-child(3)::after{content:""; display: block; position: absolute; left: 20px; top: 58px; width: 28px; height: 28px; background: url(../../images/sub/plus.png);}
.resources-box li:nth-child(3){margin-left: -5%;}
.resources-box li .resources-sub-title{border-radius: 100px; position: relative; text-align: center; padding: 54px 0 50px;}
.resources-box li:nth-child(1) .resources-sub-title{background-color: rgba(48,104,190,.8)}
.resources-box li:nth-child(2) .resources-sub-title{background-color: rgba(35,117,173,.8)}
.resources-box li:nth-child(3) .resources-sub-title{background-color: rgba(34,175,203,.8)}
.resources-box li .resources-sub-title h1{font-family: "Gmarket Medium"; font-size: 20px; color: white; position: relative; display: inline-block;}
.resources-box li:nth-child(1) .resources-sub-title h1{padding: 0 80px 0 117px}
.resources-box li:nth-child(1) .resources-sub-title h1::after{content:""; display: block; position: absolute; width: 85px; height: 47px; background: url(../../images/sub/resources_1.png) no-repeat center center / cover; left: 0; top: -2px;}
.resources-box li:nth-child(2) .resources-sub-title h1{padding: 0 14px 0 80px}
.resources-box li:nth-child(2) .resources-sub-title h1::after{content:""; display: block; position: absolute; width: 55px; height: 61px; background: url(../../images/sub/resources_2.png) no-repeat center center / cover; left: 0; top: -16px;}
.resources-box li:nth-child(3) .resources-sub-title h1{padding: 0 0 0 83px}
.resources-box li:nth-child(3) .resources-sub-title h1::after{content:""; display: block; position: absolute; width: 60px; height: 58px; background: url(../../images/sub/resources_3.png) no-repeat center center / cover; left: 0; top: -18px;}
.resources-box li > p{font-family: "Gmarket Light"; font-size: 16px; line-height: 26px; color: #000000; text-align: center; margin-top: 30px; padding-right: 35px;}

.ability-inner{margin-top: 126px;}
.ability-inner::after{content:""; display: table; clear: both;}
.ability-title{width: 163px; height: 182px; display: table; background: url(../../images/sub/hexagon_title_3.png) no-repeat center center / cover; float: left; margin-top: 300px;}
.ability-title h1{display: table-cell; vertical-align: middle; font-size: 20px; font-family: 'Gmarket Medium'; text-align: center; color: white;}
.ability-content{float: right; width: calc(100% - 200px);}
.ability-content > ul::after{content:""; display: table; clear: both;}
.ability-content > ul > li{float: left; width: 49.2%; margin-right: 1.6%; background-color: #f3f3f3; border-radius: 5px; margin-bottom: 18px;}
.ability-content > ul > li:nth-child(2n){margin-right: 0;}
.ability-header{width: 100%; display: table; height: 82px; border-radius: 5px;}
.ability-header h1{display: table-cell;vertical-align: middle; text-align: center; color: white; font-family: "Gmarket Medium"; font-size: 22px;}
.ability-header.blue{background: url(../../images/sub/ability_title_1.png) no-repeat center center;}
.ability-header.darkblue{background: url(../../images/sub/ability_title_2.png) no-repeat center center;}
.ability-header.sky{background: url(../../images/sub/ability_title_3.png) no-repeat center center;}
.ability-sub-content > p{text-align: center; font-family: "Gmarket Light"; font-size: 18px; line-height: 26px; color: #000000; padding: 27px 0;}
.ability-sub-text{background-color: #eaeaea; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 16px 0;}
.ability-sub-text p{font-family: "Gmarket Light"; font-size: 16px; line-height: 26px; color: #000000; text-align: center;}

@media all and (max-width: 1500px) {
  .resources-box li .resources-sub-title h1{font-size: 20px;}
  .resources-box li:nth-child(1) .resources-sub-title h1{padding: 0 80px 0 100px;}
  .resources-box li:nth-child(1) .resources-sub-title h1::after{top: -7px; left: 10px;}
  .resources-box li:nth-child(2) .resources-sub-title h1{padding: 0 10px 0 60px;}
  .resources-box li:nth-child(3) .resources-sub-title h1{padding: 0 0 0 60px;}
  .resources-box li:nth-child(3) .resources-sub-title h1::after{left: -10px;}
  .resources-box li:nth-child(2)::after, .resources-box li:nth-child(3)::after{left: 10px;}
}

@media all and (max-width: 1300px) {
  .value-content .value-sub-title{width: 150px; margin-right: 20px;}
  .value-content .value-sub-content{width: calc(100% - 170px);}

  .resources-box li:nth-child(1) .resources-sub-title h1{padding: 0 30px 0 100px;}
  .resources-box li{width: calc(100%/3);}
  .resources-box li:nth-child(2),
  .resources-box li:nth-child(3){margin-left: 0;}
  .resources-box li:nth-child(2)::after, .resources-box li:nth-child(3)::after{display: none;}
  .resources-box li > p{padding-right: 0; font-size: 16px; line-height: 25px;}
}

@media all and (max-width: 1023px) {
  .value-title{float: none; margin: 0 auto;}
  .value-content{float: none; width: 100%; margin-top: 20px;}
  .value-content .value-sub-content p{font-size: 16px; line-height: 25px;}

  .resources-title{float: none; margin: 0 auto;}
  .resources-content{float: none; width: 100%; margin-top: 20px; padding-left: 0; background: none;}
  .resources-box li .resources-sub-title{padding: 90px 0 20px;}
  .resources-box li .resources-sub-title h1{display: block; padding: 0 !important; position: static;}
  .resources-box li:nth-child(1) .resources-sub-title h1::after{left: 50%; transform: translateX(-50%); top: 20px;}
  .resources-box li:nth-child(2) .resources-sub-title h1::after{left: 50%; transform: translateX(-50%); top: 20px;}
  .resources-box li:nth-child(3) .resources-sub-title h1::after{left: 50%; transform: translateX(-50%); top: 20px;}

  .ability-title{float: none; margin: 0 auto;}
  .ability-content{float: none; width: 100%; margin-top: 20px;}
  .ability-header h1{font-size: 18px;}
  .ability-sub-content > p{font-size: 16px; line-height: 25px;}
  .ability-sub-text p{font-size: 14px; line-height: 22px;}
}

@media all and (max-width: 768px) {
  .value-content li{display: block;}
  .value-content .value-sub-title{margin: 0 auto; height: auto; padding: 15px 0 10px;}
  .value-content .value-sub-content{width: 100%; float: none; display: block; padding: 10px; height: auto; margin-top: 20px;}

  .resources-box li{float: none; width: 100%; margin-bottom: 20px;}
  .resources-box li:last-child{margin-bottom: 0;}

  .ability-content > ul > li{width: 100%; float: none; margin: 0; margin-bottom: 20px;}
}

/* UI소개 */
.ui-info{background: url(../../images/sub/ui_line.png) no-repeat bottom center; padding-bottom: 55px;}
.ui-info .con-desc{text-align: center; font-size: 20px; line-height: 30px;}
.grid-wrap{background: url(../../images/sub/dots_background.png); padding: 8px; margin-top: 25px;}
.grid-content{background: white url(../../images/sub/ui_background.png) no-repeat center center / cover;}
.grid-content.white-content{background: white;}

.symbol-box{text-align: center; padding: 45px 20px 52px;}
.symbol-box ul{display: inline-block; width: 78%;}
.symbol-box ul::after{content:""; display: table; clear: both;}
.symbol-box li{float: left; width: 24.15%; margin-right: 13.5%;}
.symbol-box li:last-child{margin-right: 0;}

.world-logo{text-align: center; padding: 61px 20px 58px;}
.world-logo ul::after{content:""; display: table; clear: both;}
.world-logo li{width: 50%; float: left;}

.signature-box{padding: 71px 20px 81px 8.7%; text-align: center;}
.signature-box ul::after{content:""; display: table; clear: both;}
.signature-box li{float: left;}
.signature-box li:nth-child(1){width: 44%; margin-right: 10%;}
.signature-box li:nth-child(2){width: 30.72%;}
.signature-image{margin-top: 70px;}

.color-box{padding: 60px 20px 60px 8.5%;}
.color-box ul::after{content:""; display: table; clear: both;}
.color-box li{float: left;}
.color-box li:nth-child(1){width: 18.17%; margin-right: 15.7%;}
.color-box li:nth-child(2){width: 22.88%; margin-right: 13.5%;}
.color-box li:nth-child(3){width: 24.9%;}

.charactor-box ul{display: flex; flex-wrap: wrap; justify-content: center; padding: 53px 20px 0 0;}
.charactor-box li{position: relative; margin-right: 7%; padding-bottom: 133px; display: flex; align-items: end;}
.charactor-box li:last-child{margin-right: 0;}
.charactor-box li p{text-align: center; font-family: "Gmarket Medium"; font-size: 22px; color: #222222; position: absolute; left: 0; bottom: 50px; width: 100%;}
.flag-image{text-align: center; padding: 49px 0;}

@media all and (max-width: 1300px) {
  .charactor-box li{width: 48%; margin-right: 4%; justify-content: center;}
  .charactor-box li:nth-child(2n){margin-right: 0;}
}

@media all and (max-width: 768px) {
  .symbol-box li{float: none; width: 100%; text-align: center; margin-bottom: 20px;}
  .symbol-box li:last-child{margin-bottom: 0;}
  .world-logo li{float: none; width: 100%; text-align: center; margin-bottom: 20px;}
  .world-logo li:last-child{margin-bottom: 0;}
  .signature-box li{float: none; text-align: center;}
  .signature-box li:nth-child(1){width: 100%; margin-right: 0; margin-bottom: 20px;}
  .signature-box li:nth-child(2){width: 100%;}
  .color-box li:nth-child(1),
  .color-box li:nth-child(2),
  .color-box li:nth-child(3){width: 100%; margin-right: 0; text-align: center; margin-bottom: 20px;}
  .color-box li:nth-child(3){margin-bottom: 0;}
  .charactor-box li{width: 100%; margin-right: 0;}
}

/* 역대총장 */
.president-wrap > ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.president-wrap > ul > li{width: calc(50% - 10px); background: url(../../images/sub/dots_background.png); padding: 6px; margin-bottom: 20px;}
.president-wrap .president-box{background: white url(../../images/sub/president_background.png) no-repeat right top; padding: 33px;}
.president-wrap .president-box::after{content:""; display: table; clear: both;}
.president-wrap .president-image{float: left; width: 159px;}
.president-wrap .president-content{float: right; width: calc(100% - 206px); margin-top: 15px;}
.president-wrap .president-content h1{font-family: "Gmarket Light"; font-size: 22px; line-height: 1.5; color: #000000;}
.president-wrap .president-content h1 span{display: block; color: #013c8a; font-family: "Gmarket Medium"; font-size: 30px;}
.president-wrap .president-content button{display: block; width: 166px; border: 1px solid #8a8a8a; font-family: "Gmarket Medium"; font-size: 17px; color: #898989; background: url(../../images/sub/president_arrow.png) no-repeat right 21px center; text-align: left; padding: 13.5px 25px; margin-top: 57px;}
.president-hidden-text{display: none;}

.president-layer{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.45); z-index: 9999; display: table; visibility: hidden; opacity: 0; transition: all .5s;}
.president-layer.on{visibility: visible; opacity: 1;}
.president-layer .president-layer-inner{display: table-cell; vertical-align: middle;}
.president-layer .president-layer-box{max-width: 900px; margin: 0 auto;}
.president-layer-header{background: url(../../images/sub/popup_header.png) no-repeat top center; display: flex; justify-content: space-between; padding: 16px 30px;}
.president-layer-header h1{font-family: "Gmarket Medium"; font-size: 32px; color: white;}
.president-layer-header button{font-size: 17px; color: white; font-family: "Gmarket Light"; background: url(../../images/sub/popup_close.png) no-repeat left top 15px; padding-left: 26px}

.president-layer-content{background-color: white; max-height: 510px; overflow: auto; padding: 40px;}
.president-layer-content .president-content-title{font-family: "Gmarket Light"; font-size: 24px; color: #010101; background: url(../../images/sub/popup_dots_line.png) no-repeat left bottom; padding-bottom: 17px;}
.president-layer-content .president-content-title span{font-family: "Gmarket Medium"; display: inline-block; margin-left: 5px;}
.president-layer-content .president-content ul{padding-left: 19px;}
.president-layer-content .president-content li{font-family: "Noto Regular"; font-size: 17px; color: #111111; padding-left: 11px; position: relative; margin-bottom: 8px; display: flex;}
.president-layer-content .president-content li:last-child{margin-bottom: 0;}
.president-layer-content .president-content li::before{content:""; display: block; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color: #898989;}
.president-layer-content .president-content li span{display: inline-block; margin-right: 20px;}

@media all and (max-width: 1300px) {
  .president-wrap > ul > li{width: 100%;}
  .president-wrap .president-box{padding: 20px;}
}

@media all and (max-width: 768px) {
  .president-wrap .president-box{background-position: right bottom;}
  .president-wrap .president-image{float: none; margin: 0 auto;}
  .president-wrap .president-content{width: 100%; float: none; margin-top: 30px;}
  .president-wrap .president-content button{margin-top: 30px;}
}


/* 학사정보 */
.bachelor-wrap{margin-top: 50px; background: url(../../images/sub/dots_background.png); padding: 8px;}
.bachelor-inner{background-color: white; padding: 20px;}
.bachelor-inner::after{content:""; display: table; clear: both;}
.bachelor-image{float: left; width: 61px;}
.bachelor-inner ul{margin-top: 23px; float: right; width: calc(100% - 80px);}
.bachelor-inner ul::after{content:""; display: table; clear: both;}
.bachelor-inner li{font-family: "Noto Medium"; font-size: 18px; color: #111; float: left;}
.bachelor-inner li:last-child{margin-bottom: 0; float: right; font-size: 17px; font-family: "Noto Regular";}

@media all and (max-width: 1023px) {
  .bachelor-inner ul{margin-top:10px}
  .bachelor-inner li{float: none;}
  .bachelor-inner li:last-child{float: none; margin-top: 5px;}
}

.ducc-image ul{display: flex; flex-wrap: wrap; margin-top: 20px; justify-content:center;}
.ducc-image li{width: 24%; margin-right: calc(4%/3);}
.ducc-image li:last-child{margin-right: 0;}
.ducc-image li img{width: 100%;}

@media all and (max-width: 768px) {
  .ducc-image li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
  .ducc-image li:nth-child(even){margin-right: 0;}
}

@media all and (max-width: 500px) {
  .ducc-image li{width: 100%; margin-right: 0;}
}

/* 게시판 */

.board-search .util-search{line-height: 30px;}
.board-search .util-search a{width: 30px; height: 30px;}
._paging ._inner a, ._paging ._inner strong{width: 35px; height: 35px; line-height: 32px; border: 1px solid #777777}
._paging ._inner a._first, ._paging ._inner a._last, ._paging ._inner a._listNext, ._paging ._inner a._listPrev, ._paging ._inner a._next, ._paging ._inner a._prev{border: 0;}
.board-table tbody td.td-subject .new{top: 5px;}
._paging ._inner a._listNext, ._paging ._inner a._next{background-position: 0 -70px;}
.board-table .col-acess{width: 5%;}
.form_area * {box-sizing: content-box;}
.slick-header-column.ui-state-default{height: 20px !important; line-height: 20px !important;}
.ui-widget input{margin-top: 4px;}
/* 연안대학서안창신대학 */
.ducc-image-list-box{margin-top: 30px;}
.ducc-image-list-box ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.ducc-image-list-box li{width: 20%; text-align: center;}
.ducc-image-list-box li h1{font-family: "Noto Regular"; font-size: 18px; color: #111;}

@media all and (max-width: 768px) {
  .ducc-image-list-box li{width: 33.3333%;}
}

@media all and (max-width: 500px) {
  .ducc-image-list-box li{width: 50%;}
}

/* 복수전공 테이블 */
.major-table-box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.major-table-box .major-table-title{width: 20%; background-color: #003c8a; text-align: center; display: table; padding: 0 20px;}
.major-table-box .major-table-title h1{display: table-cell; vertical-align: middle;font-family: "Noto Regular"; color: white; font-size: 25px;}
.major-table-box .major-table-content{width: 75%;}

@media all and (max-width: 1023px) {
  .major-table-box .major-table-title{width: 100%; padding: 20px;}
  .major-table-box .major-table-title h1{font-size: 20px;}
  .major-table-box .major-table-content{width: 100%; margin-top: 20px;}
}

/*테이블 안의 테이블*/
@media all and (max-width: 960px) {
  .con-table tbody td table{width: 100%;}
}

.item-list-wrap ul{padding-bottom: 10px;}
.item-list-wrap li{margin-bottom: 110px;}
.item-list-wrap li:last-child{margin-bottom: 0;}
.item-list-wrap li::after{content:""; display: table; clear: both;}
.item-list-wrap .list-item-image{width: 400px; float: left; position: relative;}
.item-list-wrap .list-item-image::after{content:""; display: block; position: absolute; right: -10px; bottom: -10px; background-color: rgba(137,137,137,.4); width: 100%; height: 100%; z-index: -1;}
.item-list-wrap .list-item-content{width: calc(100% - 470px); float: right;}
.item-list-wrap .list-item-content h1{font-family: "Gmarket Medium"; color: #232323; font-size: 24px; margin-top: 20px; border-bottom: 1px solid #d6d5d5; padding-bottom: 20px;}
.item-list-wrap .list-item-content p{font-family: "Noto Light"; font-size: 18px; line-height: 30px; color: #292c33; margin-top: 27px;}

@media all and (max-width: 1023px) {
  .item-list-wrap .list-item-image{width: 300px;}
  .item-list-wrap .list-item-content{width: calc(100% - 350px);}
}

@media all and (max-width: 768px) {
  .item-list-wrap .list-item-image{width: calc(100% - 10px); float: none;}   
  .item-list-wrap .list-item-image img{width: 100%;}
  .item-list-wrap .list-item-content{margin-top: 20px; width: 100%; float: none;}
}

/* 구내식당 */
.restaurant-wrap{background: url(../../images/sub/restaurant_background.png); padding: 6px;}
.restaurant-inner{background-color: white; padding: 37px 32px;}
.restaurant-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.restaurant-wrap li{width: 32%;}
.restaurant-wrap li img{width: 100%;}
.restaurant-wrap li h1{text-align: center; font-family: "Noto Light"; font-size: 18px; color: #000000; margin-top: 15px;}

@media all and (max-width: 1023px) {
  .restaurant-inner{padding: 30px 20px 10px;}
  .restaurant-wrap li{width: 49%; margin-bottom: 20px;}
}

@media all and (max-width: 768px) {
  .restaurant-wrap li{width: 100%;}
}

.bus-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.bus-left{width: 100%;}
/*.bus-left{width: 40%;}*/
.bus-right{width: 55%;}

@media all and (max-width: 1023px) {
  .bus-left{width: 100%;}
  .bus-right{width: 100%; margin-top: 30px;}
}

#sect_4_edit { width: calc(100% / 5); padding: 0 10px;}

/* 250902 section2 변경 */
#menu5808_obj112 {height:100% !important;}

.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', 'Noto Sans SC', 'Microsoft YaHei', 'PingFang SC', sans-serif;;
  white-space:nowrap;
  overflow:hidden;
  width:0;
  border-right:0.15em solid black;
  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_total .top,
.multipleDiv .motion_total .bottom {font-family: 'Noto Sans SC', 'Microsoft YaHei', 'PingFang SC', 'SimSun', sans-serif;}

.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;
  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%;
}

/* ========== 텍스트: 위치 래퍼(부모 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;}
  .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;}
  .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;}
  .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;}
  .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;}
  .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;}
  .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;}
  .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;}
  .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;}
  .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;}
  .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){}