﻿/*개인정보처리방침*/
.safeguard .top_tit{height:493px;background:url(/images/safeguard_top_bg.jpg) no-repeat center center;background-size:cover}
.safeguard .top_tit article{width:1280px;height:493px;background:url(/images/company_top_line_bg.jpg) repeat-y center center;display:inline-block;position:relative}
.safeguard .top_tit h2{font-weight:300;margin-top:250px;color:#fff;font-size:50px}
.safeguard .top_tit span{width:100%;display:block;font-size:18px;margin-top:20px}
.safeguard .top_tit span br{display:none}
.safeguard > article {width:1230px;text-align:left;padding-bottom:60px}
.safeguard .top_text{margin:110px 0 90px 0;text-align:center;background:#fbfbfb;border-top:1px solid #d7d8db;border-bottom:1px solid #d7d8db;font-size:16px;line-height:26px;padding:40px 0;color:#1e1e1f;font-weight:300}
.safeguard .top_text p{margin-top:15px}
.safeguard dl{width:100%;display:table}
.safeguard dt{display:table-cell;width:30px;color:#29419e;font-size:16px}
.safeguard dd{display:table-cell;text-align:left;font-size:16px;padding-bottom:40px}
.safeguard dd h5,.safeguard dd h6{font-size:16px;line-height:24px;font-weight:400}
.safeguard dd h5{color:#29419e;margin-bottom:15px}
.safeguard dd h6{color:#1e1e1f;margin-bottom:10px}
.safeguard dd .text{width:100%;display:inline-block;color:#1e1e1f;font-size:16px;line-height:24px}
.safeguard dd .text span{display:table-cell}
.safeguard dd table{font-size:15px;color:#1e1e1f;line-height:22px;margin-top:10px;margin-bottom:10px}
.safeguard dd table th{padding:15px 20px;border:1px solid #d7d8db;background:#f6f7f8;font-weight:400;width:16%}
.safeguard dd table td{padding:15px 20px;border:1px solid #d7d8db}
.safeguard table.mo{display:none}

.guide-wrap {width:100%;max-width:1230px;margin:0 auto 170px;text-align:left;}
.guide-select-wrap {padding:40px 30px;border-top:1px solid #d8d8d8;}
.guide-select-wrap .txt {color:#737373;letter-spacing:-0.8px;font-size:15px;font-weight:500;font-family:'noto sans kr',sans-serif;}
.guide-select-box {display:inline-block;margin-top:10px;}
.guide-select {position:relative;cursor:pointer;width:200px;height:50px;line-height:50px;border:1px solid #d8d8d8;border-radius:5px;}
.guide-select.down {background:#fff url(/images/ic_terms_dropdown_down.png) 90% 50% / 12px 6px no-repeat;}  
.guide-select.up {background:#fff url(/images/ic_terms_dropdown_up.png) 90% 50% / 12px 6px no-repeat;}
.guide-select .select-txt {padding:0 15px; font-size: 16px;letter-spacing:-1px;color: #111;font-family:'noto sans kr',sans-serif;}
.guide-select #guide {display:none;z-index:1001;position:absolute;width:200px;top:53px;max-height:220px;overflow-y:scroll;border-radius:10px;background:#fff;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}
.guide-select #guide .list {padding:0 15px;height:52px;line-height:52px;font-size:16px;letter-spacing:-0.8px;color:#111;font-family:'noto sans kr',sans-serif;}
.guide-select #guide .list:hover {background:#f8f8f8;}


@media all and (max-width:1400px) {
    .safeguard .top_tit article{width:100%}
    .safeguard > article {width:100%;padding:0 2%;padding-bottom:45px}
}
@media all and (max-width:640px) {
    .safeguard table.pc{display:none}
    .safeguard table.mo{display:table;margin:20px 0}
    .safeguard .top_tit{height:495px;background-position-x:70%}
    .safeguard .top_tit article{height:100%;background:none}
    .safeguard .top_tit h2{margin-top:215px;font-size:53px}
    .safeguard .top_tit span{font-size:22px;line-height:28px;margin-top:25px}
    .safeguard .top_tit span br{display:block}
    .safeguard .top_text{margin:60px 0;font-size:22px;padding:50px 5.2%;line-height:28px}
    .safeguard .top_text br{display:none}
    .safeguard .top_text p{margin-top:25px}
    .safeguard dd h5, .safeguard dd h6{font-size:22px;line-height:28px}
    .safeguard dt,
    .safeguard dd .text{font-size:22px;line-height:28px}
    .safeguard dd table th{font-size:22px;font-weight:300;padding:18px 3.7%;width:31%}
    .safeguard dd table td{font-size:22px;font-weight:300;padding:18px 3.7%}
    .safeguard dd table td ul{padding:12px 0}
    .safeguard dd table td li{margin-bottom:10px}
    .safeguard dd table td li:last-child{margin-bottom:0}
    .safeguard > article{padding-bottom:30px;padding:0 4.6%}
    .safeguard dd .text span br{display:none}
    .safeguard dd .text{margin-bottom:10px}
}
@media all and (max-width:568px) {
    .safeguard .top_tit{height:435px}
    .safeguard .top_tit h2{margin-top:190px;font-size:47px}
    .safeguard .top_tit span{font-size:19px}
    .safeguard .top_text{margin:50px 0;font-size:19px;padding:40px 5.2%;line-height:26px}
    .safeguard .top_text p{margin-top:20px}
    .safeguard dd h5, .safeguard dd h6{font-size:19px;line-height:26px}
    .safeguard dt, .safeguard dd .text{font-size:19px}
    .safeguard dd table th,
    .safeguard dd table td{font-size:19px;padding:15px 3.7%}
}
@media all and (max-width:414px) {
    .safeguard .top_tit{height:320px}
    .safeguard .top_tit h2{margin-top:140px;font-size:34px}
    .safeguard .top_tit span{font-size:14px;margin-top:18px;line-height:24px}
    .safeguard .top_text{font-size:14px;line-height:22px;padding:30px 5.2%;margin:40px 0}
    .safeguard dt{font-size:14px;width:20px}
    .safeguard dd .text{font-size:14px;line-height:24px}
    .safeguard dd h5, .safeguard dd h6{font-size:14px;line-height:20px;margin-bottom:10px}
    .safeguard dd h5 br{display:none}
    .safeguard dd{padding-bottom:20px}
    .safeguard dd table th, .safeguard dd table td{font-size:14px;padding:12px 3.7%}
    .safeguard table.mo{margin:15px 0}
    .safeguard dd table td li{margin-bottom:5px}
    .safeguard dd table td ul{padding:5px 0}
}
@media all and (max-width:375px) {
    .safeguard .top_tit{height:290px}
    .safeguard .top_tit h2{margin-top:125px;font-size:31px}
    .safeguard .top_tit span{font-size:13px;line-height:22px}
    .safeguard .top_text{margin:35px 0;font-size:13px;padding:25px 5.2%}
    .safeguard .top_text p{margin-top:15px}
    .safeguard dd h5, .safeguard dd h6{font-size:13px;line-height:18px;margin-bottom:8px}
    .safeguard dd .text{font-size:13px;line-height:20px}
    .safeguard dd table th, .safeguard dd table td{font-size:12px}
    .safeguard dd table td li{margin-bottom:0}
    .safeguard dd table td ul{padding:0}
    .safeguard dt{font-size:13px}
}
@media all and (max-width:320px) {
    .safeguard dd table th, .safeguard dd table td{padding:12px 1.7%}
}