@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

.privacy {font-family:"Noto Sans KR";line-height:150%; }
.privacy h3{ font-family:"noto_sans";font-size:18px;line-height:35px;font-weight:500;color:#000;margin-top:0px; padding-top:50px;}
.privacy dt{font-weight:500;margin-top:5px;}
.privacy dl{padding-left:13px;margin-top:10px}
.privacy dd{margin-left:15px}
.privacy .depth2{padding-left:10px}
.privacy .depth3{padding-left:10px}

.reportbox {border:1px solid #ddd; padding:30px; background:#f9f9f9; float:left; margin:0px 0px 30px 0px !important; text-align:justify}

.privacy_img {float:left;display:inline-block; width:auto;height:35px; position:relative;margin-right:7px; }
.privacy_img img {width:auto !important;height:35px;}

table.tstyle_basic { border-collapse: collapse; border-color: #bbbbbb; border-image: none; border-style: solid; border-width: 2px 0 0; margin:10px 0px; text-align: left; width: 100%;}
table.tstyle_basic thead th {padding:10px; background: #f7f7f7; border: 1px solid #d7d7d7; color: #000; font-weight: bold;text-align:center;vertical-align:middle;word-break:keep-all;} 
table.tstyle_basic tbody th {padding:10px; background: #f7f7f7; border: 1px solid #d7d7d7; color: #555; font-size:15px;font-weight: 500;text-align:center;vertical-align:middle;word-break:keep-all;}
table.tstyle_basic th, 
table.tstyle_basic td { line-height: 140%; padding:12px;text-align:center; word-break:keep-all;}
table.tstyle_basic td { background: #FFFFFF; border: 1px solid #d7d7d7; color:#5d5d5d;}
table.tstyle_basic td img {width:60%;max-width:100px;}
table.tstyle_basic td strong {text-align:center;display:block;font-size:16px; margin:5px 0px; color:#222;}
table.tstyle_basic td.tstyle_cont {font-size:12px;padding:12px 16px;text-align:left; vertical-align:top;}
table.tstyle_basic td.tac {text-align:center !important;}
table.tstyle_basic td.tal {text-align:left !important;}
table.tstyle_basic.tstyle_basic2 tbody td {padding:0px;}
table.tstyle_basic.tstyle_basic2 tbody td ul {width:100%;display:inline-block;padding:10px;}
table.tstyle_basic.tstyle_basic2 tbody td li {float:left;padding:0px 15px;width:50%;text-align:left;line-height:30px;display:inline-block;border-bottom:none;box-sizing:border-box;margin:5px 0px;}
table.tstyle_basic.tstyle_basic2 tbody td li .privacy_img {height:30px;}
table.tstyle_basic.tstyle_basic2 tbody td li .privacy_img img {height:30px;}

#ulbox{display:inline-block;width:100%;margin-top:10px;}
.privacy_history{position:relative;display:inline-block;width:102%;margin-right:-2%;}
.privacy_history li{float:left; width:31%;margin-right:2%; height:45px; border-radius:10px;padding:0; background:#f7f7f7;border:1px #dedede solid;box-sizing:border-box;}
.privacy_history li a{display:block; overflow:hidden; padding:10px;font-size:0.9em; color:#404040; line-height:23px;}
.privacy_history li span{float:left; font-size:0.9em; color:#404040; line-height:130%;}

@media all and (max-width:767px) {
	.privacy h3{font-size:16px;}
	.privacy p {margin-left:0px;}
	.privacy dl{padding-left:8px;margin-top:8px}
	.privacy dd{margin-left:10px}
	.privacy .depth2{padding-left:8px}
	.privacy .depth3{padding-left:8px}

	.reportbox {padding:20px; }
	table.tstyle_basic thead th,
	table.tstyle_basic tbody th,
	table.tstyle_basic td {padding:8px;font-size:13px;word-wrap:break-word !important;}
	table.tstyle_basic td strong {font-size:14px;}
	table.tstyle_basic.tstyle_basic2 tbody td {padding:10px;}
	table.tstyle_basic.tstyle_basic2 tbody td li {padding:0px;width:100%;border-right:none;}
	.privacy_history li{ width:48%;}
}

@media all and (max-width:480px) {
	.privacy_history li{ width:98%;}
}