@charset "utf-8";

/* intro1 */
.intro1{}
.intro1 .s-inner{}
.intro1 .s-inner .tit{font-size: 68px; font-weight: 200; color: #333333; text-align: center; margin: 120px 0 90px;}
.intro1 .s-inner .tit b{color: #52419d;}
.intro1 .s-inner .box{display: flex; gap:0 110px;}
.intro1 .s-inner .box .img{width: 535px;}
.intro1 .s-inner .box .img img{max-width: 100%;}
.intro1 .s-inner .box .txt{padding: 30px 0; display: flex; flex-direction: column; width: calc(100% - 535px);}
.intro1 .s-inner .box .txt h3{font-size: 40px; font-weight: 200; color: #222222; line-height: 1.5em; margin-bottom: 75px; word-break: keep-all;}
.intro1 .s-inner .box .txt h3 b{font-weight: 600; color: #52419d;}
.intro1 .s-inner .box .txt p{font-size: 18px; color: #6e6b7a; line-height: 1.8em;}
.intro1 .s-inner .box .txt p+p{margin-top: 55px;}
.intro1 .s-inner .box:nth-child(odd){flex-direction: row-reverse; margin-top: -84px;}
.intro1 .s-inner .box:nth-child(odd) .txt{align-self: flex-end;}

@media all and (max-width:1280px){
	.intro1 .s-inner .tit{font-size: 56px; margin: 100px 0 80px;}
	.intro1 .s-inner .box .img{width: 480px;}
	.intro1 .s-inner .box{gap:0 80px;}
	.intro1 .s-inner .box .txt{ width: calc(100% - 480px);}
	.intro1 .s-inner .box .txt h3{font-size: 36px; margin-bottom: 50px;}
	.intro1 .s-inner .box .txt p{font-size: 17px;}
	.intro1 .s-inner .box .txt p br{display: none;}
	.intro1 .s-inner .box .txt p+p{margin-top: 40px;}
	.intro1 .s-inner .box:nth-child(odd){margin-top: 60px;}
}
@media all and (max-width:976px){
	.intro1 .s-inner .tit{font-size: 41px; margin: 90px 0 70px;}
	.intro1 .s-inner .box{gap:0 50px;}
	.intro1 .s-inner .box .txt h3{font-size: 32px; margin-bottom: 35px;}
	.intro1 .s-inner .box .txt p{font-size: 16px;}
	.intro1 .s-inner .box .txt p+p{margin-top: 30px;}
	.intro1 .s-inner .box .img{width: 50%;}
	.intro1 .s-inner .box .txt{ width: calc(100% - 50%);}
}
@media all and (max-width:640px){
	.intro1 .s-inner .tit{font-size: 30px; margin: 70px 0 55px; text-align: left;}
	.intro1 .s-inner .box:nth-child(odd),
	.intro1 .s-inner .box{flex-direction: column;}
	.intro1 .s-inner .box .img{width: 100%;}
	.intro1 .s-inner .box .img img{width: 100%;}
	.intro1 .s-inner .box .txt{width: 100%; padding-bottom: 0;}
	.intro1 .s-inner .box .txt h3{font-size: 28px; margin-bottom: 30px;}
	.intro1 .s-inner .box .txt p{font-size: 15px;}
	.intro1 .s-inner .box .txt p+p{margin-top: 25px;}
	.intro1 .s-inner .box:nth-child(odd){margin-top: 40px;}
}
@media all and (max-width:480px){
	.intro1 .s-inner .tit{font-size: 25px; margin: 60px 0 45px;}
	.intro1 .s-inner .box .txt h3{font-size: 24px; margin-bottom: 20px;}
}


.title{font-size: 68px; font-weight: 200; color: #333333; text-align: center; margin: 120px 0 60px; position: relative; height: 300px;}
.title .br540{display: none;}
.title p{font-family: 'One-Mobile-Title'; font-size: 20px; color: #222; text-align: center; margin-top: 60px;}
.title p.t-info{font-family: 'SUIT'; font-size: 18px; color: #6e6b7a; text-align: center; margin-top: 40px; line-height: 32px; font-weight: normal;}
.title2::after{position: absolute;content: ''; width: 1px; height: 80px; background-color: #a8a2be; left: 50%; bottom: 0;}
.title span{color: #52419d; font-weight: bold;}


@media all and (max-width:1280px){
	.title{font-size: 56px; margin: 100px 0 60px;height: 260px;}
}
@media all and (max-width:976px){
	.title{font-size: 41px; margin: 90px 0 50px;height: 220px;}
}
@media all and (max-width:640px){
	.title{font-size: 30px; margin: 70px 0 45px; text-align: left; height: 180px;}
    .title p{font-size: 16px; text-align: left; margin-top: 40px;}
    .title p.t-info{font-size: 14px; text-align: left; line-height: 25px;}
    .title p.t-info br{display: none;}
    .title2::after{height: 60px; left: 0;}
}
@media all and (max-width:540px){
    .title .br540{display: block;}
}
@media all and (max-width:480px){
	.title{font-size: 25px; margin: 60px 0 35px; height: 120px;}
    .title2::after{height: 40px; left: 0;}
    .title p{font-size: 14px;  margin-top: 20px;}
}


.sub-title h3{font-family: 'ONE-Mobile-Title'; font-size: 50px; color: #52419d; text-align: center; font-weight: normal; margin-bottom: 50px;}
.sub-title p.sb{font-size: 24px; color: #222; text-align: center; font-weight: 500; margin-bottom: 30px;}
.sub-title p.sc{font-size: 18px; color: #6e6b7a; text-align: center; font-weight: 400; line-height: 30px;}


@media all and (max-width:1280px){
	.sub-title h3{font-size: 40px;margin-bottom: 40px;}
    .sub-title p.sb{font-size: 22px;margin-bottom: 25px;}
    .sub-title p.sc{font-size: 16px;line-height: 25px;}
}
@media all and (max-width:976px){
    .sub-title h3{font-size: 35px;margin-bottom: 30px;}
    .sub-title p.sb{font-size: 20px;margin-bottom: 20px;}
    .sub-title p.sc{line-height: 20px;}
}
@media all and (max-width:640px){
    .sub-title h3{font-size: 25px;margin-bottom: 20px; text-align: left;}
    .sub-title p.sb{font-size: 18px;margin-bottom: 15px;text-align: left;}
    .sub-title p.sc{font-size: 14px;text-align: left;}
    .sub-title p.sc br{display: none;}
}
@media all and (max-width:480px){
    .sub-title h3{font-size: 20px;}
    .sub-title p.sb{font-size: 16px;margin-bottom: 10px;}
}


.sec_doctor{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 100px; position: relative; padding-top: 7%;}
.sec_doctor::before{content: 'BL PLASTIC SUR'; position: absolute; color: #52419d; opacity: 0.07; font-size: 18rem; font-family: 'Montserrat', sans-serif; font-weight: 900; top: 0; right: 0;}
.sec_doctor .l-box{width: 770px; padding-left: 160px; display: flex; flex-wrap: wrap; align-content: center;}
.sec_doctor .l-box h4{font-family: 'ONE-Mobile-Title'; font-size: 22px; color: #222; margin-bottom: 50px; font-weight: normal; width: 100%;}
.sec_doctor .l-box h3{font-family: 'ONE-Mobile-Title'; font-size: 50px; color: #52419d; line-height: 70px; margin-bottom: 40px; font-weight: normal; width: 100%;}
.sec_doctor .l-box p{ font-size: 18px; color: #6e6b7a; line-height: 32px;}
.sec_doctor .r-box{width: calc(100% - 770px);}
.sec_doctor .r-box .d_wrap{width: 100%;}
.sec_doctor .r-box .d_item{ margin-right: 50px;}
.sec_doctor .r-box .img{width: 100%; text-align: center; border-bottom: 2px solid #52419d;}
.sec_doctor .r-box .img img{width: 88.687%;}
.sec_doctor .r-box .txt{font-family: 'One-Mobile-Title'; font-size: 20px; color: #222; text-align: center; margin: 25px 0;}
.sec_doctor .r-box .txt span{font-size: 30px; color: #52419d; margin-left: 15px;}
.sec_doctor .r-box .tag{width: 98%; font-size: 18px; color: #52419d; display: flex; flex-wrap: wrap; margin: 0 auto; gap:5px;}
.sec_doctor .r-box .tag li{width: calc(100%/3 - 5px); border: 1px solid #52419d; border-radius: 50px; padding: 7px 0; text-align: center; }


.slick-next1, .slick-prev1{color: #52419d; font-size: 20px; font-family: 'IBMPlexSansKR-Regular'; position: absolute; bottom: 8%; left: -549px; width: 60px; text-align: right; height: 20px;}
.slick-prev1{transform: translateX(-100%);text-align: left;}
.slick-prev1::after{content: ''; width: 1px; height: 10px; position: absolute;right: 0; background-color: #c5c0e5; top: 50%;}


@media all and (max-width:1600px){
    .sec_doctor::before{font-size: 14rem;}
    .sec_doctor .l-box h4{ margin-bottom: 40px;}
    .sec_doctor .l-box h3{line-height: 60px; margin-bottom: 30px;}
    .sec_doctor .l-box p{line-height: 28px;}
    .slick-next1, .slick-prev1{bottom: 15%;}
    
}
@media all and (max-width:1480px){
    .sec_doctor .l-box{width: 590px; padding-left: 100px;}
    .sec_doctor .r-box{width: calc(100% - 610px);}

    .slick-next1, .slick-prev1{left: -450px; bottom: 50px;}
}
@media all and (max-width:1280px){
    .sec_doctor::before{font-size: 11rem;}
    .sec_doctor .l-box{width: 470px; padding-left: 100px;}
    .sec_doctor .r-box{width: calc(100% - 500px);}
    .sec_doctor .l-box h4{font-size: 18px;}
    .sec_doctor .l-box h3{line-height: 40px; font-size: 35px; margin-bottom: 30px;}
    .sec_doctor .l-box p{line-height: 25px; font-size: 16px;}
    .sec_doctor .r-box .txt{font-size: 16px;}
    .sec_doctor .r-box .txt span{font-size: 23px;}
    .sec_doctor .r-box .tag{width: 98%; font-size: 14px;}
    
    .slick-next1, .slick-prev1{left: -340px; bottom: 10%;}

}
@media all and (max-width:976px){
    .sec_doctor::before{font-size: 9rem;}
    .sec_doctor .l-box{width: 390px; padding-left: 50px;}
    .sec_doctor .r-box{width: calc(100% - 420px);}
    .sec_doctor .l-box h4{font-size: 18px;}
    .sec_doctor .l-box h3{line-height: 40px; font-size: 35px; margin-bottom: 30px;}
    .sec_doctor .l-box p{line-height: 25px; font-size: 16px;}
    .sec_doctor .r-box .txt{font-size: 16px;}
    .sec_doctor .r-box .txt span{font-size: 23px;}
    .sec_doctor .r-box .tag{width: 98%; font-size: 14px;}
    
    .slick-next1, .slick-prev1{left: -305px; bottom: 10%;}

}
@media all and (max-width:840px){
    .sec_doctor::before{content: 'BL PLASTIC SURGERY'; font-size: 60px;  width: 100%; text-align: center;}
    .sec_doctor .l-box{width: 100%; padding: 160px 30px 10px;}
    .sec_doctor .l-box br{display: none;}
    .sec_doctor .r-box{width: 100%; padding: 30px;}
    .sec_doctor .r-box .d_item{ margin: 20px 25px 0;}

}
@media all and (max-width:680px){
    .sec_doctor .l-box h4{font-size: 16px; margin-bottom: 20px;}
    .sec_doctor .l-box h3{line-height: 30px; font-size: 25px; margin-bottom: 15px;}
    .sec_doctor .l-box p{line-height: 20px; font-size: 14px;}

    .sec_doctor .r-box .txt{font-size: 14px;}
    .sec_doctor .r-box .txt span{font-size: 20px;}
}
@media all and (max-width:490px){
    .sec_doctor::before{font-size: 40px;}
    .sec_doctor .l-box h3 br{display: block;}

    .sec_doctor .r-box .tag li{ font-size: 12px;padding: 3px 0;}
}


.sec_bna{width: 100%;position: relative;overflow: hidden;}
.sec_bna::before{content: 'BEFORE'; position: absolute; transform: rotate(90deg); color: #52419d; opacity: 0.07; font-size: 18rem; font-family: 'Montserrat', sans-serif; font-weight: 900; top: 360px; left: -323px;}
.sec_bna::after{content: 'AFTER'; position: absolute;transform: rotate(90deg); color: #52419d; opacity: 0.07; font-size: 18rem; font-family: 'Montserrat', sans-serif; font-weight: 900; top: 360px; right: -255px;}

.bna{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 50px; position: relative;}
.bna::after{content: ''; background: url('/images/sub/eye/bna_arrow.png') no-repeat center center; width: 70px;height: 70px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.bna li{width: 549px; border-radius: 20px; overflow: hidden; position: relative;}
.bna li .date{position: absolute; left: 0px; bottom: 0.5em; padding:0.3em 1.2em; font-size: 1.4rem; /*background-color: rgb(242 239 255);;*/ color: #52419d; }
.bna li:nth-child(2) .date{left: auto;  }

@media all and (max-width:1400px){
    .bna li{width: 35%; border-radius: 20px; overflow: hidden;}
    .bna li img{width: 100%;}
    .bna::after{width: 50px;height: 50px; background-size: cover;}
}
@media all and (max-width:1280px){
    .sec_bna::before{font-size: 14rem; left: -252px; top: 32%;}
    .sec_bna::after{font-size: 14rem; right: -198px; top: 32%;}
}
@media all and (max-width:787px){
    .sec_bna::before{display: none;}
    .sec_bna::after{display: none;}
    .bna{margin-bottom: 30px;}
    .bna li{width: 70%;}
    .bna::after{transform: rotate(90deg) translate(-50%, 50%);}
}
@media all and (max-width:480px){
    .bna{margin-bottom: 30px;}
    .bna li{width: 90%;}
    .bna::after{transform: rotate(90deg) translate(-50%, 50%);}
    .bna li .date{font-size: 1.2rem;}
}


.sec_box{width: 100%; background: url('/images/sub/sec_box_bg.jpg') no-repeat center center; height: 740px; margin: 10% 0;}
.sec_box2{background: url('/images/sub/sec_box_bg2.jpg') no-repeat center left;}
.sec_box3{background: url('/images/sub/sec_box_bg3.jpg') no-repeat 20% 50%;}
.sec_box4{background: url('/images/sub/sec_box_bg4.jpg') no-repeat 20% 50%;}
.sec_box5{background: url('/images/sub/sec_box_bg5.jpg') no-repeat 20% 50%;}
.sec_box6{background: url('/images/sub/sec_box_bg6.jpg') no-repeat 20% 50%;}
.sec_box7{background: url('/images/sub/sec_box_bg7.jpg') no-repeat 20% 50%;}

.nose_bg1{background: url('/images/sub/nose/nose_bg1.jpg') no-repeat 30% 0%;}
.nose_bg2{background: url('/images/sub/nose/nose_bg2.jpg') no-repeat 30% 60%;}
.nose_bg3{background: url('/images/sub/nose/nose_bg3.jpg') no-repeat 10% 60%;}
.nose_bg4{background: url('/images/sub/nose/nose_bg4.jpg') no-repeat 10% 60%;}

.anti_bg1{background: url('/images/sub/antiaging/anti_bg1.jpg') no-repeat 50% 60%;}
.anti_bg2{background: url('/images/sub/antiaging/anti_bg2.jpg') no-repeat 20% 60%;}
.anti_bg3{background: url('/images/sub/antiaging/anti_bg3.jpg') no-repeat 20% 50%;}
.anti_bg4{background: url('/images/sub/antiaging/anti_bg4.jpg') no-repeat 20% 0%;}
.anti_bg5{background: url('/images/sub/antiaging/anti_bg5.jpg') no-repeat 20% 0%;}

.face_bg1{background: url('/images/sub/face/face_bg1.jpg') no-repeat 20% 0%;}
.face_bg2{background: url('/images/sub/face/face_bg2.jpg') no-repeat 20% 0%;}
.face_bg3{background: url('/images/sub/face/face_bg3.jpg') no-repeat 20% 0%;}
.face_bg4{background: url('/images/sub/face/face_bg4.jpg') no-repeat 20% 100%;}
.face_bg5{background: url('/images/sub/face/face_bg5.jpg') no-repeat 20% 100%;}
.face_bg6{background: url('/images/sub/face/face_bg6.jpg') no-repeat 20% 0%;}
.face_bg7{background: url('/images/sub/face/face_bg7.jpg') no-repeat 20% 0%;}
.face_bg8{background: url('/images/sub/face/face_bg8.jpg') no-repeat 20% 0%;}
.face_bg9{background: url('/images/sub/face/face_bg9.jpg') no-repeat 20% 100%;}

.body_bg1{background: url('/images/sub/body/body_bg1.jpg') no-repeat 20% 50%;}
.body_bg2{background: url('/images/sub/body/body_bg2.jpg') no-repeat 20% 50%;}
.body_bg3{background: url('/images/sub/body/body_bg3.jpg') no-repeat 20% 50%;}
.body_bg4{background: url('/images/sub/body/body_bg4.jpg') no-repeat 20% 50%;}

.sys_bg1{background: url('/images/sub/sys_bg1.jpg') no-repeat 20% 50%;}
.sys_bg2{background: url('/images/sub/sys_bg2.jpg') no-repeat 20% 50%;}

.more_bg1{background: url('/images/sub/more_bg1.jpg') no-repeat 20% 50%;}
.more_bg2{background: url('/images/sub/more_bg2.jpg') no-repeat 20% 50%;}
.more_bg3{background: url('/images/sub/more_bg3.jpg') no-repeat 20% 50%;}

.sec_box .box{width: 50%; height: 100%; float: right; background: #52419d; opacity: 0.9; padding: 140px 0 140px 120px; color: #fff; display: flex; flex-wrap: wrap; align-content: center;}
.sec_box .box h4{font-size: 22px; font-family: 'One-Mobile-Title'; margin-bottom: 50px; font-weight: normal;}
.sec_box .box h3{font-size: 50px; font-family: 'One-Mobile-Title'; line-height: 70px; margin-bottom: 40px; font-weight: normal;}
.sec_box .box h3.sm{margin-bottom: 10px;}
.sec_box .box p{font-size: 18px; line-height: 32px;}
.sec_box .box p.fzmini{font-size: 14px; margin-top: 10px;}


@media all and (max-width:1600px){
    .sec_box .box{width: 60%; padding: 140px 0 140px 80px; color: #fff;}
    .sec_box .box h3{line-height: 60px;}
    .sec_box .box p{line-height: 28px;}
}
@media all and (max-width:1280px){
    .sec_box{height: 560px;}
    .sec_box .box{padding: 100px 60px;}
    .sec_box .box h4{font-size: 18px;}
    .sec_box .box h3{line-height: 40px; font-size: 35px; margin-bottom: 30px;}
    .sec_box .box p{line-height: 25px; font-size: 16px;}
}
@media all and (max-width:1080px){
    .sec_box .box{width: 70%;}
}
@media all and (max-width:976px){
    .sec_box{height: 560px;}
    .sec_box .box{padding: 100px 60px; width: 100%;}
    .sec_box .box h4{font-size: 18px;}
    .sec_box .box h3{line-height: 40px; font-size: 35px; margin-bottom: 30px;}
    .sec_box .box p{line-height: 25px; font-size: 16px;}
    .sec_box .box p.fzmini{font-size: 12px;}
}
@media all and (max-width:680px){
    .sec_box{height: 390px;}
    .sec_box .box .br680{display: none;}
    .sec_box .box{padding: 50px 20px;}
    .sec_box .box h4{font-size: 16px; margin-bottom: 20px;}
    .sec_box .box h3{line-height: 30px; font-size: 25px; margin-bottom: 15px;}
    .sec_box .box p{line-height: 20px; font-size: 14px;}
}
@media all and (max-width:570px){
    .sec_box{height: 400px;}
    
    .sec_box .box p.fzmini{font-size: 10px;}
}
@media all and (max-width:370px){
    .sec_box{height: 430px;}
    .sec_box .box h4 br{display: none;}
}


.sec_case{width: 100%; position: relative;}
.sec_case .tab{ width: 95%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
.sec_case .tabcontent{display: none; width: 100%; height: 100%;}
.sec_case .tabcontent.on{display: block;}
.sec_case .tab li{padding: 10px 0; text-align: center; border-bottom: 2px solid #52419d; cursor: pointer; margin: 0 25px 30px;}
.sec_case .tab li p{color: #52419d; font-size: 24px; transition: 0.3s;}
.sec_case .tab li.on p{font-weight: bold; transition: 0.3s;}
.sec_case .tabs{ width: 95%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
.sec_case .tabcontent1{display: none; width: 100%; height: 100%;}
.sec_case .tabcontent1.on{display: block;}
.sec_case .tabs li{padding: 10px 0; text-align: center; border-bottom: 2px solid #52419d; cursor: pointer; margin: 0 25px 30px;}
.sec_case .tabs li p{color: #52419d; font-size: 24px; transition: 0.3s;}
.sec_case .tabs li.on p{font-weight: bold; transition: 0.3s;}
.sec_case .inner{width: 100%; height: 620px; position: relative; margin: 7% 0 5%;}
.sec_case .inner::before{width: 57.804%; height: 100%; background-color: #52419d; content: ''; position: absolute; left: 0; top: 0; z-index: -1;}
.sec_case .cont{width: 100%; height: 100%;}
.sec_case .case{width: 100%; height: 100%; display: flex; align-content: center; flex-wrap: wrap; justify-content: space-between;}
.sec_case .case .l-box{width: 710px; color: #fff; padding-left: 160px;display: flex; align-content: center; flex-wrap: wrap;}
.sec_case .case .l-box h4{font-size: 22px; font-family: 'One-Mobile-Title'; margin-bottom: 50px; font-weight: normal; width: 100%;}
.sec_case .case .l-box h3{font-size: 50px; font-family: 'One-Mobile-Title'; line-height: 70px; margin-bottom: 40px; font-weight: normal; width: 100%;}
.sec_case .case .l-box p{font-size: 18px; line-height: 32px;}
.sec_case .case .r-box{width: calc(100% - 730px);}
.sec_case .case .r-box img{width: 100%;}

.slick-next2, .slick-prev2{color: #52419d; font-size: 20px; font-family: 'IBMPlexSansKR-Regular'; position: absolute; top: -40px; right: 11.5%; width: 60px; text-align: right; height: 20px;}
.slick-prev2{transform: translateX(-100%);text-align: left;}
.slick-prev2::after{content: ''; width: 1px; height: 10px; position: absolute;right: 0; background-color: #c5c0e5; top: 50%;}


@media all and (max-width:1600px){
    .sec_case .case .l-box{width: 670px; padding-left: 120px;}
    .sec_case .case .r-box{width: calc(100% - 690px);}
    .sec_case .case .l-box h4{ margin-bottom: 40px;}
    .sec_case .case .l-box h3{line-height: 60px; margin-bottom: 30px;}
    .sec_case .case .l-box p{line-height: 28px;}
    
}
@media all and (max-width:1280px){
    .sec_case .tab li{margin: 0 25px 20px;}
    .sec_case .tab li p{font-size: 20px;}
    .sec_case .tabs li{margin: 0 25px 20px;}
    .sec_case .tabs li p{font-size: 20px;}

    .sec_case .case .l-box{width: 480px; padding-left: 100px;}
    .sec_case .case .r-box{width: calc(100% - 500px);}
    .sec_case .case .l-box h4{font-size: 18px;}
    .sec_case .case .l-box h3{line-height: 40px; font-size: 35px; margin-bottom: 30px;}
    .sec_case .case .l-box p{line-height: 25px; font-size: 16px;}

}
@media all and (max-width:976px){
    .sec_case .tab li{padding: 7px 0; margin: 0 20px 20px;}
    .sec_case .tab li p{font-size: 18px;}
    .sec_case .tabs li{padding: 7px 0; margin: 0 20px 20px;}
    .sec_case .tabs li p{font-size: 18px;}

    .sec_case .inner{height: 730px;}
    .sec_case .inner::before{width: 100%;}
    .sec_case .case .l-box{width: 100%; padding-left: 20px; margin-bottom: 50px;}
    .sec_case .case .r-box{width: 100%;}
    .sec_case .case .l-box h4{font-size: 18px;}
    .sec_case .case .l-box h3{line-height: 40px; font-size: 35px; margin-bottom: 30px;}
    .sec_case .case .l-box p{line-height: 25px; font-size: 16px;}

    .slick-next2, .slick-prev2{color: #fff;}

}
@media all and (max-width:840px){
    .sec_case .case .l-box{width: 100%; padding: 0px 30px 10px;}
    .sec_case .case .l-box br{display: none;}

    .sec_case .inner{height: 700px;}
    .slick-next2, .slick-prev2{right: 2%;}
}
@media all and (max-width:680px){
    .sec_case .tab li{padding: 5px 0; margin: 0 10px 20px;}
    .sec_case .tab li p{font-size: 16px;}
    .sec_case .tabs li{padding: 5px 0; margin: 0 10px 20px;}
    .sec_case .tabs li p{font-size: 16px;}

    .sec_case .inner{height: 560px;}
    .sec_case .case .l-box h4{font-size: 16px; margin-bottom: 20px;}
    .sec_case .case .l-box h3{line-height: 30px; font-size: 25px; margin-bottom: 15px;}
    .sec_case .case .l-box p{line-height: 20px; font-size: 14px;}
}
@media all and (max-width:490px){
    .sec_case .tab li{ margin: 0 5px 10px;}
    .sec_case .tab li p{font-size: 14px;}
    .sec_case .tabs li{ margin: 0 5px 10px;}
    .sec_case .tabs li p{font-size: 14px;}

    .sec_case .inner{height: 500px;}
    .sec_case .case .l-box h3 br{display: block;}
}




.sec_case2{width: 100%; position: relative;}
.sec_case2 .tab{ width: 95%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
.sec_case2 .tabcontent{display: none; width: 100%; height: 100%;}
.sec_case2 .tabcontent.on{display: block;}
.sec_case2 .tab li{padding: 10px 0; text-align: center; border-bottom: 2px solid #52419d; cursor: pointer; margin: 0 25px 30px;}
.sec_case2 .tab li p{color: #52419d; font-size: 24px; transition: 0.3s;}
.sec_case2 .tab li.on p{font-weight: bold; transition: 0.3s;}
.sec_case2 .tabs{ width: 95%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
.sec_case2 .tabcontent1{display: none; width: 100%; height: 100%;}
.sec_case2 .tabcontent1.on{display: block;}
.sec_case2 .tabs li{padding: 10px 0; text-align: center; border-bottom: 2px solid #52419d; cursor: pointer; margin: 0 25px 30px;}
.sec_case2 .tabs li p{color: #52419d; font-size: 24px; transition: 0.3s;}
.sec_case2 .tabs li.on p{font-weight: bold; transition: 0.3s;}
.sec_case2 .inner{width: 100%; height: 620px; position: relative; margin: 7% 0 5%;}
.sec_case2 .inner::before{width: 57.804%; height: 100%; background-color: #52419d; content: ''; position: absolute; left: 0; top: 0; z-index: -1;}
.sec_case2 .cont{width: 100%; height: 100%;}
.sec_case2 .case{width: 100%; height: 100%; display: flex; align-content: center; flex-wrap: wrap; justify-content: space-between;}
.sec_case2 .case .l-box{width: 710px; color: #fff; padding-left: 160px;display: flex; align-content: center; flex-wrap: wrap;}
.sec_case2 .case .l-box h4{font-size: 22px; font-family: 'One-Mobile-Title'; margin-bottom: 50px; font-weight: normal; width: 100%;}
.sec_case2 .case .l-box h3{font-size: 50px; font-family: 'One-Mobile-Title'; line-height: 70px; margin-bottom: 40px; font-weight: normal; width: 100%;}
.sec_case2 .case .l-box p{font-size: 18px; line-height: 32px;}
.sec_case2 .case .r-box{width: calc(100% - 730px);}
.sec_case2 .case .r-box img{width: 100%;}


@media all and (max-width:1600px){
    .sec_case2 .case .l-box{width: 670px; padding-left: 120px;}
    .sec_case2 .case .r-box{width: calc(100% - 690px);}
    .sec_case2 .case .l-box h4{ margin-bottom: 40px;}
    .sec_case2 .case .l-box h3{line-height: 60px; margin-bottom: 30px;}
    .sec_case2 .case .l-box p{line-height: 28px;}
    
}
@media all and (max-width:1280px){
    .sec_case2 .tab li{margin: 0 25px 20px;}
    .sec_case2 .tab li p{font-size: 20px;}
    .sec_case2 .tabs li{margin: 0 25px 20px;}
    .sec_case2 .tabs li p{font-size: 20px;}

    .sec_case2 .case .l-box{width: 480px; padding-left: 100px;}
    .sec_case2 .case .r-box{width: calc(100% - 500px);}
    .sec_case2 .case .l-box h4{font-size: 18px;}
    .sec_case2 .case .l-box h3{line-height: 40px; font-size: 35px; margin-bottom: 30px;}
    .sec_case2 .case .l-box p{line-height: 25px; font-size: 16px;}

}
@media all and (max-width:976px){
    .sec_case2 .tab li{padding: 7px 0; margin: 0 20px 20px;}
    .sec_case2 .tab li p{font-size: 18px;}
    .sec_case2 .tabs li{padding: 7px 0; margin: 0 20px 20px;}
    .sec_case2 .tabs li p{font-size: 18px;}

    .sec_case2 .inner{height: 730px;}
    .sec_case2 .inner::before{width: 100%;}
    .sec_case2 .case .l-box{width: 100%; padding-left: 20px; margin-bottom: 50px;}
    .sec_case2 .case .r-box{width: 100%;}
    .sec_case2 .case .l-box h4{font-size: 18px;}
    .sec_case2 .case .l-box h3{line-height: 40px; font-size: 35px; margin-bottom: 30px;}
    .sec_case2 .case .l-box p{line-height: 25px; font-size: 16px;}


}
@media all and (max-width:840px){
    .sec_case2 .case .l-box{width: 100%; padding: 0px 30px 10px;}
    .sec_case2 .case .l-box br{display: none;}

    .sec_case2 .inner{height: 700px;}
}
@media all and (max-width:680px){
    .sec_case2 .tab li{padding: 5px 0; margin: 0 10px 20px;}
    .sec_case2 .tab li p{font-size: 16px;}
    .sec_case2 .tabs li{padding: 5px 0; margin: 0 10px 20px;}
    .sec_case2 .tabs li p{font-size: 16px;}

    .sec_case2 .inner{height: 560px;}
    .sec_case2 .case .l-box h4{font-size: 16px; margin-bottom: 20px;}
    .sec_case2 .case .l-box h3{line-height: 30px; font-size: 25px; margin-bottom: 15px;}
    .sec_case2 .case .l-box p{line-height: 20px; font-size: 14px;}
}
@media all and (max-width:490px){
    .sec_case2 .tab li{ margin: 0 5px 10px;}
    .sec_case2 .tab li p{font-size: 14px;}
    .sec_case2 .tabs li{ margin: 0 5px 10px;}
    .sec_case2 .tabs li p{font-size: 14px;}

    .sec_case2 .inner{height: 500px;}
    .sec_case2 .case .l-box h3 br{display: block;}
}




.sec_info{width: 100%; text-align: center;}
.sec_info .top{ margin-top: 15%;}
.sec_info .top h4{font-family: 'Montserrat'; font-size: 14px; color: #52419d; margin-bottom: 30px; letter-spacing: 3px;}
.sec_info .top h3{font-family: 'One-Mobile-Title'; font-size: 50px; color: #333; margin-bottom: 50px; font-weight: normal;}
.sec_info .top p{font-size: 18px; text-decoration: underline; color: #6e6b7a;}
.sec_info .top p.mini{font-size: 16px; text-decoration: none; color: #a8a2be; margin-top: 30px;}
.sec_info .top p .br840{display: none;}
.sec_info .su_info{display: flex; flex-wrap: wrap; justify-content: center; gap: 130px; margin-top: 80px; width: 100%;}
p.sur-t{font-size: 23px; font-weight: bold; text-align: left; color: #52419d; margin-top: 50px;}
p.sur-c{font-size: 16px; text-align: left; margin: 10px 10px 30px;}
.sec_info li h3{font-family: 'One-Mobile-Title'; font-size: 26px; color: #333; font-weight: normal; margin-top: 30px;}
.sec_info li p{font-size: 20px; color: #222;margin-top: 20px;}

.sec_info .su_info2{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 80px;}
.sec_info .su_info2 li{width: calc(100%/4 - 10px); }
.sec_info .su_info2 li .img{width: 100%; border-radius: 20px; overflow: hidden;}
.sec_info .su_info2 li img{width: 100%;}
.sec_info .su_info2 li .img::before{content: ''; background: url('/images/sub/eye/bna_arrow.png') no-repeat center center; width: 40px;height: 40px; position: absolute;  background-size: cover; top:90px; left: -25px; }
.sec_info .su_info2 li.nonebf .img::before{display: none;}
.sec_info .su_info2 li:first-child .img:before{display: none;}

.sec_info .su_info3{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 80px;}
.sec_info .su_info3 li{width: calc(100%/3 - 20px); }
.sec_info .su_info3 li .img{width: 100%; border-radius: 20px; overflow: hidden;}
.sec_info .su_info3 li img{width: 100%;}
.sec_info .su_info3 li .img::before{content: ''; background: url('/images/sub/eye/bna_arrow.png') no-repeat center center; width: 40px;height: 40px; position: absolute;  background-size: cover; top:120px; left: -35px; }
.sec_info .su_info3 li:first-child .img:before{display: none;}

.sec_info .su_info4{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 80px;}
.sec_info .su_info4 li{width: calc(100%/2 - 20px); }
.sec_info .su_info4 li .img{width: 100%; border-radius: 20px; overflow: hidden;}
.sec_info .su_info4 li img{width: 100%;}
.sec_info .su_info4 li:first-child .img:before{display: none;}

.sec_info .su_info5{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 80px;}
.sec_info .su_info5 li{width: 100%; }
.sec_info .su_info5 li .img{width: 100%;}
.sec_info .su_info5 li img{max-width: 100%; border-radius: 20px; overflow: hidden;}





@media all and (max-width:1400px){
    .sec_info .su_info{gap: 80px;}
}
@media all and (max-width:1280px){
    .sec_info .su_info{gap: 70px;}

    .sec_info .top h3{font-size: 40px;}
    .sec_info .top p{font-size: 16px;}
    .sec_info .top p.mini{font-size: 14px;}
    .sec_info li h3{font-size: 23px;}
    .sec_info li p{font-size: 18px;}

    .sec_info .su_info2 li .img::before{width: 30px;height: 30px; top:70px; left: -23px;}
    .sec_info .su_info3 br{display: none;}
}
@media all and (max-width:976px){
    .sec_info .su_info{gap: 0px;}
    .sec_info .su_info li{width: 30%; margin-bottom: 40px; }
    
    .sec_info .su_info2 li .img::before{top:50px;}

    p.sur-t{font-size: 20px;}
}
@media all and (max-width:840px){
    .sec_info .top h3{font-size: 30px;}
    .sec_info .top p .br840{display: block;}

    .sec_info .su_info2 li{width: calc(100%/2 - 40px); margin-bottom: 30px;}
    .sec_info .su_info2 li .img::before{width: 40px;height: 40px; top:90px; left: -60px;}

    .sec_info .su_info3 li{width: 60%; margin: 0 auto 100px;}
    .sec_info .su_info3 li .img::before{width: 40px;height: 40px; top: -70px; left: 50%; transform: translateX(-50%) rotate(90deg);}
    .sec_info .su_info4 li{width: 60%; margin: 0 auto 100px;}
}
@media all and (max-width:640px){
    .sec_info .top h4{font-size: 12px;}
    .sec_info .top h3{font-size: 25px;}
    .sec_info .top p{font-size: 14px;}
    .sec_info .top p br{display: none;}
    .sec_info .top p.mini{font-size: 12px;}
    .sec_info li h3{font-size: 18px;}
    .sec_info li p{font-size: 14px;}
    p.sur-t{ font-weight: 800;}
    p.sur-c{font-size: 14px;}
    
    .sec_info .su_info2 li{width: 60%; margin: 0 auto 100px;}
    .sec_info .su_info2 li .img::before{width: 40px;height: 40px; top: -70px; left: 50%; transform: translateX(-50%) rotate(90deg);}
    .sec_info .su_info4 li{width: 95%; margin: 0 auto 100px;}

    .sec_info .su_info5 br{display: none;}
}


.sec_selfie{width: 100%; margin-top: 10%;}
.sec_selfie .top{margin-bottom: 100px; padding-left: 160px;color: #52419d; position: relative;}
.sec_selfie .top::after{position: absolute; bottom: 0; right: 0; width: calc(100% - 640px); height: 2px; background-color: #52419d; content: '';}
.sec_selfie .top h1{font-family: 'smooch'; font-size: 130px; margin-bottom: 20px; font-weight: normal; }
.sec_selfie .top p{font-size: 20px; line-height: 36px;}
.selfie_list{width: 100%;}
.selfie_list li{width: 400px; border-radius: 20px; overflow: hidden; margin-right: 30px;}
.selfie_list li img{width: 100%;}

.selfie_list .box{padding: 10px;   background-color: #fff; height: auto;}
.selfie_list .box .images{position: relative; overflow: hidden; border-radius: 20px;}
.selfie_list .box .images img:not(.hrt){max-width:100%; filter: blur(8px); }
.selfie_list .box .images .overwrap{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); color: #fff;}
.selfie_list .box .images .overwrap .view{position: absolute; left: 8px; top: 8px; display: flex; font-size: 13px; align-items: center;}
.selfie_list .box .images .overwrap .view img{}
.selfie_list .box .images .overwrap .writer{position: absolute; right: 8px ;top: 8px;}
.selfie_list .box .images .overwrap .desc{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; white-space: nowrap; font-size: 13px;}
.selfie_list .box .images .overwrap .desc span{display: inline-block; margin-top: 10px; padding: 2px 2em; border:1px solid #fff; font-size: 12px;}
.selfie_list .box .txt .keywords{margin-top: 15px; font-size: 15px; font-weight: 500; color: #555;}
.selfie_list .box .txt .keywords span{margin-right: 4px;}
.selfie_list .box p.t1{font-family: /*'Smooch',*/'SUIT', sans-serif; font-size: 22px; color: #6454aa; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

@media all and (max-width:1600px){
    .selfie_list .box{max-width: 340px;}
}

@media screen and (max-width:1400px){
    .sec_selfie .top h1{font-size: 100px;}
    .sec_selfie .top p{font-size: 18px; line-height: 34px;}
}
@media screen and (max-width:1280px){
    .sec_selfie .top{padding-left: 100px;}
    .sec_selfie .top::after{width: calc(100% - 500px);}
    .sec_selfie .top h1{font-size: 100px;}
    .sec_selfie .top p{font-size: 18px; line-height: 34px;}

	.sec_selfie .box{max-width: 300px; padding: 15px;}
	.sec_selfie .box p.t1{font-size: 25px; margin-top: 15px; line-height: 1em;}

}
@media screen and (max-width:976px){
    .sec_selfie .top{padding-left: 20px;}
    .sec_selfie .top::after{width: calc(100% - 400px);}
    .sec_selfie .top h1{font-size: 80px;}
    .sec_selfie .top p{line-height: 30px;}

	.sec_selfie .box{max-width: 270px;}
	.sec_selfie .box p.t1{font-size: 23px; margin-top: 13px;}
    .sec_selfie .box .images .overwrap .desc{font-size: 12px;}
}
@media screen and (max-width:640px){
    .sec_selfie .top{margin-bottom: 50px;}
    .sec_selfie .top::after{width: calc(100% - 300px);}
    .sec_selfie .top h1{font-size: 60px;}
    .sec_selfie .top p{line-height: 25px; font-size: 16px;}

	.sec_selfie .box{max-width: 230px;}
	.sec_selfie .box p.t1{font-size: 21px; margin-top: 10px;}
    .sec_selfie .box .images .overwrap .view{font-size: 12px;}
    .sec_selfie .box .images .overwrap .desc{white-space: initial; font-size: 10px;}
    .sec_selfie .box .txt .keywords{font-size: 12px;}
}
@media screen and (max-width:490px){
    .sec_selfie .top::after{width: calc(100% - 280px);}
    .sec_selfie .top h1{font-size: 50px;}
    .sec_selfie .top p{line-height: 20px; font-size: 14px;}

	.sec_selfie .box{max-width: 210px;}
	.sec_selfie .box p.t1{font-size: 18px; margin-top: 10px;}
}


.sec_why{width: 100%; margin-top: 10%; padding-bottom: 5%;}
.sec_why .top{margin-bottom: 150px; padding-right: 160px;color: #52419d; position: relative; text-align: right;}
.sec_why .top::after{position: absolute; bottom: 0; left:0; width: calc(100% - 630px); height: 2px; background-color: #52419d; content: '';}
.sec_why .top h1{font-family: 'smooch'; font-size: 130px; margin-bottom: 20px; font-weight: normal; }
.sec_why .top p{font-size: 20px; line-height: 36px;}
.sec_why .title{height: 100%;}


@media screen and (max-width:1400px){
    .sec_why .top h1{font-size: 100px;}
    .sec_why .top p{font-size: 18px; line-height: 34px;}
}
@media screen and (max-width:1280px){
    .sec_why .top{padding-right: 100px;}
    .sec_why .top::after{width: calc(100% - 500px);}
    .sec_why .top h1{font-size: 100px;}
    .sec_why .top p{font-size: 18px; line-height: 34px;}
}
@media screen and (max-width:976px){
    .sec_why .top{padding-right: 20px;}
    .sec_why .top::after{width: calc(100% - 400px);}
    .sec_why .top h1{font-size: 80px;}
    .sec_why .top p{line-height: 30px;}
}
@media screen and (max-width:640px){
    .sec_why .top{margin-bottom: 50px;}
    .sec_why .top::after{width: calc(100% - 320px);}
    .sec_why .top h1{font-size: 60px;}
    .sec_why .top p{line-height: 25px; font-size: 16px;}
}
@media screen and (max-width:490px){
    .sec_why .top::after{width: calc(100% - 280px);}
    .sec_why .top h1{font-size: 50px;}
    .sec_why .top p{line-height: 20px; font-size: 14px;}
}



.why{width: 100%;padding: 70px 160px; display: flex;flex-wrap: wrap;}
.why .img{width: 62.477%;}
.why .img img{width: 100%;}
.why .txt{width: calc(100% - 62.477%); display: flex; flex-wrap: wrap; color: #52419d; align-content: center; padding-left: 90px;}
.why h3{font-family: 'One-Mobile-Title'; font-size: 40px; margin-bottom: 40px; width: 100%; font-weight: normal;}
.why p{font-size: 18px; line-height: 30px; width: 100%;}
.why .txt2{width: calc(100% - 62.477%); display: flex; flex-wrap: wrap; color: #52419d; align-content: center;text-align: right; padding-right: 90px;}
.why2{width: 100%;padding: 0px 0px 70px; display: flex;flex-wrap: wrap;}
.why2 .img{width: 62.477%;}
.why2 .img img{width: 100%;}
.why2 .txt{width: calc(100% - 62.477%); display: flex; flex-wrap: wrap; color: #52419d; align-content: center; padding-left: 90px;}
.why2 h3{font-family: 'One-Mobile-Title'; font-size: 40px; margin-bottom: 40px; width: 100%; font-weight: normal;}
.why2 p{font-size: 18px; line-height: 30px; width: 100%;}
.why2 .txt2{width: calc(100% - 62.477%); display: flex; flex-wrap: wrap; color: #52419d; align-content: center;text-align: right; padding-right: 90px;}


@media screen and (max-width:1680px){
    .why .txt .fcnone{display: none;}
}
@media screen and (max-width:1510px){
    .why .txt{padding-left: 60px;}
    .why .txt2{padding-right: 60px;}
    .why2 .txt{padding-left: 60px;}
    .why2 .txt2{padding-right: 60px;}
}
@media screen and (max-width:1440px){
    .why h3{font-size: 32px; margin-bottom: 30px;}
    .why2 h3{font-size: 32px; margin-bottom: 30px;}
}
@media screen and (max-width:1280px){
    .why{padding: 70px 100px 0;}
    .why .img{width: 100%; order:1;}
    .why .txt{width:100%; margin-top: 50px; order:2;}
    .why .txt .fcnone{display: block;}
    .why .txt2{width:100%; margin-top: 50px; order:2;}
    .why2{padding: 70px 100px 0;}
    .why2 .img{width: 100%; order:1;}
    .why2 .txt{width:100%; margin-top: 50px; order:2;}
    .why2 .txt .fcnone{display: block;}
    .why2 .txt2{width:100%; margin-top: 50px; order:2;}
}
@media screen and (max-width:840px){
    .why{padding: 50px 20px 0;}
    .why .txt{padding-left: 30px;}
    .why .txt2{padding-right: 30px;}
    .why h3{font-size: 30px;margin-bottom: 20px;}
    .why p{font-size: 16px; line-height: 25px;}
    .why2{padding: 50px 20px 0;}
    .why2 .txt{padding-left: 30px;}
    .why2 .txt2{padding-right: 30px;}
    .why2 h3{font-size: 30px;margin-bottom: 20px;}
    .why2 p{font-size: 16px; line-height: 25px;}
}
@media screen and (max-width:680px){
    .why{padding: 50px 20px 0;}
    .why .txt{padding-left: 20px; margin-top: 30px;}
    .why .txt2{padding-right: 20px; margin-top: 30px;}
    .why h3{font-size: 25px; margin-bottom: 10px;}
    .why2{padding: 50px 20px 0;}
    .why2 .txt{padding-left: 20px; margin-top: 30px;}
    .why2 .txt2{padding-right: 20px; margin-top: 30px;}
    .why2 h3{font-size: 25px; margin-bottom: 10px;}
}
@media screen and (max-width:490px){
    .why{padding: 30px 10px 0;}
    .why .txt{padding-left: 10px; margin-top: 30px;}
    .why .txt2{padding-right: 20px; margin-top: 30px;}

    .why h3{font-size: 20px; margin-bottom: 10px;}
    .why p{font-size: 14px; line-height: 20px;}
    .why2{padding: 30px 10px 0;}
    .why2 .txt{padding-left: 10px; margin-top: 30px;}
    .why2 .txt2{padding-right: 20px; margin-top: 30px;}

    .why2 h3{font-size: 20px; margin-bottom: 10px;}
    .why2 p{font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:350px){
    .why .txt .fcnone{display: none;}
}


.orderList { overflow: hidden; max-width: 1400px; margin: 0 auto; }
.orderList li { position: relative; counter-increment: number; float: left; width: 90%; margin: 0.2em 0; border-bottom: 1px dashed #fff;}
.orderList li:before {  content: counter(number, decimal-leading-zero); color:#52419d; width: 30px; height: 30px; line-height: 30px;  font-size: 1.8rem; background: #fff;border-radius: 50px; display: inline-block; vertical-align: middle; font-family: 'Roboto', sans-serif; font-weight: 500; margin-right: 15px; text-align: center; }
.orderList li p { display: inline-block; vertical-align: middle;  max-width: calc(100% - 40px); font-size: 1.8rem;  padding:0.4em 0; color:#fff; }


@media all and (max-width:1280px) {
    .orderList li {width: 100%;}
    .orderList li:before {width: 25px; height: 25px; line-height: 25px;  font-size: 1.6rem; margin-right: 10px;}
}
@media all and (max-width:976px) {
    .orderList li { margin: 0.3em 0; }
}
@media all and (max-width:767px) {
    .orderList li { width: 100%; }
    
    .orderList li:before {width: 20px; height: 20px; line-height: 20px;  font-size: 1.4rem;}
}
@media all and (max-width:500px) {
    .orderList li p{font-size: 12px !important;}
}


.nice_nose dl{display: flex; margin-bottom: 6em;}
.nice_nose dl dt{width: 320px; flex: 0 0 auto;}
.nice_nose dl dt h3{font-size: clamp(2.6rem,3.2vw,5rem); font-family: 'Poppins'; font-weight: 900; letter-spacing: -0.04em; color: #52419d;}
.nice_nose dl dt h4{font-size: clamp(2.0rem, 2.4vw, 3.0rem); font-weight: 300; color: #161616;}
.nice_nose dl dd{border-top: 2px solid #52419d; padding-top: 1em; display: flex; align-items: center; gap: 3em;}
.nice_nose dl dd .txt p{word-break: keep-all; font-weight: 500; font-size: 2.0rem; color: #161616;}
.nice_nose dl dd .img{width: 40%;}
.nice_nose dl dd .txt{width: 60%;}
.nice_nose dl dd img{max-width: 100%;}
@media all and (max-width:1400px){
    .nice_nose dl dt{flex: 0 1 auto; width: 30%;}
    .nice_nose dl dd{width: 70%;}
}
@media all and (max-width:768px){
    .nice_nose dl dd{display: block;}
    .nice_nose dl dd .img{width:100%; margin-bottom: 1em;}
    .nice_nose dl dd .txt{width: 100%;}
    .nice_nose dl dd .txt p{font-size: 1.8rem;}
}
@media all and (max-width:568px){
    .nice_nose dl{flex-direction: column; margin-bottom: 3em;}
    .nice_nose dl dt{width: 100%; margin-bottom: 1em;}
    .nice_nose dl dt h3{font-size: 4.0rem;}
    .nice_nose dl dd{width: 100%;}
}


.benefit{display: flex; gap:20px 30px; margin-top: 40px; flex-wrap: wrap;}
.benefit li{width: calc(100% / 4 - 90px / 4); border: 10px solid rgba(82, 36, 103, 0.08); text-align: center; padding: 30px 20px;}
.benefit li.w3{width: calc(100% / 3 - 90px / 3);}
.benefit li h3{width: 52px; height: 52px; font-family: 'Poppins', sans-serif; font-size: 20px; color: #fff; background-color: #9488c7; display: inline-flex; justify-content: center; align-items: center; border-radius: 100%; margin-bottom: 15px; margin-top: 0;}
.benefit li:nth-child(even) h3{background-color: #52419d;}
.benefit li p{color: #666; font-size: 18px; font-weight: 500; word-break: keep-all;}

@media all and (max-width:1280px){
	.benefit{gap:20px; margin-top: 35px;}
	.benefit li{padding: 25px 20px; width: calc(100% /4 - 60px /4);}
	.benefit li.w3{padding: 25px 20px; width: calc(100% /3 - 60px /3);}
	.benefit li h3{width: 48px; height: 48px; font-size: 19px; margin-bottom: 12px;}
}
@media all and (max-width:976px){
	.benefit{margin-top: 30px; flex-wrap: wrap;}
	.benefit li{width: calc(50% - 20px/2);}
	.benefit li.w3{width: calc(50% - 20px/2);}
	.benefit li h3{width: 46px; height: 46px; font-size: 18px; margin-bottom: 12px;}
	.benefit li p{font-size: 17px;}
}
@media all and (max-width:640px){
	.benefit{margin-top: 25px; flex-wrap: wrap; gap:10px;}
	.benefit li{width: calc(50% - 10px/2);}
	.benefit li.w3{width: 100%;}
	.benefit li h3{width: 44px; height: 44px; font-size: 17px; margin-bottom: 10px;}
	.benefit li p{font-size: 16px;}
}
@media all and (max-width:480px){
	.benefit li{width: 100%;}
}




#kind_of {display:flex; flex-wrap:wrap; justify-content:center; width: 100%; margin-top: 5%;}
#kind_of.w5 li {width:18%}
#kind_of.w3 li {width:25%}
#kind_of li {padding:0 30px 30px; background:#FFF; margin:15px 15px 30px 15px; box-shadow:0px 0px 20px rgba(108, 86, 133, 0.1);text-align:center;font-size: 1.6rem; }
#kind_of li .num {width:60px; line-height:60px; border-radius:60px; color:#FFF; background:#52419d; font-family:'Montserrat'; font-size:1.8rem; font-weight:500; margin:-30px auto 0}
#kind_of li h3 {font-size:2.4rem; color:#222; margin:30px 0}
#kind_of li .line {width:100%; height:1px; background:#f2f2f2}
#kind_of li .t1 {margin-top:30px; line-height:1.8em }
#kind_of li img {width: 100%;}

@media all and (max-width:1399px){
	#kind_of.w5 li {width:28%}
	#kind_of.w3 li {width:80%}
}
@media all and (max-width:976px){
    #kind_of.w5 li {width:43%}
    #kind_of.w3 li {width:90%}
	#kind_of li {padding:0 20px 20px; background:#FFF; margin:5px 5px 20px 5px; }
}
@media all and (max-width:480px){
	#kind_of.w5 li {width:90%}
	#kind_of li h3 {margin:15px 0}
	#kind_of li .t1 {margin-top:15px; line-height:1.6em }
}



@media all and (max-width:1080px){	
    #vs-style th .t1,
    #vs-style th .t2 {font-size:2rem !important;}
    #vs-style th .vs {font-size:1.8rem !important;}
    #vs-style:before {height:calc(100% - 86px) !important;}
}
@media all and (max-width:767px){	
    #vs-style th .t1,
    #vs-style th .t2 {font-size:1.6rem !important;}
    #vs-style th .vs {font-size:1.6rem !important;}
    #vs-style td {font-size: 1.6rem !important;}
    #vs-style:before {height:calc(100% - 78px) !important;}
}
@media all and (max-width:480px){	
    #vs-style th .vs {font-size:1.4rem !important;}
    #vs-style td {font-size: 1.4rem !important; padding: 1em 0.2em !important;}
    #vs-style:before {display: none;}
}


.tight{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 50px auto;}
.tight .img{width: 48%; margin: 0 auto;}
.tight .img img{width: 100%; border-radius: 10px; overflow: hidden;}
.tight .txt{ width: 48%; color: #333;display: flex; align-content: center; flex-wrap: wrap;}
.tight .txt h3{font-size: 2.6rem; margin-bottom: 20px; font-family: 'ONE-Mobile-Title'; width: 100%;}
.tight .txt p{font-size: 1.8rem; line-height: 25px;}


@media all and (max-width:1200px){	
    .tight .img{width: 60%;}
    .tight .txt{ width: 60%;margin: 30px auto;}
}

@media all and (max-width:900px){	
    .tight .img{width: 80%;}
    .tight .txt{ width: 80%;}
    .tight .txt h3{font-size: 2.3rem;}
    .tight .txt p{font-size: 1.6rem;}
}

@media all and (max-width:700px){	
    .tight .img{width: 90%;}
    .tight .txt{ width: 90%;}
}

@media all and (max-width:700px){	
    .tight .txt h3{font-size: 1.8rem;}
    .tight .txt p{font-size: 1.4rem;}
}


#history_top{position: relative;font-family: 'Poppins';}
#history_top img{width: 100%;}
#history_top .txt{position: absolute; right: 0; bottom: -5px;font-weight: 900; opacity: 0.8; color:#fff; }
#history_top .txt strong{font-size: 12rem; line-height: 1em;font-weight: 900; }
#history_top .txt span{font-size: 8rem; line-height: 1em;}
@media all and (max-width:976px){
    #history_top .txt strong{font-size: 7rem;}
    #history_top .txt span{font-size: 3em;}
}
@media all and (max-width:768px){
    #history_top .txt strong{font-size: 5rem;}
    #history_top .txt span{font-size: 2em; line-height: 1.2;}
}


#history { overflow: hidden; position: relative; }
#history::before { content: ''; width:1px; height: 100%; background: #e6e0ed; position: absolute; left:50%; top:0; margin-left: -0.5px;}
#history li { overflow: hidden; position: relative; margin-top: 30px;}
#history li .txt { float: right; width: 50%; padding: 2% 0 2% 60px;}
#history li:nth-child(even) .txt { float: left; text-align: right; padding: 0 60px 0 0; }
#history li .txt p{font-size: 1.8rem;}
#history li .txt h4 { color: #52419d; font-size: 2.8rem; font-family: 'Montserrat'; position: relative; line-height: 1.0em; font-weight: 700; margin-bottom: 0.4em; letter-spacing: -.05em; }
#history li .txt h4::before { content:''; width: 20px; height: 20px; display: block; position: absolute; left:-60px; top:50%; margin: -10px 0 0 -10px; border-radius: 100%; background: #52419d; border: 6px solid #e6e2ff; z-index:2;  }
#history li .txt h4::after { content:''; width: 50px; height: 1px; display: block; background: #e1c9fd; z-index:1; position: absolute; left:-60px; top:50%; margin-top: -0.5px;}
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { left: inherit; right: -60px; }
#history li:nth-child(even) .txt h4::before {margin: -10px -10px 0 0; }
#history li .txt dl {font-size: 1.8rem;}
#history li .txt dl dt { width:50px; display:inline-block; vertical-align:top; margin-bottom:15px; color:#212121; font-weight: 600; line-height: 1.5em; }
#history li .txt dl dd {width:calc(100% - 60px); display:inline-block; vertical-align:top; margin-bottom:15px; line-height: 1.5em; }
#history li .txt dl dd span{color: #52419d; font-weight: bold; margin-right: 10px;}

#history li:nth-child(even) dt { float: right; }

@media all and (max-width:767px) {
	#history li{margin-top: 20px;}
    #history li .txt { padding: 2% 0 2% 40px; }
    #history li:nth-child(even) .txt { padding: 2% 40px 2% 0; }

    #history li .txt h4::after { width: 30px; }
    #history li .txt h4::before,
    #history li .txt h4::after { left: -40px; }
	#history li .txt h4{font-size: 4.4rem;}
    #history li:nth-child(even) .txt h4::before,
    #history li:nth-child(even) .txt h4::after { right: -40px; }
	#history li .txt dl{font-size: 1.6rem;}
	#history li .txt dl dt{width: 40px;}
}

@media all and (max-width:568px) {
    #history::before { left: 8px; margin-left:0;}
    #history li .txt { width: 100%; padding: 2% 0 2% 40px; }
    #history li:nth-child(even) .txt { text-align: left; padding: 2% 0 2% 40px; }
    #history li .txt h4::before { width: 16px; height: 16px; margin: -8px 0 0 0; border-width: 5px; }
    #history li:nth-child(even) .txt h4::before { margin: -8px 0 0 0; }
    #history li:nth-child(even) .txt h4::before,
    #history li:nth-child(even) .txt h4::after { right: inherit; left: -40px; }

	#history li:nth-child(even) dt { float: left; }
}



#intro1Cont {margin-top:6em; display:flex; flex-wrap:wrap; margin-bottom: 8%;}
#intro1Cont .title-b {width:540px; margin-bottom: 8%; color: #52419d;}
#intro1Cont .title-b dt {font-size:5.0rem; font-weight:900; color:#222; text-transform:uppercase; display:inline-block; font-family: 'Poppins';}
#intro1Cont .title-b dd {padding-left:0.5em; font-size: 2.8rem; color:#222; font-weight:600; display:inline-block;}
#intro1Cont .cont {width:100%; }

@media all and (max-width:1280px) {
	#intro1Cont .title-b dt {font-size:4rem;}
	#intro1Cont .title-b {width:100%}
}
@media all and (max-width:1140px) {
	#intro1Cont .title-b {width:100%; margin-bottom:2em}
	#intro1Cont .title-b br {display:none}
	#intro1Cont .cont {width:100%}
}
@media all and (max-width:780px) {
	#intro1Cont .title-b dt {font-size:3.5rem;}
	#intro1Cont .title-b dd {font-size: 2.2rem; }
}
@media all and (max-width:480px) {
	#intro1Cont .title-b dt {font-size:2.3rem;}
	#intro1Cont .title-b dd {font-size: 1.6rem; }
}


#intro1Cont .circleCont {display:flex; justify-content:center; align-items: top; text-align:center}
#intro1Cont .circleCont .icon {padding:0 3em;  text-align:center; position:relative; }
#intro1Cont .circleCont .icon:before {content:''; width:100%; height:1px; background:#52419d; position:absolute; left:0; top:100px; z-index:-1}
#intro1Cont .circleCont .icon .iconBg {width:200px; height:200px; background-size:cover; background-color:#52419d; margin:0 auto; border-radius:50%;}
#intro1Cont .circleCont .icon dl dd {margin:1.5em 0 1em; font-size:2.3rem; color:#333; font-weight:400; text-transform:uppercase; font-family:'One-Mobile-Title'}
#intro1Cont .circleCont .icon dl dt {font-size:1.6rem; color:#222;  line-height:1.4em;}
#intro1Cont .circleCont .icon dl dt .br580 {display:none}
#intro1Cont .circleCont .icon .iconBg.bg1 {background-image:url('/images/sub/intro1-icon1.png')}
#intro1Cont .circleCont .icon .iconBg.bg2 {background-image:url('/images/sub/intro1-icon2.png')}
#intro1Cont .circleCont .icon .iconBg.bg3 {background-image:url('/images/sub/intro1-icon3.png')}
#intro1Cont .circleCont .icon .iconBg.bg4 {background-image:url('/images/sub/intro1-icon4.png')}
#intro1Cont .circleCont .icon .iconBg.bg5 {background-image:url('/images/sub/intro1-icon5.png')}

@media all and (max-width:1499px) {
	#intro1Cont .circleCont .icon {padding:0 2em; } 
	#intro1Cont .circleCont .icon:before { top:80px;}
	#intro1Cont .circleCont .icon .iconBg {width:160px; height:160px;}
}
@media all and (max-width:1080px) {
	/* #intro1Cont .circleCont .icon:before { top:6vw} */
	#intro1Cont .circleCont{display: flex; flex-wrap: wrap;}
	#intro1Cont .circleCont .icon{width: 33%; margin: 30px 0 0;}
	/* #intro1Cont .circleCont .icon .iconBg {width:12vw; height:12vw} */
}
@media all and (max-width:640px) {
    #intro1Cont .circleCont .icon:before { top:11vw;}
	#intro1Cont .circleCont .icon .iconBg {width:22vw; height:22vw;}
    #intro1Cont .circleCont .icon{width: 45%;}
    #intro1Cont .circleCont .icon dl dd {margin:1em 0 0.5em; font-size:1.8rem;}
}
@media all and (max-width:580px) {
    #intro1Cont .circleCont .icon {padding:0 0.5em; } 
	#intro1Cont .circleCont .icon dl dt .br580 {display:block}
    #intro1Cont .circleCont .icon:before { top:14vw}
    #intro1Cont .circleCont .icon .iconBg {width:28vw; height:28vw;}
}
@media all and (max-width:480px) {
    #intro1Cont .circleCont .icon {padding:0 0.7em; } 
    #intro1Cont .circleCont .icon dl dt {font-size:1.4rem;;}
}


#intro1Cont .textCont {height:400px;  display:flex;  flex-wrap:wrap;  justify-content:space-between; }
#intro1Cont .textCont dl {padding:280px 2em 0; width:32%; height:inherit;  margin:0 5px; color:#FFF; background-position:center center; background-size:cover }
#intro1Cont .textCont dl dt {font-size:3rem;   font-family: 'One-Mobile-Title';}
#intro1Cont .textCont dl dd {margin-top:0.5em; font-size:1.8rem; line-height:1.4em; }

#intro1Cont .textCont dl.bg1 {background-image:url('/images/sub/intro1-text1.jpg')}
#intro1Cont .textCont dl.bg2 {background-image:url('/images/sub/intro1-text2.jpg')}
#intro1Cont .textCont dl.bg3 {background-image:url('/images/sub/intro1-text3.jpg')}


@media all and (max-width:1499px) {
	#intro1Cont .textCont {height:330px; }
	#intro1Cont .textCont dl {padding:210px 2em 0;}
}
@media all and (max-width:1280px) {
	#intro1Cont .textCont dl { width:32%;}
}
@media all and (max-width:976px) {
    #intro1Cont .textCont {height:auto}
	#intro1Cont .textCont dl { padding:35% 2em 2em;  width:90%; max-width:800px}
    #intro1Cont .textCont dl dt {font-size:2.5rem;}
    #intro1Cont .textCont dl dd {font-size:1.6rem; }
}
@media all and (max-width:976px) {
	#intro1Cont .textCont dl { width:100%;}
}
@media all and (max-width:480px) {
	#intro1Cont .textCont dl dt {font-size:2.0rem;}
	#intro1Cont .textCont dl dd {font-size:1.4rem; }
}


.imgCont { position: relative; width: 100%; display: table; table-layout: fixed;  }
.imgCont > div { display: table-cell; vertical-align: middle; }
.imgCont .img { width: 40%; /*border: 6px solid #fff;*/ }
.imgCont .img img { max-width: 100%; }
.imgCont .cont { padding-left: 7%; }
.imgCont .cont h3 { font-size: 3.6rem; font-family: 'One-Mobile-Title'; font-weight: 300; color:#52419d; margin-bottom: 0.5em; }
.imgCont .cont .t1 { font-size: 2.2rem; color:#212121; font-weight: 500; font-family: 'One-Mobile-Title'; }
.imgCont .cont .t2 { font-size: 1.8rem; color:#585858; line-height: 1.8em; margin-top: 2em; }

.imgCont.BG { background: #f3f9fb; padding: 20px; }


@media all and (max-width:976px) {
  .imgCont .cont { padding-left: 5%; }
  .imgCont .cont h3 { font-size: 3.2rem; margin-bottom: 0.2em; }
  .imgCont .cont .t2 { margin-top: 1em; }
}

@media all and (max-width:767px) {
  .imgCont .img { width: 50%; }
  .imgCont .cont h3 { font-size: 2.8rem; }
  .imgCont .cont .t2 { font-size: 1.7rem; line-height: 1.5em; }

  .imgCont.BG { padding: 15px; }
}

@media all and (max-width:568px) {
  .imgCont, .imgCont > div { display: block; }
  .imgCont .img { width: 100%; }
  .imgCont .cont { padding: 7% 2%; }

  .imgCont.BG { background: none; padding:0; }
}


.int-tt{margin-top: 8%; font-size: 3rem; font-family: 'One-Mobile-Title'; color: #52419d; font-weight: 400;}
.int_wrap{width: 100%; margin-top: 30px;}
.int_wrap .i_item{width: 100%; margin-left: 40px; position: relative;}
.int_wrap .i_item img{width: 100%;}
.int_wrap .i_item .txt{position: absolute; bottom: -69px; width: 100%; font-size: 2.3rem; padding: 20px 20px; font-weight: 800; color: #000; background-color: #ffffff6c;transition:0.5s}

.slick-next3, .slick-prev3{color: #52419d; font-size: 20px; font-family: 'IBMPlexSansKR-Regular'; position: absolute; top: -50px; right: 1%; width: 60px; text-align: right; height: 20px;}
.slick-prev3{transform: translateX(-100%);text-align: left;}
.slick-prev3::after{content: ''; width: 1px; height: 10px; position: absolute; right: 0; background-color: #c5c0e5; top: 50%;}

@media all and (max-width:1080px) {
    .int_wrap .i_item{margin-left: 20px;}
    .int-tt{font-size: 2.5rem;}
}


@media all and (max-width:640px) {
    .int_wrap .i_item{margin-left: 0px;}
    .int-tt{font-size: 2rem;}
    .slick-next3, .slick-prev3{color: #52419d; font-size: 16px; width: 35px; height: 15px;}
}





#about6 {position:relative}
#about6 .contWrap { padding:4em 3em; position:absolute; right:5em; top:50%; z-index:3; background:#52419de5; color:#FFF; transform: translateY(-50%); width: 470px;}
#about6 .contWrap h4 {font-size:3.6rem; font-weight:300; letter-spacing:-0.03em ;line-height:1.3em}
#about6 .contWrap .time {margin:1.5em 0; padding:0.9em 0; border-top:1px solid #a08ef1; border-bottom:1px solid #a08ef1;  font-size:2.0rem; color:#fff; width: 100%; }
#about6 .contWrap p {font-size: 16px; margin-left:20px; color: #dcd3ff;}

#about6 .contWrap .t1 .st1 {font-size:1.6rem;width: 150px;}
#about6 .contWrap dl {display:flex; margin-bottom:0.7em; }
#about6 .contWrap dl dt  {width:110px; font-size:1.8rem;}
#about6 .contWrap .time dl dt  {width:110px; font-size:1.8rem; padding-left: 20px;}
#about6 .contWrap dl dt i {margin-right:8px; width:32px; line-height:32px; border-radius:40px; background:#FFF; color:#52419d; text-align:center}
#about6 .contWrap dl dd {padding-top:7px; font-size: 1.6rem;}
#about6 .contWrap dl dd.pt0 {padding-top: 0;}
#about6 .root_daum_roughmap .wrap_controllers {display:none}
#about6 .root_daum_roughmap .wrap_map {height: 650px !important; }

@media all and (max-width: 1399px){
    #about6 .contWrap { padding:3em ; }
	#about6 .contWrap h4 {font-size:3.4rem;}
	#about6 .contWrap .t1 .st1 {display:block}
	#about6 .contWrap dl dt  {width:95px; }
	#about6 .contWrap dl dt i {margin-right:3px; width:33px; line-height:33px; }
	#about6 .contWrap dl dd {padding-top:5px}
}
@media all and (max-width: 1280px){
    #about6 .root_daum_roughmap .wrap_map {height: 580px !important; }
}
@media all and (max-width: 1080px){
    #about6 .root_daum_roughmap .wrap_map {height: 45vw !important; }
    
	#about6 .contWrap { width:100%; position:unset; transform: translatey(0);}
	#about6 .contWrap h4 br {display:none}
	#about6 .contWrap .t1 .st1 {display:inline}
	#about6 .contWrap .info { display:flex; flex-wrap:wrap;}
	#about6 .contWrap .info dl {width:50%}
}
@media all and (max-width: 976px){
    #about6 .contWrap h4 {text-align:center}
	#about6 .contWrap .t1 {text-align:center}
}
@media all and (max-width: 830px){
    #about6 .contWrap .info dl {width:100%}
}
@media all and (max-width: 580px){
    #about6 .root_daum_roughmap .wrap_map {height: 65vw !important; }
	#about6 .contWrap h4 br {display:block}
	#about6 .contWrap .t1 .st1 {display:block}
	#about6 .contWrap .info dl {width:100%}
    #about6 .contWrap .time dl dt  {width:100px;}
    #about6 .contWrap .time p {font-size: 14px;}
}
@media all and (max-width: 480px){
    #about6 .root_daum_roughmap .wrap_map {height: 85vw !important; }
	#about6 .contWrap { padding:8vw ; }
	#about6 .contWrap dl dt i { width:23px; line-height:23px; font-size: 15px;}
	#about6 .contWrap dl dt{width: 80px;}
	#about6 .contWrap dl dd{padding-top: 0;}
}



#about6-2 #contWrap {display:flex; align-items: start; width: 100%; flex-wrap: wrap;}
#about6-2 #contWrap .l-box{width: 50%;display: flex; align-items: start;}
#about6-2 #contWrap .r-box{width: 50%;display: flex; align-items: start;}
#about6-2 #contWrap .img {margin-right:50px; padding:2em; border-radius:100%; text-align:center; color: #fff;}
#about6-2 #contWrap .img i{font-size: 3rem;}
#about6-2 #contWrap .img.bg1 {background:#6859A9}
#about6-2 #contWrap .img.bg2 {background:#A9A0CE}
#about6-2 #contWrap .img.bg3 {background:#7D71B6}
#about6-2 #contWrap h4 {margin-bottom:0.5em; font-size:3.2rem; color:#434343; font-weight:300}
#about6-2 #contWrap .cont {display:flex; flex-wrap:wrap; width: 100%;}
#about6-2 #contWrap dl {width:50%; margin:0.7em 0; position:relative; padding-left:15px;}
#about6-2 #contWrap dl.w100 {width:100%}
#about6-2 #contWrap dl:before {content:''; width:4px; height:4px; border-radius:100%; background:#DDD; position:absolute; left:0; top:0.6em}
#about6-2 #contWrap dl i {margin:0 20px; color:#e0e0e0 }
#about6-2 #contWrap dl dt {margin-bottom:0.4em; font-size:1.8rem; color:#434343; font-weight:600}
#about6-2 #contWrap dl dd {width:100%; font-size: 1.6rem;}
#about6-2 #contWrap dl dd span {display:inline-block; padding-right:20px}

#about6-2 #contWrap.line {margin:3em 0; padding:3em 0; border-top:1px dashed #e9e9e9; border-bottom:1px dashed #e9e9e9; }

@media all and (max-width: 1280px){
    #about6-2 #contWrap .l-box{width: 100%;}
    #about6-2 #contWrap .r-box{width: 100%;    border-top: 1px dashed #e9e9e9; margin-top: 3em; padding-top: 3em;}
	#about6-2 #contWrap .img {margin-right:40px; padding:1.5em; }
	#about6-2 #contWrap .img img {width:54px}
}
@media all and (max-width: 976px){
	#about6-2 #contWrap dl {width:100% }
}
@media all and (max-width: 640px){
	#about6-2 #contWrap .img {margin-right:20px; padding:1.3em; }
	#about6-2 #contWrap .img img {width:50px}
	#about6-2 #contWrap dl {margin:0.5em 0; }
}
@media all and (max-width: 580px){
	#about6-2 #contWrap .img {display:none}
}
@media all and (max-width: 480px){
	#about6-2 #contWrap h4 {font-size:3.0rem;}
	#about6-2 #contWrap dl { padding-left:10px;}
	#about6-2 #contWrap dl i {margin:0 2vw;  }
	#about6-2 #contWrap dl dd span {padding-right:2vw}

	#about6-2 #contWrap.line {margin:2em 0; padding:2em 0; }
}


.doctor_info{width: 100%; display: flex; flex-wrap: wrap;}
.doctor_info > li{width: 22%; margin-right: 4%; margin-bottom: 40px;box-shadow: 0 16px 40px hsla(169,7%,70%,.1);}
.doctor_info > li:nth-child(4n){margin-right: 0;}
.doctor_info > li .img{width: 100%; background: #d7d8dd; overflow: hidden; transition: 0.5s; position: relative;}
.doctor_info > li:hover .img img{transform: scale(1.1); transition: 0.5s;}
.doctor_info > li .img img{width: 100%; transition: 0.5s;}
.doctor_info > li .txt{padding: 20px;}
.doctor_info > li h4{font-size: 1.8rem;margin-bottom: 5px;  color: #222;}
.doctor_info > li h3{font-size: 3rem; color: #222;font-family: 'One-Mobile-Title'; font-weight: normal;margin-bottom: 10px;}
.doctor_info > li h3 span{font-size: 2.3rem;}
.doctor_info > li .eng{font-size: 1.8rem; margin-bottom: 10px; font-weight: 700; color: #52419d; opacity: 0.7;}
.doctor_info > li p{color: #52419d; font-size: 1.4rem; font-weight: bold;}


@media all and (max-width: 1280px){
    .doctor_info > li{width: 31%; margin-right: calc(7%/2);}
    .doctor_info > li:nth-child(4n){margin-right: calc(7%/2);}
    .doctor_info > li:nth-child(3n){margin-right: 0;}
}

@media all and (max-width: 787px){
    .doctor_info > li{width: 100%; margin-right: 0%;}
    .doctor_info > li:nth-child(4n){margin-right: 0%;}
}


.overlay { background-color: rgba(0, 0, 0, 0.7); display: none; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0;cursor: default; visibility: hidden; z-index: 999991; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
.overlay:target {visibility: visible; opacity: 1; display: block;}
.popup {background-color: #fff;  left: 50%; opacity: 0; padding: 0; position: fixed; top: -100%;  z-index: 999999; -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%,-50%); transform: translate(-50%, -50%);  -webkit-transition: opacity .8s, top .8s; -moz-transition: opacity .8s, top .8s; -ms-transition: opacity .8s, top .8s;-o-transition: opacity .8s, top .8s; transition: opacity .8s, top .8s;}
.popup::before {content: 'BL Doctor'; font-family: 'Smooch'; font-size: 10rem; bottom: 5%; position: absolute; right: 8%; z-index: -1; color: #52419d49;}
.overlay:target+.popup { top: 50%; opacity: 1; visibility: visible;}
.popup .close { background-color:#52419d; width: 80px; height: 80px; line-height: 80px; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0;}
.popup .close:before { color: #fff; content: ''; background: url('/images/common/menu_on_close.webp') no-repeat center center; font-size: 40px; font-family:'Linearicons-Free';  width: 40px; height: 40px; position: absolute; left: 50p; top: 50%; transform: translate(-50%, -50%);}
.popup .close:hover { background-color:#444;}
.popup { padding: 3%; width:70%; max-width: 90%; height: 90vh;}


.pop-box{display: flex; justify-content: space-between; height: 45vh; align-items: center; flex-wrap: wrap; border-bottom: 1px dashed #aaa;padding-bottom: 20px;}
.pop-box .l-box{width: 60%; height: 100%; display: flex; flex-wrap: wrap; align-content: center;}
.pop-box .l-box h2{font-size: 2.2rem; line-height: 30px; font-weight: 400; color: #222; width: 100%;}
.pop-box .l-box h2 span{color: #52419d; font-weight: bold;}
.pop-box .l-box h4{width: 100%; margin-top: 30px;font-size: 1.8rem;margin-bottom: 5px; color: #222;}
.pop-box .l-box h3{ margin-bottom: 15px; position: relative;font-size: 3rem; color: #222;font-family: 'One-Mobile-Title'; font-weight: normal;}
.pop-box .l-box h3::before{width: 105%; content: ''; position: absolute; height: 15px; background-color: #52419d2f; top: 70%; left: 50%; z-index: -1; transform: translateX(-50%);}
.pop-box .l-box ul.surkind{display: flex; width: 100%; font-size: 1.6rem; }
.pop-box .l-box ul.surkind li{padding: 0 10px 0 0; color: #52419d;margin-right: 10px; font-weight: bold;}
.pop-box .r-box{width: 30%;}
.pop-box .r-box img{width: 100%;}

.pop-box .l-box .ytb {margin-bottom: 15px; padding: 10px 0; width: 100%; overflow-x: auto;}
.pop-box .l-box .ytb::-webkit-scrollbar {height: 8px; cursor: pointer; background-color: #eee;}
.pop-box .l-box .ytb::-webkit-scrollbar-thumb {background-color: #645894;}
.pop-box .l-box .ytb ul{display: flex;}
.pop-box .l-box .ytb ul li{height: 100px; margin-right: 8px;}
.pop-box .l-box .ytb ul li img{width: auto; max-height: 100%;}



.profile-box{width: 100%; margin: 30px 0; height: 35vh;}
.profile-box h5{font-size: 2.3rem; color: #222; font-family: 'One-Mobile-Title'; font-weight: normal; margin-bottom: 20px;}
.profile-box ul.profile-list{height: 25vh; overflow-y: auto;}
.profile-box ul.profile-list.ytb{height: 7vh;}
.profile-box ul.profile-list li{ position: relative;}
.profile-box ul.profile-list li p{font-size: 1.6rem; padding-left: 15px; color: #222; font-weight: normal; padding-top: 0;}
.profile-box ul.profile-list li::before{content: '•'; position: absolute; left: 0; top: 50%; transform: translateY(-30%);}
.profile-box ul.profile-list::-webkit-scrollbar {width: 12px;}
.profile-box ul.profile-list::-webkit-scrollbar-thumb {background-color: #52419d; border-radius: 10px; background-clip: padding-box;}
.profile-box ul.profile-list::-webkit-scrollbar-track {background-color: #f0ecff; border-radius: 10px; box-shadow: inset 0px 0px 5px white;}
.profile-box ul.profile-list.ytb li p a{color: #52419d;}

/* 약력 + 논문 2줄 */
.profile-box:has(.profile-list-wrap){display:flex; flex-wrap:wrap; gap:0 30px;}
.profile-box .profile-list-wrap{width: calc((100% - 30px)/2);}
.profile-box .profile-list-wrap ul.profile-list{height:15vh;}
.profile-box .profile-list-wrap ul.profile-list li::before{transform:none; top:5px;}

@media all and (max-width:1740px) {
    .br1740{display: none;}
}
@media all and (max-width:1280px) {
    .pop-box .l-box h2{font-size: 2.2rem; line-height: 28px;}
    .pop-box .l-box h4{width: 100%; margin-top: 20px;}
    .pop-box .l-box h3{ margin-bottom:60px;}
    .pop-box .l-box ul.surkind{flex-wrap: wrap;}
    .pop-box .l-box ul.surkind li{padding-right: 5px; margin-right: 5px;}
    .pop-box .r-box{width: 35%;}
    
}
@media all and (max-width:976px) {
    .popup .close { width: 60px; height: 60px; line-height: 60px; }
    .popup .close:before { line-height: 60px; font-size: 30px;}
    .popup {width: 90%;}
}
@media all and (max-width:787px) {
    .pop-box .l-box{width: 100%;}
    .pop-box .r-box{display: none;}
    .profile-box h5{margin-bottom: 10px;}
    .pop-box .l-box h4{margin-top: 4px;}
    .pop-box .l-box h3{margin-bottom: 10px;}
    .pop-box .l-box h2{font-size: 1.5rem; line-height: 1.2em;}
    .pop-box .l-box ul li{font-size: 1.4rem;}
    .popup::before { font-size: 5rem;}

    .pop-box .l-box .ytb ul li{height: 80px;}
}

@media all and (max-width:640px){
    .pop-box{height:40%;}
     .profile-box:has(.profile-list-wrap){height:45vh}
    .profile-box .profile-list-wrap{width: 100%;}
 }
 

@media all and (max-width:568px) {
    .popup .close { width: 50px; height: 50px; line-height: 50px; }
    .popup .close:before { line-height: 50px; font-size: 24px;}
    .br568{display: none;}
    .pop-box .l-box .ytb ul li{height: 60px;}
}


.sys_circle{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 8%;}
.sys_circle li{width: 20%; text-align: center; display: flex;flex-wrap: wrap; align-content: center;}
.sys_circle li.arrow{width: 5%; font-family: 'SUIT'; display: flex;align-items: center; text-align: center;}
.sys_circle li.arrow p{text-align: center; font-size: 3rem; width: 100%; font-weight: bold;}
.sys_circle li .txt{width: 320px; height: 320px; border: 4px solid #52419dc7; border-radius: 100%; display: flex; align-content: center; flex-wrap: wrap; position: relative; padding: 15px;}
.sys_circle li .txt::after{width: 97%; height: 97%; border: 2px dashed #52419dc7; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: '';}
.sys_circle li .txt h4{font-size: 1.8rem; color: #b2a7e7; width: 100%; font-family: 'Poppins';margin-bottom: 10px;}
.sys_circle li .txt h2{font-size: 4rem; color: #111; width: 100%; margin-bottom: 20px;}
.sys_circle li .txt p{font-size: 1.6rem;width: 100%;}
.sys_circle li h3{margin-top: 30px; font-size: 2.5rem; color: #333; font-family: 'One-Mobile-Title'; width: 100%;}

@media all and (max-width:1600px){
    .sys_circle li .txt{width: 17vw; height: 17vw;}
    .sys_circle li .txt h4{font-size: 1.8rem; margin-bottom: 5px;}
    .sys_circle li .txt h2{font-size: 3rem; margin-bottom: 10px;}
    .sys_circle li .txt p{font-size: 1.4rem;}
} 
@media all and (max-width:1280px){
    .sys_circle li .txt{width: 18vw; height: 18vw;}
    .sys_circle li .txt p br{display: none;}
} 
@media all and (max-width:997px){
    .sys_circle{margin-top: 100px;}
    .sys_circle li .txt{width: 280px; height: 280px; margin: 0 auto;}
    .sys_circle li .txt p br{display: block;}
    .sys_circle li{width: 100%; text-align: center; margin: 0 auto; height: 100%;}
    .sys_circle li.arrow{margin: 5% auto;}
    .sys_circle li.arrow p{transform: rotate(90deg);}
} 
@media all and (max-width:500px){
    .sys_circle li .txt{width: 250px; height: 250px; margin: 0 auto;}
} 


.sys_circle2{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sys_circle2 li{width: 24%; text-align: center; display: flex;flex-wrap: wrap; align-content: center;}
.sys_circle2 li.w2{width: 48%;}
.sys_circle2 li.w3{width: 32%;}
.sys_circle2 li .txt{width: 100%; height: 100%; border: 3px solid #52419dc7;  display: flex; align-content: center; flex-wrap: wrap; position: relative; padding: 30px 15px;}
.sys_circle2 li.w2 .txt,
.sys_circle2 li.w3 .txt{padding: 30px;}
.sys_circle2 li .txt::after{width: 97%; height: 97%; border: 2px dashed #52419dc7; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: '';}
.sys_circle2 li.w2 .txt::after{width: 98%; height: 95%; border: 2px dashed #52419dc7; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: '';}
.sys_circle2 li.w3 .txt::after{width: 97%; height: 96%; border: 2px dashed #52419dc7; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: '';}
.sys_circle2 li .txt h4{font-size: 1.8rem; color: #b2a7e7; width: 100%; font-family: 'Poppins';margin-bottom: 10px;}
.sys_circle2 li .txt h2{font-size: 2.5rem; color: #111; width: 100%; margin-bottom: 20px;}
.sys_circle2 li .txt p{font-size: 1.6rem;width: 100%;}
.sys_circle2 li h3{margin-top: 30px; font-size: 2.5rem; color: #333; font-family: 'One-Mobile-Title'; width: 100%;}

@media all and (max-width:1600px){
    .sys_circle2 li .txt h4{font-size: 1.8rem;}
    .sys_circle2 li .txt p{font-size: 1.4rem;}
} 
@media all and (max-width:1280px){
    .sys_circle2 li .txt h2 br{display: none;}
} 
@media all and (max-width:997px){
    .sys_circle2 li .txt p br{display: block;}
    .sys_circle2 li .txt h4{font-size: 1.6rem;}
    .sys_circle2 li .txt h2{font-size: 1.8rem;}
    .sys_circle2 li{width: 48%; text-align: center; margin: 0 auto 20px;}
    .sys_circle2 li.arrow{transform: rotate(90deg);margin: 5% auto;}
    .sys_circle2 li.w2{width: 100%;}
    .sys_circle2 li.w3{width: 100%;}
    .sys_circle2 li.w3 .txt::after{width: 98%; height: 95%;}
} 
@media all and (max-width:500px){
    .sys_circle2 li{width: 100%;}
} 


#imgList ul {display:flex; }
#imgList ul li {  background:#FFF;}
#imgList ul li .img {position:relative; background:#e3d9ec}
#imgList ul li .img img {width:100%}
#imgList ul li .img .num {position:absolute;  padding:0 1.5em; line-height:40px;  font-size:1.8rem; color:#fff; background:#52419d; left:50%; bottom:-20px;  transform:translateX(-50%); border-radius:5px; font-family: 'One-Mobile-Title', sans-serif; width: 60%; text-align: center;}
#imgList ul li dl {padding:50px 2em 2em; text-align:center}
#imgList ul li dl dt {font-size:2.4rem; color:#222; font-weight:600}
#imgList ul li dl dd {margin-top:1em; font-size:1.7rem; font-weight:300; line-height:1.4em }

#imgList ul.w4 li {width:23%; margin:1%}

@media screen and (max-width:1120px) {
	#imgList ul.w4 {flex-wrap:wrap}
	#imgList ul.w4 li {width:48%; }
}
@media screen and (max-width:580px) {
    #imgList ul.w4 li {width:100%; }
	#imgList ul li .img .num { line-height:30px; }
	#imgList ul li dl {padding:35px 1em 1em}
	#imgList ul li dl dd {margin-top:0.5em; }
}


.inpat{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 8%;}
.inpat li{width: 48%;}
.inpat li.w1{width: 100%;}
.inpat li.w3{width: 32%;}
.inpat h3{width: 100%; text-align: left; font-size: 2.3rem; margin-bottom: 30px; color: #000; font-weight: normal; font-family: 'One-Mobile-Title';}
.inpat h3 span{color: #52419d; font-family: 'suit';}
.inpat p{width: 100%; font-size: 1.6rem; margin-bottom: 30px; margin-left: 10px;}
.inpat li img{width: 100%;}

@media screen and (max-width:500px){
    .inpat li{width: 100%; margin-bottom: 10px;}
    .inpat h3{font-size: 1.8rem;margin-bottom: 10px;}
}

.part{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.part li{width: 24%; border: 1px solid #ddd;margin-bottom: 30px;}
.part li .img{width: 100%;}
.part li .img img{width: 100%;}
.part li .txt{width: 100%; text-align: center; padding: 20px; background-color: #52419d; color: #fff; font-size: 20px;}

@media screen and (max-width:1280px){
    .part li{width: 33%;}
}
@media screen and (max-width:940px){
    .part li{width: 48%;}
    .part li .txt{ font-size: 18px;}
}
@media screen and (max-width:580px){
    .part li{width: 100%;}
    .part li .txt{ font-size: 16px;}
}
@media screen and (max-width:340px){
    .part li .txt{ font-size: 14px;}
}


.suggest{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10%;}
.suggest li{width: 32%;  box-shadow:0px 0px 20px rgba(108, 86, 133, 0.1);}
.suggest li a{width: 100%; height: 100%; padding: 30px 40px;display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;}
.suggest li .top{width: 21%;}
.suggest li .top img{width: 100%;}
.suggest li .bottom{width: 70%; position: relative;}
.suggest li .bottom h3{ font-size: 2.5rem; font-family: 'One-Mobile-Title'; font-weight: normal; color: #000; margin-bottom: 10px; }
.suggest li .bottom p{ font-size: 1.6rem;}
.suggest li .bottom span{ font-size: 18px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #52419d; font-weight: bold; border: 1px solid #52419d;  border-radius: 100px; width: 30px; height: 30px; text-align: center; line-height: 30px;}
.suggest li:hover .bottom span{border: 1px solid #fff;color: #fff;}
.suggest li:hover .bottom h3{color: #fff;}
.suggest li:nth-child(1):hover{background: #573fa1;}
.suggest li:nth-child(2):hover{background: #9989c5;}
.suggest li:nth-child(3):hover{background: #6e59ad;}
.suggest li:hover a p{color: #fff;}


@media screen and (max-width:1380px){
    .suggest li a{padding: 30px 20px;}
}
@media screen and (max-width:1280px){
    .suggest li .bottom h3{ font-size: 2rem;}
    .suggest li .bottom p{ font-size: 1.5rem;}
    .suggest li .bottom span{ font-size: 12px; width: 20px; height: 20px; line-height: 20px;}
}
@media screen and (max-width:1080px){
    .suggest li{width: 100%; margin-bottom: 20px;}
    .suggest li .top{width: 15%;}
    .suggest li .top img{width: 100px;}
    .suggest li .bottom{width: 80%;}
}
@media screen and (max-width:740px){
    .suggest li .top{width: 15%;}
    .suggest li .top img{width: 100%;}
    .suggest li .bottom{width: 80%;}
}
@media screen and (max-width:500px){
    .suggest li .top{width:50px;}
    .suggest li .top img{width: 100%;}
    .suggest li .bottom{width: calc(100% - 70px);}
}




.layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#52419d;  border-radius:0 5px 0 5px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:96%; max-width:900px; top:0px; margin:0 auto; border-radius:5px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:21px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}


input:focus {outline: none; border-bottom: 1px solid #000; color: #555555;}
textarea:focus {outline: none; border-bottom: 1px solid #000;color: #555555;font-size: 14px;}
.contact { width: 50%; margin: 30px 0;}
.contact  > div { margin-bottom: 20px; display: flex;}
.contact  h5{width: 150px; font-size: 1.6rem;}
.contact  #text{border: 0; border-bottom: 1px solid #aaa; width: 300px; padding-bottom: 5px;}
.contact  #exp{border: 0; border-bottom: 1px solid #aaa; padding: 10px 0; width: calc(100% - 150px);}
.contact  .phone{width: 100%;}
.contact  .phone-num{display: inline-block; position: relative; text-align: center;}
.contact  .phone-num span{margin: 5px;}
.contact  #tel_text{border: 0; border-bottom: 1px solid #aaa; padding-bottom: 5px; max-width: 50px; text-align: center;}
.contact  .button{width: 90px;margin: 0 auto; text-align: center;}
.contact  #but{ border: 0; width: 90px; height: 40px; font-size: 14px; cursor: pointer;background: #52419d; color: #fff;}
.contact  .agree{text-align: center; margin-bottom: 20px;}
.contact  .agree h5{margin-bottom: 0;}
.contact  .agree label{display: inline-block; padding-left: 10px; vertical-align: top;}

@media screen and (max-width:500px){
    .contact  h5{width: 90px; font-size: 1.4rem;}
    .contact  #text{width: 70%;}
    .contact  #exp{width: 70%;}
    .contact  #tel_text{max-width: 40px;}
}


.b-bna{width: 100%; padding: 8% 0;}
.b-bna .b-title{text-align: center;}
.b-bna .b-title h3{font-size: 4.2rem; color: #222; margin-bottom: 50px;}
.b-bna .b-title p{font-size: 1.8rem; color: #222;}
.b-bna .b-cont{display: flex; justify-content: space-around;}
.b-bna .b-cont > div{width: 47%; margin: 100px 0 50px;}
.b-bna .b-cont > div img{width: 100%;}
.b-bna .b-cont .before{position: relative;}
.b-bna .b-cont .before::after{content: 'Before'; font-size: 7rem; font-family: 'Poppins'; font-weight: bold; position: absolute; top: -50px; width: 90%; height: 100%; left: -30px; color: #222;}
.b-bna .b-cont .after{position: relative;}
.b-bna .b-cont .after::after{content: 'After'; font-size: 7rem; font-family: 'Poppins'; font-weight: bold; position: absolute; top: -50px; width:90%; height: 100%; right: -30px; color: #222; text-align: right;}
.b-bna .b-bottom h4{font-size: 1.8rem; color: #fff; text-align: center; background: #444; padding: 20px;}

@media screen and (max-width:1280px){
    .b-bna .b-cont .before::after{font-size: 6rem;}
    .b-bna .b-cont .after::after{font-size: 6rem;}
}
@media screen and (max-width:740px){
    .b-bna .b-cont{flex-wrap: wrap; margin-top: 50px;}
    .b-bna .b-cont > div{width: 100%; margin: 10px 0;}
    .b-bna .b-cont .before::after{font-size: 5rem; left: 20px; top: 0;}
    .b-bna .b-cont .after::after{font-size: 5rem; right: 20px; top: 0;}
}




.intro_title_wrap{margin-top: 8%; display: flex; position: relative; z-index: 888;}
.intro_title_wrap h3{}
.intro_title_wrap .view_btn{ padding-bottom:1em;  margin-left: 40px;}
.intro_title_wrap .view_btn button{font-size: 2.2rem;font-family: 'suit'; color:#52419d; width: 40px; height:40px; text-align: center; line-height:45px;  border:2px solid #52419d;}
.intro_title_wrap .view_tab{display:none; flex-wrap:wrap; position:absolute; margin-top: 5px; padding:1em; background:#fff; gap:20px; font-size: 2.2rem; border:2px solid #52419d; z-index: 3000; font-weight: 500; color:#222;}
.intro_title_wrap .view_tab.on{display:flex;}
.intro_title_wrap .view_tab p{cursor: pointer; }
.intro_title_wrap .view_tab p:hover{color:#52419d;}

.view_tab_cont{display:none;}
.view_tab_cont.on{display:block;}


.int_wrap2{margin-top: 30px;}
.int_wrap2 .i_item{ margin-left: 40px; position: relative;}
.int_wrap2 .i_item img{width: 100%;}
.int_wrap2 .i_item .txt{position: absolute; bottom: -69px; width: 100%; font-size: 2.3rem; padding: 20px 20px; font-weight: 800; color: #000; background-color: #ffffff6c;transition:0.5s}
@media all and (max-width:976px){
    .int_wrap2 .i_item{width: 55vw; margin-left: 20px;}
    .intro_title_wrap .view_btn{margin-left: 20px;}
    .intro_title_wrap .view_btn button{width: 30px; height:30px; line-height:35px;}
    .intro_title_wrap .view_tab{font-size: 1.7rem;}
    .int_wrap2 .i_item .txt{font-size: 1.5rem; padding:1em;}
}
@media all and (max-width:640px){
    .int_wrap2 .i_item{width:80vw; margin-left: 10px;}
}



    /* .int_wrap2 .slick-list{padding:0 25% 0 !important;} */
    .int_wrap2 .txt{display:none;transition:0.5s}
    .int_wrap2 .slick-active .txt{display:block; transition:0.5s; bottom: 0px;}
    @media screen and (max-width:1080px){
        .int_wrap2 .slick-list{padding:0 15% 0 !important;}
    }
    @media screen and (max-width:640px){
        .int_wrap2 .slick-list{padding:0 0 !important;}
    }