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

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%;
}



/* 헤더 영역 */
.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;
}

.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;
    margin-bottom:50px
}


/* top 영역 */

.top_title{
    background:#eaeaea;
    display:flex;
    justify-content: flex-end;
    padding:12px;
    margin-top:40px;
    border:solid #cfcfcf 1px;
}

.top_title select{
    font-family:Pretendard;
    padding:0 10px;;
}

.top_title button{
    margin-left:10px;
    font-size:14px;
    cursor: pointer;
    font-family: Pretendard;
}
.top p{
    margin:20px 0;
    margin-top:40px;
}


/* top list */
.list{
    display:flex;
    justify-content: space-between;
    padding-bottom:20px;
}

.list ul{
    width:31%;
}

.list ul li{
    line-height:35px;
    height:35px;;
    border-bottom:solid #919191 1px;
    font-weight:bold;
    color:#333;
}

.list ul li:first-child{
    border-top:solid #333 3px;
}

.list ul li:hover{
    text-decoration:underline;
}

.list ul li a{
    padding-right:12px;
    background:url(../imgs/location_service/more_btn_2.png)no-repeat right center;
    background-size:5px;
}


/* 내용 영역 - 공통 */
.con{
    margin-top:50px;
}

.con_title{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
    color:#333;
}

.title1{
    font-size:24px;
    font-weight:bold;
    color:#000;
    margin-top:80px;
    margin-bottom:-20px;
}


/* table */
.table{
    border-collapse:collapse;
    border-spacing:0; 
    text-align:center; 
    width:100%; 
    margin-top:10px; 
    margin-bottom:20px;
    color:#333;
}

.table td{
    border-color:black;
    border-style:solid;
    border-width:1px;
    font-size:14px;
    overflow:hidden;
    padding:10px 5px;
    word-break:normal;
    font-weight:400;
}

.table th{
    border-color:black;
    border-style:solid;
    border-width:1px;
    font-weight:normal;
    overflow:hidden;
    padding:10px 5px;
    word-break:normal;
}

.table thead th{
    background:#f2f2f2; 
    font-weight:600;
}


/* circle number*/
.con .circle_number{
    margin-left:20px;
}

.con .circle_number>li{
    position:relative;
}

.con .circle_number>li>span{   
    position:absolute;
    left:-15px;
}

/* sub list */
.sub_list{
    margin-left:10px;
    margin-bottom:10px;
}

.sub_list>li{
    position:relative;
}

.sub_list>li>span{
    position:absolute;
    left:-12px;
    font-size:12px;
}



/* con0 */
.con0{
    margin-top:50px;
    margin-bottom:40px;
}




/* last ment */
.last_ment{
    text-align:center;
    margin-top:100px;
}

.last_title{
    font-weight:bold;
}




/* 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;
}


/* top_btn
.top_btn22{
	display:none;
    position: fixed;
    bottom: 220px; 
    right:5%; 
    cursor: pointer;
    width:50px;
    height:50px;;
}


.top_btn22 img{
    width:100%;
}
 */

 /* 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%;}
}