@charset "euc-kr";

/* Pretendard */
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url('../cad_font/Pretendard-Regular.woff2') format('woff2'),
        url('../cad_font/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url('../cad_font/Pretendard-Medium.woff2') format('woff2'),
        url('../cad_font/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url('../cad_font/Pretendard-Bold.woff2') format('woff2'),
        url('../cad_font/Pretendard-Bold.woff') format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: bold;
    src: url('../cad_font/Pretendard-Bold.woff2') format('woff2'),
        url('../cad_font/Pretendard-Bold.woff') format('woff');
}

.privacy_wrap *{font-family: 'Pretendard', Arial, sans-serif;}
.privacy_wrap #content {padding-bottom: 200px;}
.privacy_wrap .top_area {display: flex;justify-content: space-between;padding: 80px 0 40px;}
.privacy_wrap .top_area h2 {font-size: 40px;line-height: 60px;font-weight: 600;color:#222;}
.privacy_wrap .top_area .privacy_select {display: flex;flex-direction: column;}
.privacy_wrap .top_area .privacy_select label {font-size: 14px;line-height: 21px;color:#222;text-align: right;}
.privacy_wrap .top_area .privacy_select select {min-width: 200px;margin-top: 10px;padding: 15px 10px 15px 16px;font-size: 14px;background:url(/httpobject/cad_images/common/select_down.svg) no-repeat; background-position: right 12px center;background-size: 28px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.privacy_wrap .top_area .privacy_select .current{border-radius:0;}
.privacy_wrap .top_area .privacy_select .select_list_wrap{border-radius:0;}
.privacy_wrap .guide_wrap .cont{padding-bottom: 4px;}
.privacy_wrap .guide_wrap .cont > p{margin-top: 20px;}
.privacy_wrap .guide_wrap .cont + .cont{margin-top: 60px;}
.privacy_wrap .guide_wrap > .cont + .cont{border-bottom: 1px solid #ddd;}
.privacy_wrap .guide_wrap > .cont + .cont:last-child{border-bottom: 0;}
.privacy_wrap .guide_wrap p {font-size: 14px;line-height: 21px;color:#222;}
.privacy_wrap .guide_wrap p + .txt_list{margin-top: 20px;}
.privacy_wrap .guide_wrap p.txt_point {color: #222;font-weight: 600;}
.privacy_wrap .guide_wrap .top_tit{margin-bottom: 40px;}
.privacy_wrap .guide_wrap .top_tit p{margin-bottom: 10px;font-size: 14px;line-height: 21px;color:#222;}
.privacy_wrap .guide_wrap .top_tit span {font-size: 14px;line-height: 21px;color:#888;}
.privacy_wrap .guide_wrap .top_tit .cont{margin-top: 80px;}
.privacy_wrap .guide_wrap .tit  h4{font-size: 22px;line-height: 33px;font-weight: 600;color: #222;}
.privacy_wrap .guide_wrap .label_box{padding: 40px 80px;border: 1px solid #ddd;}
.privacy_wrap .guide_wrap .label_box .list{display:flex;margin-top: 16px;}
.privacy_wrap .guide_wrap .label_box .list ul {width:50%;}
.privacy_wrap .guide_wrap .label_box .list ul + ul{padding-left: 60px;}
.privacy_wrap .guide_wrap .label_box .list ul li {margin-bottom: 10px;}
.privacy_wrap .guide_wrap .label_box .list ul li a {display:block;position:relative;padding-left: 12px;font-size: 14px;line-height: 21px;color:#666;transition:color 0.2s;}
.privacy_wrap .guide_wrap .label_box .list ul li a::before{content: '';display: inline-block;position:absolute;left:0;top: 8px;width: 4px;height: 4px;border-radius: 50%;background-color: #666;}
.privacy_wrap .guide_wrap .label_box .list ul li:last-child{margin-bottom: 0;}
.privacy_wrap .guide_wrap .table_wrap{border-right: 1px solid #C2C2C2;border-left: 1px solid #C2C2C2;margin: 20px 0;}
.privacy_wrap .guide_wrap .table_wrap .scroll{overflow-x:auto;}
.privacy_wrap .guide_wrap .table_wrap .scroll.w585  table {min-width:585px;}
.privacy_wrap .guide_wrap .table_wrap .scroll.w800  table {min-width:800px;}
.privacy_wrap .guide_wrap .table_wrap .scroll.w746  table {min-width:746px;}
.privacy_wrap .guide_wrap .table_wrap table{width:100%;}
.privacy_wrap .guide_wrap .table_wrap table tr th{min-height: 60px;padding: 20px 30px;border:1px solid #C2C2C2;font-size: 14px;line-height: 21px;color:#222;text-align:center;background:#F2F2F2;}
.privacy_wrap .guide_wrap .table_wrap table tr th:first-child {border-left:none;}
.privacy_wrap .guide_wrap .table_wrap table tr th:last-child{border-right:none;}
.privacy_wrap .guide_wrap .table_wrap table tr td{padding: 12px 16px;border:1px solid #C2C2C2;font-size: 14px;line-height: 21px;color:#222;background:#fff;}
.privacy_wrap .guide_wrap .table_wrap table tr td:first-child{border-left:none;}
.privacy_wrap .guide_wrap .table_wrap table tr td:last-child{border-right:none;}
.privacy_wrap .guide_wrap .table_wrap table tr td.left {text-align:left;}
.privacy_wrap .guide_wrap ul.txt_list li{position:relative;font-size: 14px;line-height: 21px;color:#222;}
.privacy_wrap .guide_wrap ul.txt_list li::before{position:absolute;left:0;top:0;}
.privacy_wrap .guide_wrap ul.txt_list li .table_wrap{margin-left: -1px;}
.privacy_wrap .guide_wrap ul.txt_list li.line > p{padding-left: 12px;}
.privacy_wrap .guide_wrap ul.txt_list .f_gray{color: #888;}
.privacy_wrap .guide_wrap ul.txt_list > li + li > strong {font-weight: 600;}
.privacy_wrap .guide_wrap ul.txt_list > li > p{margin-top: 4px;}
.privacy_wrap .guide_wrap ul.txt_list.line > li{padding-left: 12px;}
.privacy_wrap .guide_wrap ul.txt_list.line > li .table_wrap{margin-left: -12px;}
.privacy_wrap .guide_wrap ul.txt_list.inner_line > li > p{ padding-left: 12px;color: #444;}
.privacy_wrap .guide_wrap ul.txt_list:not(.no_margin) > li + li{margin-top: 20px;}
.privacy_wrap .guide_wrap ul.txt_list .bg_center {padding: 16px 24px; }
.privacy_wrap .guide_wrap ul.txt_list.mgt_4 > li + li {margin-bottom: 0;margin-top: 4px;}
.privacy_wrap .guide_wrap ul.txt_list.mgt_40 > li + li {margin-bottom: 0;margin-top: 40px;}
.privacy_wrap .guide_wrap ul.txt_list.light_txt li {color: #444;}
.privacy_wrap .guide_wrap .info_box > li{font-size: 14px;line-height: 21px;color:#888;}
.privacy_wrap .guide_wrap .light_txt {color: #444;} 
.privacy_wrap .fr {float:none;display: block;margin-top: 20px;font-size: 12px;line-height: 18px;color:#888;text-align: right;}
.privacy_wrap .mgt_20 {margin-top: 20px;}
.privacy_wrap .info_cont{display: flex;justify-content: space-between;margin-top: 30px;}
.privacy_wrap .info_cont > div.btn_area {width: 760px;}
.privacy_wrap .info_cont > div.btn_area.full {width: 100%;}
.privacy_wrap .info_cont > div.btn_area a{display: block;padding: 13px 12px;border: 1px solid #222;font-size: 14px;font-weight: 600;line-height: 21px;color:#222;text-align: center;background-color: transparent;transition: background .25s, border .25s, color .25s;}
.privacy_wrap .info_cont > div.btn_area a:hover {background: #222;color: #fff;}
.privacy_wrap .info_cont > div.prev_privacy select {width: 100%;padding: 13px 12px;border: 1px solid #888;}
.privacy_wrap .custom_select_area {display: inline-block;position: relative;width: 200px;vertical-align: top;}
.privacy_wrap .custom_select_area .current{display: block;overflow: hidden;position: relative;width: 100%;height: 48px;padding: 0 40px 0 20px;border: 1px solid #888;box-sizing: border-box;background-color: #fff;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;line-height: 48px;color:#222;cursor: pointer;}
.privacy_wrap .custom_select_area .current::after {content: "";position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background:url(/httpobject/cad_images/common/select_down.svg) no-repeat;background-size: cover;}
.privacy_wrap .custom_select_area.on a.current::after{transform: translateY(-50%) rotate(-180deg);}
.privacy_wrap .custom_select_area.on .select_list_wrap {display: block;}
.privacy_wrap .custom_select_area .select_list_wrap{display: none;overflow-y: auto;position: absolute;top: 47px;left: 0;z-index: 10;width: 100%;min-height: 100px;height: 100%;padding: 14px;background: #fff;border: 1px solid #888;box-sizing: border-box;}
.privacy_wrap .custom_select_area ul{width: 100%;overflow-y: auto;height: 100%;}
.privacy_wrap .custom_select_area ul li.active a{ color: #222;}
.privacy_wrap .custom_select_area ul li a{ padding: 6px;font-size: 14px;line-height: 21px;color: #888;font-weight: 400;box-sizing: border-box;display: block;}
.privacy_wrap .custom_select_area ul li a:hover{color: #222;}