/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area {background-image: url('../../../../img/footer/privacy/KV_footer_privacy.png')}

.gu_tab_depth4 ul li {min-width:33.33% !important;}
.gu_tab_depth4 ul li a { cursor:pointer; }

#PRIVACY .gu_sort_area .gu_sort_name {width:auto;}
#PRIVACY .gu_search_box .gu_sort_area .gu_selectbox {min-width:100%;}
#PRIVACY .gu_tab_depth4 ul li a { color: #666; font-size: 20px; font-weight: 700; line-height: 1.4; }
#PRIVACY .gu_tab_depth4 ul li.on a {color: #000;}
#PRIVACY .gu_tab_depth4 ul li a:hover {color: #000}
.only-mo { display:none; }

#PRIVACY .gu_search_box { margin-top:32px; }
#PRIVACY .fclear .gu_sort_area { float:left; }
#PRIVACY .gu_sort_area .gu_sort_name, #PRIVACY .gu_search_box .gu_sort_area .gu_selectbox { width:300px; min-width:250px; }

#PRIVACY .privacy_area > .title { color: #000; font-size: 32px; font-weight: 700; line-height: 1.4; letter-spacing: -0.8px; margin-bottom:24px; }
#PRIVACY .privacy_area > .desc { color: #000; font-size: 16px;  font-weight: 400; line-height: 1.75; letter-spacing: -0.4px; }

