@charset "utf-8";

/* ================================================
	common style
	source file: style.css
	target: CSS Level 2
	개인정보 처리방침 : 서울시
 */

.box{background: #f3f9fe;text-align: center;padding:30px 40px;margin-bottom:40px;border-top:1px solid #767676;border-bottom:1px solid #767676}
.box > span{display: inline-block;margin-bottom: 10px}
.box > span.mb0{margin-left:100px}
.box .title{display: inline-block;width:auto;color:#555;vertical-align: middle;font-size: 16px;text-align: right}
.box .value{display: inline-block;width:auto;height:auto;margin-left:30px;line-height:100%;border:0;padding:0;font-size:24px;color:#222;vertical-align: middle;font-weight: 400;font-family: 'Nanum Gothic'}

.viewer-area-privacy {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;margin: 15px 0;text-align: right}
.viewer-area-privacy a {color: #0c82e9;font-weight: 700;text-decoration: underline}
.viewer-area .preview_button,
.viewer-area .prelisten_button {display: inline-flex;align-items: center;justify-content: center;margin-left: 5px;padding: 3px 5px;border: 1px solid #bdbdbd;border-radius: 5px;color: #222}

.viewer-area .preview_button:before {content: '';width: 14px;height: 13px;margin-right: 3px;background: url(https://seoulboard.seoul.go.kr/humanframe/front/assets/seoul-common/assets/images/ico-sprite-board.png) no-repeat -282px -137px}
.viewer-area .prelisten_button:before {content: '';width: 14px;height: 13px;margin-right: 3px;background: url(https://seoulboard.seoul.go.kr/humanframe/front/assets/seoul-common/assets/images/ico-sprite-board.png) no-repeat -296px -137px}

.tblscroll {overflow-x: auto;}
/*form element*/
table {table-layout:fixed;width:100%;border-top:1px solid #767676;border-bottom: 1px solid #767676;}
table th {padding:7px 10px;border-bottom: 1px solid #ddd;border-left:1px solid #ddd;color:#222;vertical-align:middle;line-height:1.4;text-align:center;font-weight:700;background:#f4f6f7;}
table td {padding:7px 10px;border-bottom: 1px solid #ddd;border-left:1px solid #ddd;color:#555;vertical-align:middle;line-height:1.4;}
table th:first-child {border-left:0;}
table td:first-child {border-left:0;}

table.table-row tbody tr th { text-align: left; background: #f4f6f7; vertical-align: top;}
table.table-row tbody tr th label { font-size: 16px; display: inline-block; width: 100%;}
table.table-row tbody tr:last-child td, table.table-row tbody tr:last-child th { border-bottom: 0;}

.tstyle07 td{text-align:center;padding:7px 0;/*font-weight:bold*/font-weight: 400;font-size: 1.4rem;}
.tstyle07 td span{font-size: 14px}
.tstyle07 .thl {border-left:1px solid #ddd;}

.privacy-wrap-202210 .tstyle07.tstyle07_202210 td a{color: inherit;font-weight: normal;}
.privacy-wrap-202210 .tstyle07.tstyle07_202210 td img {display: block;margin: 10px auto;}
.privacy-wrap-202210.privacy-wrap h4{position: relative;display: inline-block;margin-bottom: 0;}
.privacy-wrap-202210.privacy-wrap h4 span {position: relative;margin-left: 5px;top: -2px;}
.privacy-wrap-202210.privacy-wrap ol {margin-top: 0;}
table.tstyle07.tstyle07_202210 +table.tstyle07.tstyle07_202210{margin-top: 50px;}
table.tstyle07.tstyle07_202210 +table.tstyle07.tstyle07_202210 td {line-height: 2.3;padding: 15px 20px;}

/* 개인정보처리방침 히스토리 2023-07-21 추가 */
.privacy-history {display: flex;margin: 10px 0 0;border-left: 0}
.privacy-history .ph-cont {padding: 0 0 20px;border: 1px solid #ddd}
.privacy-history .ph-cont.ph-right {border-left: 0}
.privacy-history .ph-cont h5 {padding: 10px 0;background: #f4f6f7;border-bottom: 1px solid #ddd;font-size: 17px;text-align: center;}
.privacy-history .ph-cont p {padding: 5px 20px;}
.privacy-history .ph-cont table {width: calc(100% - 40px);margin: 0 auto;}
.privacy, .privacy-history {  font-weight: 400;font-size: 1.4rem;}

.privacy ol.num>li {list-style: decimal; text-indent: 0;list-style-position: inside}
.privacy .heading-txt{font-size: 16px;margin:33px 0 15px 0}
.privacy .box{box-sizing: border-box;border:1px solid #dddddd;padding:17px 28px;line-height: 25px;text-align: left;font-weight: 400;font-size: 1.4rem;}
.privacy .mediaCase .bltTit{margin-top:30px;margin-bottom: 15px;padding-left: 16px;background: url(../images/bullet_policy2.gif) no-repeat left center}
.privacy .mediaCase .bltTit span{font-size:16px;font-weight: 700}
.privacy .mediaCase .smDoc{padding-left:10px;background: url(../images/bullet_policy3.gif) no-repeat left 8px;margin-left:30px;line-height: 24px}
.privacy table{margin: 15px 0}
.privacy ol li{line-height: 26px}
.privacy .tstyle01{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.privacy .tstyle01 td{text-align: center;padding:35px 0}
.privacy .tstyle02{table-layout: fixed}
.privacy .tstyle02 thead th{background: #f4f6f7;text-align: center;vertical-align: middle;color:#222;padding:23px 0}
.privacy .tstyle02 td{text-align: center;padding:25px 0;font-weight: 700}
.privacy .tstyle02 td span{font-size: 16px}
.privacy .tstyle03{table-layout: fixed}
.privacy .tstyle03 thead th{/*background: #f4f6f7;text-align: center;vertical-align: middle;color:#222;*/padding:7px 0;}
.privacy .tstyle03 thead th.thl{border-left: 1px solid #ddd}
.privacy tbody th.thl{border-left: 1px solid #ddd}
.privacy tbody td.thl{border-left: 1px solid #ddd}
.privacy .tstyle03 td{text-align: center;padding:7px 0;/*font-weight: 700*/}
.privacy .tstyle03 td img{vertical-align: middle}
/*.privacy .tstyle03 td.pdf{font-weight: 400;line-height: 23px}*/
.privacy .tstyle03 td.t2{padding:5px 0}
.privacy-info .row p.title{margin-bottom:10px; color:#222;padding-left: 27px;background:url(../images/icon_bul_notify.png) no-repeat 0 2px; font-size:16px}
.privacy-info .row p.title strong{font-weight: 700;}
.privacy-info .row p{color:#767676; line-height: 24px}
.privacy-info .row p.title .point {font-size:16px;}

/* 개인정보처리방침 */
.privacybox1:after {content:'';display:block;clear:both;}
.privacybox1 {margin-bottom:40px;}
.privacybox1 .right-desc{float:right;}
.privacy-wrap p, .privacy-wrap li{line-height:1.6; font-size: 1.4rem; font-weight: 400;}
.privacy-wrap h4 {padding-top:110px; margin-top:-40px; }

.privacy-wrap p {margin-top:3px;}
.privacy-wrap ol{margin-top:20px; font-weight: 400;
    font-size: 1.4rem;}
.privacy-wrap ol>li {margin-bottom:20px}
.privacy-wrap ol.type2>li {margin-bottom:0}
.privacy-wrap ol ol li {margin-bottom:0}
.privacy-wrap .orglink {margin:10px 0 20px;}
.privacy-wrap .orglink ul{display:block;border-left:1px solid #ddd;border-top:1px solid #ddd;box-sizing:border-box;}
.privacy-wrap .orglink ul:after {content:'';display:block;clear:both;}
.privacy-wrap .orglink li{float:left;display:table;width:20%;height:120px;box-sizing:border-box;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.privacy-wrap .orglink li a{display:table-cell;vertical-align:middle;text-align:center;}
.privacy-wrap .orglink li:nth-child(odd) {background:#f4f6f7;}
.privacy-wrap .orglink li:hover a{background:#0c82e9;color:#fff;}
.privacy-wrap .privacybox2 {padding:0 35px;}
.privacybox2>ol>li {margin-top:20px;}
.privacy-wrap .imgbox {margin:20px 0;}
.imgbox{position:relative;text-align:center;}
/*스크린 리더 only*/
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
/*뷰어*/
.noviewer + .preview_button,
.noviewer + .preview_button + .prelisten_button,
.noviewer .preview_button,
.noviewer .prelisten_button{display: none}

.privacy-wrap a {color: #0c82e9;font-weight: bold;}

/* 2020-06-10 */
.privacy-list {position: relative;padding: 15px 15px 10px;border: 1px solid #ccc;box-sizing: border-box}
.privacy-list * {box-sizing: border-box;}
.privacy-list:after {content: '';display: table;clear: both;}
.privacy-list h4 {position: absolute;top: -15px;left: 50%;margin: 0 0 0 -36px;background: #fff; font-weight: 500; font-size:1.6rem; line-height: 1.6;}
.privacy-list-left {float: left;width: 50%;border-right: 1px dotted #ccc;padding-right: 10px;}
.privacy-list-right {float: right;width: 50%;padding-left: 10px;}
.privacy-list ol li {margin-bottom: 10px;}
.privacy-list a {display: inline-block;padding-left: 20px;text-indent: -20px;color: #000;}
.tstyle07 td.aLeft {padding: 7px;text-align: left;}
.tstyle07 th.classify {font-weight: 400;}

/* 신규 개인정보처리방침 2022-10-25 */
.privacy-wrap-202210.privacy-wrap h4.privacy-title {display: block;width: 100%;margin-bottom: 0;padding: 7px 10px;background: #f4f6f7;border-top: 1px solid #767676;color: #222;line-height: 1.4;text-align: center;font-size: 14px;font-weight: 700;box-sizing: border-box;}
.privacy-label-wrap {display: flex;flex-wrap: wrap;margin-bottom: 30px;border-bottom: 2px solid #767676;}
.privacy-label-wrap dl {position: relative;display: flex;flex-direction: column;width: calc(33.3333% - 1px);padding-top: 110px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.privacy-label-wrap dl:nth-child(3n+1) {width: 33.3333%;border-left: 0;}
.privacy-label-wrap dl dt {display: flex;justify-content: center;padding: 7px 10px;text-align: center;}
.privacy-label-wrap dl dd.txt {display: flex;flex: 1 1 auto;align-items: center;justify-content: center;padding: 7px 5px;border-top: 1px solid #ddd;text-align: center;word-break: keep-all;}
.privacy-label-wrap dl dd.img {position: absolute;top: 15px;left: 50%;transform: translateX(-50%)}

.privacy-index-wrap {display: flex;flex-wrap: wrap;margin-bottom: 20px;border-top: 1px solid #ddd;border-bottom: 2px solid #767676;}
.privacy-index-wrap .privacy-index {width: calc(50% - 1px);margin: 0;border-left: 1px solid #ddd}
.privacy-index-wrap .privacy-index:first-child {width: 50%;border-left: 0}
.privacy-index-wrap .privacy-index li {list-style-type: decimal;margin-left: 40px;margin-bottom: 10px;padding-right: 20px;word-break: keep-all;}
.privacy-index-wrap .privacy-index li:first-child {padding-top: 10px;}
/* liststyle */
.listtype1>li{position:relative;padding-left:10px;line-height:1.6;}
.listtype1>li:before{content:'-';position:absolute;left:0;}
.listtype-decimal {margin:0 20px 20px;}
.listtype-decimal>li{list-style-type:decimal;list-style-position: outside;line-height:1.6;}

.listtype-other {margin-left:20px;}
.listtype-other>li{line-height:1.6;}
.listtype-other>li>span{margin-left:-20px;}

.listtype-noti>li{position:relative;padding-left:30px;line-height:1.6;}
.listtype-noti>li:before{content:'';position:absolute;left:0;width:20px;height:20px;margin-top:2px;background:url(../images/icon_bul_notify.png) no-repeat left top;vertical-align:top;}

.listtype-flex>li{display: flex;}
.listtype-flex>li>span {flex-shrink: 0}
li{list-style: none;}
em{font-style: normal}
h4 {     display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 1.6rem;}
.tstyle07 td{text-align:center;padding:7px 0;/*font-weight:bold*/}
.tstyle07 td span{font-size: 14px}
.tstyle07 .thl {border-left:1px solid #ddd;}

.tstyle07.additional2 thead th {background: #e9f5ff;color: #333;font-weight: 700;font-size: 1.4rem}
.tstyle07.additional2 tbody td {padding: 7px;color: #333;word-break: keep-all;border-left: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7; font-size: 1.4rem}
.tstyle07.additional2 tbody td.full {padding: 0}
.tstyle07.additional2 tbody td.no-border {border-left: 0;}
.tstyle07.additional2 tbody td dl {display: flex;flex-direction: column;align-items: center;}
.tstyle07.additional2 tbody td dl dt {padding: 7px 0;font-weight: 700;text-align: center !important;}
.tstyle07.additional2 tbody td dl dd {padding: 7px 0;text-align: center;}
.tstyle07.additional2 tbody td dl.all dt {width: 100%;background: #f6f8fa;}
.tstyle07.additional2 tbody td dl.all + dl + dl.all dt {border-top: 1px solid #e7e7e7;}
.tstyle07.additional2 tbody td dl.all + dl + dl.all dd {border-bottom: 0;}
.tstyle07.additional2 tbody td dl.all dd {width: 100%;}
.tstyle07.additional2 tbody td dl.each {display: inline-flex;align-items: flex-start; padding: 5px 0 10px;}
.tstyle07.additional2 tbody td dl.each dt {display: inline-flex;margin-top: 10px;padding: 5px 10px;background: #f2f3f4;border-radius: 20px;}
.tstyle07.additional2 tbody td dl.each dd { text-align: left;}
.tstyle07.additional tbody td dl.all dd {border-bottom: 1px solid #e7e7e7}
.tstyle07.additional2 tbody td dl.all dd {border-bottom: 1px solid #e7e7e7}

@media screen and (max-width:768px) {
    .tblscroll {overflow-x:auto;}
    .tblscroll .tstyle07 {min-width:100%; width:auto;}
    .tblscroll .tstyle07 colgroup {display:none;}
    .tblscroll .tstyle07 th, .tblscroll .tstyle07 td {white-space:nowrap;padding:10px;font-size:14px;}

}