@charset "utf-8";

.br{margin-top: 100px; padding-top: 100px; border-top: 1px solid #dedede;}

@media all and (max-width:1280px){
	.br{margin-top: 80px; padding-top: 80px;}
}
@media all and (max-width:1024px){
	.br{margin-top: 75px; padding-top: 75px;}
}
@media all and (max-width:768px){
	.br{margin-top: 70px; padding-top: 70px;}
}
@media all and (max-width:500px){
	.br{margin-top: 65px; padding-top: 65px;}
}

/* s_txt */
.s_txt{margin-bottom: 60px;}
.s_txt h3{font-size: 42px; color: #000; line-height: 1.4em;}
.s_txt h3 span{color: #cb1841;}
.s_txt p{font-size: 20px; color: #444; font-weight: 300; margin-top: 20px; line-height: 1.6em;}

@media all and (max-width:1280px){
	.s_txt{margin-bottom: 55px;}
	.s_txt h3{font-size: 37px;}
	.s_txt p{font-size: 19px; margin-top: 18px;}
}
@media all and (max-width:1024px){
	.s_txt{margin-bottom: 50px;}
	.s_txt h3{font-size: 35px;}
	.s_txt p{font-size: 18px; margin-top: 16px;}
}
@media all and (max-width:768px){
	.s_txt{margin-bottom: 45px;}
	.s_txt h3{font-size: 33px;}
	.s_txt p{font-size: 18px; margin-top: 14px;}
}
@media all and (max-width:500px){
	.s_txt{margin-bottom: 40px;}
	.s_txt h3{font-size: 31px;}
	.s_txt p{font-size: 17px; margin-top: 13px;}
}

 /* intro1  */
 .intro1{}
 .intro1 .slide{width: 100%; margin-top: 80px;}
 .intro1 .slide li{ margin: 0 15px;}
 .intro1 .slide li .img{max-width: 440px; border-radius: 20px; overflow: hidden;}
 .intro1 .slide li .img img{}
 .intro1 .slide li .txt{margin-top: 15px; margin-left: 10px; text-align: center;}
 .intro1 .slide li .txt p{font-size: 18px; font-weight: 700; color: #999;}
 .intro1 .bg{margin: 160px 0 120px; background-color: #f5f5f3; padding: 140px 0; position: relative;}
 .intro1 .bg .inner{display: flex; align-items:flex-start;}
 .intro1 .bg .inner .l_cont{width: 420px; position:sticky; top: 200px;}
 .intro1 .bg .inner .l_cont .s_txt{}
 .intro1 .bg .inner .l_cont h3{}
 .intro1 .bg .inner .l_cont .list{}
 .intro1 .bg .inner .l_cont .list li{font-size: 20px; font-weight: 600; color: #000000; opacity: .5; position:relative; transition: .4s;}
 .intro1 .bg .inner .l_cont .list li + li{margin-top: 30px;}
 .intro1 .bg .inner .l_cont .list li::before{content: ''; width: 0; transition: .4s; height: 2px;}
 .intro1 .bg .inner .l_cont .list li.on::before{content: ''; width: 22px; height: 2px; background-color: #ef1b23; display: inline-block; position: absolute; left: 0; top:50%; transform: translateY(-50%);}
 .intro1 .bg .inner .l_cont .list li.on{opacity: 1; color:#ef1b23; padding-left: 30px;}
 .intro1 .bg .inner .r_cont{width: calc(100% - 420px);}
 .intro1 .bg .inner .r_cont .box{}
 .intro1 .bg .inner .r_cont .box + .box{margin-top: 100px;}
 .intro1 .bg .inner .r_cont .box .img_box{}
 .intro1 .bg .inner .r_cont .box .img_box .img{max-width:100%; border-radius: 20px; overflow: hidden; position: relative;}
 .intro1 .bg .inner .r_cont .box .img_box .img img{width: 100%;}
 .intro1 .bg .inner .r_cont .box .img_box .img h3{position: absolute; left: 60px; bottom: 40px; font-size: 48px; color:#fff;}
 .intro1 .bg .inner .r_cont .box .img_box .txt{padding: 40px 30px 0;}
 .intro1 .bg .inner .r_cont .box .img_box .txt p{font-size: 20px; color:#444444; font-weight: 400; line-height: 1.6em; word-break: keep-all;}
.intro1 table.tb-style1{width: 100%;}
.intro1 table.tb-style1 thead tr th{background-color: #cb1841; color: #fff; font-weight: 700; font-size: 18px; padding: 15px 0;}
.intro1 table.tb-style1 thead tr th + th{border-left: 1px solid rgba(255,255,255,0.1);}
.intro1 table.tb-style1 tbody{font-size: 16px;}
.intro1 table.tb-style1 tbody tr:nth-child(even){background-color: #f8f8f8;}
.intro1 table.tb-style1 tbody tr th{border-bottom: 1px solid #ddd; padding: 15px 10px; text-align: center; font-weight: 600; color: #333;}
.intro1 table.tb-style1 tbody tr td{border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 15px 10px; text-align: center;}
.intro1 table.tb-style1 tbody tr td + th{border-left: 1px solid #ddd;}

.intro1 .partner_box{margin-top: 140px;}
.intro1 .partner_box .inner{}
.intro1 .partner_box .inner .tit{margin-bottom: 65px;}
.intro1 .partner_box .inner .tit h3{font-size: 36px; color: #000;}
.intro1 .partner_box .inner .partner{mix-blend-mode: multiply; mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);}
.intro1 .partner_box .inner .partner + .partner{margin-top: 60px;}
.intro1 .partner_box .inner .partner li{margin-right: 50px;}
.intro1 .partner_box .inner .partner li a{}
.intro1 .partner_box .inner .partner li a img{}

@media  all and (max-width:1600px) {
    .intro1 .bg .inner .l_cont{width: 30vw;}
    .intro1 .bg .inner .r_cont{width: calc(100% - 30vw);}
}
@media all and (max-width:1280px){
    .intro1 .slide{margin-top: 60px;}
    .intro1 .slide li{margin: 0 12px;}
    .intro1 .slide li .img{max-width: 400px;}
    .intro1 .slide li .img img{width: 100%; object-fit: cover;;}
    .intro1 .slide li .txt p{font-size: 17px;}
    .intro1 .bg{margin: 130px 0 100px; padding: 120px 0;}
    .intro1 .bg .inner .r_cont .box + .box{margin-top: 80px;}
    .intro1 .bg .inner .r_cont .box .img_box .img{border-radius: 15px;}
    .intro1 .bg .inner .r_cont .box .img_box .img h3{left: 50px; bottom: 35px; font-size: 42px;}
    .intro1 .bg .inner .r_cont .box .img_box .txt{padding: 30px 15px 0;}
    .intro1 .bg .inner .r_cont .box .img_box .txt p{font-size: 19px;}
    .intro1 .partner_box{margin-top: 120px;}
	.intro1 .partner_box .inner .partner + .partner{margin-top: 50px;}
	.intro1 .partner_box .inner .partner li{margin-right: 45px;}
	.intro1 .partner_box .inner .partner li a img{max-height: 48px;}
}
@media all and (max-width:1024px){
	.intro1 table.tb-style1 thead tr th{font-size: 17px; padding: 13px 0;}
	.intro1 table.tb-style1 tbody tr th{padding: 13px 4px;}
	.intro1 table.tb-style1 tbody tr td{padding: 13px 8px;}
	.intro1 table.tb-style1 tbody{font-size: 15px;}
    .intro1 .bg{margin: 115px 0 90px; padding: 100px 0;}
    .intro1 .bg .inner .r_cont .box + .box{margin-top: 70px;}
    .intro1 .bg .inner .r_cont .box .img_box .img{border-radius: 10px;}
    .intro1 .bg .inner .r_cont .box .img_box .img h3{left: 40px; bottom: 30px; font-size: 38px;}
    .intro1 .bg .inner .r_cont .box .img_box .txt{padding: 25px 12px 0;}
    .intro1 .bg .inner .r_cont .box .img_box .txt p{font-size: 18px;}
    .intro1 .partner_box{margin-top: 100px;}
	.intro1 .partner_box .inner .tit{margin-bottom: 50px;}
	.intro1 .partner_box .inner .tit h3{font-size: 30px;}
	.intro1 .partner_box .inner .partner li{margin-right: 40px;}
	.intro1 .partner_box .inner .partner li a img{max-height: 45px;}
}
@media all and (max-width:768px){
    .intro1 .slide{margin-top: 45px;}
    .intro1 .slide li{margin: 0 10px;}
    .intro1 .slide li .img{max-width: 360px;}
    .intro1 .slide li .txt p{font-size: 16px;}
    .intro1 .bg{margin: 90px 0 80px; padding: 90px 0;}
    .intro1 .bg .inner{flex-direction: column;}
    .intro1 .bg .inner .l_cont{position: static; width: 100%; text-align: center;}
    .intro1 .bg .inner .l_cont .list{display: none;}
    .intro1 .bg .inner .r_cont{width: 100%;}
    .intro1 .bg .inner .r_cont .box + .box{margin-top: 50px;}
    .intro1 .bg .inner .r_cont .box .img_box .img img{height: 45vw; object-fit: cover;}
    .intro1 .bg .inner .r_cont .box .img_box .img h3{left: 30px; font-size: 32px;}
    .intro1 .bg .inner .r_cont .box .img_box .txt{padding: 20px 10px 0;}
    .intro1 .bg .inner .r_cont .box .img_box .txt p{font-size: 17px;}
    .intro1 .partner_box{margin-top: 90px;}
	.intro1 .partner_box .inner .tit{margin-bottom: 45px;}
	.intro1 .partner_box .inner .tit h3{font-size: 28px;}
	.intro1 .partner_box .inner .partner + .partner{margin-top: 40px;}
	.intro1 .partner_box .inner .partner li{margin-right: 36px;}
	.intro1 .partner_box .inner .partner li a img{max-height: 42px;}
}
@media all and (max-width:500px){
	.intro1 table.tb-style1 thead tr th{font-size: 16px; padding: 12px 0;}
    .intro1 .slide{margin-top: 40px;}
    .intro1 .slide li .img{max-width: 320px;}
    .intro1 .bg{margin: 80px 0 70px; padding: 80px 0;}
    .intro1 .partner_box{margin-top: 80px;}
	.intro1 .partner_box .inner .tit{margin-bottom: 40px;}
	.intro1 .partner_box .inner .tit h3{font-size: 26px;}
	.intro1 .partner_box .inner .partner li{margin-right: 32px;}
	.intro1 .partner_box .inner .partner li a img{max-height: 39px;}
}


/* intro2 */
.intro2{}
.intro2 .top_bg{width: 100%; height: 580px; border-radius: 30px; overflow: hidden; position: relative;}
.intro2 .top_bg .img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -1;}
.intro2 .top_bg .img img{width: 100%; height: 100%; object-fit: cover;}
.intro2 .top_bg.aos-animate .img img{animation: zoomin 1.5s;}
.intro2 .top_bg .txt{display: flex; width: 50%; height: 100%; align-items: center; justify-content: flex-end; text-align: right; padding-right: 70px;}
.intro2 .top_bg .txt h3{color: #fff; font-size: 92px;}
.intro2 .bottom_txt{max-width: 1400px; margin-left: auto; margin-right: auto; margin-top: 100px; display: flex;}
.intro2 .bottom_txt .l_cont{width: 50%; display: flex; flex-direction: column; gap:60px;}
.intro2 .bottom_txt .l_cont > h3{font-size: 50px; color: #000000; word-break: keep-all; line-height: 1.3em;}
.intro2 .bottom_txt .l_cont .name{display: flex; align-items: center; gap:15px;}
.intro2 .bottom_txt .l_cont .name .img{}
.intro2 .bottom_txt .l_cont .name .img img{}
.intro2 .bottom_txt .l_cont .name .txt{}
.intro2 .bottom_txt .l_cont .name .txt h4{font-size: 20px; font-weight: 500; color: #000;}
.intro2 .bottom_txt .l_cont .name .txt h3{font-size: 32px; color: #000;}
.intro2 .bottom_txt .r_cont{width: 50%; padding-top: 0px;}
.intro2 .bottom_txt .r_cont p{font-size: 20px; font-weight: 500; color: #222222; line-height: 1.8em; word-break: keep-all;}
.intro2 .bottom_txt .r_cont p + p{margin-top: 45px;}

@media all and (max-width:1280px){
	.intro2 .top_bg{height: 520px;}
	.intro2 .top_bg .txt{padding-right: 60px;}
	.intro2 .top_bg .txt h3{font-size: 76px;}
	.intro2 .bottom_txt{margin-top: 80px;}
	.intro2 .bottom_txt .l_cont > h3{font-size: 42px;}
	.intro2 .bottom_txt .l_cont .name .img img{max-width: 46px;}
	.intro2 .bottom_txt .l_cont .name .txt h4{font-size: 19px;}
	.intro2 .bottom_txt .l_cont .name .txt h3{font-size: 29px;}
	.intro2 .bottom_txt .r_cont{padding-top: 0;}
	.intro2 .bottom_txt .r_cont p{font-size: 19px; line-height: 1.7em;}
	.intro2 .bottom_txt .r_cont p br{display: none;}
	.intro2 .bottom_txt .r_cont p + p{margin-top: 40px;}
}
@media all and (max-width:1024px){
	.intro2 .top_bg{height: 440px;}
	.intro2 .top_bg .txt{padding-right: 30px; padding-left: 3%;}
	.intro2 .top_bg .txt h3{font-size: 68px;}
	.intro2 .bottom_txt{margin-top: 70px;}
	.intro2 .bottom_txt .l_cont > h3{font-size: 36px;}
	.intro2 .bottom_txt .l_cont .name .txt h4{font-size: 18px;}
	.intro2 .bottom_txt .l_cont .name .txt h3{font-size: 27px;}
	.intro2 .bottom_txt .r_cont{}
	.intro2 .bottom_txt .r_cont p{font-size: 18px;}
	.intro2 .bottom_txt .r_cont p + p{margin-top: 35px;}
}
@media all and (max-width:768px){
	.intro2 .top_bg{height: 380px;}
	.intro2 .top_bg .txt{padding-right: 15px;}
	.intro2 .top_bg .txt h3{font-size: 60px;}
	.intro2 .bottom_txt{margin-top: 60px; flex-direction: column; gap:50px;}
	.intro2 .bottom_txt .l_cont{width: 100%; gap:30px;}
	.intro2 .bottom_txt .l_cont > h3{font-size: 32px;}
	.intro2 .bottom_txt .l_cont .name .img img{max-width: 42px;}
	.intro2 .bottom_txt .l_cont .name .txt h4{font-size: 17px;}
	.intro2 .bottom_txt .l_cont .name .txt h3{font-size: 25px;}
	.intro2 .bottom_txt .r_cont{width: 100%;}
	.intro2 .bottom_txt .r_cont p{font-size: 17px; line-height: 1.6em;}
	.intro2 .bottom_txt .r_cont p + p{margin-top: 30px;}
}
@media all and (max-width:500px){
	.intro2 .top_bg{height: 320px;}
	.intro2 .top_bg .txt{padding-right: 0px;}
	.intro2 .top_bg .txt h3{font-size: 9vw;}
	.intro2 .bottom_txt .l_cont > h3{font-size: 28px;}
	.intro2 .bottom_txt .l_cont .name .img img{max-width: 40px;}
	.intro2 .bottom_txt .l_cont .name .txt h4{font-size: 16px;}
	.intro2 .bottom_txt .l_cont .name .txt h3{font-size: 23px;}
	.intro2 .bottom_txt .r_cont p + p{margin-top: 25px;}
}


/* intro3 */
.intro3{}
.intro3 .img{padding-top: 50px;}
.intro3 .img img{max-width: 100%;}
.intro3 .img.mo{display: none;}

@media all and (max-width:768px){
	.intro3 .img.pc{display: none;}
	.intro3 .img.mo{display: block;}
}


/* intro4 */
.intro4{}
.intro4 .inner{}
.intro4 .inner .s_txt{}
.intro4 .inner .boxs + .s_txt{margin-top: 120px;}
.intro4 .inner .boxs{position: relative;}
.intro4 .inner .boxs .l_cont{width: 100%;}
.intro4 .inner .boxs .l_cont .map{height: 100%; aspect-ratio:4/3; border-radius: 20px; overflow: hidden; max-height: 36vw;}
.intro4 .inner .boxs .r_cont{width: 100%; margin-top:60px;}
.intro4 .inner .boxs .r_cont .box{padding: 40px 15px; display: flex; gap:50px; position: relative; align-items: center; flex-direction: row-reverse;}
.intro4 .inner .boxs .r_cont .box:first-child{border-top: 2px solid #ec2429;}
.intro4 .inner .boxs .r_cont .box:last-child{border-bottom: 1px solid #dedede;}
.intro4 .inner .boxs .r_cont .box + .box{border-top: 1px dashed #dedede;}
.intro4 .inner .boxs .r_cont .box .img{width: 280px;}
.intro4 .inner .boxs .r_cont .box .img img{width: 100%; aspect-ratio:4 / 2.5; border-radius: 10px; overflow: hidden; object-fit: cover;}
.intro4 .inner .boxs .r_cont .box h3{color: #000; font-size: 28px; padding-left: 34px; position: relative;;}
.intro4 .inner .boxs .r_cont .box h3::before{content: ''; background: url(/images/sub/intro2_img1.webp) no-repeat center center / 26px; width: 28px; height: 28px; display: inline-block; position: absolute; top: 2px; left: 0;}
.intro4 .inner .boxs .r_cont .box .txt{flex: auto;}
.intro4 .inner .boxs .r_cont .box .txt p{font-size: 20px; color: #222; font-weight: 600; line-height: 1.5em; word-break: keep-all; margin-top: 20px}
.intro4 .inner .boxs .r_cont .box .txt p i{color: #ec2429; font-size: 1.45em; vertical-align: sub;}
.intro4 .inner .boxs .r_cont .box .txt .info{padding-top: 20px; margin-top: 17px; border-top: 1px solid #eee; display: grid; grid-template-columns: repeat(3, 1fr); gap:25px 10px; background-color: #f8f8f8; padding: 25px; max-width: 64.5834vw;}
.intro4 .inner .boxs .r_cont .box .txt .info dl{font-size: 18px; display: flex; align-items: center; color: #222; width: 100%;}
.intro4 .inner .boxs .r_cont .box .txt .info dl dt{width: 80px; font-weight: 700;}
.intro4 .inner .boxs .r_cont .box .txt .info dl dd{width: calc(100% - 80px); color: #555; font-weight: 300;}

@media all and (max-width:1600px){
/*	.intro4 .inner .boxs .r_cont .box .txt .info{grid-template-columns: repeat(2, 1fr); gap:10px;}*/
}
@media all and (max-width:1280px){
	.intro4 .inner .boxs + .s_txt{margin-top: 100px;}
	.intro4 .inner .boxs .l_cont .map{border-radius: 15px;}
	.intro4 .inner .boxs .r_cont{min-width: 530px; margin-top: 50px;}
	.intro4 .inner .boxs .r_cont .box{padding: 35px 13px; gap:40px;}
	.intro4 .inner .boxs .r_cont .box .img{width: 240px; border-radius: 8px;}
	.intro4 .inner .boxs .r_cont .box h3{font-size: 24px; padding-left: 30px;}
	.intro4 .inner .boxs .r_cont .box h3::before{width: 26px; height: 26px; background-size: 26px;}
	.intro4 .inner .boxs .r_cont .box .txt{width: calc(100% - 170px);}
	.intro4 .inner .boxs .r_cont .box .txt p{font-size: 19px;}
	.intro4 .inner .boxs .r_cont .box .txt .info{gap:20px 10px; padding: 20px; margin-top: 15px; grid-template-columns: repeat(2, 1fr);}
	.intro4 .inner .boxs .r_cont .box .txt .info dl{font-size: 17px;}
}
@media all and (max-width:1024px){
	.intro4 .inner .boxs + .s_txt{margin-top: 90px;}
}
@media all and (max-width:768px){
	.intro4 .inner .boxs + .s_txt{margin-top: 80px;}
	.intro4 .inner .boxs{flex-direction: column; gap:40px;}
	.intro4 .inner .boxs .l_cont{width: 100%; position: static;}
	.intro4 .inner .boxs .l_cont .map{max-height: 45vw; min-height: 360px; border-radius: 10px;}
	.intro4 .inner .boxs .r_cont{width: 100%; padding-right: 0; min-width: 0; margin-top: 40px;}
	.intro4 .inner .boxs .r_cont .box{padding: 22px 11px; gap:30px; flex-direction: column-reverse; align-items: flex-start;}
	.intro4 .inner .boxs .r_cont .box .img{width: 100%;}
	.intro4 .inner .boxs .r_cont .box .img img{border-radius:7px; aspect-ratio 5 / 3;}
	.intro4 .inner .boxs .r_cont .box .txt{width: 100%;}
	.intro4 .inner .boxs .r_cont .box h3{font-size: 22px; padding-left: 27px;}
	.intro4 .inner .boxs .r_cont .box h3::before{width: 24px; height: 24px; background-size: 24px;}
	.intro4 .inner .boxs .r_cont .box .txt p{line-height: 1.4em;}
	.intro4 .inner .boxs .r_cont .box .txt p i{font-size: 1.325em;}
	.intro4 .inner .boxs .r_cont .box .txt .info{gap:15px; max-width: 100%;}
	.intro4 .inner .boxs .r_cont .box .txt .info dl dt{width: 70px;}
	.intro4 .inner .boxs .r_cont .box .txt .info dl dd{width: calc(100% - 70px);}
}
@media all and (max-width:500px){
	.intro4 .inner .boxs + .s_txt{margin-top: 70px;}
	.intro4 .inner .boxs .l_cont .map{max-height: 45vw; min-height: 320px;}
	.intro4 .inner .boxs .r_cont .box{gap:25px;}
	.intro4 .inner .boxs .r_cont .box .txt .info{grid-template-columns: repeat(1, 1fr)}
}

#certList { overflow: hidden; text-align: left; max-width: 1600px;  font-size:0; }
#certList li { display: inline-block; vertical-align: top; width: calc((100% - 120px) / 4); margin-left: 30px; margin-bottom: 70px;}
#certList li:nth-child(4n+1) { margin-left:0; }
#certList li .img { border: 1px solid #dedede; padding: 10px;  border-radius: 10px; overflow: hidden;}
#certList li img { max-width: 100%; border: 1px solid #f2f2f2;  border-radius: 10px; overflow: hidden; }
#certList li p { margin-top: 20px; font-size: 18px; font-weight: 600; color:#212121; text-align: center; word-break: keep-all;}


@media all and (max-width:1280px) {
  #certList li { width: calc((100% - 60px) / 4); margin-left: 20px; margin-bottom: 60px;}
	#certList li p{font-size: 17px; margin-top: 17px;}
}

@media all and (max-width:1024px) {
	#certList { text-align: left; }
  #certList li { width: calc((100% - 40px) / 3); text-align: center; margin-bottom: 50px;}
  #certList li:nth-child(4n+1) { margin-left:20px; }
  #certList li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:768px) {
  #certList li { width: calc((100% - 20px) / 3); margin-left: 10px;  }
  #certList li:nth-child(4n+1) { margin-left:10px; }
  #certList li:nth-child(3n+1) { margin-left:0; }
	#certList li p{font-size: 16px; margin-top: 15px;}
}

@media all and (max-width:500px) {
  #certList li { width: calc(50% - 5px); margin-left: 10px !important; margin-bottom: 20px;  margin-bottom: 40px;}
  #certList li:nth-child(odd) { margin-left: 0 !important; }
}


/* intro6 */
.intro6{}
.intro6 .root_daum_roughmap_landing{border-radius: 20px; overflow: hidden;}
.intro6 .root_daum_roughmap .wrap_controllers{display: none;}
.intro6 .root_daum_roughmap .cont{display: none;}
.intro6 .add_info{margin-top: 40px; border-bottom: 1px solid #dedede;}
.intro6 .add_info dl{display: flex;}
.intro6 .add_info dl dt{width: 25%; font-size: 25px; color: #000; font-weight: 700; border-top: 1px solid #dedede; padding: 25px 20px 35px; display: flex; align-items: center; gap:18px;}
.intro6 .add_info dl dt i{width: 48px; height: 48px; border-radius: 100%;  background-color: #f5f5f5; display: inline-flex; justify-content: center; align-items: center;}
.intro6 .add_info dl dd{width: 75%; padding: 25px 20px 35px; border-top: 1px solid #dedede;}
.intro6 .add_info dl dd p{font-size: 22px; color: #222; font-weight: 500;}
.intro6 .add_info dl dd .btn_box{margin-top: 20px; display: inline-flex; gap:10px;}
.intro6 .add_info dl dd .btn_box .btn{display: inline-flex; font-size: 18px; font-weight: 600; padding: 0 25px 0 50px; line-height: 52px; border-radius: 5px; background-size: 22px; background-position: left 15px center; background-repeat: no-repeat;}
.intro6 .add_info dl dd .btn_box .btn.btn1{background-color: #0b89ff; color: #fff; background-image: url(/images/sub/naver_icon.webp); }
.intro6 .add_info dl dd .btn_box .btn.btn2{background-color: #fae208; color: #222; background-image: url(/images/sub/kakao_icon.webp);}

@media  all and (max-width:1280px) {
  .intro6 .root_daum_roughmap .wrap_map{height: 540px !important;}
  .intro6 .add_info dl dt{font-size: 23px; padding: 22px 16px 30px;}
  .intro6 .add_info dl dd{ padding: 22px 16px 30px;}
  .intro6 .add_info dl dd p{font-size: 20px;}
  .intro6 .add_info dl dd .btn_box .btn{line-height: 48px; font-size: 17px; padding: 0 22px 0 45px; background-position: left 14px center; background-size: 19px;}
}
@media  all and (max-width:1024px) {
  .intro6 .root_daum_roughmap .wrap_map{height: 480px !important;}
}
@media  all and (max-width:768px) {
  .intro6 .root_daum_roughmap_landing{border-radius: 15px;}
  .intro6 .root_daum_roughmap .wrap_map{height: 420px !important;}
  .intro6 .add_info{margin-top: 30px;}
  .intro6 .add_info dl{flex-direction: column; gap:20px;}
  .intro6 .add_info dl dt{width: 100%; padding: 18px 14px 25px; padding-bottom: 0; gap:12px; font-size: 20px;}
  .intro6 .add_info dl dt i{width: 42px; height: 42px;}
  .intro6 .add_info dl dd{width: 100%; border-top: 0px; padding: 0px 14px 25px;}
  .intro6 .add_info dl dd p{font-size: 18px;}
  .intro6 .add_info dl dd .btn_box{margin-top: 15px;}
  .intro6 .add_info dl dd .btn_box .btn{line-height: 44px; font-size: 16px; padding: 0 18px 0 40px; background-position: left 14px center; background-size: 16px;}
}
@media  all and (max-width:500px) {
  .intro6 .root_daum_roughmap .wrap_map{height: 340px !important;}
}


 /* comm2  */
.comm2 form{max-width: 768px; display: flex; flex-direction: column; gap:30px; margin-left: auto; margin-right: auto;}
.comm2 form .flex{display: flex; gap:30px;}
.comm2 form .box{width: 100%;}
.comm2 form .box h4{font-size: 16px; color: #000; margin-bottom: 10px;}
.comm2 form .box h4.required{}
.comm2 form .box h4.required::after{content: '*'; color: #ee0000; margin-left: 3px}
.comm2 form .box input[type=text]{background-color: #fff; width: 100%; border: 0px; height: 50px; padding: 0 20px; font-size: 14px; font-weight: 500; color: #222; font-family: 'Pretendard', sans-serif; border-radius: 5px; border:1px solid #dedede;}
.comm2 form .box input[type=file]{background-color: #fff; width: 100%; border: 0px;  padding: 15px 20px; font-size: 14px; font-weight: 500; color: #222; font-family: 'Pretendard', sans-serif; border-radius: 5px; border:1px solid #dedede;}
.comm2 form .box select{background-color: #fff; width: 100%; border: 0px; height: 50px; padding: 0 20px; font-size: 14px; font-weight: 500; color: #222; font-family: 'Pretendard', sans-serif; border-radius: 5px; border:1px solid #dedede;}
.comm2 form .box input[type=text]::placeholder{color: #666;}
.comm2 form .box textarea{resize: none; border: 0px; width: 100%; border-radius: 5px; border: 1px solid #dedede; padding: 20px; font-size: 15px; color: #222; font-weight: 400; font-family: 'Prentendard',sans-serif;}
.comm2 form .check{display: flex; align-items: center; gap:12px;}
.comm2 form .check input[type=checkbox]{width: 24px; height: 24px; border-radius: 5px; border: 1px solid #f5f5f3;}
.comm2 form .check label{font-size: 16px; font-weight: 500; color: #222222;}
.comm2 form .check label a{color:#000; font-weight: 600; text-decoration: underline; text-underline-position: under;}
.comm2 form button[type=submit]{background-color: #222222; line-height: 70px; color: #fff; text-align: center; font-size: 18px; font-weight: 700; border-radius: 5px;}
.comm2 form button[type=button]{background-color: #fff; border:1px solid #222; line-height: 70px; color: #222; text-align: center; font-size: 18px; font-weight: 700; border-radius: 5px; margin-top: -20px;}

@media all and (max-width:1600px){
	.comm2{padding-left: 60px; padding-right: 3%;}
}
@media all and (max-width:1280px){
	.comm2{padding-left: 50px;}
	.comm2 form{gap:20px;}
	.comm2 form .flex{gap:20px;}
	.comm2 form .check input[type=checkbox]{width: 22px; height: 22px;}
	.comm2 form button[type=button]{margin-top: -10px;}
	.comm2 form button[type=submit]{line-height: 64px; font-size: 17px;}
	.comm2 form button[type=button]{line-height: 64px; font-size: 17px;}
}
@media all and (max-width:1024px){
	.comm2{padding-left: 40px;}
	.comm2 form .flex{flex-direction: column;}
}
@media all and (max-width:768px){
	.comm2{padding-left: 3%; padding-right: 3%; padding-top: 50px; width: 100%;}
	.comm2 form{max-width: 100%;}
	.comm2 form .flex{flex-direction: row;}
	.comm2 form .check input[type=checkbox]{width: 20px; height: 20px;}
	.comm2 form .check label{font-size: 15px;}
	.comm2 form button[type=submit]{line-height: 58px; font-size: 16px;}
	.comm2 form button[type=button]{line-height: 58px; font-size: 16px;}
}
@media all and (max-width:500px){
	.comm2{padding-top: 40px;}
	.comm2 form .flex{flex-direction: column;}
}

.layer-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #ccc;
  padding: 20px;
  z-index: 1000;
  width:94%;
  max-width: 640px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  font-size: 14px;
  line-height: 1.5em;
}
.layer-popup .layer-content h2 {
  margin-top: 0;
  color:#222; font-size: 17px;
  margin-bottom: 30px;
}
.layer-popup .agr-tit1{display: block; margin-top: 20px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; font-size: 15px; font-weight: 700; color: #000;}
.layer-popup #close-layer{display: block; text-align: center; margin-top: 30px; width: 100%;}
.layer-popup #close-layer span{background-color: #000; color: #fff; font-size: 15px;; padding: 6px 12px; font-family: 'Pretendard', sans-serif; display: inline-block;}


.layer-popup2 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 1px solid #ccc;
  z-index: 1000;
  width:94%;
  max-width: 640px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  font-size: 14px;
  line-height: 1.5em;
}
.layer-popup2 .agr-tit1{display: block; margin-top: 20px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; font-size: 15px; font-weight: 700; color: #000;}
.layer-popup2 #close-layer2{display: block; text-align: center; margin-top: 30px; width: 100%;}
.layer-popup2 #close-layer2 span{background-color: #000; color: #fff; font-size: 15px;; padding: 6px 12px; font-family: 'Pretendard', sans-serif; display: inline-block;}