.policy-list { display:flex; flex-wrap:wrap; align-items: flex-start; gap:20px; padding:56px; border: 1px solid #DEDEDE; margin:110px 0; }
.policy-list .policy-item { width:calc(50% - 10px); display:flex; align-items:flex-start; justify-content:flex-start; gap:8px; color: #000; font-size: 16px; font-weight: 500; line-height: 1.75; letter-spacing: -0.4px; cursor:pointer; }
.policy-list .policy-item span { font-weight:700; }

#PRIVACY .gu_grid .privacy_area .inner_desc {padding-top: 70px;}
#PRIVACY .gu_grid .privacy_area h3 {font-size: 20px; line-height: 34px; color: #222; font-weight: 700; margin:70px 0 55px; padding-top:70px;border-top:1px solid #e5e5e5;}
#PRIVACY .gu_grid .privacy_area h3:first-child {border-top:0;padding-top:0;margin-top:0;}
#PRIVACY .gu_grid .privacy_area h4 {padding-left:20px;font-size: 16px; line-height: 30px; color: #222; margin: 50px 0 20px;}
#PRIVACY .gu_grid .privacy_area h5 {padding-left:20px;font-size: 16px; line-height: 30px; font-weight:400;}
#PRIVACY .gu_grid .privacy_area p + h5, #PRIVACY .gu_grid ul + h5 {margin-top:30px;}
#PRIVACY .gu_grid .privacy_area h3 + p {font-size: 18px; line-height: 30px; color: #222; padding-left:0; margin-bottom:45px;}
#PRIVACY .gu_grid .privacy_area p {padding-left:20px;}
#PRIVACY .gu_grid .privacy_area .type-bullet + .type-bullet {margin-top:30px;}
#PRIVACY .gu_grid .privacy_area .type-bullet li {position:relative;padding-left:32px;text-indent:-12px;}
#PRIVACY .gu_grid .privacy_area .type-bullet li:before {content:'-'; margin-right:6px;}
#PRIVACY .gu_grid .privacy_area .type-bullet + p {margin:30px 0;}
#PRIVACY .gu_grid .privacy_area p + .type-bullet {margin-top:30px;}
#PRIVACY .gu_grid .privacy_area p + .type-bullet.mt0{margin-top:0;}
#PRIVACY .gu_grid .privacy_area a {color:#188aa4;}
.policy-title { color: #000; font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -0.6px; margin-bottom:12px; margin-top:110px; }
.policy-title:nth-of-type(1) { margin-top:0 !important; }
.policy-m-tit { color: #444; font-size: 18px; font-weight: 600; line-height: 1.4; letter-spacing: -0.6px; }
.policy-desc-long { color: #000; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -0.45px; margin-bottom:32px; }

#PRIVACY .gu_grid .privacy_area .gu_btn_down.right_caption {text-align:right; margin-top:20px;}
#PRIVACY .gu_grid .privacy_area .gu_btn_down.right_caption a {color:#222;}
#PRIVACY .gu_grid .privacy_area .gu_btn_down.right_caption.mb20 {margin-bottom:20px;}
.policy-table tbody td { line-height:1.5; }
.policy-table tbody td.bold { font-weight:700; color:#000; }
.form-table { margin-bottom:32px;}

/*add 240110*/
#PRIVACY .gu_grid .privacy_area .gu_table tbody td:first-child{padding-left:12px;}
#PRIVACY .gu_grid .privacy_area .gu_table tbody td .font_s{font-size:13px; line-height:20px;}
#PRIVACY .gu_grid .privacy_area .gu_table + h5,
#PRIVACY .gu_grid .privacy_area .gu_table + p{margin-top:30px;}
.dash-list {}
.dash-list > li { position:relative; text-align:left; padding-left:8px; }
.dash-list > li + li { margin-top:5px; }
.dash-list > li:before { content:"-"; display:block; position:absolute; left:0; top:0px; }

#PRIVACY .gu_grid .privacy_area .privacy_box{width:100%; padding:40px 30px; border:1px solid #c8c8c8; background:#f2f2f2; box-sizing:border-box;}
#PRIVACY .gu_grid .privacy_area .privacy_box p{padding:0; font-size:18px; color:#222;}
#PRIVACY .gu_grid .privacy_area .privacy_box ul{width:100%; margin-top:30px; display:flex; flex-wrap:wrap;}
#PRIVACY .gu_grid .privacy_area .privacy_box ul li{flex: 1 1 50%; font-weight:600;}
#PRIVACY .gu_grid .privacy_area .privacy_box ul li a{color:#222; cursor: pointer;}
.text-desc { color: #666; font-size: 16px; font-weight: 400; line-height: 1.75; letter-spacing: -0.4px; }
.text-desc .num-txt {}
.text-desc .num-desc { position:relative; padding-left:30px; }
.text-desc .num-desc:before { content: ""; position: absolute; left: 20px; top: 13px; width: 4px; height: 4px; border-radius: 50%; transform: translateY(-50%); background-color: #666; }
.text-desc .num-desc span { display:block; }
.text-desc .num-desc + .num-txt { margin-top:10px; }
.text-desc .num-desc .m-bot { margin-bottom:8px; }
.text-desc .num-desc .s-bot { margin-bottom:2px; }

#PRIVACY .gu_grid .privacy_area .gu_table + .gu_table{margin-top:30px;}
#PRIVACY .gu_grid .privacy_area .gu_table tbody th{line-height: 24px; font-weight: 700; vertical-align: middle; padding: 16px 12px; color: #222; background: #fafafa; border-right:1px solid #e1e1e1}
.policy-dash-list { padding-left:17px; }
.policy-dash-list > li { position:relative; padding-left:15px; margin-top:10px; }
.policy-dash-list > li:before { content:"-"; display:block; position:absolute; left:0; top:0px; }
.policy-indent-list > li { padding-left:15px; text-indent:-15px; }

.policy-desc + .policy-desc { margin-top:30px; }

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #SUB_KEYVISUAL .gu_sub_top .sec_inner {height:160px;}
    #SUB_KEYVISUAL .gu_sub_top .kv_img_box {height:160px;}
    #PRIVACY .gu_tab_depth4 {margin-top:100px;}
    #PRIVACY .gu_grid .privacy_area h3 {font-size:18px; line-height:26px;margin:45px 0 30px; padding-top:45px;}
    #PRIVACY .gu_grid .privacy_area h4 {font-size:14px; line-height:24px; padding-left:10px;}
    #PRIVACY .gu_grid .privacy_area h5 {font-size:14px; line-height:24px; padding-left:10px;}
    #PRIVACY .gu_grid .privacy_area h3 + p {font-size:15px; line-height:25px; margin-bottom:25px;}
    #PRIVACY .gu_grid .privacy_area p {padding-left:10px;}
    #PRIVACY .gu_grid .privacy_area .type-bullet + p {margin:25px 0;}
    #PRIVACY .gu_grid .privacy_area .type-bullet li {padding-left:22px;}
    #PRIVACY .gu_grid .privacy_area p + .type-bullet {margin-top:25px;}

    #PRIVACY .gu_grid .privacy_area .privacy_box p{font-size:15px;}
    #PRIVACY .gu_grid .privacy_area .privacy_box{padding:30px 20px;}
    .policy-list { padding:40px; margin:80px 0; }
    .policy-title { margin-top:80px; }
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #PRIVACY .gu_tab_depth4 {margin-top:60px;}
    #PRIVACY .gu_grid .privacy_area h4 {font-size:13px; padding-left:0;}
    #PRIVACY .gu_grid .privacy_area h5 {padding-left:0;}
    #PRIVACY .gu_grid .privacy_area h3 + p {font-size:14px; line-height:24px; margin-bottom:20px;}
    #PRIVACY .gu_grid .privacy_area p {padding-left:0; font-size:13px;}
    #PRIVACY .gu_grid .privacy_area .type-bullet + p {margin:20px 0;}
    #PRIVACY .gu_grid .privacy_area .type-bullet li {padding-left:12px;}
    #PRIVACY .gu_grid .privacy_area p + .type-bullet {margin-top:20px;}
    #PRIVACY .gu_search_box .gu_sort_area .gu_selectbox {min-width:auto;width:auto;}

    #PRIVACY .gu_grid .privacy_area .privacy_box p{font-size:14px;}
    #PRIVACY .gu_grid .privacy_area .privacy_box{padding:20px 10px;}
    .only-pc { display:none !important; }
    .only-mo { display:block !important; }

    #PRIVACY .privacy_area > .title { font-size:24px; }
    #PRIVACY .privacy_area > .desc { font-size:14px; }

    .policy-list { padding:25px; margin:40px 0; display:block;}
    .policy-list .policy-item { width:100%; font-size:14px; }
    .policy-list .policy-item + .policy-item { margin-top:8px; }
    .policy-title { margin-top:40px; font-size:18px; }
    .policy-desc-long { font-size:15px; margin-bottom:15px; }
    .text-desc { font-size:14px; }
    .text-desc .num-txt, .policy-indent-list > li { text-indent: -14px; padding-left: 14px; }
    .policy-indent-list > li { line-height:1.45; }
    .policy-indent-list > li + li { margin-top:5px; }
}