@charset "utf-8";
/********************** 
   24.11.11
   개인정보 처리방침
**********************/

.privacy-policy-wrap {position:relative; max-width:970px; word-break:keep-all; text-align:left; margin:0 auto; padding:40px 20px 24px 20px; box-sizing:border-box;}

/* top 버튼 */
.privacy-top-btn{position:absolute; right:0% ; bottom:40px; border:1px solid #ccc; border-radius:50px; width:40px; height:40px; background: rgba(255, 255, 255, 0.5);  box-sizing: border-box; z-index:22;}
.privacy-top-btn a{display:block; width:100%; height:100%; padding-top:5px;font-size:11px; text-align:center; box-sizing: border-box; line-height:1; font-family: verdana, sans-serif}
.privacy-top-btn a em{font-size:8px; display:block;}

.privacy-policy-wrap *{line-height:1.4; box-sizing:border-box;}
.privacy-policy-wrap .font-icon{font-size:11px;}
.privacy-policy-wrap .ml5{margin-left:5px;}
.privacy-policy-wrap .ac{text-align:center;}

.privacy-policy-main-title{position:relative; padding:10px 0 10px 0; margin-bottom:16px; font-size:26px; font-weight:bold; border-bottom:1px solid #eee;}

/* 상단박스 */
.privacy-top-box{position:relative; margin:0 0 30px 0; font-size:16px; padding:20px; background: #f7f7f7; }
@media all and (max-width:640px){
	.privacy-top-box{font-size:14px;}
}


/* 목차 */
.privacy-index-box{position:relative; margin:40px 0 50px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;}

.index-title-box{border-bottom:1px solid #eee;}
.index-title-box .p-title{ margin-top:0; padding:8px 0 8px 0; text-align:center; background:#f7f7f7; border-radius: 5px 5px 0 0;}
.index-title-box .s-title{padding:8px 20px; font-size:16px !important; font-weight:normal;}

.privacy-index-list{position:relative; display:flex; justify-content:space-around; padding:24px 20px; font-feature-settings: 'tnum'; box-sizing:border-box;}
.privacy-index-list ul li{margin:6px 0;}
.privacy-index-list ul li a{color: #000; font-size:16px;}
.privacy-index-list ul li a:hover{color: #001c50;text-decoration:underline;}
@media all and (max-width:800px){
	.privacy-index-list{ display:block;}
	.privacy-index-list ul li a{font-size:14px;}
}

/* 라벨링 */
.privacy-label-box{margin:10px 0 30px 0; display:flex; justify-content:space-between; flex-wrap: wrap;}
.privacy-label-box .items{position:relative; width: calc(33% - 10px); padding:10px 0; margin-right:10px; margin-bottom:10px;border:1px solid #9fbaf0; border-radius:10px; text-align:center;  box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.05);}
.privacy-label-box .items:nth-child(3),
.privacy-label-box .items:nth-child(6){margin-right:0;}
.privacy-label-box .label-img{padding:10px;}
.privacy-label-box .label-img img{max-width:48px;}
.privacy-label-box .mt{font-weight:bold; font-size:16px; padding:4px 16px;}
.privacy-label-box .st{display:flex;flex-wrap: wrap; font-size:14px; }
.privacy-label-box .st span{display:block; width:100%; padding:0 16px; color:#666}
@media all and (max-width:800px){
	.privacy-label-box .mt{font-size:14px;}
	.privacy-label-box .st span{font-size:12px;}
}
@media all and (max-width:640px){
	.privacy-label-box .items{width: calc(50% - 10px); padding:10px 0;}
	.privacy-label-box .items:nth-child(2),
	.privacy-label-box .items:nth-child(4),
	.privacy-label-box .items:nth-child(6){margin-right:0;}
}

/* 개인정보 상세내용 */
.privacy-detail-txt{position:relative; line-height:1.3;}
.privacy-detail-txt h2{margin-top: 30px; text-align: center; font-size: 24px;}

.privacy-policy-wrap .p-title{display:block; font-size:22px; font-weight:bold; color:#222; vertical-align:middle;}
.privacy-policy-wrap .s-title{font-size:18px; font-weight:bold; color:#444; vertical-align:middle;}
.p-title .privacy-s-icon img{max-width:28px; vertical-align:middle; margin-top:-1px;}
@media all and (max-width:640px){
	.privacy-policy-wrap .p-title{font-size:18px;}
}

.privacy-con{margin:35px 0; padding-bottom:25px; border-bottom:1px solid #eee;}
.privacy-con:last-child{border-bottom:none;}

.privacy-con ol.one {margin: 10px 0; font-size: 16px; font-weight: 500; color: #555; padding-left:20px;}
.privacy-con ol.two {margin: 5px 0 0 0; font-size: 14px; color: #555; padding-left:15px;}
.privacy-con ol.three{margin: 0 0 0 0; font-size: 14px; color: #555; padding-left:15px;}
.privacy-con ol.four {margin: 0 0 0 0; font-size: 14px; color: #555; padding-left:15px;}
@media all and (max-width:640px){
	.privacy-con ol.one{font-size:14px; padding-left:0;}
}
.privacy-con ol.one li {margin-top: 5px;}
.privacy-con ol.two li {margin-top: 5px;}
.privacy-con ol.three li {margin-top: 3px;}
.privacy-con ol.four li {margin-top: 3px;}
.privacy-con ol li{ font-weight:normal;}

/* 개인정보 테이블 */
.privacy-tbl {width:100%;margin:8px 0; border-collapse:collapse;}
.privacy-tbl th{padding: 7px 6px; border:1px solid #d3d3d3; font-size: 14px; color: #333; text-align:center; word-break: normal !important; box-sizing:border-box;}
.privacy-tbl td{padding: 5px 6px; border:1px solid #d3d3d3; font-weight: 400; font-size: 14px; color: #444; text-align:center; word-break: normal; box-sizing:border-box; }
.privacy-tbl thead th{background: #e7edf8}
.privacy-tbl tbody th{font-weight:bold;}
.privacy-tbl tfoot th{font-weight:bold;}
.privacy-tbl .ar {text-align: right;}
.privacy-tbl .al {text-align: left;}

/* 이전개인정보보호정책 링크 */
.before-privacy-link{position:relative;margin-bottom:5px;}
.before-privacy-link a{height:100%;display:inline-block;padding:5px 10px; font-size:14px; border-radius:4px; border:1px solid #ccc; cursor:pointer;}
.before-privacy-link a:hover{border-color:#9fbaf0;}



/***** 2024.10.31 회원가입 동의 페이지 개인정보취급방침 스타일 변경 ******/
.subBox .privacy-policy-wrap{padding-top:20px;}
.subBox .privacy-policy-wrap .privacy-policy-main-title{ text-align:center; font-size:24px; border:none;}
.subBox .privacy-policy-wrap .privacy-top-btn{display:none;}
.subBox .privacy-policy-wrap .privacy-top-box{background:none; padding:0; margin-bottom:40px;}
.subBox .privacy-policy-wrap .privacy-con ol.one {font-size: 14px;}
.subBox .privacy-policy-wrap .privacy-label-box .mt{font-size:14px;}
.subBox .privacy-policy-wrap .privacy-index-list ul li a {font-size:14px;}


.subBox .privacy-policy-wrap .p-title{font-size:18px; }
.subBox .privacy-policy-wrap .s-title{font-size:16px;}
.subBox .privacy-policy-wrap .index-title-box .s-title{font-size:14px !important;}

.subBox .privacy-policy-wrap .privacy-tbl th{font-size: 13px;}
.subBox .privacy-policy-wrap .privacy-tbl td{font-size: 13px;}




/*********** 2024.11.11 개인정보취급방침 약식화  ************/
.privacy-agree-check-wrap{position:relative; max-width:750px; margin:10px auto 0; border:1px solid #ddd; border-radius:8px; box-sizing:border-box;}
.privacy-agree-check-wrap.width100per{max-width:100%;}
.privacy-agree-check-wrap *{box-sizing:border-box;}

.privacy-agree-check-wrap .before-btn{ display:inline-block; text-decoration:underline; font-size:14px;} /* 버튼 */

.privacy-agree-check-wrap .agree-check{position:relative; padding:8px 16px; border-bottom:1px solid #eee; width:100%;  background:#f4f4f4;  border-radius:8px 8px 0 0 ; display:flex; align-items:center; justify-content:space-between;}
.privacy-agree-check-wrap .agree-check label{font-size:16px; font-weight: normal; padding-top:0; margin-top:0; display:inline-block; vertical-align:middle;}
.privacy-agree-check-wrap .agree-check label em{font-weight:bold;}

.privacy-agree-check-wrap .agree-text-box{ position:relative;width:100%; margin:0 auto; padding:16px 20px; background:#ffffff; border-radius:0 0 8px 8px; box-sizing:border-box;}
.privacy-agree-check-wrap .agree-text-box ul li{padding:4px 0px; font-size:14px;}

@media all and (max-width:800px){
	.privacy-agree-check-wrap .agree-check{flex-wrap:wrap;}
	.privacy-agree-check-wrap .agree-check label{font-size:14px;}
}

@media all and (max-width:550px){

	.privacy-agree-check-wrap .agree-check span:last-child{margin-top:10px; margin-left: 20px;}
}

@media all and (max-width:480px){
	.privacy-agree-check-wrap .btn-agree{font-size:13px; padding:0 5px; margin-top:5px;}	
}
/*********** //2024.11.11 개인정보취급방침 약식화  ************/