@charset "utf-8";
/* version 1.0 | 2024-07-03 */
/*------------------------------------------------
폰트 선언
------------------------------------------------*/
@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 200;
src: url("../fonts/NotoSansKR/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Thin.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 300;
src: url("../fonts/NotoSansKR/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Light.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 400;
src: url("../fonts/NotoSansKR/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Regular.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 500;
src: url("../fonts/NotoSansKR/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Medium.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 500;
src: url("../fonts/NotoSansKR/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Medium.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 700;
src: url("../fonts/NotoSansKR/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Bold.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 900;
src: url("../fonts/NotoSansKR/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Black.woff") format("woff");
}

/* common */
.mt{margin-top: 4px !important;}
.mt0{margin-top: 0 !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.gray900{color: #222 !important;}
.blue500{color: #0064DD !important;}
.ti0{text-indent: 0 !important;}
.fwm{font-weight: 500 !important;}
.fwb{font-weight: 700 !important;}
.font14{font-size: 1.4em !important;} /* 25-04-16 추가 */

.privacy .scroll_box{overflow-x: scroll; width: 100%;}
.privacy table{border-collapse: separate; border-spacing: 0; max-width: 100%; width: 100%; box-sizing: border-box; table-layout: fixed; text-align: center; margin-top: 12px; font-size: 10px; min-width: 640px;}
.privacy table caption {font-size: 0; top: -9999px;}
.privacy table th {font-size: 1.6em; font-weight: 500; color: #222; padding: 12px 24px; background: #DEE1E8; position: relative;}
.privacy table th + th::before{content: ""; display: block; width: 1px; height: 14px; background: #BFC6D4; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.privacy table td {font-size: 1.4em; color: #424242; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; box-sizing: border-box; padding: 20px 16px; word-break: normal;} /* 2025-06-24 수정 */
.privacy table td a{font-size: 1em; text-decoration: none;}
.privacy table .brn{border-right: none;}
.privacy table .ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding: 0 20px; width: 100%;}
.privacy table .left {text-align: left;}
.privacy select{-webkit-appearance: none; -moz-appearance:none; appearance:none;}
.privacy select::-ms-expand {display:none;}
.privacy select{font-size: 1.4em; color: #424242; padding: 0 48px 0 16px; height: 48px; border: 1px solid #E0E0E0; box-sizing: border-box; background: url("../images/common/ic_arrow_down.svg") center right 16px no-repeat;}
.privacy select option{padding: 5px 0;}

/*------------------------------------------------
privacy reset
------------------------------------------------*/
body{margin: 0; padding: 0;}
.privacy{padding-bottom: 100px;}
.privacy li{list-style: none;}
.privacy input, .privacy select, .privacy textarea, .privacy button, .privacy a { font-family: "Noto_Sans_KR";}
.privacy a { text-decoration: underline; color: inherit; font-weight: 400;}
.privacy button { background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer; }
.privacy img { vertical-align: top; }
.privacy fieldset { margin: 0; padding: 0; border: none; }
.privacy ul, .privacy li { margin: 0; padding: 0; list-style: none; }
.privacy p { margin: 0; }
.privacy dl, .privacy dt, .privacy dd { margin: 0; padding: 0; }
.privacy pre { font-family: "malgun gothic", "sans-serif", "dotum"; color: #222; letter-spacing: -0.05em; }
.privacy h1, .privacy h2, .privacy h3 { font-size: 10px; margin: 0; padding: 0;}
.privacy p, .privacy li, .privacy a{font-size: 1.6em; color: #424242;}
.privacy li li, .privacy li p, .privacy li a{font-size: 1em;}
.privacy .sup_text{position: relative; padding-left: 12px; margin-top: 4px; font-size: 10px;}/* 2024-09-20 수정 주석 들여쓰기 적용  */
.privacy .sup_text::before{content: "*"; position: absolute; top: 2px; left: 16px; font-size: 16px; color: #757575;}/* 2024-09-20 추가 주석 들여쓰기 적용 */
.privacy .sup_text p{color: #757575; margin-left: 32px; text-indent: -32px; font-size: 1.6em;} /* 2024-09-20 수정 주석 들여쓰기 적용 */
.privacy .sup_text.bracket p{text-indent: 0; margin-left: 0;} /* 2024-09-27 수정 (주) 없는 주석 들여쓰기 적용 */
.privacy .sup_text.indent_24 p{text-indent: -24px;} 
.privacy .pl_t{margin-left: 10px;}
.privacy .bar{position: relative; padding-left: 12px; text-indent: 0; margin-top: 4px;}
.privacy .bar::before{content: ""; display: block; width: 6px; height: 1px; background: #424242; position: absolute; top: 12px; left: 0;}
.privacy .dot{position: relative; padding-left: 10px; text-indent: 0; margin-top: 4px;}
.privacy .dot::before{content: ""; display: block; width: 3px; height: 3px; background: #424242; border-radius: 50%; position: absolute; top: 11px; left: 0;}
.privacy .dot.sub{margin-left: 10px;}
.privacy .border_box{border: 1px solid #e0e0e0; box-sizing: border-box; padding: 24px;}

.container.privacy{width: 90%; max-width: 1200px; margin: auto;}

/*------------------------------------------------
privacy
------------------------------------------------*/
.privacy { z-index: 1; position: relative; font-weight: 400; font-family: "Noto_Sans_KR"; font-size: 10px; letter-spacing: -0.02em;}

/* page top */
.privacy .page_top_wrap { position: relative; width: 100%; height: 200px; text-align: center; line-height: 1.5;}
.privacy .page_top_wrap .page_tit { position: relative; display: inline-block; margin: 69px auto; transition: all 0.2s; }
.privacy .page_top_wrap .page_tit::after { content: ""; z-index: 1; position: absolute; top: 0; left: -14px; width: 32px; height: 32px; background: linear-gradient(148deg, #0064DD 21.37%, rgba(0, 100, 221, 0.00) 100%); }
.privacy .page_top_wrap .page_tit span { z-index: 2; position: relative; display: inline-block; margin: 0 auto; line-height: 62px; font-size: 4.2em; color: #222; font-weight: 700; word-break: keep-all;}

.privacy_box .pesoninfo_top{margin-top: 40px;}
.privacy_box .pesoninfo_top .list_box { width: 100%; }
.privacy_box .pesoninfo_top .list_box::after{content: ""; display: block; clear: both;}
.privacy_box .pesoninfo_top .list_box > li { float:left; width:24%; height: 265px; }
.privacy_box .pesoninfo_top .list_box > li.long_li { float:left; width:24%; height: 280px; }
.privacy_box .pesoninfo_top .list_box > li + li{margin-left: 1.333%;}
.privacy_box .pesoninfo_top .list_box.list5 > li{width: 19%; font-size: 1.4em;}
.privacy_box .pesoninfo_top .list_box.list5 > li + li{margin-left: 1.25%;}
.privacy_box .pesoninfo_top .list_box.fzs li {font-size: 1.4em;}
.privacy_box .pesoninfo_top .list_box.fzs li li{font-size: 1em;}
.privacy_box .pesoninfo_top .list_box > li > div { border:1px solid #d8d8d8; box-sizing: border-box; padding:20px 8px; text-align:center; height: 100%; }
.privacy_box .pesoninfo_top .list_box > li > div .box_tit { font-size: 18px; font-weight:bold; color:#333; padding-bottom:16px; }
.privacy_box .pesoninfo_top .list_box > li > div p{ padding-bottom:15px; }
.privacy_box .pesoninfo_top .list_box > li > div ol { display:inline-block; text-align:left; margin:0 auto; height:78px; padding: 0; }
.privacy_box .pesoninfo_top .list_box > li > div ol li { padding-left:18px; background:url("../images/common/label_check.png") no-repeat 0 7px; }
.privacy_box .pesoninfo_top .list_box > li > div ol li + li{margin-top: 4px;}

.privacy_box .txt_b{font-size: 2em; font-weight: 500;}
.privacy_box .section{margin-top: 40px; overflow: visible;}
.privacy_box .section .s_tit{font-size: 1.8em; color: #0064DD; margin-bottom: 20px;}
.privacy_box .list_no{padding: 0; margin-top: 12px;}
.privacy_box .list_no li{padding-left: 20px; text-indent: -17px;}
.privacy_box .list_no .no_text_indent{text-indent: 0; padding-left: 0;}
.privacy_box .list_no li + li{margin-top: 20px;}
.privacy_box .list_no.num li + li{margin-top: 12px;}
.privacy_box .list_no.bg{background: #F8FAFC; padding: 16px 12px;}

.privacy_box .list_txt{padding-left: 12px; position: relative; text-align: left;}
.privacy_box .list_txt::before{content: "-"; display: block; position: absolute; top: 0; left: 0; font-size: 16px; line-height: 16px;}
.privacy_box .list_txt + .list_txt{margin-top: 4px;}

.select_box { position: relative; width: 225px;}
.select_box .select_tit { width: 100%; font-size: 1.4em; color: #424242; padding: 0 40px 0 16px; height: 48px; border: 1px solid #E0E0E0; box-sizing: border-box; background: url("../images/common/ic_arrow_down.svg") center right 16px no-repeat; text-align: left;}
.select_box .select_list { z-index: 100; overflow: hidden; display: none; position: absolute; bottom: 48px; left: 0; right: 0; max-height: 240px; border: 1px solid #e0e0e0; border-bottom: 0; background: #fff; box-sizing: border-box; }
.select_box .select_list .inner { overflow-y: auto; height: 100%; max-height: 200px; padding: 10px 10px 10px 0; box-sizing: border-box; }
.select_box .select_list .option { display: block; padding: 0 0 0 16px; width: calc(100% - 20px); height: 30px; font-size: 1.4em; line-height: 30px; color: #424242; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: none; text-decoration: none;}
.select_box .select_list .option span { position: relative; font-weight: 400; }
.select_box .select_list .option span::before { display: none; content: ""; position: absolute; top: 0; right: -20px; width: 20px; height: 22px; background: url(../images/common/ic_arrow_open_12px.svg) no-repeat center center; }
.select_box .select_list .option:focus span::before,
.select_box .select_list .option:hover span::before { display: block; }

.select_list .inner::-webkit-scrollbar {width: 4px; height: 4px;}
.select_list .inner::-webkit-scrollbar-track {background-color: transparent;}
.select_list .inner::-webkit-scrollbar-thumb {border-radius: 3px; background-color: gray;}
.select_list .inner::-webkit-scrollbar-button {width: 0; height: 0;}

.select_box2 { position: relative; width: 225px;}
.select_box2 .select_tit2 { width: 100%; font-size: 1.4em; color: #424242; padding: 0 40px 0 16px; height: 48px; border: 1px solid #E0E0E0; box-sizing: border-box; background: url("../images/common/ic_arrow_down.svg") center right 16px no-repeat; text-align: left;}
.select_box2 .select_list2 { z-index: 100; overflow: hidden; display: none; position: absolute; bottom: 48px; left: 0; right: 0; max-height: 240px; border: 1px solid #e0e0e0; border-bottom: 0; background: #fff; box-sizing: border-box; }
.select_box2 .select_list2 .inner { overflow-y: auto; height: 100%; max-height: 200px; padding: 10px 10px 10px 0; box-sizing: border-box; }
.select_box2 .select_list2 .option { display: block; padding: 0 0 0 16px; width: calc(100% - 20px); height: 30px; font-size: 1.4em; line-height: 30px; color: #424242; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: none; text-decoration: none;}
.select_box2 .select_list2 .option span { position: relative; font-weight: 400; }
.select_box2 .select_list2 .option span::before { display: none; content: ""; position: absolute; top: 0; right: -20px; width: 20px; height: 22px; background: url(../images/common/ic_arrow_open_12px.svg) no-repeat center center; }
.select_box2 .select_list2 .option:focus span::before,
.select_box2 .select_list2 .option:hover span::before { display: block; }

.select_list2 .inner::-webkit-scrollbar {width: 4px; height: 4px;}
.select_list2 .inner::-webkit-scrollbar-track {background-color: transparent;}
.select_list2 .inner::-webkit-scrollbar-thumb {border-radius: 3px; background-color: gray;}
.select_list2 .inner::-webkit-scrollbar-button {width: 0; height: 0;}

.scroll_box::-webkit-scrollbar {width: 4px; height: 4px;}
.scroll_box::-webkit-scrollbar-track {background-color: transparent;}
.scroll_box::-webkit-scrollbar-thumb {border-radius: 3px; background-color: gray;}
.scroll_box::-webkit-scrollbar-button {width: 0; height: 0;}
.privacy_box .list_no .padding-left-0.text-indent-0{text-indent:0; padding-left:0;}



@media all and (max-width: 1340px){
    .privacy_box .pesoninfo_top .list_box.list5 > li{font-size: 1.3em; letter-spacing: -1px;}
    .privacy_box .pesoninfo_top .list_box > li > div ol li{padding-left: 14px;}
}

@media all and (max-width:1024px) {
    .t_block{display: block;}
    .privacy_box .pesoninfo_top .list_box > li{width: 48%; margin-top: 12px;}
    .privacy_box .pesoninfo_top .list_box > li + li{margin-left: 0;}
    .privacy_box .pesoninfo_top .list_box > li:nth-child(2n){margin-left: 2%;}
    
    .privacy_box .pesoninfo_top .list_box.list5 > li{width: 48%; font-size: 1.6em;}
    .privacy_box .pesoninfo_top .list_box.list5 > li + li{margin-left: 0;}
    .privacy_box .pesoninfo_top .list_box.list5 > li:nth-child(2n){margin-left: 2%;}
}

@media all and (max-width:767px) {
    .privacy, .privacy table{font-size: 9px;}
    .privacy .page_top_wrap .page_tit span{font-size: 3.6em;}
    .container.privacy{width: calc(100% - 40px);}
    .m_block{display: block;}
    
    .privacy_box .pesoninfo_top .list_box{margin-top: 28px;}
    .privacy_box .pesoninfo_top .list_box > li{float: unset; width: 100%; font-size: 1.6em; height: auto;}
    .privacy_box .pesoninfo_top .list_box > li + li{margin-left: 0;}
    .privacy_box .pesoninfo_top .list_box > li:nth-child(2n){margin-left: 0;}
    .privacy_box .pesoninfo_top .list_box > li > div{height: auto;}
    .privacy_box .pesoninfo_top .list_box > li > div .box_tit{font-size: 18px;}
    .privacy_box .pesoninfo_top .list_box > li > div ol{height: auto;}
    
    .privacy_box .pesoninfo_top .list_box.list5 > li{float: unset; width: 100%; height: auto;}
    .privacy_box .pesoninfo_top .list_box.list5 > li + li{margin-left: 0;}
    .privacy_box .pesoninfo_top .list_box.list5 > li:nth-child(2n){margin-left: 0;}
    
    .select_box{width: 210px;}
    .select_box .select_tit{height: 40px;}
    .select_box .select_list{bottom: 40px;}
    .select_box2{width: 210px;}
    .select_box2 .select_tit2{height: 40px;}
    .select_box2 .select_list2{bottom: 40px;}
}

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

}