@charset "utf-8";

.contentsarea{overflow:visible;}



/* panel_box */
.panel_box *{font-size: 15px;}
.panel_box{position: relative;margin: 20px 0 20px 0;padding: 20px;color: #333;background-color: #ffffff;border: 1px solid #d9d9d9;border-radius:10px;word-break: keep-all;}
.panel_box.pds{padding:10px 20px;}
.panel_box.pdm{padding:20px 25px;}
.panel_box{float: none;}
.panel_box .tit_panel {margin: 0;margin-bottom: 15px;line-height:24px;font-weight:700;color: #165e9b;font-size: 20px;}
.panel_box .tit_f17{font-size:20px;font-weight:600; margin-top:20px;}
.panel_box .tit_f17 > *{font-size:17px;font-weight:600;}
.panel_box .tit_f17 strong{color:#4374ac;}
.panel_box.panel_step .tit_panel {color:#111;text-align: center;font-weight: 300;}
.panel_box.panel_white {background-color: #fff;border: 1px solid #d9d9d9; border-radius:10px;}
.panel_box .lineHeights li{margin-bottom:5px;}

.per_rule_wrap .tablebasic {margin-top:10px;}
.per_rule_wrap .tablebasic table *{word-break:keep-all}

/*font,text*/
.txtl {text-align: left !important;}
.txtr {text-align: right !important;}
.txtc {text-align: center !important;}

.txtu{text-decoration: underline !important;}


/*float*/
.floatR{float:right !important;}
.floatL{float:left!important;}

/*margin*/
.mg0{margin:0 !important;}
.mg0auto{margin:0 auto !important;}

.mgt0{margin-top:0px !important;}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px !important;}
.mgt45{margin-top:45px !important;}
.mgt60{margin-top:60px !important;}
.mgt100{margin-top:100px !important;}

.mgl0{margin-left:0 !important;}
.mgl5{margin-left: 5px !important;}
.mgl10{margin-left: 10px !important;}
.mgl20{margin-left: 20px !important;}
.mgl35{margin-left:35px !important;}
.mgl45{margin-left:45px !important;}

.mgr5{margin-right: 5px !important;}
.mgr10{margin-right: 10px !important;}
.mgr20{margin-right: 20px !important;}
.mgr35{margin-right:35px !important;}
.mgr45{margin-right:45px !important;}

.mgb0{margin-bottom: 0px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb20{margin-bottom: 20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb35{margin-bottom:35px !important;}
.mgb45{margin-bottom:45px !important;}

/*padding*/
.pd0{padding:0 !important;}
.pd5{padding:5px !important;}
.pd10{padding:10px !important;}

.pdt5{padding-top:5px !important;}
.pdt10{padding-top:10px !important;}
.pdt15{padding-top:15px !important;}
.pdt20{padding-top:20px !important;}
.pdt25{padding-top:25px !important;}
.pdt30{padding-top:30px !important;}
.pdt35{padding-top:35px !important;}
.pdt100{padding-top:100px !important;}

.pdl0{padding-left:0 !important;}
.pdl10{padding-left: 10px !important;}
.pdl20{padding-left: 20px !important;}
.pdl35{padding-left:35px !important;}
.pdl45{padding-left:45px !important;}

.pdr10{padding-right: 10px !important;}
.pdr20{padding-right: 20px !important;}
.pdr35{padding-right:35px !important;}
.pdr45{padding-right:45px !important;}

.pdb0{padding-bottom: 0px !important;}
.pdb10{padding-bottom: 10px !important;}
.pdb20{padding-bottom: 20px !important;}
.pdb35{padding-bottom:35px !important;}
.pdb45{padding-bottom:45px !important;}

/*vertical*/
.vat-align-t{vertical-align: top !important;}
.vat-align-b{vertical-align: bottom !important;}
.vat-align-m{vertical-align: middle !important;}

/*font,text*/
.txtl {text-align: left !important;}
.txtr {text-align: right !important;}
.txtc {text-align: center !important;}

.txtu{text-decoration: underline !important;}

/* font-weight */
.ftLight{font-weight: 100 !important;}
.ftMedium{font-weight: 500 !important;}
.ftBold{font-weight:600 !important;}

.ft12{font-size:12px;}
.ft13{font-size:13px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft17{font-size:17px;}
.ft18{font-size:18px;}
.ft19{font-size:19px;}

/*color*/
.colorBlue{color:#2a71b9 !important;}
.colorOrginBlue{color:#0000ff !important}
.colorLightBlue{color:#4374ac !important;}
.colorLightBlue2{color:#2158ff !important;}
.colorRed{color:#df3131 !important;}
.colorWhite{color:#fff !important;}
.colorBlack{color:#111 !important;}
.colorGrey{color:#777 !important;}
.colorYellow{color:#ffe575 !important;}


/* 서브페이지 폰트 조절 */
#printArea p{word-break: keep-all;}
#printArea p>*{font-size:inherit;}


/* 개인정보처리방침 */
.per_rule_wrap b{font-weight:600;}
.per_rule_wrap>.tit_sub{margin:30px 0 10px 0;}
.per_rule_wrap .panel_box p{margin: 10px 0;}
.per_rule_wrap>ol{margin-top: 10px;}
.per_rule_wrap div > ol>li{margin: 15px 0;}
.per_rule_wrap ol>li{padding-left:15px;text-indent:-15px;word-break: keep-all;}
.per_rule_wrap ol>li > p{padding-left:15px}
.per_rule_wrap ol>li>ol,.per_rule_wrap ol>li>ul{margin: 0 0 10px;}

/*.per_rule_wrap ol>li>ol>li,.per_rule_wrap ol>li>ul>li{margin:4px 0;padding-left:0;text-indent:0;word-break: keep-all;}*/
.per_rule_wrap ol>li>ol>li>ul,.per_rule_wrap ol>li>ol>li>ol{margin:4px 0;}
.per_rule_wrap ol>li>ol>li>ul li,.per_rule_wrap ol>li>ol>li>ol li{padding-left:15px;word-break: keep-all;}
.per_rule_wrap .list ul,.per_rule_wrap .list ol{margin:5px 0;}
.per_rule_wrap .tit_rule{margin: 5px 0 5px 0;font-size:15px;font-weight: 600;}
.per_rule_wrap>p,.per_rule_wrap>ol>li p{padding-left:0;text-indent:0;word-break: keep-all;}
.per_rule_wrap dl{margin:10px 0;}
.per_rule_wrap dt{font-weight: 500;}
.per_rule_wrap dd{margin:4px 0;padding-left:10px;}
.per_rule_wrap .tb_board{margin:10px 0;}
.per_rule_wrap>p{margin: 15px 0 0 0;}
.rule_link {padding-right:20px;background: url('https://www.privacy.go.kr../../images/privacy/sub/scommon/ico_link.gif')no-repeat center right;color: #1f6ed4; text-decoration: underline;}
.per_rule_wrap .links{display: block;margin:20px 0 0 0;}


/* 텍스트 */
.tit_main {margin: 60px 0 15px 0;font-size: 20px;font-weight:600;color: #444;word-break: keep-all;}
.tit_main:nth-of-type(1){margin:50px 0 15px 0;}
.tit_main.tell_num br{display: none;}
.tit_main>*{font-size:inherit;font-weight: inherit;}
.tit_main strong{color:#4374ac;}
.tit_sub{margin: 30px 0 0 0;padding-left: 1em;line-height: 1.3em;background: url('https://www.privacy.go.kr../../images/privacy/sub/scommon/bu_h.png') 0 7px no-repeat;color: #444;font-weight: 500;font-size:16px;word-break: keep-all;}
 .sub_wrap .cont p strong{color:#4374ac;font-weight: 500;}
.tit_ex{margin: .5em 0;text-align: center;color: #333;font-weight: bold;font-size: 1.200em;}
.tit_list{font-weight: 500;}

.highlight{display:inline-block; padding:2px 4px;}
.highlight.blue{background: #d0eeff;}
.highlight_half{position: relative;}
.highlight_half:after{display:block;position: absolute;left:0;bottom:0; content:"";width:100%;height:10px;z-index: -1;}
.highlight_half.blue:after{background: #d0eeff;}


.label_wrap{
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;    
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    position: relative;
   padding:30px 10px 10px;
   background:#f9f9f9;
   border-radius:10px;
   border:1px solid #d9d9d9;
}
.label_box{
    width: 30%;
    height: 200px;
    box-sizing: border-box;
    padding: 20px 30px;
    border-radius:10px;
    box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.05);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items:center;    
    cursor: pointer;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    position:relative
}
.label_box:hover{
   transition: 0.2s;
   border: 1px solid #ccd8e6;  box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);
}

.label_cnt {
    font-size: 16px;
    margin-top: 20px;
    font-weight: 400;
    color: #111;
   font-weight:600;
}
.label_layer{
    display: none;
    position: absolute;
    box-sizing: border-box;    
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #ccd8e6;    
    width: 500px;    
    z-index: 999;
   box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%);
}
.label_desc_top{
    width: 100%;
    box-sizing: border-box;
    padding:10px;
    background-color: #2a71b9;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.label_desc_top p{
    color: #fff;
}
.label_desc_btm{
    width: 100%;
    box-sizing: border-box;
    padding: 15px 20px;   
}

.label_desc_btm .tablebasic{font-size:13px;}

.label_desc_btm .tablebasic table th{padding:5px 4px; }
.label_desc_btm .tablebasic table td{padding:5px 4px; line-height:18px; text-align:left;}


.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;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;    
}


 .cnt_list{
     width: 85%;
     margin: 20px auto 0px;
     display: flex;
     flex-flow: row wrap;
     justify-content: space-between;
 }
 .cnt_list li {
     width:45%;
     margin-bottom: 20px;
     position: relative;
     box-sizing: border-box;
 }
 .cnt_list li a{
     color: #444;
     font-weight: 400;
     box-sizing: border-box;
     padding-left: 45px;
     min-height: 35px;
     display: block;
} 
 .tit_list{
     font-size: 18px;
     font-weight: 600;
     color: #2a71b9;
     box-sizing: border-box;
     margin: 30px 0 10px 0;     
     vertical-align: middle;
 } 


 .list_icon{
     margin-right: 10px;
     vertical-align: middle;
 }
 #privacyTog1{border: 1px solid #2a71b9; padding: 3px 10px;display: inline-block; border-radius: 15px;color: #2a71b9;font-size: 1rem;}
 .list_icon > img{width: 31px;}
 .cnt_list li a{background-repeat: no-repeat;background-size: 30px;}
.cnt_list li:nth-child(1) a{background-image: url(../../images/privacy/icon_pr08.png);}
.cnt_list li:nth-child(2) a{background-image: url(../../images/privacy/icon_pr01.png);}
.cnt_list li:nth-child(3) a{background-image: url(../../images/privacy/icon_pr10.png);}
.cnt_list li:nth-child(4) a{background-image: url(../../images/privacy/icon_pr06.png);}
.cnt_list li:nth-child(5) a{background-image: url(../../images/privacy/icon_pr09.png);}
.cnt_list li:nth-child(6) a{background-image: url(../../images/privacy/icon_pr11.png);}
.cnt_list li:nth-child(7) a{background-image: url(../../images/privacy/prc_5.png);}
.cnt_list li:nth-child(8) a{background-image: url(../../images/privacy/icon_pr01.png);}
.cnt_list li:nth-child(9) a{background-image: url(../../images/privacy/icon_pr13.png);}
.cnt_list li:nth-child(10) a{background-image: url(../../images/privacy/icon_pr07.png);}
.cnt_list li:nth-child(11) a{background-image: url(../../images/privacy/icon_pr04.png);}
.cnt_list li:nth-child(12) a{background-image: url(../../images/privacy/icon_pr05.png);}
.cnt_list li:nth-child(13) a{background-image: url(../../images/privacy/icon_pr02.png);}
.cnt_list li:nth-child(14) a{background-image: url(../../images/privacy/prc_14.png);}
.cnt_list li:nth-child(15) a{background-image: url(../../images/privacy/icon_pr08.png);}
.cnt_list li:nth-child(16) a{background-image: url(../../images/privacy/prc_16.png);}
.cnt_list li:nth-child(17) a{background-image: url(../../images/privacy/icon_pr10.png);}
.cnt_list li:nth-child(18) a{background-image: url(../../images/privacy/icon_pr09.png);}
.cnt_list li:nth-child(19) a{background-image: url(../../images/privacy/icon_pr14.png);}
.cnt_list li:nth-child(20) a{background-image: url(../../images/privacy/icon_pr11.png);}
.cnt_list li:nth-child(21) a{background-image: url(../../images/privacy/icon_pr01.png);}
.cnt_list li:nth-child(22) a{background-image: url(../../images/privacy/prc_22.png);}
.cnt_list li:nth-child(23) a{background-image: url(../../images/privacy/prc_23.png);}
.cnt_list li:nth-child(24) a{background-image: url(../../images/privacy/prc_24.png);}
.cnt_list li:nth-child(25) a{background-image: url(../../images/privacy/icon_pr01.png);}
.cnt_list li:nth-child(26) a{background-image: url(../../images/privacy/icon_pr03.png);}

.mid_line{
    width: 100%;
    height: 1px;
    background-color: #eee;
    margin:50px auto;
}
.desc_icon{
    box-sizing: border-box;
    padding-left: 30px; 
    height: 25px;
}
.desc_icon.edu{    
    background:url(../../images/privacy/icon_edu.png)no-repeat 0 0;
}
.desc_icon.dem{    
    background:url(../../images/privacy/icon_dem.png)no-repeat 0 0;
}
.desc_icon.dec{    
    background:url(../../images/privacy/icon_dec.png)no-repeat 0 0;
}
.desc_icon.ins{    
    background:url(../../images/privacy/icon_ins.png)no-repeat 0 0;
}
.desc_icon.pro{    
    background:url(../../images/privacy/icon_pro.png)no-repeat 0 0;
}



.label_layer.num0{
    top:0;
    left: 110%; 
    width: 800px;
}
.label_layer.num1{
    top:0;
    left: 110%; 
}
.label_layer.num2{
    top:0;
    right: 110%; 
    width: 800px;
}
.label_layer.num3{
    top:0;
    left: 110%; 
    width: 600px;
}
.label_layer.num4{
    top:0;
    left: 110%; 
 }
 .label_layer.num5{
    top:0;
    right: 110%;  
 }

/*20250904 수정*/
.btn_zpri{display: flex; justify-content: flex-end; margin-bottom: 20px;}
.pri_btn{display:block; text-align: right; padding:7px 10px; background-color: #f5f4f2; color:#0a6da6; border:1px solid #d0cfcf;}
.pri_btn::before{content:""; display: inline-block; background: url(../../images/privacy/icon_all.png)0 -23px no-repeat; width: 13px; height: 12px; margin-right: 5px;}
.prc_btn{color:#fff; background-color: #0E73AB; padding:5px 20px; margin-left: 10px;}
/*//20250904 수정*/

@media all and (max-width:1600px){/* PC사이즈 1600 이하*/

   .label_layer.num1{
     top:0;
     left: -120%; 
   }
   .label_layer.num4{
     top:0;
     left: -120%; 
   }
}




@media all and (max-width:1024px){
   .label_section{display: none;}
   /*.per_rule_wrap .tablebasic table *{word-break:break-all}*/
   .per_rule_wrap .tablebasic{overflow-x: auto;}
   .per_rule_wrap .tablebasic table{min-width: 850px;}
}

@media all and (max-width:640px){
   .cnt_list {
      width: 100%;
     }
}

@media all and (max-width:576px){
   .cnt_list li {
      width: 100%;
      margin-bottom:10px;
   }
   .cnt_list li a{height: auto;}

   .per_rule_wrap *{font-size: 13px;}

   .tit_list{font-size:15px;}
   .per_rule_wrap .tit_rule{font-size:14px;}

   
}