@charset "UTF-8";



.popup_con{ background: var(--color-k-085); position: fixed; top: 0; left: 0; width: 100%; height: 0%; z-index: 9999; opacity: 0; pointer-events: none; overflow: hidden; -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); transition: all 350ms linear, height 0ms 350ms;}
.popup_con .width_con{ padding: var(--mrgn-x4) 0; transform: scale(.975); transition: inherit; transform-origin: 50vw 50vh;}
.popup_con .width_con > ul.v_con.ub_two_con{}
.popup_con .width_con > ul.v_con.ub_two_con > li.cells{}
.popup_con .width_con > ul.v_con.ub_two_con > li.cells.sticky{ top: var(--mrgn-x4); box-sizing: border-box; padding: var(--mrgn-x2);}

.popup_con .width_con > ul.v_con.ub_two_con > li.cells.sticky h3{ margin-bottom: var(--mrgn); opacity: .65;}
.popup_con .width_con > ul.v_con.ub_two_con > li.cells.sticky h2{ font-size: 4em;margin-bottom: var(--mrgn-x2);}
.popup_con .width_con > ul.v_con.ub_two_con > li.cells.sticky h5{ margin-bottom: var(--mrgn-half);}
.popup_con .width_con > ul.v_con.ub_two_con > li.cells.sticky h5 span{ opacity: .65; display: inline-block; width: 33.333%;}
.popup_con .width_con > ul.v_con.ub_two_con > li.cells.sticky h5 b{ display: inline-block; width: 66.666%;}

.popup_con .width_con > ul.v_con.ub_two_con > li.cells.image_con{ }
.popup_con .width_con > ul.v_con.ub_two_con > li.cells.image_con img{ margin-bottom: var(--mrgn-x2); border-radius: var(--mrgn);}

.popup_con .width_con > ul.v_con.ub_two_con > li.cells.video_con{ position: absolute; top: 0; right: 0; width: calc(66.666% - 36px); padding: var(--mrgn-x4) 0;}
.popup_con .width_con > ul.v_con.ub_two_con > li.cells.video_con video{ width: 760px; margin-bottom: var(--mrgn-x2); border-radius: var(--mrgn);}

.popup_con .width_con > ul.v_con.ub_two_con > li.cells.box{background: var(--color-w-085);
}

a.btn.btn_popup_close{ position: fixed; width: 40px; height: 40px; background: var(--color-k-085); bottom: var(--mrgn-x4); left: 50%; border-radius: 20px; transform: translateX(-50%); opacity: 0; z-index: 10000;}
html.show_popup a.btn.btn_popup_close{opacity: 1;}
html.show_popup a.btn.btn_popup_close > i { position: absolute; top: 50%; left: 50%; font-size: var(--mrgn); transform: translate(-50%, -50%); color: var(--color-w); text-decoration: none;} 

html.show_popup{ overflow: hidden;}
html.show_popup .popup_con{ height: 100%; opacity: 1; pointer-events: auto; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: all 350ms linear, height 0ms; overflow-y: auto;}
html.show_popup .popup_con .width_con{ transform: scale(1);}