/* 홍보대사단 */
.link-visual-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.link-visual-wrap .link-insta-inner{width: 22.25%; background-color: #F7F7F7; padding: 16px 24px;}
.link-visual-wrap .link-insta{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 388px;}
.link-visual-wrap .link-insta-inner .btn-style1{width: 100%; display: block;}
.link-visual-wrap .link-slide{width: 74.69%; position: relative;}
.link-visual-wrap .link-slide-remote{position: absolute; right: 20px; top: 20px; z-index: 2; display: flex; flex-wrap: wrap; gap: 30px; align-items: center;}
.link-visual-wrap .link-slide-remote button{font-size: 0; width: 9px; height: 16px;}
.link-visual-wrap .link-slide-remote button.link_prev{background: url(/sites/dmu_2024/images/sub/slide_prev.png) no-repeat center center / cover;}
.link-visual-wrap .link-slide-remote button.link_next{background: url(/sites/dmu_2024/images/sub/slide_next.png) no-repeat center center / cover;}
.link-visual-wrap .link-slide-remote .slide_playstop button{display: none; width: 10px; height: 14px;}
.link-visual-wrap .link-slide-remote .slide_playstop button.play{background: url(/sites/dmu_2024/images/sub/slide_play.png) no-repeat center center / cover;}
.link-visual-wrap .link-slide-remote .slide_playstop button.stop{background: url(/sites/dmu_2024/images/sub/slide_stop.png) no-repeat center center / cover;}
.link-visual-wrap .link-slide-remote .slide_playstop button.on{display: block;}

.organ-wrap3{position: relative; margin-top: 120px;}
.organ-wrap3 > div{display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; position: relative;}
.organ-wrap3 .organ-container-1{padding-bottom: 40px;}
.organ-wrap3 .organ-container-2{padding-bottom: 40px;}
.organ-wrap3 .organ-container-3{padding-bottom: 30px;}
.organ-wrap3 .organ-container-4{padding: 10px 0 40px; width: 580px; position: relative; left: 50%; transform: translateX(-50%);}
.organ-wrap3 .organ-container-4::before{content:""; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: calc(100% - 280px); height: 2px; background-color: #9e9bff;}
.organ-wrap3 .organ-box{display: flex; justify-content: center;}
.organ-wrap3 .organ-box.box_1{border: 0; padding: 23px 0; display: flex; width: 520px; background-color: #0500B5; border-radius: 4px;}
.organ-wrap3 .organ-box.box_1::before{content:""; display: block; position: absolute; left: 50%; width: 2px; height: 100%; background-color: #9E9BFF; z-index: -1; top: 0}
.organ-wrap3 .organ-box.box_1 p{font-size: 32px; color: white; font-family: "NotoCn Bold";}
.organ-wrap3 .organ-box.box_2{width: 380px; background-color: #2822E9; border-radius: 4px; padding: 19px 0;}
.organ-wrap3 .organ-box.box_2::before{content:""; display: block; position: absolute; left: 50%; width: 2px; height: 100%; background-color: #9E9BFF; z-index: -1; top: 0}
.organ-wrap3 .organ-box.box_2 p{font-size: 24px; color: white; font-family: "NotoCn Bold";}
.organ-wrap3 .organ-box.box_3{width: 380px; background-color: #7751FB; border-radius: 4px; padding: 19px 0;}
.organ-wrap3 .organ-box.box_3::before{content:""; display: block; position: absolute; left: 50%; width: 2px; height: 100%; background-color: #9E9BFF; z-index: -1; top: 0}
.organ-wrap3 .organ-box.box_3 p{font-size: 24px; color: white; font-family: "NotoCn Bold";}
.organ-wrap3 .organ-box.box_4{width: 280px; background-color: #B59CFB; border-radius: 4px; padding: 19px 0; position: relative;}
.organ-wrap3 .organ-box.box_4::before{content:""; display: block; position: absolute; left: 50%; width: 2px; height: 100%; background-color: #9E9BFF; z-index: -1; top: -10px}
.organ-wrap3 .organ-box.box_4 p{font-size: 24px; color: white; font-family: "NotoCn Bold";}
.organ-wrap3 .organ-box.box_5{width: 280px; background-color: #F0F8FF; border: 1px solid #BECDFF; border-radius: 4px; padding: 21px 0;}
.organ-wrap3 .organ-box.box_5 p{font-size: 20px; color: #000000; font-family: "NotoCn Bold";}


@media all and (max-width: 1024px) {
  .link-visual-wrap .link-insta-inner{width: 100%; order: 1;}
  .link-visual-wrap .link-slide{width: 100%; order: 0;}
  .link-visual-wrap .link-insta{height: auto; padding: 50px 0;}
  .link-visual-wrap .link-insta img{width: 150px;}

  .organ-wrap3{margin-top: 60px;}
  .organ-wrap3 .organ-container-1{padding-bottom: 20px;}
  .organ-wrap3 .organ-container-2{padding-bottom: 20px;}
  .organ-wrap3 .organ-container-3{padding-bottom: 10px;}
  .organ-wrap3 .organ-container-4{width: 480px; padding: 10px 0 20px;}
  .organ-wrap3 .organ-container-4::before{width: calc(100% - 230px);}

  .organ-wrap3 .organ-box.box_1{width: 400px; padding: 15px 0;}
  .organ-wrap3 .organ-box.box_1 p{font-size: 25px;}
  .organ-wrap3 .organ-box.box_2{width: 300px; padding: 15px 0;}
  .organ-wrap3 .organ-box.box_2 p{font-size: 18px;}
  .organ-wrap3 .organ-box.box_3{width: 300px; padding: 15px 0;}
  .organ-wrap3 .organ-box.box_3 p{font-size: 18px;}
  .organ-wrap3 .organ-box.box_4{width: 230px; padding: 15px 0;}
  .organ-wrap3 .organ-box.box_4 p{font-size: 18px;}
  .organ-wrap3 .organ-box.box_5{width: 200px; padding: 15px 0;}
  .organ-wrap3 .organ-box.box_5 p{font-size: 18px;}
}

@media all and (max-width: 768px) {
  .link-visual-wrap .link-insta{padding: 30px 0;}
  .link-visual-wrap .link-insta img{width: 100px;}

  .organ-wrap3 .organ-container-4{width: 320px;}
  .organ-wrap3 .organ-container-4::before{width: calc(100% - 150px)}

  .organ-wrap3 .organ-box.box_1{width: 100%; padding: 10px 0;}
  .organ-wrap3 .organ-box.box_1 p{font-size: 18px;}
  .organ-wrap3 .organ-box.box_2{width: 80%; padding: 10px 0;}
  .organ-wrap3 .organ-box.box_2 p{font-size: 16px;}
  .organ-wrap3 .organ-box.box_3{width: 80%; padding: 10px 0;}
  .organ-wrap3 .organ-box.box_3 p{font-size: 16px;}
  .organ-wrap3 .organ-box.box_4{width: 150px; padding: 10px 0;}
  .organ-wrap3 .organ-box.box_4 p{font-size: 16px;}
  .organ-wrap3 .organ-box.box_5{width: 100px; padding: 10px; text-align: center; align-items: center;}
  .organ-wrap3 .organ-box.box_5 p{font-size: 16px;}
}


/* 총학생회 */
.organ-wrap {position: relative;}
.organ-wrap .organ_box{position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}
.organ-wrap .organ_box.box_1{padding: 0; border: 0; display: flex;}
.organ-wrap .organ_box.box_2{position: absolute; top: 136px; width: 1080px; left: 50%; transform: translateX(-50%);}
.organ-wrap .organ_box.box_2::before{content:""; display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #9e9bff;}
.organ-wrap .organ_box.box_3{gap: 0;}
.organ-wrap .organ_box.box_3::before{content:""; display: block; position: absolute; top: 0; width: calc( 100% - ((100% - 98px)/8) ); height: 1px; background-color: #9e9bff; left: 50%; transform: translateX(-50%);}
.organ-wrap .organ_box .organ_content{position: relative;}
.organ-wrap .organ_box .organ_content::after{content:""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #9E9BFF; z-index: 1;}
.organ-wrap .organ_box .organ_content p{position: relative; z-index: 2;}
.organ-wrap .organ_box .organ_content.content_1{padding-bottom: 180px;}
.organ-wrap .organ_box .organ_content.content_1 p{display: inline-block; background-color: #0500B5;}
.organ-wrap .organ_box .organ_content.content_2 p{display: inline-block; background-color: #2822E9;}
.organ-wrap .organ_box .organ_content.content_3 p{display: inline-block; background-color: #6841F0;}
.organ-wrap .organ_box .organ_content p{color: white; font-size: 32px; padding: 24px 0; width: 520px; text-align: center;}
.organ-wrap .organ_box .organ_content.content_4{width: calc((100% - 98px)/8); margin-right: 14px; padding-top: 49px}
.organ-wrap .organ_box .organ_content.content_4:last-child{margin-right: 0;}
.organ-wrap .organ_box .organ_content.content_4 p{width: auto; background-color: #F0F8FF; border: 1px solid #BECDFF; border-radius: 4px; font-size: 20px; line-height: 30px; color: #000000; font-family: "NotoCn Bold";}

@media all and (max-width: 1200px) {
  .organ-wrap .organ_box .organ_content.content_1{padding-bottom: 100px;}
  .organ-wrap .organ_box.box_2{width: 740px; top: 78px;}
  .organ-wrap .organ_box .organ_content p{width: 350px; font-size: 20px; padding: 15px 0;}
  .organ-wrap .organ_box .organ_content.content_4{padding-top: 35px;}
  .organ-wrap .organ_box .organ_content.content_4 p{font-size: 14px;}
}

@media all and (max-width: 768px) {
  .organ-wrap .organ_box.box_1{width: 100%;}
  .organ-wrap .organ_box.box_2{width: 100%;}
  .organ-wrap .organ_box .organ_content.content_1{width: 100%;}
  .organ-wrap .organ_box .organ_content p{width: 100%;}
  .organ-wrap .organ_box .organ_content{width:calc(50% - 20px);}
  .organ-wrap .organ_box.box_3::before{display: none;}
  .organ-wrap .organ_box .organ_content.content_4{width: calc(25% - 10px); margin-right: 8px; padding-top: 20px;}
  .organ-wrap .organ_box .organ_content.content_4:nth-child(4n){margin-right: 0;}
  .organ-wrap .organ_box .organ_content.content_4:nth-child(-n+4){padding-top: 0;}
  .organ-wrap .organ_box .organ_content.content_4::after{display: none;}
}

/* 대의원회 */
.organ_wrap2 {position: relative;}
.organ_wrap2 .organ_content_1{text-align: center;}
.organ_wrap2 .organ_content_1 > div{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative;}
.organ_wrap2 .organ_box{display: flex; justify-content: center; align-items: center; border-radius: 4px;}
.organ_wrap2 .organ_box_1{gap: 80px; width: 920px; position: relative; left: 50%; transform: translateX(-50%);}
.organ_wrap2 .organ_box_1::before{content:""; display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background-color: #9E9BFF; z-index: -1}
.organ_wrap2 .organ_box_2{padding-top: 103px; margin-top: -44px; padding-bottom: 19px}
.organ_wrap2 .organ_box_2::before{content:""; display: block; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; background-color: #9E9BFF; z-index: -1}
.organ_wrap2 .organ_box_3{gap: 20px; width: 880px; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 20px;}
.organ_wrap2 .organ_box_3::before{content:""; display: block; position: absolute; width: calc(100% - 280px); height: 2px; left: 50%; transform: translateX(-50%); top: 0; background-color: #9E9BFF; z-index: -1}
.organ_wrap2 .organ_box_4{gap: 20px; width: 880px; position: relative; left: 50%; transform: translateX(-50%); padding-bottom: 19px;}
.organ_wrap2 .organ_box_4::before{content:""; display: block; position: absolute; width: calc(100% - 280px); height: 2px; left: 50%; transform: translateX(-50%); bottom: 0; background-color: #9E9BFF; z-index: -1}
.organ_wrap2 .organ_box_5{padding-top: 19px;}
.organ_wrap2 .organ_box_5::before{content:""; display: block; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; background-color: #9E9BFF; z-index: -1}
.organ_wrap2 .organ_box_1 > div{width: 420px; padding: 24px 0;}
.organ_wrap2 .organ_box_1 > div p{font-size: 32px; line-height: 44px; color: white; font-family: "NotoCn Bold";}
.organ_wrap2 .organ_box_2 > div{width: 380px; padding: 19px 0;}
.organ_wrap2 .organ_box_2 > div p{font-size: 24px; line-height: 34px; color: white; font-family: "NotoCn Bold";}
.organ_wrap2 .organ_box_3 > div{width: 280px; padding: 19px 0; margin-top: 19px; position: relative}
.organ_wrap2 .organ_box_3 > div::before{content:""; display: block; position: absolute; left: 50%; width: 2px; height: 100%; background-color: #9e9bff; z-index: -1; top: -19px;}
.organ_wrap2 .organ_box_3 > div p{font-size: 20px; line-height: 30px; color: #000000; font-family: "NotoCn Bold";}
.organ_wrap2 .organ_box_4 > div{width: 280px; padding: 19px 0; position: relative;}
.organ_wrap2 .organ_box_4 > div p{font-size: 20px; line-height: 30px; color: #000000; font-family: "NotoCn Bold";}
.organ_wrap2 .organ_box_4 > div::before{content:""; display: block; position: absolute; left: 50%; width: 2px; height: 100%; background-color: #9e9bff; z-index: -1; top: 19px;}
.organ_wrap2 .organ_box_5 > div{width: 380px; padding: 19px 0;}
.organ_wrap2 .organ_box_5 > div p{font-size: 24px; line-height: 34px; color: white; font-family: "NotoCn Bold";}
.organ_wrap2 .organ_box.box_1{border: 0; background-color: #0500B5;}
.organ_wrap2 .organ_box.box_2{background-color: #2822E9;}
.organ_wrap2 .organ_box.box_3{background-color: #7751FB;}
.organ_wrap2 .organ_box.box_4,
.organ_wrap2 .organ_box.box_5{background-color: #F0F8FF; border: 1px solid #BECDFF;}

.box_wrapper{margin-top: 100px;}

@media all and (max-width: 1200px) {
  .organ_wrap2 .organ_box_1{gap: 40px; width: 640px;}
  .organ_wrap2 .organ_box_1 > div{width: 300px; padding: 20px 0}
  .organ_wrap2 .organ_box_1 > div p{font-size: 25px; line-height: 30px;}
  .organ_wrap2 .organ_box_2{padding: 65px 0 10px; margin-top: -35px;}
  .organ_wrap2 .organ_box_2 > div{width: 200px; padding: 15px 0;}
  .organ_wrap2 .organ_box_2 > div p{font-size: 20px; line-height: 22px;}
  .organ_wrap2 .organ_box_3{gap: 10px; width: 470px;}
  .organ_wrap2 .organ_box_3 > div{width: 150px; padding: 12px 0;}
  .organ_wrap2 .organ_box_3 > div p{font-size: 15px; line-height: 18px;}
  .organ_wrap2 .organ_box_3::before{width: calc(100% - 150px);}
  .organ_wrap2 .organ_box_4{gap: 10px; width: 470px;}
  .organ_wrap2 .organ_box_4 > div{width: 150px; padding: 12px 0;}
  .organ_wrap2 .organ_box_4 > div p{font-size: 15px; line-height: 18px;}
  .organ_wrap2 .organ_box_4::before{width: calc(100% - 150px);}
  .organ_wrap2 .organ_box_5 > div{width: 200px; padding: 15px 0;}
  .organ_wrap2 .organ_box_5 > div p{font-size: 20px; line-height: 22px;}
}

@media all and (max-width: 768px) {
  .organ_wrap2 .organ_content_1 > div.organ_box_1{width: 100%; gap: 0; justify-content: space-between;}
  .organ_wrap2 .organ_box_1 > div{width: 48%; padding: 10px 0;}
  .organ_wrap2 .organ_box_1 > div p{font-size: 18px; line-height: 25px;}
  .organ_wrap2 .organ_box_2{margin-top: -22px;}
  .organ_wrap2 .organ_box_2 > div{padding: 10px 0;}
  .organ_wrap2 .organ_box_2 > div p{font-size: 16px; line-height: 20px;}
  .organ_wrap2 .organ_box_3{width: 320px;}
  .organ_wrap2 .organ_box_3::before{width: calc(100% - 100px)}
  .organ_wrap2 .organ_box_3 > div{padding: 10px 0; width: 100px;}
  .organ_wrap2 .organ_box_3 > div p{font-size: 14px; line-height: 16px;}
  .organ_wrap2 .organ_box_4{width: 320px;}
  .organ_wrap2 .organ_box_4::before{width: calc(100% - 100px)}
  .organ_wrap2 .organ_box_4 > div{padding: 10px 0; width: 100px;}
  .organ_wrap2 .organ_box_4 > div p{font-size: 14px; line-height: 16px;}
  .organ_wrap2 .organ_box_5 > div{padding: 10px 0;}
  .organ_wrap2 .organ_box_5 > div p{font-size: 16px; line-height: 20px;}

  .box_wrapper{margin-top: 50px;}
}

/* 연구실 안전 조직도 */
.organ-wrap4 .organ-inner{position: relative; display: flex; justify-content: center; flex-wrap: wrap;}
.organ-wrap4 .organ-inner.inner_1{padding-bottom: 60px;}
.organ-wrap4 .organ-box.box_1{border: 0; padding: 0; width: 520px; background-color: #0500B5; border-radius: 4px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 13.5px 0;}
.organ-wrap4 .organ-box.box_1::before{content:""; display: block; position: absolute; z-index: -1; width: 2px; height: 100%; background-color: #9e9bff; left: 50%; transform: translateX(-50%); top: 0;}
.organ-wrap4 .organ-box.box_1 p{font-size: 32px; color: white; font-family: "NotoCn Bold";}
.organ-wrap4 .organ-inner.inner_2{padding-bottom: 30px;}
.organ-wrap4 .organ-box.box_2::before{content:""; display: block; position: absolute; z-index: -1; width: 2px; height: 100%; background-color: #9e9bff; left: 50%; transform: translateX(-50%); top: -30px;}
.organ-wrap4 .organ-box.box_2{border: 1px solid #BECDFF; border-radius: 4px; width: 480px; position: relative; margin-top: 30px;}
.organ-wrap4 .organ-inner.inner_2 .organ-box.box_2{position: static; margin-top: 0;}
.organ-wrap4 .organ-inner.inner_2 .organ-box.box_2::before{top: 0;}
.organ-wrap4 .organ-box.box_2 h1{text-align: center; font-size: 24px; color: #000000; background-color: #F0F8FF; font-family: "NotoCn Bold"; padding: 19px 0; border-top-right-radius: 4px; border-top-left-radius: 4px;}
.organ-wrap4 .organ-box.box_2 p{text-align: center; font-size: 18px; color: #515151; padding: 27px 0; background-color: white; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.organ-wrap4 .organ-inner .organ-flex{position: relative;;}
.organ-wrap4 .organ-inner .organ-flex::after{content:""; width:calc(100% - 480px); left: 50%; transform: translateX(-50%); height: 2px; background-color: #9e9bff; position: absolute; top: 0;}
.organ-wrap4 .organ-box.box_3{border: 1px solid #BECDFF; border-radius: 4px; width: 480px; margin-top: 30px; position: relative;}
.organ-wrap4 .organ-box.box_3::before{content:""; display: block; position: absolute; z-index: -1; width: 2px; height: 100%; background-color: #9e9bff; left: 50%; transform: translateX(-50%); top: -30px;}
.organ-wrap4 .organ-flex{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 48px;}
.organ-wrap4 .organ-box-header{display: flex; background-color: #F0F8FF; padding: 19px 0; flex-wrap: wrap;}
.organ-wrap4 .organ-box-header h1{font-size: 24px; color: #000000; font-family: "NotoCn Bold"; width: 302px; text-align: center; position: relative;}
.organ-wrap4 .organ-box-header h1::after{content:""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 48px; background-color: #BECDFF;}
.organ-wrap4 .organ-box-header p{font-size: 24px; color: #000000; font-family: "NotoCn Bold"; width: 176px; text-align: center;}
.organ-wrap4 .organ-box.box_3 ul{padding: 20px 0; background-color: white;}
.organ-wrap4 .organ-box.box_3 li{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.organ-wrap4 .organ-box.box_3 li:last-child{margin-bottom: 0;}
.organ-wrap4 .organ-box.box_3 li span{text-align: center; font-size: 18px; color: #515151; line-height: 40px;}
.organ-wrap4 .organ-box.box_3 li span:nth-child(1){width: 302px; position: relative;;}
.organ-wrap4 .organ-box.box_3 li span:nth-child(1)::after{content:""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: calc(100% + 20px); background-color: #BECDFF;}
.organ-wrap4 .organ-box.box_3 li:last-child span:nth-child(1)::after{height: 100%;}
.organ-wrap4 .organ-box.box_3 li span:nth-child(2){width: 176px;}

@media all and (max-width: 1620px) {
  .organ-wrap4 .organ-inner .organ-flex{gap: 20px;}
  .organ-wrap4 .organ-inner .organ-flex::after{width: calc(100% - 300px);}
  .organ-wrap4 .organ-box.box_2{width: 300px;}
  .organ-wrap4 .organ-box.box_2 h1{font-size: 18px;}
  .organ-wrap4 .organ-box.box_2 p{font-size: 14px;}
  .organ-wrap4 .organ-box.box_3{width: 300px;}
  .organ-wrap4 .organ-box-header h1{width: 180px; font-size: 18px;}
  .organ-wrap4 .organ-box-header p{width: 118px; font-size: 18px;}
  .organ-wrap4 .organ-box.box_3 li span{font-size: 14px; line-height: 1.5;}
  .organ-wrap4 .organ-box.box_3 li span:nth-child(1){width: 180px;}
  .organ-wrap4 .organ-box.box_3 li span:nth-child(2){width: 118px;}
}

@media all and (max-width: 1023px) {
  .organ-wrap4 .organ-inner.inner_1{padding-bottom: 40px;}
  .organ-wrap4 .organ-box.box_1{width: 70%; padding: 10px 0;}
  .organ-wrap4 .organ-box.box_1 p{font-size: 20px;}
  .organ-wrap4 .organ-inner .organ-flex{gap: 0px; width: 100%;}
  .organ-wrap4 .organ-inner .organ-flex::after{width: 68%;}
  .organ-wrap4 .organ-box.box_2{width: 100%;}
  .organ-wrap4 .organ-inner.inner_2 .organ-box.box_2{width: 70%;}
  .organ-wrap4 .organ-inner .organ-flex .organ-flex-box{width: 32%;}
  .organ-wrap4 .organ-box.box_2 h1{font-size: 16px; padding: 10px 0;}
  .organ-wrap4 .organ-box.box_2 p{padding: 15px 0;}
  .organ-wrap4 .organ-box.box_3{width: 100%}
  .organ-wrap4 .organ-box-header{padding: 10px 0;}
  .organ-wrap4 .organ-box-header h1{width: 65%; font-size: 16px;}
  .organ-wrap4 .organ-box-header h1::after{height: 20px;}
  .organ-wrap4 .organ-box-header p{width: 35%; font-size: 16px;}
  .organ-wrap4 .organ-box.box_3 ul{padding: 10px 0;}
  .organ-wrap4 .organ-box.box_3 li{margin-bottom: 10px;}
  .organ-wrap4 .organ-box.box_3 li span:nth-child(1){width: 65%}
  .organ-wrap4 .organ-box.box_3 li span:nth-child(2){width: 35%;}
}


/* 사회봉사활동 개요 */
.arrow-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 35px;}
.arrow-wrap .arrow-left{width: 49.38%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.arrow-wrap .arrow-left > div{width: 48.73%; border: 1px solid #BECDFF; border-radius: 4px;}
.arrow-wrap .arrow-left h1{font-size: 24px; color: #000000; background-color: #F0F8FF; padding: 19px 30px; font-family: "NotoCn Bold";}
.arrow-wrap .arrow-left .circle-num-list{padding: 32px;}
.arrow-wrap .arrow-right{width: 48.59%; padding-left: 152px; background: url(/sites/dmu_2024/images/sub/arrow_image.png) no-repeat left center;}
.arrow-wrap .arrow-right .arrow-box{border-radius: 4px; border: 1px solid #D5D1C6; background-color: #F1EEE9; padding: 32px 40px;}
.arrow-wrap .arrow-right .arrow-box .arrow-top{padding: 25px 0; border-bottom: 1px solid #D5D1C6;}
.arrow-wrap .arrow-right .arrow-box .arrow-top:first-child{padding-top: 0;}
.arrow-wrap .arrow-right .arrow-box .arrow-top:last-child{border-bottom: 0; padding-bottom: 0;}
.arrow-wrap .arrow-right .arrow-box h1{font-size: 24px; color: #000000; font-family: "NotoCn Bold";}
.arrow-wrap .arrow-right .arrow-box p{font-size: 20px; line-height: 32px; color: #000000;}

.side-box.sidebox-content{margin-top: 150px !important;}

@media all and (max-width: 1023px) {
  .arrow-wrap .arrow-left{width: 100%;}
  .arrow-wrap .arrow-right{width: 100%; background: none; padding-top: 50px; padding-left: 0;}
}

@media all and (max-width: 768px) {
  .arrow-wrap .arrow-left {gap: 5px;}
  .arrow-wrap .arrow-left > div{width: 100%;}
  .arrow-wrap .arrow-right .arrow-box h1{font-size: 16px;}
  .arrow-wrap .arrow-right .arrow-box p{font-size: 14px; line-height: 18px;}
  .side-box.sidebox-content{margin-top: 80px !important;}
}

.active_wrapper{margin-top: 15px;}
.active_wrapper ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.active_wrapper li{width: 49%;}
.active_wrapper li .active_box{position: relative; padding-bottom: 51%;}
.active_wrapper li .active_box::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5));}
.active_wrapper li .active_box.type1{background: url(/sites/dmu_2024/images/sub/image_1.png) no-repeat center center / cover;}
.active_wrapper li .active_box.type2{background: url(/sites/dmu_2024/images/sub/image_2.png) no-repeat center center / cover;}
.active_wrapper li .active_box h1{text-align: center; position: absolute; bottom: 50px; left: 0; width: 100%; font-size: 32px; color: white; z-index: 2; font-family: "NotoCn Bold";}

@media all and (max-width: 1023px) {
  .active_wrapper li{width: 100%; margin-bottom: 10px;}
  .active_wrapper li:last-child{margin-bottom: 0;}
  .active_wrapper li .active_box h1{font-size: 25px; bottom: 30px;}
}

/* 취업지원센터 */
.sub-map-wrap{display: flex; justify-content: space-between; align-items: end; margin-top: 38px;}
.sub-map-wrap .sub-map-info{border-top: 1px solid #707070; border-bottom: 1px solid #707070; padding: 40px 0; width: 22.313%;}
.sub-map-wrap .sub-map-info li{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top; margin-bottom: 20px;}
.sub-map-wrap .sub-map-info li:last-child{margin-bottom: 0;}
.sub-map-wrap .sub-map-info li p{position: relative; font-size: 20px; font-family: "NotoCn Bold"; color: #000000; width: 120px; padding-left: 20px;}
.sub-map-wrap .sub-map-info li p::before{content:""; display: block; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; background-color: #000000;}
.sub-map-wrap .sub-map-info li span{display: inline-block; font-size: 20px; line-height: 32px; width: calC(100% - 120px);}

.sub-map-wrap .sub-map-slide{width: 74.69%; position: relative; border: 1px solid #D9D9D9; border-radius: 4px;}
.sub-map-wrap .sub-map-slide button{position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; font-size: 0; z-index: 2;}
.sub-map-wrap .sub-map-slide button.sub-mep-prev{background: url(../../images/sub/map_prev.png) no-repeat center center / cover; left: 48px;}
.sub-map-wrap .sub-map-slide button.sub-mep-next{background: url(../../images/sub/map_right.png) no-repeat center center / cover; right: 48px;}

@media all and (max-width: 1024px) {
  .sub-map-wrap{display: block;}
  .sub-map-wrap .sub-map-info{width: 100%; margin-bottom: 15px;}
  .sub-map-wrap .sub-map-slide{width: 100%;}
}

@media all and (max-width: 768px) {
  .sub-map-wrap .sub-map-info{padding: 20px 0;}
  .sub-map-wrap .sub-map-info li{margin-bottom: 10px;}
  .sub-map-wrap .sub-map-info li p{font-size: 16px; width: 90px;}
  .sub-map-wrap .sub-map-info li span{font-size: 16px; line-height: 20px; width: calc(100% - 90px);}
}


/* 기숙사 */
.home-slider{max-width: 1060px; position: relative;}
.home-slider .slick-list{position: relative;}
.home-slider button{position: absolute; top: 39%; transform: translateY(-50%); width: 40px; height: 40px; font-size: 0; z-index: 2;}
.home-slider button.home-prev{background: url(../../images/sub/map_prev.png) no-repeat center center / cover; left: 48px;}
.home-slider button.home-next{background: url(../../images/sub/map_right.png) no-repeat center center / cover; right: 48px;}
.home-slider li h1{text-align: center; font-size: 24px; padding: 18px 0; font-family: "NotoCn Bold";}
.home-slider .slick-dots{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 9px;}
.home-slider .slick-dots li{width: 55px; height: 55px; overflow: hidden; border-radius: 5px; opacity: .4;}
.home-slider .slick-dots li.slick-active{opacity: 1;}
.home-slider .slick-dots li .thumb{width: 100%; height: 100%;}
.home-slider .slick-dots li img{width: 100%; height: 100%;}

.home-content-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.home-content-wrap li{width: 44.25%;}
.home-content-wrap li .home-content-image{border: 1px solid #D9D9D9; border-radius: 4px; overflow: hidden;}
.home-content-wrap li h1{font-size: 20px; font-family: "NotoCn Bold"; color: #000000; margin-bottom: 22px;}
.home-content-wrap li h1 span{font-size: 16px; color: #2822E9;}
.home-content-wrap li:last-child{width: 52.75%;}


.home-content-table .con-table thead th,
.home-content-table .con-table tbody th, 
.home-content-table .con-table tbody td{padding:14px 0; font-size: 14px;} 
.home-content-table .con-table .bold{background-color: transparent; font-size: 18px; font-family: "NotoCn Bold";}

@media all and (max-width: 1023px) {
  .home-content-wrap li{margin-bottom: 50px; width: 100%;}
  .home-content-wrap li:last-child{margin-bottom: 0; width: 100%;}
  .home-slider{width: 100%; max-width: 100%;}
  .home-content-wrap li h1 span{font-size: 14px; display: block;}
  .home-slider button {top: 27%} 
}

@media all and (max-width: 768px) {
  .home-slider li h1{font-size: 18px; padding: 10px 0;}
}

.home-view-wrap > ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -80px;}
.home-view-wrap > ul > li{width: 49%; margin-top: 80px;}
.home-view-wrap h1{font-size: 32px; color: #000000; font-family: "NotoCn Bold"; margin-bottom: 20px;}
.home-view-wrap .view-slider{border: 1px solid #D9D9D9; border-radius: 4px; position: relative; overflow: hidden;}
.home-view-wrap .view-slider button{position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; font-size: 0; z-index: 2;}
.home-view-wrap .view-slider button.home-view-prev{background: url(/sites/dmu/images/sub/map_prev.png) no-repeat center center / cover; left: 48px;}
.home-view-wrap .view-slider button.home-view-next{background: url(/sites/dmu/images/sub/map_right.png) no-repeat center center / cover; right: 48px;}
.home-view-wrap .view-slider img{border-radius: 4px;}

@media all and (max-width: 1023px) {
  .home-view-wrap h1{font-size: 25px;}
}

@media all and (max-width: 768px) {
  .home-view-wrap h1{font-size: 20px;}
  .home-view-wrap > ul > li{width: 100%;}
  .home-slider .slick-dots{gap: 6px;}
  .home-slider .slick-dots li{width: 25px; height: 25px;}
  .home-slider button{top: 40%;}
  .home-slider button.home-prev{left: 20px}
  .home-slider button.home-next{right: 20px;}
}

.step-box1.accident_box .right{flex-wrap: wrap;}
.step-box1.accident_box .right p{width: 100%; font-size: 20px; line-height: 26px;}
.step-box1.accident_box li:nth-child(4) .right p{text-align: left;font-size: 16px;}
.step-box1.accident_box .right .con-list2{margin-bottom: 0;}
.step-box1.accident_box .right .con-list2 li{text-align: left;}

.accident-example-box > ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.accident-example-box > ul > li:first-child{width: 66.25%;}
.accident-example-box > ul > li:last-child{width: 32.5%;}
.accident-example-box > ul > li:last-child .con-list2{padding: 48px 68px;}
.accident-example-box > ul > li:last-child .con-list2:first-child{background-color: #F1EEE9}
.accident-example-box > ul > li:last-child .con-list2:last-child{background-color: #F7F7F7}

@media all and (max-width: 1023px) {
  .step-box1.accident_box .right p{font-size: 16px; line-height: 23px;}
  .step-box1.accident_box li:nth-child(4) .right p{text-align: center;}
  .accident-example-box > ul > li:first-child{width: 50%;}
  .accident-example-box > ul > li:last-child{width: 50%;}
}

@media all and (max-width: 768px) {
  .accident-example-box > ul > li:first-child{width: 100%; margin-bottom: 20px;}
  .accident-example-box > ul > li:last-child{width: 100%;}
  .accident-example-box > ul > li:last-child .con-list2{padding: 20px 30px;}
}

.box-color-type-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.box-color-type-wrap .box-color-type3{width: calc(50% - 10px);}
.box-color-type-wrap .box-color-type3 ul{display: block; height: 100%;}
.box-color-type-wrap .box-color-type3 li{margin-bottom: 20px; height: 50%;}
.box-color-type-wrap .box-color-type3:first-child li{height: 100%;}
.box-color-type-wrap .box-color-type3 li:last-child{margin-bottom: 0;}

@media all and (max-width: 768px) {
  .box-color-type-wrap{gap: 0;}
  .box-color-type-wrap .box-color-type3 li{height: auto;}
  .box-color-type-wrap .box-color-type3:first-child li{margin-bottom: 20px; height: auto;}
  .box-color-type-wrap .box-color-type3{width: 100%;}
}


.side-box.type3 .left{width: 32.43%;}
.side-box.type3 .right{width: calc(100% - 32.43%);}

@media all and (max-width: 768px) {
  .side-box.type3 .left{width: 100%;}
  .side-box.type3 .right{width: 100%;}
}

.hak-list li{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 120px;}
.hak-list.non-table li:last-child{margin-bottom: 0;}
.hak-list li .hak-title{width: 32.56%; padding-right: 53px;}
.hak-list li .hak-title h1{background-color: #7751FB; font-size: 32px; color: white; padding: 32px; min-height: 184px;}
.hak-list li .hak-title.non-back h1{background-color: transparent; color: #000000; padding: 0;}
.hak-list li .hak-content{width: 67.44%}
.hak-list li .hak-content h1{color: #2822E9; font-size: 24px; line-height: 34px; font-family: 'NotoCn Bold';}
.hak-list li .hak-content p{font-size: 16px; line-height: 26px; color: #000000; margin: 18px 0 38px;}
.hak-list li .hak-content .hak-image{display: flex; gap: 20px;}
.hak-list li .hak-content .hak-image .box {border-radius:5px; overflow:hidden;}

@media all and (max-width: 768px) {
  .hak-list li{margin-bottom: 60px;}
  .hak-list li .hak-title{width: 100%; padding-right: 0;}
  .hak-list li .hak-title h1{font-size: 20px; padding: 10px; min-height: auto; text-align: center;}
  .hak-list li .hak-title.non-back h1{font-size: 20px; position: relative; text-align: left; padding-left: 0; padding-bottom: 20px;}  
  .hak-list li .hak-title.non-back h1::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 20px; height: 4px; background-color: #000000;}
  .hak-list li .hak-content{width: 100%; margin-top: 30px;}
  .hak-list li .hak-content h1{font-size: 20px; line-height: 30px;}
  .hak-list li .hak-content p{font-size: 14px; line-height: 22px; margin: 10px 0 30px;}
  .hak-list li .hak-content .hak-image{display: block; margin-top: -10px;}
  .hak-list li .hak-content .hak-image .box{margin-top: 10px;}
}

.box-color-type3.chn .box strong{color: #707070; font-size: 20px; margin-bottom: 74px; display: block; line-height: 32px; font-family: "NotoCn Regular";}
.box-color-type3.chn .box p{font-size: 20px; line-height: 28px; color: #000000;}
.box-color-type3.chn .box p b{font-size: 24px; font-family: "NotoCn Bold"; color: #000000; display: block; margin-bottom: 10px;}

@media all and (max-width: 768px) {
  .box-color-type3.chn .box strong{font-size: 16px; margin-bottom: 30px; line-height: 25px;}
  .box-color-type3.chn .box p{font-size: 18px; line-height: 25px;}
  .box-color-type3.chn .box p b{font-size: 20px;}
}

.step-box2.chn .title{text-align: left; padding: 25px 20px 25px 80px; display: flex; flex-direction: column; justify-content: center; height: 72px;}
.step-box2.chn .title::before{top: 12px; left: 12px;}
.step-box2.chn .title strong{font-size: 18px; line-height: 22px;}


/* 가이드에 추가할 것 */

.side-box .right{width: 100%;}
.side-box.type4 .left{width: 34%;}
.side-box.type4 .right{width: 64%;}

@media all and (max-width: 768px) {
  .side-box.type4 .left{width: 100%;}
  .side-box.type4 .right{width: 100%;}
}

.con-list1 li .blue_color{color: #3445EB;}

.con-list1.type2 > ul > li{display: flex; flex-wrap: wrap;}
.con-list1.type2 > ul > li span{display: inline-block; color: #000000; font-family: "NotoCn Regular"; width: 100px;}
.con-list1.type2 > ul > li p{color: #515151; font-family: "NotoCn Light"; width: calc(100% - 100px);}

@media all and (max-width: 768px) {
  .con-list1.type2 > ul > li span{width: 70px;}  
  .con-list1.type2 > ul > li p{width: calc(100% - 70px);} 
}

.box-color-type7.border-blue > ul > li:first-child .box{background-color: #F0F8FF;}
.box-color-type7.border-blue > ul > li .box,
.box-color-type7.border-blue > ul > li:last-child .box{border: 1px solid #BECDFF;}
.box-color-type7.border-blue > ul > li .box .bold{font-size: 20px; line-height: 30px; color: #000000; font-family: "NotoCn Bold";}
.box-color-type7.border-blue > ul > li .box .bold .blue{color: #3445EB}

.con-list1.blue-dots > ul > li{color: #3445EB; font-family: "NotoCn Bold";}
.con-list1.blue-dots > ul > li span{font-family: "NotoCn Regular"; color: #515151;}
.con-list1.blue-dots > ul > li::before{background-color: #3445eb;}

.box-color-type7.border-blue > ul > li .bottom_box .blue{font-size: 20px; line-height: 30px; color: #3445eb; font-family: "NotoCn Bold";}
.box-color-type7.border-blue > ul > li .bottom_box span{font-size: 20px; line-height: 30px; color: #000000;}

@media all and (max-width: 768px) {
  .box-color-type7.border-blue > ul > li .box .bold{font-size: 16px;}
  .box-color-type7.border-blue > ul > li .bottom_box .blue{font-size: 16px;}
  .box-color-type7.border-blue > ul > li .bottom_box span{font-size: 16px;}
}

.box-color-type2.type3 > ul > li{width: 25%;}
.box-color-type2.type3 .box {display: block; padding: 15px 25px;}
.box-color-type2.type3 .box strong{display: block;}
.box-color-type2.type3 .box .con-desc{font-size: 16px; line-height: 26px; margin-top: 3px;}

@media all and (max-width: 768px) {
  .box-color-type2.type3 > ul > li{width: 100%;}
}

.box-color-type3.type7 > ul{flex-wrap: wrap; margin-top: -20px;}
.box-color-type3.type7 > ul > li{width: 50%; flex: auto; margin-top: 20px;}
.box-color-type3.type7 .box strong{display: block;}

@media all and (max-width: 768px) {
  .box-color-type3.type7 > ul{margin-top: -10px;}
  .box-color-type3.type7 > ul > li{width: 100%; margin-top: 10px;}
}

.noti-box.type3{text-align: left; border: 1px solid #BECDFF; border-radius: 4px; padding: 25px 32px;}
.noti-box.type3 strong{color: #3445EB; font-family: "NotoCn Bold"; font-size: 20px;}
.noti-box.type3 p{color: #000000; font-size: 20px; line-height: 32px;}

@media all and (max-width: 768px) {
  .noti-box.type3{padding: 15px 20px;}
  .noti-box.type3 strong{font-size: 16px;}
  .noti-box.type3 p{font-size: 16px; line-height: 25px;;}
}

.box-color-type3.type3 > ul{flex-wrap: wrap;}
.box-color-type3.type3 > ul > li{width: 33.3333%; flex: none; margin-bottom: 20px;}
.box-color-type3.type3 > ul > li .box{align-items: center; display: flex; flex-wrap: wrap; padding: 20px 36px;}
.box-color-type3.type3 > ul > li .box strong{width: 100%; display: block; padding-left: 20px; position: relative;}
.box-color-type3.type3 > ul > li .box strong::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 8px; height: 8px; background-color: #000000;}
.box-color-type3.type3 > ul > li .box .con-list2{padding-left: 20px; margin: 10px 0 0;}

@media all and (max-width: 768px) {
  .box-color-type3.type3 > ul > li{width: 100%;}
}

.box-color-type1.type3 .box{display: block;}

.box-color-type3.type4 > ul{flex-wrap: wrap;}
.box-color-type3.type4 > ul > li{width: 33.3333%; flex: none; margin-bottom: 20px;}
.box-color-type3.type4 > ul > li .box{align-items: center; display: flex; flex-wrap: wrap; padding: 20px 36px; background-color: #F7F7F7;}
.box-color-type3.type4 > ul > li .box strong{width: 100%; display: block; padding-left: 20px; position: relative;}
.box-color-type3.type4 > ul > li .box strong::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 8px; height: 8px; background-color: #000000;}
.box-color-type3.type4 > ul > li .box .con-list2{padding-left: 20px; margin: 10px 0 0;}

@media all and (max-width: 768px) {
  .box-color-type3.type4 > ul > li{width: 100%;}
}

.box-color-type1.type4 .box{display: block;}
.box-color-type1.type4 .box.colortype2{background-color: #f7f7f7}

.box-color-type3.type5 > ul{flex-wrap: wrap;}
.box-color-type3.type5 > ul > li{width: 25%; flex: none;}
.box-color-type3.type5 .box{background-color: #F7F7F7; padding: 0;}
.box-color-type3.type5 .box > strong{font-size: 24px; color: #000000; font-family: "NotoCn Bold"; border-bottom: 1px solid #D9D9D9; display: block; padding: 32px;}
.box-color-type3.type5 .box .con-list1{padding: 29px 32px;}
.box-color-type3.type5 .box .con-list1 li{margin-bottom: 1px;}
.box-color-type3.type5 .box p{margin-top: 6px; margin-bottom: 6px;}
.box-color-type3.type5 > ul > li:last-child .box p{margin-bottom: 0;}

@media all and (max-width: 1023px) {
  .box-color-type3.type5 > ul > li{width: 50%; margin-bottom: 20px;}
}

@media all and (max-width: 768px) {
  .box-color-type3.type5 > ul{display: block;}
  .box-color-type3.type5 > ul > li{width: 100%;}
}

.box-color-type8{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.box-color-type8 .box-left{background-color: #F7F7F7; border-radius: 4px; text-align: center; width: 24.063%; padding: 100px 0;}
.box-color-type8 .box-left span{display: block; font-size: 20px; color: #000000; font-family: "NotoCn Bold";}
.box-color-type8 .box-left p{font-size: 24px; color: #000000;}
.box-color-type8 .box-right{ width: calc(100% - 24.063% - 19px);}
.box-color-type8 .box-right ul{display: flex; flex-wrap: wrap; margin-top: -20px;}
.box-color-type8 .box-right li{background-color: #f7f7f7; border-radius: 4px; text-align: center; width: calc(33.3333% - 13.3333px); padding: 27px 0; margin-top: 20px; margin-right: 20px;}
.box-color-type8 .box-right li:nth-child(3n){margin-right: 0;}
.box-color-type8 .box-right span{display: block; font-size: 20px; color: #000000; font-family: "NotoCn Bold"; margin-bottom: 5px;}
.box-color-type8 .box-right p{font-size: 24px; color: #000000;}

@media all and (max-width: 1024px) {
  .box-color-type8{display: block;}
  .box-color-type8 .box-left{width: 100%; padding: 20px 0; margin-bottom: 20px;}
  .box-color-type8 .box-left span{font-size: 16px;}
  .box-color-type8 .box-left p{font-size: 16px;}
  .box-color-type8 .box-right{width: 100%;}
  .box-color-type8 .box-right li{padding: 15px 0; width: 49%; margin-right: 2%;}
  .box-color-type8 .box-right li:nth-child(3n){margin-right: 2%;}
  .box-color-type8 .box-right li:nth-child(even){margin-right: 0;}
  .box-color-type8 .box-right span{font-size: 16px;}
  .box-color-type8 .box-right p{font-size: 16px;}
}

@media all and (max-width: 768px) {
  .box-color-type8 .box-right ul{justify-content: space-around;}
}

.two-box-wrap1{margin-top: 110px;}
.two-box-wrap1 > ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.two-box-wrap1 > ul > li{width: 49.5%; }
.two-box-wrap1 li h1{font-size: 40px; font-family: "NotoCn Bold"; color: #000000; border-bottom: 1px solid #D9D9D9; padding-bottom: 27px;}
.two-box-wrap1 li .two-box-content {display: flex; padding: 48px 40px; flex-wrap: wrap;}
.two-box-wrap1 li .two-box-content .left{width: calc(100% - 306px);}
.two-box-wrap1 li .two-box-content .left p{font-size: 24px; line-height: 38px; color: #000000; word-break: keep-all; padding-right: 30px;}
.two-box-wrap1 li .two-box-content .right{width: 306px; text-align: center;}
.two-box-wrap1 li .two-box-content .right a{width: 100%;}
.two-box-wrap1 li .two-box-content .right .con-desc{font-size: 16px; font-family: "NotoCn Bold"; margin-top: 15px;}

@media all and (max-width: 1400px) {
  .two-box-wrap1 li h1{font-size: 30px;}
  .two-box-wrap1 li .two-box-content .left p{font-size: 20px; line-height: 30px;}
  .two-box-wrap1 li .two-box-content{display: block; padding: 20px;}
  .two-box-wrap1 li .two-box-content .left{width: 100%;}
  .two-box-wrap1 li .two-box-content .right{width: 100%; margin-top: 15px;}
}

@media all and (max-width: 768px) {
  .two-box-wrap1 li h1{font-size: 26px;}
  .two-box-wrap1 li .two-box-content .left p{font-size: 16px; line-height: 20px;}
  .two-box-wrap1 > ul > li{width: 100%;}
}

.step-box2.type3 > ul > li{width: 33.3333%;}
.step-box2.type3 .title{text-align: left; padding: 21px 30px;}
.step-box2.type3 .title strong{color: #2822E9; font-size: 24px; font-family: "NotoCn Bold";}
.step-box2.type3 .con{text-align: left; justify-content: start; padding: 32px 26px;}
.step-box2.type3 .con-list1 > ul > li{font-size: 16px;}
.step-box2.type3 .con-list1 > ul > li::before{top: 9px;}

@media all and (max-width: 1023px) {
  .step-box2.type3 > ul > li{width: 50%;}
}

@media all and (max-width: 768px) {
  .step-box2.type3 > ul > li{width: 100%;}
  .step-box2.type3 .title strong{font-size: 18px;}
  .step-box2.type3 .con{padding: 15px;}
}

.step-box2.type4 > ul > li:nth-child(5),
.step-box2.type4 > ul > li:nth-child(6){flex: 2;}
.step-box2.type4 .title{text-align: left; padding: 21px 30px; display: flex; align-items: center; gap: 32px;}
.step-box2.type4 .title strong{color: #000000; font-size: 24px; font-family: "NotoCn Bold";}
.step-box2.type4 .title span{font-size: 14px; color: #2822E9;}
.step-box2.type4 .con{text-align: left; justify-content: start; padding: 32px 18px 32px 26px;}
.step-box2.type4 .con > p{font-size: 16px; line-height: 22px; font-family: "NotoCn Bold";}
.step-box2.type4 .con .noti-text{color: #2822e9; font-size: 14px; display: block; margin-top: 5px;}
.step-box2.type4 .circle-num-list > ul > li p{font-size: 14px; color: #707070; margin-top: 3px;}
.step-box2.type4 > ul > li:nth-child(5) .circle-num-list ul,
.step-box2.type4 > ul > li:nth-child(6) .circle-num-list ul{display: flex; flex-wrap: wrap;}
.step-box2.type4 > ul > li:nth-child(5) .circle-num-list li,
.step-box2.type4 > ul > li:nth-child(6) .circle-num-list li{padding-right: 40px; width: 50%;}
.step-box2.type4 > ul > li:nth-child(6) .circle-num-list li{margin-bottom: 30px;}

@media all and (max-width: 1023px) {
  .step-box2 > ul > li{width: 50%;}
  .step-box2.type4 .title{display: block; gap: 0;}
  .step-box2.type4 .title span{display: block; margin-top: 5px;}
  .step-box2.type4 > ul > li:nth-child(5) .circle-num-list li, .step-box2.type4 > ul > li:nth-child(6) .circle-num-list li{width: 100%;}
  .step-box2.type4 > ul > li:nth-child(5) .circle-num-list li:nth-child(1){order: 1}
  .step-box2.type4 > ul > li:nth-child(5) .circle-num-list li:nth-child(2){order: 3}
  .step-box2.type4 > ul > li:nth-child(5) .circle-num-list li:nth-child(3){order: 2}
  .step-box2.type4 > ul > li:nth-child(5) .circle-num-list li:nth-child(4){order: 4}

  .step-box2.type4 > ul > li:nth-child(6) .circle-num-list li:nth-child(1){order: 1}
  .step-box2.type4 > ul > li:nth-child(6) .circle-num-list li:nth-child(2){order: 3}
  .step-box2.type4 > ul > li:nth-child(6) .circle-num-list li:nth-child(3){order: 2}
}

@media all and (max-width: 768px) {
  .step-box2 > ul > li{width: 100%;}
  .step-box2.type4 > ul > li:nth-child(5), .step-box2.type4 > ul > li:nth-child(6){flex: auto;}
}

.step-box2.type5 > ul > li{width: 33.3333%;}
.step-box2.type5 .con{text-align: left;}
.step-box2.type5 .con span{display: inline-block; color: white; font-size: 20px;}
.step-box2.type5 .con .blue_color{color: #2822E9; font-size: 16px; text-align: center;}
.step-box2.type5 > ul > li:nth-child(4n) .box::before {display: block;}
.step-box2.type5 .step-box-content-image{text-align: center;}

@media all and (max-width: 1023px) {
  .step-box2.type5 > ul > li{width: 50%;}
}

@media all and (max-width: 768px) {
  .step-box2.type5 > ul > li{width: 100%;}
  .step-box2.type5 .con span{font-size: 16px;}
}

.border-info-box.type2 .box{padding: 40px 32px;}
.border-info-box.type2 .con-list2{margin-left: 12px;}

@media all and (max-width: 1023px) {
  .border-info-box.type2 .box{padding: 20px 30px;}
}

.box-color-type2.type5 > ul > li .box{border-radius: 4px; position: relative; background-color: #F0F8FF; border: 1px solid #BECDFF;}
.box-color-type2.type5 > ul > li .box::before{content:''; width:20px; height:20px; background:url('../../images/sub/step-arrow2.png') no-repeat center; position: absolute; left:100%; top:50%; margin-top:-10px;}
.box-color-type2.type5 > ul > li:last-child .box::before{display: none;}

.box-color-type2.type6 > ul > li .box{border-radius: 4px; position: relative; background-color: #F0F8FF; border: 1px solid #BECDFF;}
.box-color-type2.type6 > ul > li .box::before{content:''; width:20px; height:20px; background:url('../../images/sub/step-arrow2.png') no-repeat center; position: absolute; left:100%; top:50%; margin-top:-10px;}
.box-color-type2.type6 > ul > li{width: 25%;}
.box-color-type2.type6 > ul > li p{font-size: 16px; color:#000000;}

@media all and (max-width: 1023px) {
  .box-color-type2.type6 > ul > li{width: 50%;}
}

@media all and (max-width: 600px) {
  .box-color-type2.type5 > ul > li .box::before{left: 50%; top: 100%; margin-top: 0; margin-left: -10px; transform: rotate(90deg);}
  .box-color-type2.type6 > ul > li .box::before{left: 50%; top: 100%; margin-top: 0; margin-left: -10px; transform: rotate(90deg);}
  .box-color-type2.type6 > ul > li{width: 100%;}
}

.step-box1.type3 > ul > li{width: 33.3333%;}
.step-box1.type3 .left{width: 200px;}
.step-box1.type3 > ul > li .left > strong::before{color: #D5D1C6;}

.step-box1.type4 > ul > li{width: 33.3333%;}
.step-box1.type4 > ul > li .box{border: 1px solid #BECDFF;}
.step-box1.type4 .left{width: 200px; background-color: #F0F8FF;}
.step-box1.type4 > ul > li .left > strong::before{color: #BECDFF;}
.step-box1.type4 > ul > li .right strong{font-family: "NotoCn Bold";}

.step-box1.type5 .box {border:1px solid #BECDFF; height: 100%;}
.step-box1.type5 .left {background:#F0F8FF; border-radius:4px 0 0 4px;}
.step-box1.type5 > ul > li .left > strong::before {color:#BECDFF;}
.step-box1.type5 > ul > li::after {background:url('../../images/sub/step-arrow2.png') no-repeat center;}
.step-box1.type5 .right{flex-wrap: wrap; align-items: center; text-align: left; padding: 55px 20px;}

@media all and (max-width: 1023px) {
  .step-box1.type3 > ul > li{width: 100%;}
  .step-box1.type3 .left{width: 170px;}

  .step-box1.type4 > ul > li{width: 100%;}
  .step-box1.type4 .left{width: 170px;}
}

.bottom-border{border-bottom: 1px solid #D9D9D9; padding-bottom: 95px;}

.con-list1.flex-box > ul{display: flex; flex-wrap: wrap; width: 530px;}
.con-list1.flex-box > ul > li{width: 235px; margin-right: 60px;}
.con-list1.flex-box > ul > li:nth-child(even){margin-right: 0;}

@media all and (max-width: 1023px) {
  .con-list1.flex-box > ul{width: 337px;}
  .con-list1.flex-box > ul > li{width:100%; margin-right: 0;}
}

.box-style-color1 {margin-top: 80px;}
.box-style-color1 ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -20px;}
.box-style-color1 li{width: 49.5%; border: 1px solid #BECDFF; border-radius: 4px; margin-top: 20px; overflow: hidden;}
.box-style-color1 li h1{font-size: 24px; color: #000000; padding: 19px 30px; background-color: #F0F8FF; font-family: "NotoCn Bold";}
.box-style-color1 li .box-style-color-content{padding: 40px 32px; height: 152px; display: table-cell; vertical-align: middle;}
.box-style-color1 li .box-style-color-content p{font-size: 20px; line-height: 32px;}

.public-info-wrap .division .noti-txt{font-size: 14px; margin-top: -15px;}

@media all and (max-width: 1023px) {
  .box-style-color1 li h1{font-size: 20px; padding: 15px 20px;}
  .box-style-color1 li .box-style-color-content{padding: 20px; height: 120px;}
  .box-style-color1 li .box-style-color-content p{font-size: 16px; line-height: 25px;}
}

@media all and (max-width: 768px) {
  .box-style-color1 li{width: 100%;}
  .box-style-color1 li .box-style-color-content{height: auto;}
}

.box-color-type1.type4 > ul{flex-wrap: wrap; margin-top: -20px;}
.box-color-type1.type4 > ul > li{width: 50%;  flex: none; margin-top: 20px;}
.box-color-type1.type4 .left{max-width: none;}
.box-color-type1.type4 > ul > li .noti-txt{font-size: 14px; margin-top: 15px;}

@media all and (max-width: 768px) {
  .box-color-type1.type4 > ul > li{width: 100%;}
}

.box-color-type1.type5 > ul > li .box{display: block;}


.public-info-wrap .pub-con .title{padding-right: 59px}
.public-info-wrap .pub-con .title.info-icon{margin-bottom: 20px;}
.public-info-wrap .pub-con .title.info-icon h3{padding-left: 64px; background: url("../../images/sub/info_icon.png") no-repeat left top 3px;}
.public-info-wrap .pub-con .title .info-icon-image{margin-top: 20px;}
.public-info-wrap .pub-con .con-table tbody td{background-color: transparent;}
.public-info-wrap .pub-con .con-table tbody td .con-list2{margin-left: 30px; margin-bottom: 0;}

@media all and (max-width: 1023px) {
  .public-info-wrap .pub-con .title.info-icon h3{background-size: 27px; padding-left: 40px;}
}

.public-info-wrap .pub-con .con-list2 .con-list2{padding-left: 20px;}

.safely_box .side-box{margin-top: 0; margin-bottom: 100px;}
.safely_box .side-box .left span{font-size: 20px; color: #707070; display: inline-block;}
.safely_box .side-box:last-child{margin-bottom: 0;}

@media all and (max-width: 768px) {
  .safely_box .side-box{margin-bottom: 50px;}
  .safely_box .side-box .left span{font-size: 14px;}
}

.public-info-wrap.type2 .pub-con{background-color: transparent; padding: 48px 0; border-bottom: 1px solid #D9D9D9}
.public-info-wrap.type2 .pub-con:last-child{border-bottom: 0;}
.public-info-wrap.type2 .pub-con .title{width: 702px;}
.public-info-wrap.type2 .pub-con .title span{font-size: 24px; line-height: 38px; color: #000000; margin-top: 0;}
.public-info-wrap.type2 .title .info-icon-image{display: flex; gap: 5px; margin-top: 40px;}
.public-info-wrap.type2 .pub-con .cont{width: calc(100% - 702px);}
.public-info-wrap.type2 .pub-con .con-desc{font-size: 16px;}

@media all and (max-width: 1023px) {
  .public-info-wrap.type2 .pub-con .title{width: 100%; padding-right: 0;}
  .public-info-wrap.type2 .pub-con .cont{width: 100%; margin-top: 20px;}
}

@media all and (max-width: 768px) {
  .public-info-wrap.type2 .title .info-icon-image{display: block;}
  .public-info-wrap.type2 .title .info-icon-image img{width: 100%; margin-bottom: 10px;}
  .public-info-wrap.type2 .title .info-icon-image img:last-child{margin-bottom: 0;}
}

.public-wrap .public-info-wrap.type3{margin-bottom: 20px;}
.public-wrap .public-info-wrap.type3:last-child{margin-bottom: 0;}

.public-info-wrap.type3 .pub-con{padding: 52px 80px;}
.public-info-wrap.type3 .pub-con .title{width: 444px;}
.public-info-wrap.type3 .cont{margin-top: 25px;}

@media all and (max-width: 768px) {
  .public-info-wrap.type3 .pub-con{padding: 25px 30px;}
}

.con-desc2{font-size: 16px; line-height: 26px; color: #515151; font-family: "NotoCn Regular";}

.con-list4 li{display: flex; align-items: start; }
.con-list4 li span{font-family: "NotoCn Regular"; flex-shrink: 0;}
.con-list4 li p{font-family: "NotoCn Regular";}

.box-color-type3 .con-list1 a span{position: relative; display: inline-block; margin-right: 33px;border-bottom: 2px solid #000;}
.box-color-type3 .con-list1 a[target="_blank"]{background: url('../../images/sub/btn-blank-black.png') no-repeat right 13px center; }

.con-list1.flex-box2 ul{display: flex; flex-wrap: wrap;}
.con-list1.flex-box2 li{width: 50%;}

@media all and (max-width: 768px) {
  .con-list1.flex-box2 li{width: 100%;}
}

.line-box-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 60px 40px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
.line-box-wrap .left span{display: block; margin-top: 85px;}
.line-box-wrap .right{text-align: center;}
.line-box-wrap .right p{font-size: 16px; color: #000000; font-family: "NotoCn Bold"; margin-top: 18px;}

@media all and (max-width: 768px) {
  .line-box-wrap{display: block; padding: 20px 15px;}
  .line-box-wrap .left span{margin-top: 30px;}
  .line-box-wrap .right{margin-top: 50px;}
}


/* 게이트페이지 */
.gate-body .gate-container{max-width: 1660px; padding: 0 30px; margin: 0 auto 80px;}
.gate-body .gate-title{text-align: center; margin-bottom: 30px;}
.gate-body .gate-menu ul{display: flex; flex-wrap: wrap; margin: -20px 0 0 0;}
.gate-body .gate-menu ul.center{justify-content: center;}
.gate-body .gate-menu li{width: calc(25% - 15px); margin: 20px 20px 0 0;}
.gate-body .gate-menu li:nth-child(4n),
.gate-body .gate-menu li:last-child{margin-right: 0;}
.gate-body .gate-menu li a{display: block; background: #F0F8FF url(../../images/sub/gate_arrow.png) no-repeat right 30px center; border-radius: 4px; color: #000000; padding: 26px 24px;}
.gate-body .gate-menu li a:hover{background: #2822E9 url(../../images/sub/gate_arrow_hover.png) no-repeat right 30px center; color: white;}

.gate-body .wrap_contents2{margin-top: 58px;}

.gate-life-container .gate-life-image{margin-bottom: 60px;}
.gate-life-container .gate-life-flex{display: flex; flex-wrap: wrap; justify-content: space-between;}
.gate-life-container .gate-life-flex .left{width: 48.63%;}
.gate-life-container .gate-life-flex .right{width: 47.88%;}
.gate-life-container .gate-life-flex .right h1{font-size: 32px; color: #000000; font-family: "NotoCn Bold"; margin-bottom: 20px;}
.gate-life-container .gate-life-flex .right p{font-size: 20px; line-height: 32px; color: #000000;}

.gate-notice-wrap{position: relative;}
.gate-notice-wrap .gate-notice-text{position: absolute; right: 47px; top: 50px;}
.gate-notice-wrap .gate-notice-text p{font-size: 20px; line-height: 32px; color: White;}

.gate-news-wrap{position:relative;}
.gate-news-wrap .gate-news-text{position: absolute; left: 52px; top: 50px; display: flex; gap: 40px;}
.gate-news-wrap .gate-news-text h1{font-size: 32px; color: white; font-family: "NotoCn Bold";}
.gate-news-wrap .gate-news-text p{font-size: 20px; line-height: 32px; color: white;}

@media all and (max-width: 1023px) {
  .gate-body .gate-container{margin-bottom: 40px;}
  .gate-body .gate-title h1{font-size: 35px;}
  .gate-body .gate-menu ul.center{justify-content: space-between}
  .gate-body .gate-menu li{width: calc(50% - 5px); margin: 10px 10px 0 0;}
  .gate-body .gate-menu li:nth-child(2n){margin-right: 0;}
  .gate-body .gate-menu li a{padding: 15px 12px; font-size: 16px;}
  .gate-body .gate-menu li a,
  .gate-body .gate-menu li a:hover{background-position: right 15px center; background-size: 15px;}

  .gate-body .wrap_contents2{margin-top: 30px;}

  .gate-life-container .gate-life-image{margin-bottom: 30px;}
  .gate-life-container .gate-life-flex .left,
  .gate-life-container .gate-life-flex .right{width: 100%}
  .gate-life-container .gate-life-flex .right{margin-top: 10px;}
  .gate-life-container .gate-life-flex .right h1{font-size: 20px; margin-bottom: 5px;}
  .gate-life-container .gate-life-flex .right p{font-size: 16px; line-height: 25px;}
}

@media all and (max-width: 768px) {
  .gate-notice-wrap::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5)}
  .gate-notice-wrap .gate-notice-text{width: 100%; right: 0; top: 50%; transform: translateY(-50%); text-align: center; z-index: 3;} 
  .gate-notice-wrap .gate-notice-text p{font-size: 14px; line-height: 20px;}

  .gate-news-wrap::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5)}
  .gate-news-wrap .gate-news-text{width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; z-index: 3; display: block;}
  .gate-news-wrap .gate-news-text h1{font-size: 18px; margin-bottom: 5px;}
  .gate-news-wrap .gate-news-text p{font-size: 14px; line-height: 20px; margin: 15px 0 35px;}
}

/* layout.css로 옮길거 */
.pageNavigation{width: 250px;}
.pageNavigation::-webkit-scrollbar{width: 4px;}
.pageNavigation::-webkit-scrollbar-track{background-color:#eaeaea;}
.pageNavigation::-webkit-scrollbar-thumb{background-color: #000000; border-radius: 10px; border: 1px solid #000000;}