@import url("layout.css");

img.tit_img {width: 2rem; height: 2rem; display: inline-block; margin-right: 0.25rem;}

/*주요 개인정보 처리표(라벨링)*/
.label_list{width: 70%; margin: 0 auto;}
.label_list li{ display: inline-block; width: 32%;  height: 12rem; margin-right: 1%; margin-bottom: 1%; padding: 0.5rem 0.75rem; border: 1px dotted #9ad3ff; overflow: hidden; transition: .3s;}
.label_list li:nth-child(3n){margin-right: 0;}
.label_list li .tit {font-weight: 600;}
.label_list li .txt{font-size: 0.75rem;}

/*목차*/
.con_list{overflow: hidden;}
.con_list li {display: flex;}/*220727*/
.con_list li a{display: block; display: flex; padding: 0.25rem 0;}
.con_list li p.img{margin-right: 0.25rem;}
.con_list li p.img img{width: 1.5rem; height: 1.5rem;}
.con_list li p.tit{position: relative;}
.con_list li p.tit::before{content: ""; position: absolute; top: 50%; left: 105%;  display: block; width: 1000%; height: 1px; border-top: 1px dotted #c8c8c8;}

/*타이틀 아이콘*/
h4 img.tit_img {width: 2rem; height: 2rem;}

/*반응형*/

@media screen and (max-width: 1440px){

	
}


@media screen and (max-width: 1240px){
	
    /*주요 개인정보 처리표(라벨링)*/
	.label_list{width: 100%;}

}

@media screen and (max-width: 1024px){
	
    /*주요 개인정보 처리표(라벨링)*/
	.label_list li{width: 48%;}
    .label_list li:nth-child(3n){margin-right: 1%;}
    .label_list li:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width: 800px){


}

@media screen and (max-width: 768px){

	
	
}
@media screen and (max-width: 640px){
		    /*주요 개인정보 처리표(라벨링)*/
            .label_list li{position: relative; width: 100%; border: none; border-bottom: 1px dotted #c8c8c8; height: auto;}
            .label_list li span {display: block; padding-left: 2rem; text-align: left;}
            .label_list li .img {width: 2rem; height: 2rem; position: absolute; top: 0.5rem; left: 0;}
            .label_list li .img img {width: 100%;}

            /*목차*/
            .con_list li p.tit::before{display: none;}
    
	
}

@media screen and (max-width: 560px){
		
	


}
@media screen and (max-width: 480px){
		
	
}