.box.stripe { padding: 20px; border: 10px solid #eaebfb; word-break: keep-all; }
.box.stripe .title { display: inline-block; margin-bottom: 0.85rem; line-height: 1.4em; font-size: 1.35em; font-weight: 700; }

.box.navy { padding: 1rem; color: #fff; background: #043763; }
p + .box  { margin-top: 20px; }
.bar-line span + span { position: relative; margin-left: 1rem; padding-left: 1rem; }
.bar-line span + span:before { position: absolute; top: 0.25rem;  left: 0;  width: 1px; height: 0.75rem; background: rgba(255, 255, 255, 0.5);  content: ""; }
.bar-line .emphasis { font-size: 1.25em; color: #ff9560; }
.txt-center { text-align: center !important; }

.privacy_label {display:inline-block;width:calc(100% + 28px);padding:0;margin:0px -14px 5px -14px; box-sizing: border-box;}
.privacy_label .label_box{position:relative;float:left;width:calc(33% - 28px);box-sizing: border-box;margin:14px;padding:30px;text-align:center; border: 1px solid #dcdcdc; }
.privacy_label .label_box:hover {border: 1px solid #4d74c2;  box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);} 
.privacy_label .label_box:focus-visible .label_layer { display: block !important; } 
.privacy_label .label_box .label_desc_btm > p { color: #333; }
.privacy_label .label_box .label_layer{display: none; position: absolute; box-sizing: border-box; border-radius: 8px; background-color: #fff; border: 1px solid #ccd8e6; width: 580px; z-index: 999; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);}
.privacy_label .label_box .label_layer .label_desc_top{width: 100%;box-sizing: border-box;padding:10px;background-color:#526faa;border-top-right-radius: 8px;border-top-left-radius: 8px;}
.privacy_label_wrap .red {color:#b81613}
.additional { position: relative;  margin: 0.75rem 0 0.25rem; padding-left: 0.75rem; color: #d34600; }
.additional:before { position: absolute; top: 0.1rem;  left: 0; content: "*"; }

.label_desc_top p{color: #fff; text-align:left;}
.label_desc_btm {padding:15px 20px;}
.label_desc_btm p{ text-align:left;}

.label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;margin-top:10px;letter-spacing:-1px;}
.label_desc_btm .tbl-type01 th {padding:7px;font-size: 15px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em;}
.label_desc_btm .tbl-type01 td {padding:5px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.label_desc_btm .tbl-type01 td .desc_tit{font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important;   }
.label_desc_btm .tbl-type01 td .desc_cnt{color: #333;font-size: 14px; line-height:1.6rem !important;}

.desc_wrap{display: flex;flex-flow: row wrap;}
.desc_box{width: 100%;border-radius: 10px; border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px; margin-top:10px; margin-bottom:10px; display: flex;flex-flow: row wrap;justify-content: space-between;    }
.desc_tit{width: 30%;font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important;   }
.desc_cnt{ width: 69%;color: #333;font-size: 14px; line-height:1.6rem !important;}

.label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;}

.desc_icon{box-sizing: border-box; padding-left: 30px; }
.desc_icon.edu{background:url(../images/privacy/icon_edu.png)no-repeat 0 50%;}
.desc_icon.dem{background:url(../images/privacy/icon_dem.png)no-repeat 0 50%;}
.desc_icon.dec{background:url(../images/privacy/icon_dec.png)no-repeat 0 50%;}
.desc_icon.ins{background:url(../images/privacy/icon_ins.png)no-repeat 0 50%;}
.desc_icon.pro{background:url(../images/privacy/icon_pro.png)no-repeat 0 50%;}

.label_layer.num0{top:0; left:107%; }
.label_layer.num1{top:0; left:107%; }
.label_layer.num1Gcom{top:0;right:70%;}   /* 국민참여입법센터 > 주요 개인정보 처리 표시(라벨링) > 개인정보의 처리 목적 */
.label_layer.num2{top:0; right:107%; }
.label_layer.num3{top:0; left:107%; }
.label_layer.num4{top:0; left:107%; }
.label_layer.num4Gcom{top:0; right:70%; } /* 국민참여입법센터 > 주요 개인정보 처리 표시(라벨링) > 개인정보의 안전성 확보조치 */
.label_layer.num5{top:0; right:107%;  }

.h03 {margin: 2.5rem 0 1.4rem; line-height: 1.4em; letter-spacing: -0.05em; font-size: 1.4rem; font-weight: 700; background: url(../images/bullet.png) no-repeat 0 9px; background-size: 20px 14px; padding-left: 30px; position: relative; } 
.h03_label  { background: none; padding-left: 0; }
.h04 {margin: 1.45rem 0 .5rem; font-size: 1.25em;  font-weight: 700; position: relative; padding-left: 20px; }
.h04::after { content: ''; position: absolute; top: 0.8rem; left: 0; width: 12px; height: 2px; background: #47464e; }

.list_icon{margin-right: 10px;}
.list_icon img{vertical-align: middle;}

.btn-line  { min-width: 6.8rem; border: 1px solid #58616a; padding: 5px 15px; display: inline-block; position: relative; }
.btn-line.privacy  { color: var(--primary-deepcolor); }
.btn-line:hover  { color: #fff; background: #58616a; }
.btn-line.privacy:after { content: "\e980"; display: inline-block; font-family: 'xeicon';  vertical-align: top; margin-left: 9px; }
.left-space {margin-left: 16px;}
.bul_dot > span.pri_down { color: #4560c2; }
.pri_down .btn-line .xi-download  { margin-left: 20px; }
.Btn-Gray.Xs   { min-width: 80px; height: 30px; color: #1e2124; font-weight: 600; background-color: #fff; border: 1px solid #58616a; }

#privacybg {position:relative;max-width:400px;}
#privacybg ul li {width:100%;overflow:hidden;}
#privacybg ul li + li {padding-top:19px;}
#privacybg ul li .select-style + .btn_s {margin-left:-2px;}
#privacybg ul li .btn_s {float:left;}
#privacybg ul li input {vertical-align:middle}
#privacybg .btn_s {display:inline-block;background:#6c7e90;color:#fff;font-size:16px;line-height:37px;width:50px;height:37px;text-align:center;}


.cnt_list{width: 100%; padding:40px 5% 20px 5%; margin: 20px auto 0px; display: flex;  flex-flow: row wrap; justify-content: space-between; border: 1px solid #d9d9d9; box-sizing: border-box;}
.cnt_list li { width:45%; margin-bottom: 20px;  position: relative; box-sizing: border-box;}
.cnt_list li a { box-sizing: border-box; padding-left: 30px;height: 25px;display: block; font-size: 1.1em; } 
.cnt_list li:first-child a{ background: url(../images/privacy/img_object_20.png)no-repeat 0 0; }
.cnt_list li:nth-child(2) a{ background: url(../images/privacy/img_period_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(3) a{background: url(../images/privacy/img_private_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(4) a{background: url(../images/privacy/img_third_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(5) a{ background: url(../images/privacy/img_consign_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(6) a{background: url(../images/privacy/img_destruction_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(7) a{background: url(../images/privacy/img_court_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(8) a{background: url(../images/privacy/img_safe_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(9) a{ background: url(../images/privacy/img_cookie_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(10) a{ background: url(../images/privacy/img_cpo_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(11) a{ background: url(../images/privacy/img_browse_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(12) a{background: url(../images/privacy/img_help_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(13) a{background: url(../images/privacy/img_result_20.png)no-repeat 0 0;}
.cnt_list li:last-child a{ background: url(../images/privacy/img_change_20.png)no-repeat 0 0;}

.numberLst {margin-top: 2rem; word-break: keep-all; }
.numberLst > li {position: relative; padding-left: 2rem; min-height: 1.5rem;}
.numberLst > li + li {margin-top: .8rem;}
.numberLst > li > .number {position: absolute; left: 0;}
.numberLst > li > .list_detail {background-color: #e0e3eb;}
.numberLst.PR [class*='icoCnt_']::before  { background-position-y: -20px; }

.indent_h03 {margin-left: 1rem;}
.indent_h04 {margin-left: 1.4rem;}
.emphasis {font-weight: 600; color: #043763;}
em.number {display: inline-block; margin-right: 0.5rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; color: #fff; background: #043763; border-radius: 50%;}

.tstyle_write{table-layout:fixed; width:100%; border-collapse:collapse; letter-spacing:0; position:relative;} 
.tstyle_write strong.tbl_tit{ display: block; margin-top:25px; }
.tstyle_write th, .tstyle_write td {
	padding:.5rem 1rem;
	border-bottom:1px solid #e4e4e4;
	word-break:keep-all;
}
.writeForm.other {margin-bottom: 0; border-top: 1px solid #555; overflow: hidden;}
.writeForm.other img , .tstyle_write img  {max-width: 100%; }
.writeForm.other .tstyle_write {margin-left: -1px;}
.writeForm.other .tstyle_write th, 
.writeForm.other .tstyle_write td {vertical-align: top; border-left: 1px solid #e4e4e4;}
.writeForm.other .tstyle_write th {font-weight: 500;}
.writeForm.other .tstyle_write thead th,
.writeForm.other .tstyle_write tfoot th {padding: .75rem 1rem;}
.writeForm.other .tstyle_write thead th,
.writeForm.other .tstyle_write tbody th,
.writeForm.other .tstyle_write tfoot th {text-align: center; background: #f6f7f9;}
.writeForm.other .tstyle_write tbody th {padding-top: 0.5rem; vertical-align: middle;}
.writeForm.other .tstyle_write td.ver-mid {vertical-align: middle;}

.listType01 {padding: 1.5rem; color: #222; border: 1px solid #ddd; overflow: hidden;}
.listType01 > li + li {margin-top: 0.25rem;}
.listType01 > li > strong:first-child {display: inline-block; margin-right: 1rem; padding: 0.25rem; min-width: 5rem; text-align: center; font-weight: normal; background: #e0e3eb;}

.process.step01 > li.now_blue::before {border: 0 none; background-color: #4560c2 !important;}
.process.step01 > li.now_blue {color: #fff !important;}
.process.step01.privacy.list01 > li::after {top: 3.25rem;}
.process.step01.privacy.list02 > li::after {top: 3.5rem;}
.process.step01.privacy > li > span.space {display: block; padding-bottom: 0 !important;}
.bul_dot > span.pri_down {color: #4560c2;}

.privacyProcess.step01 {display: table; overflow: hidden; width: calc(100% + 2rem); table-layout: fixed;}
.privacyProcess.step01 > li {display: table-cell; overflow: hidden; position: relative; padding-top: 1rem; padding-right: 3rem; font-size:15px; text-align: center; vertical-align: top; letter-spacing:-0.04rem; padding-left: 1rem!important;word-break: keep-all;}
.privacyProcess.step01 > li::before {position: absolute; left: 0; bottom: 1px; right: 2rem; z-index: -1; height: 97%; border: 1px solid #dcdcdc; content: '';border-radius: 16px;}
.privacyProcess.step01 > li::after {position: absolute; right: 6.5%; top: 50%;  text-align: center;background: url(../images/privacy/location_arr.png) no-repeat;height: 12px;content: '';width: 8px;}
.privacyProcess.step01 .now_blue::before{border: 0 none;content: '';background-color: #1d8be0;color: #fff;z-index: -1;border-radius: 16px;}
.privacyProcess.step01.privacy.list02 > li::after {right: 5%;}
.privacyProcess.step01 .now_blue, .privacyProcess.step01.privacy.list01 .now {color: #fff;}
.privacyProcess.step01 .now_blue::before{border: 0 none;content: '';background-color: #1d8be0;color: #fff;z-index: -1;border-radius: 16px;}
.privacyProcess.step01.privacy.list01 .now::before{border: 0 none;content: '';background-color: #004c8a;color: #fff;z-index: -1;border-radius: 16px;}
.privacyProcess.step01 > li:last-child::after {display: none !important;}
.privacyProcess.step01 > li > div,
.privacyProcess.step01 > li span {display: block; padding-bottom: 1rem;}
.privacyProcess.step01 > li .space{padding-bottom: 0;padding-top: 0px;}
.privacyProcess .step01 .privacy .list01 .space:nth-child(1) {padding-top: 0px;}
.privacyProcess.step01 li span:nth-child(2){padding-top: 10px;}
.privacyProcess.step01 li .space:nth-child(2) {padding-top: 0px;}
.privacyProcess.step01 li .now_blue span:nth-child(2) {padding-top: 0px;}
.privacyProcess.step01 .now .space:nth-child(1) {padding-top: 0px;}
.privacyProcess.step01 .now .space:nth-child(4) {padding-top: 10px;}


.numberLst ul  {
    margin-top: 0.5rem;
}
.bul_dot > li {
    padding-left: 0.7rem;
    text-align: left;
	position: relative;
}
.bul_dot > li:before {
	content: '';
    width: 3px;
    height: 3px;
    background-color: #888;
    border-radius: 50%;
	position: absolute;
	top: 0.6rem;
	left: 2px;
}
.bul_dot > li.sub:before { display: none; }
.bul_dot > span.pri_down {color: #4560c2;} 

.process.step01 {display: table; overflow: hidden; width: calc(100% + 2rem); table-layout: fixed;}
.process.step01 > li {display: table-cell; overflow: hidden; position: relative; padding-top: 1rem; padding-right: 2rem; text-align: center; vertical-align: top;}
.process.step01 > li::before {position: absolute; left: 0; bottom: 1px; right: 2rem; z-index: -1; height: 1000000%; background-color: #e0e3eb; content: '';}
.process.step01 > li::after {position: absolute; right: 0; top: 1.25rem; width: 2rem; font-family: 'xeicon'; font-size: 1.2em; color: #222; content: "\eb36"; text-align: center;}
.process.step01 > li:last-child::after {display: none !important;}
.process.step01 > li > div,
.process.step01 > li span {display: block; padding-bottom: 1rem;}
.process.step01 > li em.number {background-color: #9c9ea4;}
.process.step01 .atop {display: block; font-size: 0.9rem; line-height: 2.5rem; white-space: nowrap;}
.process.step01 .atop.a-no{line-height: 1.2; position: relative; padding-top: 0.5rem;padding-bottom: 1.5rem;}
.process.step01 .atop::after {display: block; width: 1rem; height: 1px; margin: 0 auto 0.5rem; background-color: #333; content: ''; opacity: 0.4;}
.process.step01 .atop.a-no::after{position: absolute; bottom:0.1rem; left:0; right:0; line-height: 1; }
.process.step01 .bul_dot {margin-top: 0; padding: 1rem; padding-bottom: 0; font-size: 0.75rem; color: #666;}
.process.step01.other3 > li::after {top: 3.25rem;}
.process.step01.other3 > li.arrow::after {top: 35px;}
.process.step01.other3.col4 > li {padding-top: 0;}
.process.step01.other3.col4 > li::before {border: 1px solid #e0e3eb; background: #fff;}
.process.step01.other3.col4 > li:first-child {padding-right: 3.5rem;}
.process.step01.other3.col4 > li:first-child::before {right: 3.5rem;}
.process.step01.other3.col4 > li:first-child::after {width: 3.5rem;}
.process.step01.other1.col5 > li {padding-top: 1rem;  color: #222; vertical-align: middle;}
.process.step01.other1.col5 > li::before {background-color: #e0e3eb;}
.process.step01.other1.col5 > li::after {top: 1.5rem;}
.process.step01.other1.col6 > li {vertical-align: middle;}
.process.step01.other1.col6 > li::after {top: 2.5rem;}
.process.step01.other3.col6 > li span {padding-bottom: 1.5rem;}
.process.step01.other3.col7 > li:not(:last-child) span {padding-top: 0.5rem;}
.process.step01.other3.col7 > li::after {top: 2.1rem;}
.process.step01.col6 {width: calc(100% + 1.75rem);}
.process.step01.col6 > li {padding-top: 1rem; padding-right: 1.75rem;}
.process.step01.col6 > li::before {right: 1.75rem;}
.process.step01.col6 > li::after {width: 1.75rem;}
.process.step01 > li.now2,
.process.step01 > li.now {color: #fff !important;}
.process.step01 > li.now::before {border: 0 none; background-color: #3a1c84 !important;}
.process.step01 > li.now em.number {background-color: #28145c;}
.process.step01 > li.now .atop::after,
.process.step01 > li.now2 .atop::after {background-color: #fff;}
.process.step01 > li.now2::before {border: 0 none; background-color: #043763 !important;}
.process.step01 > li.now2 em.number {background-color: #032645;}
.process.step01 > li.now3 .atop {height: 2.5rem; padding: 0 1.25rem; background-color: #e0e3eb; color: #222; text-align: left;}
.process.step01 > li.now3 .atop::after {display: none;}

@media all and (max-width:768px) {
	.termsWrap .tit01.ac{margin-top:30px;}
	.privacy_label{display:inline-block;width:calc(100% + 18px);padding:0;margin:0px -7px 5px -7px; box-sizing: border-box;}
	.privacy_label .label_box{ float:left; display:inline-block;width:calc(33% - 14px);box-sizing: border-box;margin:7px;padding:30px;text-align:center; border: 1px solid #dcdcdc; }
    .tstyle_write th, .tstyle_write td  { word-break: break-all; }
}

@media all and (max-width:640px) {
	.privacy_label_wrap{display:none;}
	.cnt_list li { width:100%;}
	.cnt_list li a { font-size: 1em;}
	.select-style-pv{width:calc(100% - 70px);}
    .tstyle_write .reHide   { display: none; }
    .bul_dot > span.pri_down{display: block; margin-left: 0 !important;}
    .privacyProcess.step01 {display: block; width: 100% !important;} 
    .privacyProcess.step01 > li {padding-left: 0!important;}
    .privacyProcess.step01 > li {display:block; padding-right:0; overflow:visible; float:none!important; margin:0!important; font-size:13px;}
    .privacyProcess.step01 > li::before {right: 0 !important; bottom: 1rem; height: calc(100% - 1rem);}
    .privacyProcess.step01  > li::after {position:static; right: auto; top: auto; display:block; margin: 0 auto; transform: rotate(90deg);}  
    .privacyProcess.step01 > li span br {display: none;}
    .privacyProcess.step01 > .now {padding-bottom: 16px;}
    .privacyProcess.step01 li .space:nth-child(1) {padding-top: 0;}
    .privacyProcess.step01.privacy.list01 span {padding-top: 2px!important;}
    .privacyProcess.step01.privacy.list02 span {padding-top: 2px!important;} 

	.process.step01 {display: block; width: 100% !important;}
    .process.step01 > li {display: block; overflow: visible; float: none !important; width: 100% !important; margin: 0 !important; padding-right: 0 !important;}
    .process.step01 > li::before {right: 0 !important; bottom: 1rem; height: calc(100% - 1rem);}
    .process.step01 > li::after {display: block; position: static; width: 100% !important; height: 1rem;  line-height: 1rem; transform: rotate(90deg);}
    .process.step01 > li:last-child::before {bottom: 0; height: 100%;}
    .process.step01 > li span br {display: none;}
}