:root{--table-shadow-color: rgba(0, 0, 0, 0.25);--table-shadow-size: 2em}.table-wrapper{position:relative}.table-wrapper .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-wrapper.has-shadow-left::before,.table-wrapper.has-shadow-right::after{position:absolute;content:"";display:block;border-radius:0;transition:opacity .2s;pointer-events:none;top:0;bottom:0;z-index:1;width:var(--table-shadow-size);border-top-left-radius:0;border-bottom-left-radius:0;background:radial-gradient(at 0 50%, var(--table-shadow-color), transparent 70%),linear-gradient(90deg, var(--table-shadow-color), transparent 50%);background-size:var(--table-shadow-size) 100%;background-repeat:no-repeat}.table-wrapper.has-shadow-right::after{right:0;transform:rotate(180deg)}.table-wrapper.has-shadow-left::before{left:0}
.svisual.bg1 {box-sizing: content-box;}
.svisual.bg1 *{box-sizing: content-box;}
.content_section .update .operation_guide h3{padding: 0;font-size: 18px;}

.act_sub .scontent .txtcont .operation_guide dl dd, .act_sub .txtcont .operation_guide p{margin: 0;letter-spacing: 0;overflow: inherit;line-height: 30px;color: #36393f;}
.act_sub .txtcont .operation_guide table td p{color:#6a6e76;font-size:14px;line-height:24px;}
.act_sub .operation_guide *{box-sizing: border-box;}

.act_sub .txtcont .operation_guide p.indent2{margin-left: 10px;}

.operation_guide{position:relative;color:#898c92;font-size:16px;line-height:30px;font-weight:400;}
.operation_guide .titimg{margin-bottom:50px;}
.operation_guide .titimg img{display:block;width:100%;}
.operation_guide p.summary{position: relative;margin: 0 0 60px 0;color: #36393f;font-size: 16px;line-height: 30px;font-weight: 400;letter-spacing: 0;overflow: inherit;}
.operation_guide h1{position:relative;display:inline-block;padding:0 0 8px 0;margin:0 0 20px 0;color:#151518;font-size:22px;line-height:29px;border-bottom:1px solid #151518;font-weight:400;}
.operation_guide h2{position:relative;display:block;padding:0;margin:0 0 20px 0;color:#151518;font-size:20px;line-height:30px;font-weight:400;border-bottom: 0;}
.operation_guide h3{position:relative;display:block;padding:0;margin:0 0 20px 0;color:#3392ff;font-size:18px;line-height:30px;font-weight:400;}
.operation_guide h4{position:relative;display:block;padding:0;margin:0 0 20px 0;color:#151518;font-size:16px;line-height:30px;font-weight:400;}
.operation_guide img{margin-bottom: 0;}
.operation_guide p{color:#36393f;font-size:16px;line-height:30px;}
.operation_guide p img{display:block;margin-top:10px;}
.operation_guide p span img{display:inline-block;}
.operation_guide a{color:#0840c3;font-size:16px;text-decoration:underline;font-weight:400;}
.operation_guide .txt_red{color:#d00 !important}
.operation_guide .director{position:relative;padding:40px;margin-bottom:30px;background:#f8f9fb;border-radius:15px;color:#36393f;line-height:30px;font-size:16px;}
.operation_guide .director b{display:block;padding:0 0 10px 29px;font-weight:bold;background:url(https://resource-df-nexon-com.pure-db.com/ui/img/ico/ico_director.png) no-repeat 0 5px;}
.operation_guide .basic{display:block;padding-left:10px;margin-bottom:30px;color:#898c92}
.operation_guide .basic::before{content:'·';display:inline-block;margin:0 4px 0 -10px;color:#555}
.operation_guide .indent1{display:block;padding-left:10px;}
.operation_guide .indent1::before{content:'·';display:inline-block;margin:0 7px 0 -10px;}
.operation_guide .indent2{margin-left:10px;}
.operation_guide .indent3{margin-left:10px;}
.operation_guide .indent4{margin-left:22px;}
.operation_guide .st_link b{display:block;color:#0840c3;font-size:16px;font-weight:500;}
.operation_guide table{width:auto;border-left:1px solid #e0e2ec;border-top:1px solid #e0e2ec;}
.operation_guide table th,.operation_guide table td{border-right:1px solid #e0e2ec;border-bottom:1px solid #e0e2ec;}
.operation_guide table th{height:55px;background:#f8f9fb;text-align:center;padding:17px 20px;border-left:1px solid #eeedf2;border-top:1px solid #eeedf2;line-height:24px;font-size:14px;color:#6a6e76;font-weight:400;}
.operation_guide table td{padding:18px 30px;color:#6a6e76;font-size:14px;line-height:24px;border-left:1px solid #eeedf2;border-top:1px solid #eeedf2;font-weight:400;}
.operation_guide table td img{display:inline-block;vertical-align:middle;}
.operation_guide table td.bg{background:#fbfbfd;color:#36393f;font-weight:500;text-align:center}
.operation_guide table td.center{text-align:center;}
.operation_guide table td.right{text-align:right}
.operation_guide table td p{color:#6a6e76;font-size:14px;line-height:24px;}

/* 다크테마 대응 */
body.dark .operation_guide p{color: var(--base_gray2);}
body.dark .operation_guide h1 {color:var(--base_gray2); border-color: var(--base_gray2);}
body.dark .operation_guide h2 {color:var(--base_gray2)}
body.dark .operation_guide h4 {color:var(--base_gray2)}
body.dark .operation_guide a{color: #8ea0d9;} 
body.dark .operation_guide .st_link b{color: #8ea0d9;} 
body.dark .operation_guide summary{color:var(--base_gray2)}
body.dark .operation_guide p.summary{color:var(--base_gray2)}
body.dark .operation_guide .director{background: #5e6064; color: var(--base_gray2);}
body.dark .operation_guide .director b{background:url(../img/ico/darktheme_ico_director.png) no-repeat 0 5px; color: #ddd!important;}
body.dark .operation_guide table{background: #39383d;border-color: #6a6c7a;}
body.dark .operation_guide table tr{border-color: #6a6c7a;}
body.dark .operation_guide table th{background-color: #2d2d2d; border-color: #6a6c7a;color: var(--base_gray2);}
body.dark .operation_guide table td{background: #39383d;border-color: #6a6c7a;color: var(--base_gray2);}
body.dark .operation_guide table td.bg{background-color: #2d2d2d;}
body.dark .operation_guide table td p{color:var(--base_gray2)}
body.dark .operation_guide table ul{color:var(--base_gray2)}
body.dark .operation_guide table li{color:var(--base_gray2)}

/* 다크테마 대응 과거 editview, 대응*/
body.dark .editview {color: var(--base_gray2);}
body.dark .editview p{color: var(--base_gray2);}
body.dark .editview h1 {color:var(--base_gray2); border-color: var(--base_gray2);}
body.dark .editview h2 {color:var(--base_gray2)}
body.dark .editview h4 {color:var(--base_gray2)}
body.dark .editview a{color: #8ea0d9;} 
body.dark .editview .st_link b{color: #8ea0d9;}
body.dark .editview summary{color:var(--base_gray2)}
body.dark .editview p.summary{color:var(--base_gray2)}
body.dark .editview .director{background: #5e6064; color: var(--base_gray2);}
body.dark .editview .director b{background:url(../img/ico/darktheme_ico_director.png) no-repeat 0 0!important; color: #ddd!important;}
body.dark .editview table{background: #39383d;border-color: #6a6c7a;}
body.dark .editview table tr{border-color: #6a6c7a;}
body.dark .editview table th{background-color: #2d2d2d; border-color: #6a6c7a;color: var(--base_gray2);}
body.dark .editview table td{background: #39383d;border-color: #6a6c7a;color: var(--base_gray2);}
body.dark .editview table td p{color:var(--base_gray2)}

body.dark .editview blockquote{background:#2d2d2d;border-color:#6a6c7a;color:var(--base_gray2);}
body.dark .editview blockquote b{color:#8ea0d9 !important;}


body.dark .notice_guide p{color: var(--base_gray2);}
body.dark .notice_guide h1 {color:var(--base_gray2); border-color: var(--base_gray2);}
body.dark .notice_guide h2 {color:var(--base_gray2)}
body.dark .notice_guide h4 {color:var(--base_gray2)}
body.dark .notice_guide a{color: #8ea0d9;} 
body.dark .notice_guide .st_link b{color: #8ea0d9;}
body.dark .notice_guide summary{color:var(--base_gray2)}
body.dark .notice_guide p.summary{color:var(--base_gray2)}
body.dark .notice_guide .director{background: #5e6064; color: var(--base_gray2);}
body.dark .notice_guide .director b{background:url(../img/ico/darktheme_ico_director.png) no-repeat 0 5px; color: #ddd!important;}
body.dark .notice_guide table{background: #39383d;border-color: #6a6c7a;}
body.dark .notice_guide table tr{border-color: #6a6c7a;}
body.dark .notice_guide table th{background-color: #2d2d2d; border-color: #6a6c7a;color: var(--base_gray2);}
body.dark .notice_guide table td{background: #39383d;border-color: #6a6c7a;color: var(--base_gray2);}
body.dark .notice_guide table td p{color:var(--base_gray2)}

body.dark .editview .operation_guide a{color: #8ea0d9;}

body.dark .operation_guide table ul li{color:var(--base_gray2)}
body.dark .editview .operation_guide table li{color:var(--base_gray2)}
body.dark .operation_guide table ul li::before{background-color:var(--base_gray2);}


@media(max-width:767px){     
    /*edit view 뎁스 추가*/    
    .editview .operation_guide{position:relative;color:#898c92;font-size:16px;line-height:30px;font-weight:400;}
    .editview .operation_guide .titimg{margin-bottom:50px;}
    .editview .operation_guide .titimg img{display:block;width:100%;}
    .editview .operation_guide p.summary{position: relative;margin: 0 0 60px 0;color: #36393f;font-size: 16px;line-height: 30px;font-weight: 400;letter-spacing: 0;overflow: inherit;}
    .editview .operation_guide h1{position:relative;display:inline-block;padding:0 0 8px 0;margin:0 0 20px 0;color:#151518;font-size:22px;line-height:29px;border-bottom:1px solid #151518;font-weight:400;}
    .editview .operation_guide h2{position:relative;display:block;padding:0;margin:0 0 20px 0;color:#151518;font-size:20px;line-height:30px;font-weight:400;border-bottom: 0;}
    .editview .operation_guide h3{position:relative;display:block;padding:0;margin:0 0 20px 0;color:#3392ff;font-size:18px;line-height:30px;font-weight:400;}
    .editview .operation_guide h4{position:relative;display:block;padding:0;margin:0 0 20px 0;color:#151518;font-size:16px;line-height:30px;font-weight:400;}
    .editview .operation_guide img{margin-bottom: 0;}
    .editview .operation_guide p{color:#36393f;font-size:16px;line-height:30px;}
    .editview .operation_guide p img{display:block;margin-top:10px;}
    .editview .operation_guide p span img{display:inline-block;}
    .editview .operation_guide a{color:#0840c3;font-size:16px;text-decoration:underline;font-weight:400;}
    .editview .operation_guide .txt_red{color:#d00 !important}
    .editview .operation_guide .director{position:relative;padding:40px;margin-bottom:30px;background:#f8f9fb;border-radius:15px;color:#36393f;line-height:30px;font-size:16px;}
    .editview .operation_guide .director b{display:block;padding:0 0 10px 29px;font-weight:bold;background:url(https://resource-df-nexon-com.pure-db.com/ui/img/ico/ico_director.png) no-repeat 0 0;line-height: 21px!important;}
    .editview .operation_guide .basic{display:block;padding-left:10px;margin-bottom:30px;color:#898c92}
    .editview .operation_guide .basic::before{content:'·';display:inline-block;margin:0 4px 0 -10px;color:#555}
    .editview .operation_guide .indent1{display:block;padding-left:10px;}
    .editview .operation_guide .indent1::before{content:'·';display:inline-block;margin:0 7px 0 -10px;}
    .editview .operation_guide .indent2{margin-left:10px;}
    .editview .operation_guide .indent3{margin-left:10px;}
    .editview .operation_guide .indent4{margin-left:22px;}
    .editview .operation_guide .st_link b{display:block;color:#0840c3;font-size:16px;font-weight:500;}
    .editview .operation_guide table{width:auto;border-left:1px solid #e0e2ec;border-top:1px solid #e0e2ec;}
    .editview .operation_guide table th,.operation_guide table td{border-right:1px solid #e0e2ec;border-bottom:1px solid #e0e2ec;}
    .editview .operation_guide table th{height:55px;background:#f8f9fb;text-align:center;padding:17px 20px;border-left:1px solid #eeedf2;border-top:1px solid #eeedf2;line-height:24px;font-size:14px;color:#6a6e76;font-weight:400;}
    .editview .operation_guide table td{padding:18px 30px;color:#6a6e76;font-size:13px;line-height:24px;border-left:1px solid #eeedf2;border-top:1px solid #eeedf2;font-weight:400;}
    .editview .operation_guide table td img{display:inline-block;vertical-align:middle;min-width: 15px;}
    .editview .operation_guide table td.bg{background:#fbfbfd;color:#36393f;font-weight:500;text-align:center}
    .editview .operation_guide table td.center{text-align:center;}
    .editview .operation_guide table td.right{text-align:right}
    .editview .operation_guide table td p{color:#6a6e76;font-size:13px;line-height:24px;}
    .editview .operation_guide p{line-height: 30px!important;}    
    .editview .operation_guide table li{font-size: 13px!important;line-height: 24px;color:#6a6e76;}
    .editview .operation_guide table li::before{margin: -.4rem 0.2rem 0 0;}
    .operation_guide table ul li{font-size: 13px!important;line-height: 24px;color:#6a6e76;}
    .operation_guide table ul li::before{margin: -.4rem 0.2rem 0 0;}

    .operation_guide {letter-spacing: -1px;}
    .editview .operation_guide table th{font-size: 13px;line-height:initial;padding: 1rem;text-align: center;white-space: nowrap;}
    .operation_guide table th{font-size: 13px;line-height:initial;padding: 1rem;text-align: left;white-space: nowrap;}
    .editview .operation_guide table td{font-size: 13px;text-align: left;white-space: nowrap;padding: 18px 30px;}
    .operation_guide table td{text-align: left;white-space: nowrap;}
    .operation_guide table td img{min-width: 15px;}

    .operation_guide .board_view ul.viewcont li{font-size: 13px;line-height: 24px;}
    .operation_guide .board_view ul.viewcont li::before{margin: -.4rem 0.2rem 0 0;}    
    .editview .operation_guide table.col_width_1000{width:1000px;}
    .editview .operation_guide table.col_width_1000 td{text-align: center;}
    .editview .operation_guide table.col_width_500{width:500px;}
    .editview .operation_guide table.col_width_500 td{text-align: center;}
    .operation_guide table.col_width_1000{width:1000px!important;}
    .operation_guide table.col_width_1000 td{text-align: center;}
    .operation_guide table.col_width_500{width:500px!important;}
    .operation_guide table.col_width_500 td{text-align: center;}

    /* 간격가이드 추가 */
    .none{display:none;}
    .bold{font-weight:500 !important}
    .pd0{padding:0 !important}
    .pt0{padding-top:0 !important}    .pt05{padding-top:5px !important}    .pt10{padding-top:10px !important}    .pt20{padding-top:20px !important}    .pt30{padding-top:30px !important}    .pt40{padding-top:40px !important}    .pt50{padding-top:50px !important}      .pt60{padding-top:60px !important}
    .pb0{padding-bottom:0 !important} .pb05{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb20{padding-bottom:20px !important} .pb30{padding-bottom:30px !important} .pb40{padding-bottom:40px !important} .pb50{padding-bottom:50px !important}	.pb60{padding-bottom:60px !important}
    .pl0{padding-left:0 !important}   .pl05{padding-left:5px !important}   .pl10{padding-left:10px !important}   .pl20{padding-left:20px !important}   .pl30{padding-left:30px !important}   .pl40{padding-left:40px !important}   .pl50{padding-left:50px !important}	.pl60{padding-left:60px !important}
    .pr0{padding-right:0 !important}  .pr05{padding-right:5px !important}  .pr10{padding-right:10px !important}  .pr20{padding-right:20px !important}  .pr30{padding-right:30px !important}  .pr40{padding-right:40px !important}  .pr50{padding-right:50px !important}	.pr60{padding-right:60px !important}

    .mg0{margin:0 !important}
    .mt0{margin-top:0 !important}    .mt05{margin-top:5px !important}    .mt10{margin-top:10px !important}    .mt20{margin-top:20px !important}    .mt30{margin-top:30px !important}    .mt40{margin-top:40px !important}    .mt50{margin-top:50px !important}      .mt60{margin-top:60px !important}     .mt70{margin-top:70px !important} .mt80{margin-top:80px !important} .mt90{margin-top:90px !important} .mt100{margin-top:100px !important}
    .mb0{margin-bottom:0 !important} .mb05{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb20{margin-bottom:20px !important} .mb30{margin-bottom:30px !important} .mb40{margin-bottom:40px !important} .mb50{margin-bottom:50px !important}	.mb60{margin-bottom:60px !important}  .mb70{margin-bottom:70px !important} .mb80{margin-bottom:80px !important} .mb90{margin-bottom:90px !important} .mb100{margin-bottom:100px !important}
    .ml0{margin-left:0 !important}   .ml05{margin-left:5px !important}   .ml10{margin-left:10px !important}   .ml20{margin-left:20px !important}   .ml30{margin-left:30px !important}   .ml40{margin-left:40px !important}   .ml50{margin-left:50px !important}		.ml60{margin-left:60px !important}    .ml70{margin-left:70px !important} .ml80{margin-left:80px !important} .ml90{margin-left:90px !important} .ml100{margin-left:100px !important}
    .mr0{margin-right:0 !important}  .mr05{margin-right:5px !important}  .mr10{margin-right:10px !important}  .mr20{margin-right:20px !important}  .mr30{margin-right:30px !important}  .mr40{margin-right:40px !important}  .mr50{margin-right:50px !important}	.mr60{margin-right:60px !important}   .mr70{margin-right:70px !important} .mr80{margin-right:80px !important} .mr90{margin-right:90px !important} .mr100{margin-right:100px !important}
    .mr6{margin-right:6px !important}
}