@charset "utf-8";

.m_only{display:none;}

/* 이용약관 policy */
/* bul list */
.bul_list > li {position: relative; display: block; font-size: 1rem; padding-left: 13px; margin-bottom: 10px; text-align: left;}
.bul_list > li:last-child {margin-bottom: 0;}
.bul_list > li:before {content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #666; border-radius: 50%;}
.bul_list > li .txt {color: #666;}
.bul_list b + p{margin-top:5px;} 

.bul_list > li ul:not([class]) li {position: relative; padding-left: 12px; font-size: 1rem; color: #666; margin-bottom: 2px;}
.bul_list > li ul:not([class]) li:before {content: ''; position: absolute; top: 12px; left: 0; width: 5px; height: 1px; background-color: #999;}

.bul_list .list_st_dash > li{color:#666;}
.bul_list .list_st_dash > li + li{margin-top:2px;}

.num_list > li{position: relative; display: block; font-size: 1rem; padding-left: 20px;}
.num_list > li:before{content:''; position:absolute; top:0; left:0; font-size:1.125rem;}
.num_list > li:nth-child(1):before{content:'①'}
.num_list > li:nth-child(2):before{content:'②'}
.num_list > li:nth-child(3):before{content:'③'}
.num_list > li:nth-child(4):before{content:'④'}
.num_list > li:nth-child(5):before{content:'⑤'}
.num_list > li:nth-child(6):before{content:'⑥'}
.num_list > li:nth-child(7):before{content:'⑦'}
.num_list > li + li{margin-top:10px;}

.def_box ul{font-size:1rem;}
.def_box > li {margin-bottom: 60px;}
.def_box > li .tit {display: block; font-size: 18px; font-weight: 800; padding: 18px 0; border-bottom: 1px solid #eee; margin-bottom: 20px; color: #222;}
.def_box > li > .txt {font-size: 16px; margin-bottom: 20px;}

.def_box .bul_list > li {color: #666;}
.def_box .bul_list > li b {color: #111;}

/* privacy */
html{scroll-behavior:smooth;}

.labeling_tb{width:100%; border:1px solid #eee;}
.labeling_tb th, .labeling_tb td{padding:12px; text-align: center; border:1px solid #eee;}
.labeling_tb thead th{background:var(--gray-100); color:#222; font-size:1.125rem; font-weight: 600;}
.labeling_tb tbody tr:nth-child(even) td{border-top-color:transparent;}
.labeling_tb tbody tr:nth-child(2n+1) td{border-bottom-color:transparent;}
.labeling_tb tbody td strong{font-weight: 600; color:#333;}
.labeling_tb tbody td p{color:#666;}

.privacy_toc{width:100%; border:1px solid #eee; table-layout: fixed;}
.privacy_toc colgroup col:nth-child(2n+1){width:60px;}
.privacy_toc colgroup col:nth-child(even){width:calc((100% - 120px)/2);}
.privacy_toc thead th{background:var(--gray-100); color:#222; font-size:1.125rem; font-weight: 600; text-align: center;}
.privacy_toc th, .privacy_toc td{border:1px solid #ddd; padding:12px; vertical-align: middle; box-sizing: border-box;}
.privacy_toc td:nth-child(2n+1){width:60px; text-align: center;}
.privacy_toc td:nth-child(even){width:calc((100% - 120px)/2)}

.with_label{display:flex; align-content: center; gap:10px; border-bottom:1px solid #eee; padding:18px 0; margin-bottom:20px;}
.with_label .prv_label{width:30px; height:30px; text-align: center; line-height: 30px;}
.def_box > li .with_label .tit{padding:0; margin-bottom:0; border-bottom:0;}

@media (max-width: 1024px){
	.m_only{display:block;}
	.pc_only{display:none;}

	.def_box .m_only .bbsList{border-bottom:1px solid var(--gray-200);}
	.def_box .m_only .bbsList th{vertical-align: middle; border-top:1px solid var(--gray-200); text-align: center; background:var(--gray-100); font-weight: bold; word-break: break-all;}
	.def_box .m_only .bbsList th:first-child{border-right:1px solid #eee;}
	.def_box .m_only .bbsList th + td{border-left:none;}
	.def_box .m_only .bbsList th, .def_box .m_only .bbsList td{font-size:0.85rem;}
}

@media (max-width: 640px) {
	.m_only{display:block;}
	.pc_only{display:none;}

	/* privacy */
	.labeling_tb th, .labeling_tb td{padding:12px 5px;}
	.labeling_tb tbody tr:nth-child(2n+1) td{padding-bottom:0; padding-top:20px;}
	.privacy_toc colgroup col:nth-child(2n+1){width:55px;}
	.privacy_toc colgroup col:nth-child(even){width:calc((100% - 110px)/2);}
	.privacy_toc th, .privacy_toc td{padding:5px;}
	.privacy_toc td:nth-child(2n+1) img{width:30px;}

	
}