@charset "utf-8";

.terms_popup_wrap{position: fixed; top:0; left:0; transform:translateY(50%); transition: opacity 0.5s, transform 0.3s ease-in-out; z-index:999999; overflow-y: auto; -webkit-overflow-scrolling:touch;
    height:100vh; width:100%; max-width:1320px; display:none; opacity:0;}
.terms_popup_wrap.on{ display: block; }
.terms_popup_wrap.active{transform:translateY(0); opacity: 1;}
.terms_popup_wrap .contents_wrap{min-height:100vh;}
.terms_popup_wrap .terms_popup_contents_con{padding-top: 35px; padding-bottom: 80px; min-height:calc(100vh - 61px); background-color:#fff; box-sizing: border-box;}
.terms_popup_wrap.contact .terms_popup_contents_con { padding-top: 35px; }
.terms_popup_dim{display: none; position: fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.85); transition:left .4s ease; z-index:99998;}

/*scroll bar css*/
.terms_popup_wrap{ scrollbar-base-color: #000; scrollbar-Face-Color: #3d3d3d; scrollbar-Highlight-Color: #000; scrollbar-arrow-color: #000;}
.terms_popup_wrap::-webkit-scrollbar {width: 0px; border: 4px solid transparent; }
.terms_popup_wrap::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 5px; background: transparent}
.terms_popup_wrap::-webkit-scrollbar-track { background: transparent; -webkit-box-shadow: inset 0 0 4px transparent}
.terms_popup_wrap::-webkit-scrollbar-thumb { background: transparent; border:12px solid transparent; -webkit-box-shadow: inset 0 0 40px #fff;  }


.terms_popup_wrap .popup_fixed_btn_con{font-size:0; line-height:0; text-align: right; width:100%; position: -webkit-sticky; position:sticky; top:0; left:0; z-index: 3; box-sizing: border-box; margin-left:auto; display:none; transform:translateY(-100%); transition:transform .3s; background-color: var(--color_blue_1);}
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_title_con{max-width: calc(100% - 245px); display: flex; text-align: left; width: 100%; height: 61px; float: left; box-sizing: border-box; }
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_logo > img { width: 31px; margin-top: 15px; }
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_logo { display: inline-block; width: 61px; background-color: #fff; text-align: center; height: 100%;}
[data-wv-pc="mobile"] .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_logo { display: none; }
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_title_con .popup_fixed_title { padding-left: 31px; }
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_title_con .popup_fixed_title > span { font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; color:#fff; letter-spacing: 0.0em; font-weight:500;
    display: flex; align-items: center; height: 61px; word-spacing: 0.05em; word-break: keep-all; white-space: nowrap; box-sizing: border-box;}
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_title_con .popup_fixed_title > span img{width: 9px; vertical-align: top; margin-bottom: 10px; margin-right:6px; margin-left:1px;}
.terms_popup_wrap .popup_fixed_btn_con.popup_on{display:block;}
.terms_popup_wrap .popup_fixed_btn_con.event_on{transform:translateY(0);}
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn{width:60px; height:61px; display:inline-block; vertical-align: top; line-height:61px; background-color: var(--color_blue_3); transition: background .2s ease, width .2s ease; text-align: center;}
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn img { width: 7px; }
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn img.default {  }
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn img.retina { display: none; }
[data-wv-os="Mac"] .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn img.default { display: none; }
[data-wv-os="Mac"] .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn img.retina { display: block; }
[data-wv-pc="mobile"] .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn img.default { display: none; }
[data-wv-pc="mobile"] .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn img.retina { display: block; }
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.top{width:0;}
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.top.active{width:60px;}
/*.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.top img{width:17px;}*/
.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.close > svg { fill: #fff; width: 14px; margin-top: 24px; }
.terms_popup_wrap .btn_type_long{width: 169px;}

ul.popup_list_style_0_con { counter-reset: list-number;}
ul.popup_list_style_0_con > li { position: relative; padding-left: 16px; margin-bottom: 5px;}
ul.popup_list_style_0_con > li:last-child { margin-bottom: 0; }
ul.popup_list_style_0_con > li > span { font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; font-weight: 400; letter-spacing: -0.02em; word-break: keep-all; }
ul.popup_list_style_0_con > li > span::after { content: counter(list-number)"."; counter-increment:list-number; position: absolute; top: 1px; left: 0; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 300; }

ul.popup_list_style_1_con > li { position: relative; padding-left: 12px; margin-bottom: 5px;}
ul.popup_list_style_1_con > li:last-child { margin-bottom: 0; }
ul.popup_list_style_1_con > li > span { font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; font-weight: 400; letter-spacing: -0.02em; word-break: keep-all; }
ul.popup_list_style_1_con > li > span::after { content: ''; position: absolute; top: 10px; left: 0; background-color: #000; width: 3px; height: 3px; border-radius: 50%;}

ul.popup_list_style_2_con{ margin-top: 4px; padding-bottom: 3px; }
ul.popup_list_style_2_con > li { position: relative; padding-left: 12px; margin-bottom: 5px;}
ul.popup_list_style_2_con > li:last-child { margin-bottom: 0; }
ul.popup_list_style_2_con > li > span { font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; font-weight: 400; letter-spacing: -0.02em; word-break: keep-all; }
/*ul.popup_list_style_2_con > li > span::after { content: ''; position: absolute; top: 9px; left: 0; background-color: #fff; width: 5px; height: 5px; border:1px solid #000; box-sizing: border-box; border-radius: 50%;}*/
ul.popup_list_style_2_con > li > span::after { content: ''; position: absolute; top: 11px; left: 0; background-color: #fff; width: 5px; height: 1px; background-color: #000; box-sizing: border-box;}

ul.popup_list_style_3_con { counter-reset: list-number;}
ul.popup_list_style_3_con > li { position: relative; padding-left: 16px; margin-bottom: 5px; }
ul.popup_list_style_3_con > li:last-child { margin-bottom: 0; }
ul.popup_list_style_3_con > li > span { font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; font-weight: 400; letter-spacing: -0.02em; word-break: keep-all; }
ul.popup_list_style_3_con > li > span::after { content: counter(list-number)")"; counter-increment:list-number; position: absolute; /*top: 4px;*/ top: 0; left: 0; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 300; }

.has_scroll { padding-left: 0; padding-right: 0; }
.has_scroll .popup_contents_table { overflow-x: auto; margin-top: 15px;}
[data-wv-pc="mobile"] .has_scroll .popup_contents_table {-ms-overflow-style: none;  scrollbar-width: none; }
[data-wv-pc="mobile"] .has_scroll .popup_contents_table::-webkit-scrollbar { display: none; }
.has_scroll .popup_contents_table_padding { /*min-width:1138px;*/min-width:480px; padding-left: 30px; padding-right: 30px; }


.terms_popup_wrap .terms_popup_contents_con .terms_popup_contents_list .popup_contents_title { font-size:28px; font-size:2.8rem; line-height:34px; line-height:3.4rem; letter-spacing: -0.04em; font-weight: 700; word-break: keep-all; }
.terms_popup_wrap .terms_popup_contents_con .terms_popup_contents_list .popup_contents_desc { font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 600; word-break: keep-all; }
.terms_popup_wrap .terms_popup_contents_con .terms_popup_contents_list .popup_contents_sub_title { font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 600; word-break: keep-all; }
.terms_popup_wrap .terms_popup_contents_con .terms_popup_contents_list .popup_contents_sub_desc { font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.02em; font-weight: 400; word-break: keep-all; margin-bottom: 10px;}


table.popup_table_style_0 { font-size: 10px; line-height: 10px; table-layout: fixed; border: 1px solid #e9f0f3; border-collapse: unset; border-radius: 8px; border-spacing: 0; overflow: hidden;}
table.popup_table_style_0 thead { background: #fafbfe; }
table.popup_table_style_0 thead th { font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2.0rem; letter-spacing: -0.02em; font-weight: 600; padding-top: 12px; padding-bottom: 15px; word-break: keep-all; }
table.popup_table_style_0 thead th:not(:last-child) { border-right: 1px solid #e9f0f3; }
table.popup_table_style_0 tbody td { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; letter-spacing: -0.02em; font-weight: 400; padding-top: 16px; padding-bottom: 18px; word-break: keep-all; }
table.popup_table_style_0 tbody td:first-child { text-align: center; }
table.popup_table_style_0 tbody td.tl { text-align: left !important; padding-left: 15px; padding-right: 15px; }
table.popup_table_style_0 tbody td:not(:first-child) { padding-left: 19px; padding-right: 15px; }
table.popup_table_style_0 tbody tr:not(:last-child) td { border-bottom: 1px solid #e9f0f3; }
table.popup_table_style_0 tbody tr td:not(:last-child) { border-right: 1px solid #e9f0f3; }
table.popup_table_style_0 tbody td.popup_table_list_style_0 > ul > li { position: relative; padding-left: 12px; }
table.popup_table_style_0 tbody td.popup_table_list_style_0 > ul > li > span::after { content: ''; position: absolute; top: 10px; left: 0; background-color: #000; width: 3px; height: 3px; border-radius: 50%;}



@media all and (min-width:768px){

    .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_title_con{max-width: calc(100% - 300px); }
    .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_title_con .popup_fixed_title { padding-left: 30px; }
    .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.top{display:inline-block;}

    .terms_popup_wrap .popup_contents_title_desc{margin-bottom: 70px;}
}

@media all and (min-width:992px){

    .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn:hover{background-color: var(--color_blue_1);}
    [data-wv-pc="mobile"] .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn:hover { background-color: var(--color_blue_1); }

    .terms_popup_wrap .popup_fixed_btn_con > img{display: inline; width: auto; margin-right: 20px;}
    .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_logo { width: 77px; }
    .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_logo > img { width: 41px; }
    .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_title_con .popup_fixed_title > span{font-size:17px; font-size:1.7rem; line-height:25px; line-height:2.5rem; height: 66px; padding-bottom: 4px;}

    .terms_popup_wrap .terms_popup_contents_con{ min-height:calc(100vh - 71px); padding-top: 65px; padding-bottom: 80px;}
    /*.terms_popup_wrap .terms_popup_contents_con .terms_popup_contents_list .popup_contents_desc{max-width: 75%;}*/
    .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_title_con{height:60px;}
    .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn{width:64px; height:62px; line-height:71px;}
    .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.top.active{width:75px;}
    /*.terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.close > svg { margin-top: 23px; }*/
    [data-wv-agent="ie"] .terms_popup_wrap .popup_fixed_btn_con .popup_fixed_btn.close > svg { margin-top: 0; }
}

@media all and (min-width:1320px){
    .terms_popup_wrap {left:50%; margin-left:calc(1320px / 2 * -1);}
}