
/***********************반응형***************************************/


@media (max-width:1280px) {


}

@media (max-width:1024px){

}	

@media (max-width:768px){
.top p{text-align:center;}
header{align-items: center; padding:10px 0;}
.header-tel a span,
.header-tel a strong{display:none}
.header-tel a{width:50px; height:50px; border-radius:7px; padding:0; justify-content: center; align-items: center; font-size:25px;}
.header-logo img{margin-top:0;}

.main-btn{padding:7px 30px; font-size:20px; border-radius:0 15px 0 15px;}

#visual{padding-top:20px; gap:20px;}
#visual p{font-size:28px;}

#information{font-size:14.5px; height:60px;}
#information p{padding-left:15px; margin-left:15px;}
#information p:before{width:1px; height:18px; margin-top:-9px;}

#number{width:100%; border-radius:0; margin-top:-30px; padding:50px 20px 20px;}
.num-tit{font-size:36px;}
.num-p{font-size:22px;}

.graph-bar{height:60px; margin-top:10px;}
.graph-bar p{padding-left:30px; font-size:16px;}

.main-tit1{font-size:28px; margin-bottom:20px;}
.main-tit1 em{word-break:keep-all; font-size:0.75em; line-height:1.15em; margin-top:7px;}


#list{padding:35px 0;}
.list-slide-box{font-size:16px;}
.list-box dt{font-size:18px;}
.list-bottom1 span{width:70px;}
.list-top1, .list-top3, .list-bottom1, .list-bottom3{width:28%;}

.area{padding:30px 0;}

.sec01-list{flex-direction: column; gap:10px;}
.sec01-list li{width:100%; display:flex; align-items: center; gap:10px; padding:0 20px; box-sizing:border-box;}
.sec01-list li span{order:1; width:38px; height:38px; font-size:16px; flex-shrink: 0; border-radius:9999px; display:flex; justify-content: center; align-items: center;}
.sec01-list li img{order:3; width:20%; flex-shrink: 0; margin:10px 0;}
.sec01-list li p{order:2; text-align:left; word-break: keep-all; font-size:18px; flex-grow: 1;}
.sec01-list li p br{display:none;}

.sec02-top p{font-size:28px;}
.sec02-table{gap:20px; padding:20px 20px; border-radius:10px; margin-top:50px;}
.sec02-table li{height:32px; line-height:32px;}
.sec02-table02{font-size:14px;}
.sec02-table01, .sec02-table03{font-size:18px;}
.seta-header{font-size:15px !important; border-radius:5px; height:50px; top:-60px; width:130%; left:-12%;}
.seta-header:after{bottom:-25px;}
.sec02-table01 .seta-header{background-image:none;}
.sec02-table01 .seta-header:before{display:none;}
.sec02-table01:after{border-radius:10px;}
.sec02-bottom{font-size:16px; margin-top:15px;}


#sec03 .main-btn{width:100%; padding:10px 0; margin-top:30px;}
.sec03-ul{gap:15px 0; margin-top:20px;}
.sec03-ul li{width:50%;}
.sec03-ul li img{width:60%;}
.sec03-ul li p{margin-top:10px; font-size:18px; word-break: keep-all; box-sizing:border-box; padding:0 20px;}
.sec03-ul li:after{bottom:-7px;}
.sec03-ul li:nth-child(4):after{display:block;}
.sec03-ul li:nth-child(3n+1){border-left-width:1px;}
.sec03-ul li:nth-child(2n+1){border-left-width:0px;}

.main-box{gap:10px;}
.txt1{font-size:16px;}
.txt2{font-size:28px; margin-top:0; width:120px; line-height:1.2em;}
.txt3{font-size:16px; margin-top:5px; word-break: keep-all;}

.sec06-p1{font-size:14px; margin-top:-10px;}
.sec06-ul{margin-top:10px; padding:15px;}
.sec06-ul li{gap:15px;}
.sec06-ul li p{font-size:18px; width:65px;}
.sec06-ul li input,
.sec06-radio{height:50px; line-height:50px;}
.sec06-ul li{height:60px;}
.sec06-radio label{height:50px; line-height:50px;}
.sec06-check{font-size:17px; margin-top:10px;}
.sec06-btn{font-size:20px;}

footer{padding:20px 0; font-size:15px;}
.foot-info{word-break: keep-all;}
.foot-info p{margin:0 3px 3px;}

.layer-pop-area{top:5vh; height:90vh;}

}


