@charset "utf-8";

/* intro1 */
.intro1{}
.intro1 .intro_tit{margin-bottom: 70px;}
.intro1 .intro_tit h3{font-size: 56px; color: #000; letter-spacing: -0.05em; line-height: 1.3em; word-break: keep-all;}
.intro1 .intro_tit h3 span{color: #0c1436;}
.intro1 .intro_img{}
.intro1 .intro_img img{width: 100%; height: 600px; object-fit: cover;}
.intro1 .text{display: flex; justify-content: space-between; padding-left: 50px; padding-right: 50px; margin-top: 70px; gap:80px; padding-bottom: 135px;}
.intro1 .text .box{width: 100%;}
.intro1 .text .box p{font-weight: 500; font-size: 20px; color: #555555; line-height: 1.8em; word-break: keep-all;}
.intro1 .text .box p + p{margin-top: 50px;}

.intro1 .overview{background-color: #f5f7fa; padding: 120px 0;}
.intro1 .overview .inner .cont{display: flex; justify-content: space-between; align-items: center; gap:60px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px;}
.intro1 .overview .inner .cont .poster{}
.intro1 .overview .inner .cont .poster img{max-width: 520px;}
.intro1 .overview .inner .cont .l_cont{}
.intro1 .overview .inner .cont .l_cont h3{font-size: 48px; font-weight: 700; color: #000; margin-bottom: 60px; word-break: keep-all;}
.intro1 .overview .inner .cont .info{padding-left: 20px;}
.intro1 .overview .inner .cont .info dl{display: flex;}
.intro1 .overview .inner .cont .info dl + dl{margin-top: 28px;}
.intro1 .overview .inner .cont .info dl dt{font-size: 20px; color: rgba(0,0,0,0.6); font-weight: 700; position: relative; padding-left: 15px; width: 100px;}
.intro1 .overview .inner .cont .info dl dt::before{content: ''; width: 5px; height: 5px; border-radius: 100%; background-color: #7fcef4; position: absolute; display: inline-block; left: 0; top: 9px;}
.intro1 .overview .inner .cont .info dl dd{width: calc(100% - 100px); font-size: 20px; font-weight: 500; color: #000; word-break: keep-all; line-height: 1.4em;}
.intro1 .overview .inner .cont .info dl dd.logo{display: flex; align-items: center; gap:30px; flex-wrap: wrap;}
.intro1 .overview .inner .cont .info dl dd.logo img{max-height: 100%;}

.sec2_btn{margin-top: 50px; justify-content: center;}

@media all and (max-width:1280px){
	.intro1 .intro_tit{margin-bottom: 60px;}
	.intro1 .intro_tit h3{font-size: 45px;}
	.intro1 .intro_img img{height: 520px;}
	.intro1 .text{padding-left: 40px; padding-right: 40px; margin-top: 60px; gap:60px; padding-bottom: 110px;}
	.intro1 .text .box p{font-size: 19px;}
	.intro1 .text .box p + p{margin-top: 40px;}
	
	.intro1 .overview{padding: 100px 0;}
	.intro1 .overview .inner .cont{gap:60px; padding-left: 0px; padding-right: 0px;}
	.intro1 .overview .inner .cont .l_cont h3{font-size: 42px; margin-bottom: 50px;}
	.intro1 .overview .inner .cont .info{padding-left: 0px;}
	.intro1 .overview .inner .cont .poster img{max-width: 420px;}
	.intro1 .overview .inner .cont .info dl + dl{margin-top: 25px;}
	.intro1 .overview .inner .cont .info dl dt{font-size: 19px; width: 95px;}
	.intro1 .overview .inner .cont .info dl dt::before
	{width: 4px; height: 4px;}
	.intro1 .overview .inner .cont .info dl dd{font-size: 19px; width: calc(100% - 95px);}
	.intro1 .overview .inner .cont .info dl dd.logo{gap:20px;}
	.intro1 .overview .inner .cont .info dl dd.logo img{width: auto; max-height: 34px;}
	.sec2_btn{margin-top: 40px;}
}
@media all and (max-width:1024px){
	.intro1 .intro_tit{margin-bottom: 55px;}
	.intro1 .intro_tit h3{font-size: 40px;}
	.intro1 .intro_img img{height: 470px;}
	.intro1 .text{padding-left: 35px; padding-right: 35px; margin-top: 50px; gap:30px; padding-bottom: 90px;}
	.intro1 .text .box p{font-size: 18px;}
	.intro1 .text .box p br{display: none;}
	.intro1 .text .box p + p{margin-top: 25px;}
	
	.intro1 .overview{padding: 90px 0;}
	.intro1 .overview .inner .cont{gap:40px;}
	.intro1 .overview .inner .cont .l_cont h3{font-size: 36px; margin-bottom: 45px;}
	.intro1 .overview .inner .cont .poster img{max-width: 342px;}
	.intro1 .overview .inner .cont .info dl + dl{margin-top: 20px;}
	.intro1 .overview .inner .cont .info dl dt{font-size: 18px; width: 85px;}
	.intro1 .overview .inner .cont .info dl dd{width: calc(100% - 85px); font-size: 18px;}
	.intro1 .overview .inner .cont .info dl dd.logo{gap:15px;}
	.intro1 .overview .inner .cont .info dl dd.logo img{max-height: 30px;}
}
@media all and (max-width:768px){
	.intro1 .intro_tit{margin-bottom: 50px;}
	.intro1 .intro_tit h3{font-size: 36px;}
	.intro1 .intro_img img{height: 420px; object-position: left center;}
	.intro1 .text{padding-left: 0px; padding-right: 0px; margin-top: 45px; gap:25px; padding-bottom: 80px; flex-direction: column;}
	.intro1 .text .box p{font-size: 17px;}
	.intro1 .text .box p + p{margin-top: 20px;}
	
	.intro1 .overview{padding: 80px 0;}
	.intro1 .overview .inner .cont{flex-direction: column-reverse; width: 100%; gap:60px;}
	.intro1 .overview .inner .cont .l_cont{width: 100%;}
	.intro1 .overview .inner .cont .l_cont h3{font-size: 33px; margin-bottom: 40px;}
	.intro1 .overview .inner .cont .info{width: 100%;}
	.sec2_btn{margin-top: 30px;}
}
@media all and (max-width:500px){
	.intro1 .intro_tit{margin-bottom: 40px;}
	.intro1 .intro_tit h3{font-size: 32px;}
	.intro1 .intro_img img{height: 360px;}
	.intro1 .text{margin-top: 30px; gap:35px; padding-bottom: 70px;}
	.intro1 .w-inner .bg .m_txt h3 br{display: none;}
	
	.intro1 .overview{padding: 70px 0;}
	.intro1 .overview .inner .cont{gap:50px;}
	.intro1 .overview .inner .cont .l_cont h3{font-size: 30px; margin-bottom: 32px;}
	.intro1 .overview .inner .cont .poster img{max-width: 90vw;}
	.intro1 .overview .inner .cont .info dl dt{font-size: 17px; width: 80px;}
	.intro1 .overview .inner .cont .info dl dt::before{top: 7px;}
	.intro1 .overview .inner .cont .info dl dd{font-size: 17px; width: calc(100% - 80px);}
	.intro1 .overview .inner .cont .info dl dd.logo{gap:12px;}
	.intro1 .overview .inner .cont .info dl dd.logo img{max-height: 27px;}
	.sec2_btn{margin-top: 28px;}
}


.content_box{display: flex; color: #222;}
.content_box + .content_box{margin-top: 70px;}
.content_box .lt{width: 300px; border-top: 3px solid;border-image: linear-gradient(to right, #335cb7, #7fcef4) 1;}
.content_box .lt h3{font-size: 4rem; padding: 30px;}
.content_box .rt {padding: 30px; border-top: 1px solid #ddd; width: calc(100% - 300px);}
.content_box.poster .rt {width: calc(100% - 600px);}
.content_box .rt dl{display: flex; padding: 20px; font-size: 2rem;}
.content_box .rt dl.road{align-items: center;}
.content_box .rt dl + dl{border-top: 1px dashed #ddd;}
.content_box .tb + dl{border-top: 1px dashed #ddd;margin-top: 20px;}
.content_box .rt .tb + .map{border-top: 1px dashed #ddd; padding-top: 20px;}
.content_box .rt dl dt{width: 150px; font-weight: bold; position: relative; padding-left: 20px;}
.content_box .rt dl dt:after{content: '•';left: 0; top: 0; position: absolute; color: #7fcef4;}
.content_box .rt dl dd{width: calc(100% - 150px); line-height: 1.5em;}
.content_box .rt .tb h4{font-size: 2.3rem; margin: 20px 0; display: flex; align-items: center; gap: 5px;}
.content_box .rt .tb h4 span{ color: #7fcef4;}
.content_box .rt .tb + .tb{border-top: 1px solid #eee; margin-top: 50px; padding-top: 20px;}
.content_box .img{max-width: 300px;}
.content_box .img img{width: 100%;}
.content_box .map{width: 100%;}
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{display: none;}
#daumRoughmapContainer1744259252920 img[src*="marker_bus"] {display: none !important;}


@media all and (max-width:1280px){
    .content_box .lt{width: 250px;}
    .content_box .lt h3{font-size: 3rem;}
    .content_box .rt{width: calc(100% - 250px);padding: 20px;}
    .content_box.poster .rt {width: calc(100% - 550px);}
    .content_box .rt dl{font-size: 1.8rem;}
    .content_box .rt dl dt{width: 120px;}
    .content_box .rt dl dd{width: calc(100% - 120px);}
    .content_box .rt .tb h4{font-size: 2rem;}
}
@media all and (max-width:1080px){
    .content_box.poster{flex-wrap: wrap; justify-content: end;}
    .content_box.poster .rt {width: calc(100% - 250px);}
    .content_box .img{max-width: calc(100% - 250px); text-align: right;}
}
@media all and (max-width:980px){
    .content_box{flex-wrap: wrap;}
    .content_box + .content_box{margin-top: 50px;}
    .content_box .lt{width: 100%;}
    .content_box .lt h3{padding: 20px;}
    .content_box .rt{width: 100%; padding: 10px;}
    .content_box.poster{justify-content: center;}
    .content_box.poster .rt {width: 100%;}
    .content_box .img{max-width: 100%;}
    .content_box .rt .tb + .tb{margin-top: 40px;}
    .content_box .rt dl dt{width: 100px;}
    .content_box .rt dl dd{width: calc(100% - 100px);}
    .content_box .rt .tb2{flex-wrap: wrap;}
    .content_box .rt .tb2 table:first-child{border-right: 0;}
    .content_box .rt .tb2 table:last-child thead{display: none;}
    .content_box .rt .tb2 .none980{display: none;}
    br.pc{display: none !important;}
}
@media all and (max-width:480px){
    .content_box .lt h3{font-size: 2.5rem;padding: 15px;}
    .content_box .rt dl{padding: 15px 5px; flex-wrap: wrap;}
    .content_box .rt dl dt{width: 100%; padding-left: 15px;}
    .content_box .rt dl dd{margin-top: 10px; width: 100%; font-size: 1.6rem; padding-left: 10px;}
    .content_box .rt .tb h4{font-size: 2rem; margin: 10px 0 15px;}
}


.magnifier {position: absolute;border: 3px solid #fff;border-radius: 50%;cursor: none;width: 280px; height: 280px;display: none;pointer-events: none;z-index: 10;}
.exhibition1 .img {position: relative; width: 100%;}
.exhibition1 .img img{width: 100%;}
.mt5p{margin-top: 7%;}


.exhb2 + .exhb2{margin-top: 70px; padding-top: 70px; border-top: 1px solid #eee;}
.exhb2{margin-top: 50px;}
.exhb2 .sp{display: flex; gap: 70px;justify-content: space-between; align-items: center;}
.exhb2 .sp .img{width: 350px;}
.exhb2 .sp .img img{width: 100%;}
.exhb2 .sp .career{padding: 30px 0; width: calc(100% - 420px);}
.exhb2 .sp .career .top{border-bottom: 1px dashed #eee; padding-bottom: 20px; margin-bottom: 20px;}
.exhb2 .sp .career .top h3{font-size: 3rem;}
.exhb2 .sp .career .top p{color: #335cb7; display: inline-block; font-weight: bold;font-size: 1.7rem; margin-top: 10px; }
.exhb2 .sp .career .mid{font-size: 1.8rem;}
.exhb2 .sp .career .mid li{position: relative; padding-left: 25px;}
.exhb2 .sp .career .mid li:after{content: '•'; left: 5px; top: 0; color: #335cb7; position: absolute;}
.exhb2 .sp .career .mid li + li{margin-top: 10px;}
.exhb2 .sp .career .bot {padding:10px; margin-top:2em; background:#f7f7f7;color:#FFF; display:flex; align-items: center; border-radius: 5px;}
.exhb2 .sp .career .bot h4 { font-size:2.0rem; font-weight:600; width:130px; background:#335cb7; text-align:center; border-radius:50px; line-height:1.8em;}
.exhb2 .sp .career .bot p {padding-left:1em; font-size:1.9rem}

@media all and (max-width:1280px){
    .exhb2 .sp .img{width: 250px;}
    .exhb2 .sp .career{padding: 0px; width: calc(100% - 320px);}
    .exhb2 .sp .career .bot h4 {width: 100px;}
}
@media all and (max-width:780px){
    .exhb2{margin-top: 30px;}
    .exhb2 .sp {flex-wrap: wrap; gap: 30px;}
    .exhb2 .sp .img{width: 90%; max-width: 500px; margin: 0 auto;}
    .exhb2 .sp .career{width: 100%;}
    .exhb2 .sp .career .top{text-align: center;}
    .exhb2 .sp .career .top h3{font-size: 2.5rem;}
    .exhb2 .sp .career .mid{font-size: 1.6rem;}
    .exhb2 .sp .career .bot h4 { font-size:1.6rem; width:80px;}
}


.side_top{width: 100%; height: 450px; background: #000; margin-bottom: 50px; display: flex; align-items: center; justify-content: center;align-content: center; flex-wrap: wrap; text-align: center; color: #fff;}
.side_top.side1{background: url('/images/sub/side1_bg.png') center center / cover no-repeat;}
.side_top.info2{background: url('/images/sub/info2_bg.png') center center / cover no-repeat;}
.side_top h3{ font-size: 4.5rem; position: relative; padding-bottom: 20px;}
.side_top h3:after{content: ''; position: absolute; bottom: 0; width: 30px; height: 1px; background: #fff; left: 50%; transform: translateX(-50%);}
.side_top p{ font-size: 2rem; line-height: 3rem; margin-top: 20px;}

@media all and (max-width:1280px){
    .side_top{height: 400px;}
    .side_top h3{ font-size: 4rem;}
    .side_top p{ font-size: 1.8rem;}
}
@media all and (max-width:680px){
    .side_top{height: 300px;}
    .side_top .txt{padding: 20px;}
    .side_top h3{ font-size: 3rem;}
    .side_top p{ font-size: 1.6rem; line-height: 2.6rem;}
}
@media all and (max-width:480px){
    .side_top p br{display: none;}
}

.evt{display: flex; gap: 40px;}
.evt > li{width: calc(100%/2 - 20px);}
.evt > li .img{margin-bottom: 30px;}
.evt > li .img img{width: 100%;}
.evt > li h3{ font-size: 3rem; line-height: 3rem; color: #222; display: flex; align-items: center; gap: 10px;}
.evt > li h3 span{color: #7fcef4;}
.evt > li ul{font-size: 1.8rem; margin-top: 10px; padding: 10px; color: #222;}
.evt > li ul li + li{margin-top: 10px;}


@media all and (max-width:1280px){
    .evt > li h3{ font-size: 2.5rem;}
    .evt > li ul{font-size: 1.6rem;}
}
@media all and (max-width:880px){
    .evt{flex-wrap: wrap; gap: 50px;}
    .evt > li{width: 100%;}
    .evt > li .img{margin-bottom: 20px;}
}


.info1_box{text-align: center; color: #222; padding: 70px; background: #f5f7fa;}
.info1_box h3{font-size: 2.3rem; background: #0c1436; color: #fff;display: inline-block;padding: 5px 20px; border-radius: 100px;}
.info1_box h4{font-size: 3rem; margin-top: 20px;}
.info1_box ul{margin-top: 40px; font-size: 2rem;display: flex; gap: 10px; justify-content: center;flex-wrap: wrap; }
.info1_box ul li{display: flex; align-items: center; background: #fff;padding: 10px 30px; gap: 10px; }
.info1_box ul li span{font-weight: bold; display: inline-block; color: #0c1436;}
.info1_box ul li span.material-symbols-outlined{font-size: 1.6rem; background: #7fcef4; width: 30px; height: 30px; border-radius: 100px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: normal;}
span.sm{color: #7fcef4; display: inline-block;font-size: 1.5rem;}
br.mo{display: none;}

@media all and (max-width:1280px){
    .info1_box h3{font-size: 2rem;}
    .info1_box h4{font-size: 2.5rem;}
}
@media all and (max-width:780px){
    .info1_box ul{flex-direction: column;}
}
@media all and (max-width:580px){
    .info1_box{padding: 50px 30px;}
    .info1_box ul{font-size: 1.8rem;}
    .info1_box ul li{flex-wrap: wrap; padding: 10px 20px; justify-content: center;}
    .info1_box ul li span.material-symbols-outlined{width: 25px; height: 25px;}
    .info1_box ul li p{width: 100%;}
    br.mo{display: block;}
}


.privacy{width: 100%;}
.privacy h4{font-size: 2rem; color: #222; margin-bottom: 10px; line-height: 2rem; padding-left: 15px; border-left: 10px solid #7fcef4;}
.privacy textarea{border: 1px solid #ddd; resize: none; padding: 20px; font-size: 15px; font-family: 'Pretendard', sans-serif; line-height: 1.4em; color: #666;}
.privacy .chk_agree{padding: 5px 5px 25px; display: flex; align-items: center; gap: 10px; font-size: 1.4rem; width: 100%;}
.privacy .chk_agree p{width: 100%;}
.privacy .chk_agree span{color: red;}
.privacy td{width: 100%;}

.pri_box{ padding: 40px; background: #f5f7fa;}
.pri_box2 h3{text-align: center; font-size: 2.5rem; color: #222;}
.pri_box2 > ul{width: 50%; margin: 20px auto 0;}
p.cau2{font-size: 1.5rem; text-align: right; margin-bottom: 10px;}
.pri_box ul{display: flex; flex-wrap: wrap; gap: 0px; font-size: 1.8rem; color: #222;}
.pri_box ul li{width: 100%; display: flex; gap: 10px; padding: 20px; align-items: center;}
.pri_box ul li + li{border-top: 1px dashed #eee;}
.pri_box ul li > label{width: 170px;}
.pri_box ul li >input{width: calc(100% - 180px);border: 1px solid #eee;padding: 12px 10px; font-family: 'Pretendard'; font-size: 1.6rem;}
.pri_box .checkbox-group{width: calc(100% - 180px); display: flex; flex-wrap: wrap; }
.pri_box .checkbox-group p{margin-bottom: 10px; font-size: 1.5rem; display: inline-block; padding: 5px 20px;border-radius: 100px; background: #335cb7; color: #fff;}
.pri_box .checkbox-group label{width: 100%; cursor: pointer;}
.pri_box .checkbox-group label + label{margin-top: 10px;}
.rd{color: red;}


@media all and (max-width:1280px){
    .pri_box2 h3{font-size: 2rem;}
    .pri_box2 > ul{width: 80%;}
}
@media all and (max-width:880px){
    .pri_box{ padding: 20px;}
    .pri_box ul li{padding: 10px;}
    .pri_box ul li > label{width: 140px;}
    .pri_box ul li >input{width: calc(100% - 150px);}
    .pri_box .checkbox-group{width: calc(100% - 150px);}
    .pri_box2 > ul{width: 100%;}
}
@media all and (max-width:580px){
    p.cau2{text-align: left;}
    .pri_box{ padding: 20px 10px;}
    .pri_box ul{font-size: 1.6rem;}
    .pri_box ul li{flex-wrap: wrap;}
    .pri_box ul li > label{width: 100%;}
    .pri_box ul li >input{width: 100%; font-size: 1.5rem; padding: 10px;}
    .pri_box .checkbox-group{width: 100%;}
    .pri_box .checkbox-group p{width: 100%; text-align: center;}
}

.done_box{ padding: 40px; background: #f5f7fa; display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; flex-direction: column; align-items: center;}
.done_box dl{font-size: 1.8rem; display: flex; justify-content: center; color: #222; max-width: 500px; width: 100%; align-items: center;}
.done_box dl dt{font-weight: bold; width: 130px;}
.done_box dl dd{width: calc(100% - 130px); background: #fff; padding: 10px 20px;}

@media all and (max-width:580px){
    .done_box{ padding: 30px 20px;}
    .done_box dl{flex-wrap: wrap;}
    .done_box dl dt{width: 100%;}
    .done_box dl dd{width: 100%; margin-top: 10px;padding: 10px 15px;}
}

p.t1{font-size: 1.8rem; padding: 5px 10px;}

@media all and (max-width:680px){
    p.t1{font-size: 1.6rem; padding: 3px 0;}
}

ul.process{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; text-align: center; font-size: 1.8rem; align-items: center; }
ul.process li{width: calc(100%/4 - 60px);}
ul.process li.arrow{width: 30px;}
ul.process li.arrow img{width: 100%;}
ul.process li .top{background: linear-gradient(to right, #335cb7, #7fcef4); color: #fff; font-weight: bold;min-height: 70px; display: flex; align-items: center; justify-content: center;}
ul.process li .bot{border: 1px solid; border-image: linear-gradient(to right, #335cb7, #7fcef4) 1; min-height: 70px; display: flex; align-items: center; justify-content: center;}

@media all and (max-width:1400px){
    ul.process li.arrow{width: 20px;}
    ul.process li{width: calc(100%/4 - 45px);}
}
@media all and (max-width:1280px){
    ul.process{font-size: 1.6rem;}
    ul.process li.arrow{width: 15px;}
}
@media all and (max-width:780px){
    ul.process li{width: 100%;}
    ul.process li p br{display: none;}
    ul.process li.arrow{width: 100%; transform: rotate(90deg);}
    ul.process li.arrow img{width: 20px;}
    ul.process li .top{min-height: auto; padding: 15px;}
    ul.process li .bot{min-height: auto; padding: 15px;}
}


ul.road{display: flex; gap: 10px; flex-wrap: wrap;}
ul.road li a{display: flex; align-items: center; gap: 5px; padding: 5px 25px 5px 10px; font-weight: bold;}
ul.road li:first-child a{background: #00bc4a; color: #fff; border-radius: 5px; font-size: 1.7rem;}
ul.road li:last-child a{background: #ffdd45; color: #0087f9; border-radius: 5px; font-size: 1.7rem;}

@media all and (max-width:780px){
    ul.road li{width: calc(100%/2 - 5px);}
    ul.road li a{width: 100%; justify-content: center; padding: 5px 20px 5px 5px;}
    ul.road li img{width: 30px;}
}


.bdBox { border:10px solid #e7f6fd; padding: 3%; }

.member p { line-height: 1.7em; font-size: 1.7em; margin-top: 1.5em;  }
.member p.em { font-size: 1.6em; font-weight: 600; }
.member h4 { color:#212121; font-weight: 600; font-size: 2em; margin-top: 3em;  }
.member .txt1 { padding-bottom: 2em; border-bottom: 1px solid #dedede; }

@media all and (max-width:1280px) {
    .bdBox { padding: 4%; }
}
@media all and (max-width:767px) {
    .bdBox { padding: 6%; }
}
@media all and (max-width:568px) {
  .bdBox { padding: 9% 6%; }
}


.conf_box .top{background: #f8f8f8; padding: 50px; color: #222; text-align: center;}
.conf_box .top h4{font-size: 2.5rem; color: #7fcef4; margin-bottom: 20px;}
.conf_box .top h3{font-size: 3.5rem; padding-bottom: 30px;margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.conf_box .top ul{display: flex; flex-wrap: wrap; gap: 10px 50px; font-size: 1.8rem;justify-content: center;}
.conf_box .top ul li{display: flex; gap: 20px; position: relative;}
.conf_box .top ul li:after{position: absolute; right: -25px; top: 50%; width: 1px; height: 70%; transform: translateY(-50%); content: ''; background: #b4b4b4;}
.conf_box .top ul li:last-child:after{display: none;}
.conf_box .top ul li span{font-weight: bold;color: #a3a3a3;}
.conf_box .bot{font-size: 1.8rem; color: #222;}
.conf_box .bot .box{border-bottom: 1px solid #e7e7e7; padding: 30px; display: flex; align-items: center;gap: 20px;}
.conf_box .bot .box .time{width: 150px;}
.conf_box .bot .box .topic{width: calc(100% - 500px); font-size: 2rem; font-weight: bold;}
.conf_box .bot .box .speaker{width: 310px; display: flex; align-items: center; gap: 15px;}
.conf_box .bot .box .speaker .img{width: 90px; border-radius: 10px;overflow: hidden;}
.conf_box .bot .box .speaker .img img{width: 100%;}
.conf_box .bot .box .speaker .txt h4{color: #7fcef4; margin-bottom: 10px;}
.conf_box .bot .box .speaker .txt p{font-size: 1.6rem;margin-top: 5px;}

@media all and (max-width:1280px) {
    .conf_box .top h4{font-size: 2rem;}
    .conf_box .top h3{font-size: 3rem;}
    .conf_box .top ul{font-size: 1.6rem;}
    .conf_box .bot{font-size: 1.6rem;}
    .conf_box .bot .box .topic{font-weight: 1.8rem;}
    .conf_box .bot .box .speaker .txt h4{margin-bottom: 7px;}
}
@media all and (max-width:1080px) {
    .conf_box .bot .box{flex-wrap: wrap;justify-content: end;}
    .conf_box .bot .box .topic{width: calc(100% - 170px);}
    .conf_box .bot .box .speaker{width: calc(100% - 170px);}
    .conf_box .bot .box .speaker .img{width: 80px;}
    .conf_box .bot .box .speaker .txt p{font-size: 1.6rem;margin-top: 2px;}
}
@media all and (max-width:780px) {
    .conf_box .top{padding: 30px;}
    .conf_box .bot .box{justify-content: start;}
    .conf_box .bot .box .time{background: #7fcef4; width: fit-content; padding: 5px 20px; color: #fff; font-weight: bold; border-radius: 100px;}
    .conf_box .bot .box .topic{width: 100%;}
    .conf_box .bot .box .speaker{width: 100%;}
}