body{
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; ;
    background:#fff;
    color:#333333;
}

.wrap{
    width:100%;
}

html {
    scroll-padding-top: 190px; 
}


/* 헤더 영역 */
.h_wrap{
    position:fixed;
    width:100%;
    background:#fff;
    top:0;
    z-index:1;
}

.header{
    width:970px;
    margin:0 auto;
    margin-top:5px;
    background:#fff;
    position:relative
}

.go_main{
    font-size:16px;
    position:absolute;
    right:0px;
    top:32px;
    background: #542c82 url(../imgs/privacy/arr.png)no-repeat 92% 40%;
    color:#fff;
    font-weight:600;
    padding:10px;
    padding-right:40px;
    border-radius:5px;
    transition:all 0.3s;
}

.go_main:hover{
    background:#f0512c;
    animation:move1 infinite 0.8s;
}

@keyframes move1 {
    0%{ background:#f0512c url(../imgs/privacy/arr.png)no-repeat 92% 40%;}

    100%{ background:#f0512c url(../imgs/privacy/arr.png)no-repeat 97% 40%}
}

.title{
    font-size:30px;
    font-weight:700;
    padding:30px 0px;
    display:flex;
    align-items:center;
    font-family: 'Noto Sans KR', sans-serif; ;
}

.title a{
    display:block;
    margin-right:10px;
}

.title img{
    height:30px;
}



/* 메뉴 영역 */
.nav{
    border-top:solid #f0f0f0 1px;
    border-bottom:solid #333 1px;
    font-weight:600;
    background:#fff;
}

.menu{
    width:970px;
    margin:0 auto;
    display:flex;
    align-items: center;
}

.menu li{
    margin:0 20px;
    line-height:50px;
    border-bottom:solid #fff 2px;
    font-size:18px;
    transition:all 0.3s;;
}

.menu li:first-child{
    margin-left:0px;
}

.menu li a{
    display:block;
}

.menu li:hover{
    color:#542c82;
    border-bottom-color:#542c82;
}

.menu .active{
    color:#542c82;
    border-bottom:solid #542c82 2px;
    font-weight:800 ;
}



/* 컨텐츠 영역 */
.contents{
    width:970px;
    margin:0 auto;
    font-size:14px;
    line-height:22px;
    color:#666666;
    margin-top:190px;
}


/* footer*/
.footer{
    width:970px;
    margin:0 auto;
    border-top:solid #dddddd 2px;
    font-size:14px;
    text-align:center;
    padding-bottom:20px;
    margin-top:20px;
}

.f_menu{
    display:flex;
    align-items: center;
    justify-content: center;
    padding:10px 0px;
}

.f_menu li{
    padding:0 5px;
}

.f_menu li::after{
    content:"│";
    color:#dddddd;
}

.f_menu li a:hover{
    text-decoration:underline;
}

.f_menu .f_active{
    font-weight:bold;
}

.copyright{
    font-size:8px;
}


/* quick_menu */
.quick_menu{
    position:fixed;
    right:10%;
    bottom:200px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    z-index:90
}

.quick_menu li{
    margin-bottom:10px;
}

.quick_menu li a{
    width:67px;
    height:67px;
    border-radius:200px;
    display: block;
}

.question_btn{
    background:#542c82 url(../imgs/solution/w_quick_icon.png)no-repeat center center;
    color:#fff;
    font-weight:bold;
    line-height:24px;
    font-size:20px;
}

.question_btn p{
    display:none;
}

.top_btn{
    background:#f0f0f0;
    padding:12px 10px; 
    box-sizing: border-box;
    border:solid #fff 1px;
    transition:all 0.3s;
}

@media all and (min-width:1024px){
    .question_btn:hover{background:#542c82 url(../imgs/solution/w_quick_icon.png)no-repeat 91% center;width:170px !important; box-sizing:border-box; padding:10px 30px; text-align:left;}
    .question_btn:hover p{  display:block;}
    .top_btn:hover{animation: topmove 0.7s infinite}

    @keyframes topmove {
        0%{padding-top:12px}
        100%{padding-top:9px}
    }
}

@media all and (min-width:1024px) and (max-width:1600px){
    .quick_menu{right:30px;}
}

@media all and (min-width:768px) and (max-width:1023px) {
    .quick_menu{right:10px; bottom:30px}
    .quick_menu li a {width:55px; height:55px;}
    .question_btn {background-size:38px}
    .top_btn img{width:100%;}
}

@media all and (max-width:767px) {
    .quick_menu{right:5px; bottom:90px}
    .quick_menu li{margin-bottom:6px;}
    .quick_menu li a {width:50px; height:50px;}
    .question_btn {background-size:30px}
    .top_btn img{width:100%;}
}




/* 250805 대표번호 서비스 이용약관 */
.cs_contents .cs_title{font-size:32px; padding-top:20px; color:#111; font-weight:600;}
.cs_contents .cs_box{margin-top:50px; min-height:550px;}
.cs_contents table{width:100%; border-collapse: collapse; border-spacing: 0; border-top:solid #542c82 2px;}
.cs_contents table th{color:#333; font-size:16px; padding:15px 0px; border-bottom:Solid #dbdbdb 1px;}
.cs_contents table th img{width:20px; height:20px; position:relative; top:4px; left:5px}
.cs_contents table td{padding:10px 0; border-bottom:solid #cfcfcf 1px; font-size:16px;}
.cs_contents table td:first-child{text-align:center;}
.cs_contents table td:nth-child(2){padding-left:20px; font-weight:bold;color:#111}
.cs_contents .download a{display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:13px; color:#111;}