@charset "utf-8";

/* **************************************** *
 * GLOBAL
 * **************************************** */
html {font-size: 6.25%; }
body {overflow-x: hidden;font-family: 'NotoSansKR', sans-serif; color:#252525; position:relative;}
a {color:#252525;text-decoration: none;}
[data="ff_second"] {font-family: 'Jalnan', 'NotoSansKR', sans-serif; letter-spacing: 0;}

/* WRAP */
.wrap {max-width: 1130rem;margin: 0 auto; position:relative;}
.wrap_middle {max-width: 1200rem;margin: 0 auto;position: relative;}
.wrap_narrow {max-width: 980rem;margin: 0 auto; position:relative;}



/* **************************************** *
 * HEADER
 * **************************************** */
#header {width:100%; -webkit-transition: height .3s;transition: height .3s;z-index: 500;}
.header_top {height:160rem;}
#header .header_logo {position:absolute;width: 344rem;height: 60rem;left:0;top: 50rem;z-index:50;-webkit-transition: top .3s, width .3s, height .3s;transition: top .3s, width .3s, height .3s;}
#header .header_logo a {display:block; width:100%; height:100%;}
#header .header_logo img { width:100%;}

/* SEARCH */ 
.search_box {float:right;border:2rem solid #09005b;position:absolute;right:0;top: 60rem;padding: 7rem 10rem 8rem 15rem;}
.search_box input {border:none;padding-right: 30rem;width: 271rem;letter-spacing: -0.05em;}
.search_box input::-webkit-input-placeholder {font-size:14rem; font-weight:500; color:#09005b;}
.search_box input::-moz-placeholder {font-size:14rem; font-weight:500; color:#09005b;}
.search_box input:-ms-input-placeholder {font-size:14rem; font-weight:500; color:#09005b;}
.search_box input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: transparent;}
.search_box input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: transparent;}
.search_box input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: transparent;}
.search_box button {border:none;background:none;position:relative;position: absolute;right: 0;top: 5rem;}
.search_box button:before {font-family:'rb-font';font-size: 26rem; font-weight:normal; content:'\e958'}

/* MENU */
.global_menu_nav_wrap {border-top:1rem solid #d3d3d3;border-bottom:1rem solid #929292;-webkit-transition: top .3s;transition: top .3s;position: relative;}
.global_menu_nav {display:inline-block;vertical-align:middle;}
.global_menu_nav > ul > li {display: inline-block;vertical-align: middle;position: relative;}
.global_menu_nav > ul > li:last-child {margin-right:20rem;}
.global_menu_nav > ul > li.menu_mypage {margin-right:10rem;}
.global_menu_nav > ul > li > a {padding: 8rem 41rem 11rem;position: relative;font-family: 'NotoSansKR', sans-serif;font-size: 20rem;font-weight: 500;color:#252525;letter-spacing:-0.05em;display:block;-webkit-transition: color .2s;transition: color .2s;}
.global_menu_nav > ul > li:first-child > a {padding-left:0;}
html.desktop .global_menu_nav > ul > li > a:hover {color:#f80013;}
.global_menu_util {display: inline-block;vertical-align: middle;position: relative;}

.mob_menu_close {display: none;width: 50rem;height: 50rem;position: fixed;top: 27rem;right: 18rem;z-index: 650;cursor: pointer;border: none;background: none;}
.mob_menu_close:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'rb-font';content: '\e920';font-size: 17rem;line-height: 50rem;font-weight: normal;text-align: center;color: #fff;}


/* 2depth */
.sub_menu {width: 200rem;position: absolute;top:60rem;left: 50%;background: #111;overflow: hidden;padding: 0;border: 3rem solid #333;border-radius: 8rem;text-align: center;transform: translateX(-50%) translateZ(0); opacity:0; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; visibility:hidden; z-index:100;}
.sub_menu li {display: block;border-bottom: 1rem solid #333; position:relative; z-index:10; }
.sub_menu li:last-child {border-bottom: none;}
.sub_menu li a {padding: 13rem;font-size:15rem;color: #aaa;display:block;}
.sub_menu li.active a {color:#fff;}
html:not(.mobile) .sub_menu li.sub_main {display:none;}

html:not(.mobile) #menu > li:hover > ul, 
#menu > li.focusin > ul,
html.mobile #menu> li.active > ul { height:auto; opacity:1; visibility:visible;}
#menu .menu_item.focusin .sub_menu { opacity:1; visibility:visible;}

/* all menu */
.global_all_menu {display:inline-block;vertical-align: middle;margin-left: 35rem;}
.global_all_menu_btn {border:none;background:none;font-size:14rem;font-weight:500;letter-spacing:-0.05em;position:relative;padding: 0;padding-right:15rem;-webkit-transition: color .3s;transition: color .3s;text-align: right;}
.global_all_menu_btn:before {display: block;position: absolute;top: 50%;right:0;margin-top: -5rem;font-family:'rb-font';font-size: 10rem;font-weight:bold;line-height: 1;color:#252525;content:'\e947';-webkit-transition:-webkit-transform 0.4s, color .3s;transition:-webkit-transform 0.4s, color .3s;transition:transform 0.4s, color .3s;transition: transform 0.4s, color .3s, -webkit-transform 0.4s, color .3s;}
.global_all_menu_btn span{min-width: 37rem; display: block;}
.global_all_menu_container {display:none;position: absolute;top: 65rem;width: 100%;background: #fff;z-index: 10;box-shadow: 0rem 3rem 3rem rgb(0 0 0 / 30%);padding: 20rem 0;}
.global_all_menu_container .wrap {font-size:0;}
.global_menu_item {display:table-cell;vertical-align:top;border-left:1rem solid #d3d3d3;padding: 5rem 18rem;width: 16%;}
.global_menu_item li {font-size:14rem;letter-spacing: -0.05em;}
.global_menu_item li + li {margin-top:5rem;}
.global_menu_item li:first-child {font-weight:500; margin-bottom:15rem;}

.open_all_menu .global_all_menu_container {display:block;}
.open_all_menu .global_all_menu_btn { color:#f80013;}
.open_all_menu .global_all_menu_btn:before {color:#f80013; -webkit-transform: rotate( -180deg ); -ms-transform: rotate(-180deg); transform: rotate( -180deg );}

/* my menu */
.open_my_menu {overflow:hidden;}
.my_menu_button { position: absolute;top: 15rem;right: 0;z-index: 550; }
.my_menu_button:after {width: 15rem;height: 15rem;background: #f80013;font-size: 10rem;font-weight: 600;text-align: center;color: #fff;display: block;border-radius: 50%;display: inline-block;vertical-align: middle;margin-left: 7rem;content:'N';position: absolute;top: -7rem; right:-7rem;}
.my_menu {background:none;border:none;width: 25rem;height: 20rem;cursor: pointer; display:block;}
.my_menu_line {display: block;width: 100%;height: 2rem;position: absolute;left: 0;background: #252525;-webkit-transition: background 300ms;transition: background 300ms;}
.my_menu_line_01 {top: 0;}
.my_menu_line_02 {top: 9rem;}
.my_menu_line_03 {bottom: 0;}

.my_menu_box { max-width:350rem; height:100%; background:#f6f6f6; position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 652; display:none;-webkit-overflow-scrolling: touch;}
.my_menu_box_inner {width: 100%; height: 100%; position: relative; overflow-y: scroll; padding:11rem 14rem;}
.my_menu_close {position: absolute;padding: 10rem;top: 30rem;right: 14rem;display: block;text-align: center;transform: translateY(-50%);}
.my_menu_close:after {content: '\e900';font-family: 'rb-font';font-size:15rem;color: #929292;-webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);display: block;}
html:not(.mobile) .my_menu_close:hover:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.my_menu_overlay {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; background: rgba(0, 0, 0, .4); z-index: 650;}

.my_menu_logout {font-size:12rem;border:1rem solid #d3d3d3;padding: 1rem 7rem 2rem;position:absolute;left:14rem;top:11rem;border-radius:30rem;}
.my_menu_header {text-align:center;padding: 30rem 0; border-bottom:1rem solid #d3d3d3;}
.user_level_wrap:before {opacity:0.5;width:100rem;height:116rem;background:url(../images/layout/randombox.svg) no-repeat;background-size:100% 100%;content:'';display:block;margin: 0 auto;}
.my_menu_header .user_level_wrap {font-size:30rem;font-weight:600;position: relative;text-align: center;}
.my_menu_header .user_level {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.my_menu_header .user_id {font-size:20rem;letter-spacing: -0.05em;position: relative;}
.my_menu_header .user_id .user_id_modify {background:none;border:none;position: absolute;top: 4rem;}
.my_menu_header .user_id .user_id_modify:before {content: '\e93e';font-family: 'rb-font';font-size:15rem;color: #929292; display:inline-block; vertical-align:middle;}
 
.my_menu_list {font-size:0;}
.my_menu_list > ul > li {display:inline-block;font-size:14rem;width: calc(25% - 10rem);text-align:center;padding: 6rem 0;margin: 5rem 5rem;position:relative;background: #f6f6f6;background-clip: padding-box; /* !importanté */border: solid 2rem transparent; /* !importanté */border-radius: 11rem;}
.my_menu_list .my_menu_tab > li a {display:block;}
.my_menu_list .my_menu_tab > li span {position:relative;display: block;}
.my_menu_list .my_menu_tab > li span:before {font-family: 'rb-font';font-size:30rem;color:#929292;display: block;margin-bottom: 5rem;}
.my_menu_list li.my_menu_info span:before {content: '\e959';} 
.my_menu_list li.my_menu_cash span:before {content:'\e944'} 
.my_menu_list li.my_menu_coupon span:before {content:'\e946'} 
.my_menu_list li.my_menu_inquiry span:before {content:'\e93d'} 
.my_menu_list li.my_menu_bookmark span:before {content:'\e93f'} 
.my_menu_list li.my_menu_alram span:before {content:'\e907'} 
.my_menu_list li.my_menu_write span:before {content:'\e906'} 
.my_menu_list li.my_menu_message span:before {content:'\e956'} 
.my_menu_list .my_menu_tab > li.active:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;margin: -2rem;border-radius: inherit;background: linear-gradient(to bottom right,  #f9b52c, #48bf0d, #007ef4);opacity:0.7;}
.my_menu_list .my_menu_tab > li.my_menu_item_new:after {content:'N'; color:#f80013; font-size:10rem; font-weight:700; position:absolute; left:5rem; top:3rem;}

.my_menu_tab {border-bottom:1rem solid #d3d3d3;padding: 10rem 0;}

.tab_panel_container {font-size:14rem;padding: 20rem 0;}
.tab_panel h2 {font-size:14rem;font-weight:500;padding: 0 14rem;}
.tab_panel h2 span {position:relative;padding-left: 25rem;display: block;}
.tab_panel h2 span:before {font-family: 'rb-font';font-size:20rem;color:#929292;display: block;  position:absolute; left:0}
.tab_panel .btn_all_delete {background:none;bordeR:none;position: absolute;right: 8rem;top: 0;font-size:12rem; color:#252525;}
.my_menu_title{position:relative;}
#my_menu_coupon h2 span:before {content:'\e946';}
#my_menu_coupon .coupon_item {width:294rem;height:100%;background: url(../images/layout/coupon_bg.png) no-repeat;margin: 14rem;font-size: 0;}
#my_menu_coupon .coupin_info {padding: 20rem 15rem 19rem 12rem;width: 69.5%;display: inline-block;}
#my_menu_coupon .coupin_info span {font-size:12rem; letter-spacing:-0.05em;}
#my_menu_coupon .coupin_info h3 {margin-top:5rem;font-size:12rem;font-weight:500;letter-spacing:-0.05em;line-height: 1.5;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 40rem;}
#my_menu_coupon .coupin_info p {font-size: 12rem;letter-spacing:-0.05em;display: block;}
#my_menu_coupon .coupon_use {width: 30.5%;display: inline-block;text-align: center;}
#my_menu_coupon .coupon_use img {border:1rem solid #fff;}
#my_menu_coupon .coupon_use span {color:#fff;font-size: 12rem;line-height: 1;font-weight: 500;margin-top: 8rem;display: block;}
#my_menu_bookmark h2 span:before {content:'\e93f';}
#my_menu_bookmark .my_menu_contents {padding:0 14rem;}
.bookmark_section {position:relative;margin-top: 15rem;}
.bookmark_section h3 {font-size: 12rem;font-weight:500;color:#252525;margin-bottom: 10rem;}
.bookmark_section .btn_open {position:absolute;right:0;top: -2rem;background: none;border: none;}
.bookmark_section .btn_open:before {font-family: 'rb-font';font-size: 11rem;color:#929292;content:'\e957';}
.bookmark_section .btn_open.active:before {content:'\e955';}
.bookmark_section .bookmark_list {font-size:0;}
.bookmark_section .bookmark_list ul {margin:-5rem;}
.bookmark_section .bookmark_list li {font-size: 0;width: calc(50% - 10rem);margin: 5rem;padding-right: 15rem;display: inline-block; position:relative;}
.bookmark_section .bookmark_list li figure {display:inline-block;vertical-align:middle;border-radius: 5rem;overflow: hidden;max-height: 24rem;max-width: 24rem;}
.bookmark_section .bookmark_list li p {width: calc(100% - 25rem);font-size:12rem;padding-left: 7rem;display:inline-block;vertical-align:middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bookmark_section .bookmark_list li img {border:5rem;overflow:hidden;display:block;max-width: 100%;}
.bookmark_section .bookmark_list li .btn_delete {padding: 4rem 5rem;border:none;background:none;position:absolute;right: -2rem;top: -1rem;}
.bookmark_section .bookmark_list li .btn_delete:before {font-family: 'rb-font';font-size: 14rem;color:#929292;content:'\e909';}
.bookmark_section .bookmark_list .no_data {font-size:12rem; margin-bottom:20rem;}
#my_menu_alram .my_menu_title { padding-bottom:20rem; border-bottom:1rem solid #d3d3d3}
#my_menu_alram h2 span:before {content:'\e907';}
#my_menu_write h2 span:before {content:'\e906';}
#my_menu_message h2 span:before {content:'\e956';}
.alram_item {padding: 15rem 40rem 15rem 10rem;border-bottom:1rem solid #d3d3d3;font-size: 12rem;position: relative;}
.alram_item_operation {font-weight:500;background: linear-gradient(to left, rgba(249,181,44,0.1), rgba(72,191,13,0.1), rgba(0,126,244,0.1));}
.alram_item_operation p {padding-left: 20rem;position:relative;}
.alram_item_operation p:before {width:13rem;height:14rem;background: url(../images/layout/randombox_02.svg) no-repeat;background-size: 100% 100%;content:'';display:block;position:absolute;left:0;top: 2rem;}
.alram_item .btn_delete {background:none;bordeR:none;position: absolute;right: 10rem;top: 14rem;}
.alram_item .btn_delete:before {font-family: 'rb-font'; content:'\e900'; font-size:11rem; color:#929292}

.message_item:first-child {border-top:1rem solid #d3d3d3;margin-top: 20rem;}
.message_item {padding: 10rem;border-bottom:1rem solid #d3d3d3;font-size: 12rem;position: relative;}
.message_item ul {margin-bottom: 8rem;overflow: hidden;}
.message_item li.name {float: left;}
.message_item li.manager span {position:relative; padding-left:20rem;}
.message_item li.manager span:before {position:absolute; left:0; top:2rem; content:''; display:block; width:15rem; height:17rem; background:url(../images/layout/randombox_02.svg) no-repeat; background-size:100% 100%;}
.message_item li.date {float:right;}

.my_menu_sub_tab {font-size:0;margin: 15rem 0;}
.my_menu_sub_tab li {font-size:12rem;display:inline-block;padding: 0 10rem;position: relative;}
.my_menu_sub_tab li:last-child:before {width:1rem;height:11rem;background:#ddd;content:'';display:block;position:absolute;left:0;top: 4rem;}
.my_menu_sub_tab li.active a {font-weight:600;}
.my_menu_sub_tab_item {padding: 10rem 10rem;border-top:1rem solid #ddd;font-size: 12rem;position:relative;}
.my_menu_sub_tab_item:last-child {border-bottom:1rem solid #ddd;}
.my_menu_sub_tab_item a {display:block;}
.my_menu_sub_tab_item time {position:absolute; right:0; top:10rem;}
.my_menu_sub_tab_item .post_title {font-weight:500; margin-top:10rem;}
.my_menu_sub_tab_item .post_comment {position:absolute; right:0; bottom:10rem;}
.my_menu_sub_tab_item .post_comment:before {font-family: 'rb-font';content: '\e93d';font-weight: normal;font-size: 13rem;color:#252525;vertical-align: middle;margin-right: 5rem;}




/* **************************************** *
 * ASIDE
 * **************************************** */
.aside {float:right;max-width: 300rem;width: 100%; margin-bottom:50rem;}
.aside > div {margin-top:30rem;}
.aside img {display:block;}
.aside h2 {font-size:16rem;font-weight:500;letter-spacing:-0.05em;border-bottom:1rem solid #d3d3d3;padding-bottom:5rem;margin-bottom: 10rem;}
.login_box {background:#f6f6f6;border:1rem solid #d3d3d3;padding: 13rem 25rem;}
.login_box > p {font-size:12rem;color:#252525;margin-bottom: 6rem;letter-spacing: -0.05em;}
.login_box > a {background:#09005b;font-size:16rem;font-weight: 500;color:#fff;letter-spacing:-0.05em;width: 100%;display: block;text-align: center;padding: 12rem 0 14rem;}
.login_box > a > span {position:relative;padding-left: 34rem;}
.login_box > a > span:before {width:26rem;height:30rem;background:url(../images/layout/randombox.svg) no-repeat;background-size:100% 100%;content:'';display:block;position:absolute;left:0;top: -2rem;}
.login_box > ul {font-size: 0;margin-top: 10rem;}
.login_box > ul > li {display: inline-block; position:relative;}
.login_box > ul > li:first-child {padding-right:8rem; margin-right:8rem;}
.login_box > ul > li:first-child:before { width:1rem; height:11rem; background:#d3d3d3; content:''; display:block; position:absolute; right:0; top:4rem;} 
.login_box > ul > li:last-child {float:right;}
.login_box > ul > li > a {color:#252525;font-size:12rem;letter-spacing: -0.05em;}
.user_info_box {background:#f6f6f6;border:1rem solid #d3d3d3;padding: 21rem 0rem 0;position:relative;}
.user_info_box .user_info {position:relative;padding-left: 58rem;margin-left: 19rem;}
.user_info_box .user_info:before {width:38rem;height:44rem;background:url(../images/layout/randombox.svg) no-repeat;background-size:100% 100%;content:'';display:block;position:absolute;left:0;top: -2rem;}
.user_info_box .user_info > li.user_info_level {font-size:12rem;margin-bottom: 5rem;}
.user_info_box .user_info > li.user_info_id {font-size:14rem;}
.user_info_box .util_menu {font-size:0;border-top:1rem solid #d3d3d3;margin-top: 18rem;}
.user_info_box .util_menu > li {display:inline-block; width:33.33%; font-size:14rem; text-align:center;border-right:1rem solid #d3d3d3;}
.user_info_box .util_menu > li:last-child {border-right:none;}
.user_info_box .util_menu > li a {position:relative;padding: 13rem 0 12rem;display:block;}
.user_info_box .util_menu > li span {position:relative; padding-left:24rem;}
.user_info_box .util_menu > li span:before {font-family: 'rb-font';font-size:20rem;color: #929292; position:absolute; left:0;}
.user_info_box .util_menu > li span > i {font-style:normal;color:#f80013;font-size:12rem;margin-left:4rem;}
.user_info_box .util_menu > li.util_menu_info span:before {content:'\e959'}
.user_info_box .util_menu > li.util_menu_cash span:before {content:'\e944'}
.user_info_box .util_menu > li.util_menu_message span:before {content:'\e956'}
.btn_logout {position:absolute;right: 19rem;top: 19rem;font-size:12rem;font-weight:500;color:#252525;border:1rem solid #d3d3d3;background:#fff;padding: 2rem 6rem 2rem;}
.playzone_rank li {line-height:1.5;position:relative;}
.playzone_rank li > b {width:24rem;height:24rem;background:#f80013;color:#fff;font-size:16rem;display:inline-block;border-radius:5rem;text-align:center;position: absolute;left: 0;top: 0;}
.playzone_rank li + li {margin-top: 20rem;}
.playzone_rank li > a {margin-left: 30rem;padding: 1rem 0;font-size:14rem; font-weight:500; letter-spacing:-0.05em;width: calc(100% - 80rem);display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.playzone_rank li > p {position:absolute;right:0;top:5rem;font-size:12rem;font-weight:600;text-align:center;width: 50rem;}
.playzone_rank li > p > span {position:relative;}
.playzone_rank li > p > span:before {margin-right:10rem; font-family: 'rb-font'; font-size:10rem; font-weight:bold; }
.playzone_rank li > p > span.rank_up:before {content:'\e95a'; color:#f80013;}
.playzone_rank li > p > span.rank_down:before {content:'\e95b'; color:#09005b;}
.popular_post li {line-height:1.5;position:relative;}
.popular_post li > b {width:24rem;height:24rem;background:#09005b;color:#fff;font-size:16rem;display:inline-block;border-radius:5rem;text-align:center;position: absolute;left: 0;top: 0;}
.popular_post li + li {margin-top: 20rem;}
.popular_post li > a {margin-left: 30rem;padding: 1rem 0;font-size:14rem; font-weight:500; letter-spacing:-0.05em;width: calc(100% - 40rem);display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ad_banner > a {display:block;border:1rem solid #d3d3d3;}
.ad_banner img {max-width:100%; display:block;}

.seen_list_warp h2 {margin-bottom:0;}
.seen_list_item {border-bottom:1rem solid #d3d3d3; padding:15rem 0;}
.seen_info .title {font-size:14rem;line-height: 1.5;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;max-height: 40rem;}
.seen_info .meta_info {margin-top:12rem;}
.seen_info .meta_info li {display:inline-block;}
.seen_info .meta_info li + li {margin-left:10rem;}
.seen_info .meta_info li span {position:relative; font-size: 14rem; padding-left:16rem;}
.seen_info .meta_info li span:before {font-family: 'rb-font';font-size:13rem;color:#252525;position: absolute;left: 0;top: calc(50% + 1rem);transform: translateY(-50%);}
.seen_info .meta_info li.meta_info_comment span:before {content:'\e951'; color:#f80013;}
.seen_info .meta_info li.meta_info_like span:before {content:'\e93d';}
.seen_thumb {border:1rem solid #d3d3d3;display: table-cell;vertical-align: middle;}
.seen_list_item .seen_thumb img {display:block;}
.seen_list_item .seen_info {display: table-cell; vertical-align: middle; padding-right: 30rem;}


/* **************************************** *
 * CONTAINER
 * **************************************** */
#container { width:100%; max-width:800rem; min-height:400rem; margin-top:10rem; margin-bottom:0; display:inline-block;}
#container.main {margin-top:30rem; }


/* **************************************** *
 * PAGE
 * **************************************** */
/* PAGE HEADER */
.article_header {position: relative;height: 383rem;text-align:center;background-size: cover;}
.article_header:before {width:100%;height:100%;background:#000;opacity:0.6;content:'';display:block;position: absolute;top: 0;}
.article_header:after {width:100%; height:20%;background:linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); content:''; display:block; position:absolute; bottom:0;left:0}
.article_header_inner {max-width:100%;width: 100%;height: 100%;display: table;position:relative;}
.article_title {padding-top:50rem;font-size: 52rem;color:#fff;display: table-cell;vertical-align: middle; letter-spacing:-0.025em;}


/* PAGE BODY */
.article_body {position: relative;min-height: 360rem; margin-top:110rem;}



/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {width: 100%;padding-bottom: 30rem;position: relative;z-index:100;clear: both;margin-top:50rem;border-top:1rem solid #929292;}

.footer_menu:after {content: '';display: table;clear: both}
.footer_menu {margin:0 0 30rem;border-bottom: 1rem solid #d3d3d3;padding: 18rem 0; font-size:0;}
.footer_menu li {display:inline-block;; margin-right:55rem;}
.footer_menu li.privacy a {color:#f80013;}
.footer_menu li > a {display: block;/* padding: 0 19rem 0; */position: relative;font-size: 12rem;font-weight: 500;letter-spacing: -0.01em;line-height: 1.35;color: #252525;-webkit-transition: color .3s;transition: color .3s;}
.footer_menu li > a:before {display: block;position: absolute;top: 0;left: 50%;font-family:'rb-font';font-size: 15rem;color:#fff;content:'\e93a';opacity:0;-webkit-transform:translate(-50%,-10rem);-ms-transform:translate(-50%,-10rem);transform:translate(-50%,-10rem);-webkit-transition: opacity .15s, -webkit-transform 0.5s;transition: opacity .15s, -webkit-transform 0.5s;transition: transform 0.5s, opacity .15s;transition: transform 0.5s, opacity .15s, -webkit-transform 0.5s;}
html:not(.mobile) .footer_menu li > a:hover {color: #252525;}
html:not(.mobile) .footer_menu li:hover > a:before {opacity: 1; -webkit-transform:translate(-50%,0rem); -ms-transform:translate(-50%,0rem); transform:translate(-50%,0rem)}

.footer_info {margin-bottom: 11rem;margin-top: 14rem;}
.footer_info p {font-weight: 400;letter-spacing: -0.01em;}
.footer_info p + p {margin-top:5rem;}
.footer_info p span, .footer_info p span a {font-size: 12rem;color: #888;}
.footer_info p span {display: inline;position: relative;vertical-align: middle;margin-right: 15rem;}
.footer_info p span:after {content: '';display: none;width: 1rem;height: 12rem;position: absolute;right: 8rem;top: 50%;margin-top: -6rem;background: #fff;background: rgba(255, 255, 255, .15);}
.footer_info p span:last-child {padding-right: 0;}
.footer_info p span:last-child:after {display: none;}
.footer_info p span i {font-style:normal;}
.footer_mail a {font-size: 13rem;font-weight: 500;letter-spacing: 0.05em;color: #888;}

.footer_info .copyright {clear:both;font-size: 12rem;letter-spacing: 0.1em;line-height: 1.75;color: #888;margin-top: 20rem;}

.go_randombox {width:61rem;height:61rem;line-height: 1.3;border-radius:50%;background:linear-gradient(135deg, rgba(134,31,145,1) 0%, rgba(35,104,142,1) 100%);font-size:14rem;font-weight:500;color:#fff;letter-spacing:-0.025em;text-align:center;position:absolute;bottom: 350rem;right:60rem;-webkit-transition: opacity 0.3s, visibility 0.3s, color 0.3s, background 0.3s;transition: opacity 0.3s, visibility 0.3s, color 0.3s, background 0.3s;z-index: 400;display: table;}
.go_randombox > span {display:table-cell; vertical-align:middle;}
.go_randombox.sticky_btn_fix {position: fixed;top: inherit;bottom: 100rem;}
.go_randombox.sticky_btn_hide {opacity: 0; visibility:hidden;}



/* **************************************** *
 * SCROLL
 * **************************************** */
/* scroll top */
.go_top {display: block;width: 60rem;height: 60rem;position: absolute;top: -94rem;right: 60rem;text-align: center;line-height: 60rem;background: #333;border-radius: 50%;-webkit-transition: opacity 0.3s, background 0.3s;transition: opacity 0.3s, background 0.3s;z-index: 999;}
.go_top:before {font-family:'rb-font';font-size: 14rem; font-weight:normal; color:#fff;content:'\e900';display:block;}
html:not(.mobile) .go_top:hover {background: #a023c4;}

.go_top.sticky_btn_fix {position: fixed;top: inherit;bottom: 30rem;}
.go_top.sticky_btn_hide {opacity: 0;z-index: -1;}



/* **************************************** *
 * PRIVACY, TERMS
 * **************************************** */
.policy_box + .policy_box {margin-top:60rem;}
.policy_title {font-size: 20rem;color:#fff;margin-bottom: 20rem;}
.policy_box_wrap {margin-bottom: 20rem;letter-spacing: -0.025em;word-break: keep-all; background:#252525; border-radius:8rem;}
.policy_box_wrap:last-child {margin-bottom: 0;}
.policy_box_title {display: block;padding-bottom: 18rem;margin-bottom: 0;font-size: 20rem;letter-spacing:-0.05em;line-height: 1.66;font-weight: 600;color: #fff; border-bottom:1rem solid #444; margin-bottom:30rem;}
.policy_content_box {margin-bottom: 25rem;}
.policy_content_box h3 {margin-bottom: 5rem;font-size: 15rem;font-weight:600;color: #aaa;letter-spacing:-0.01em;}
.policy_content_box strong { color:#ed4043; font-weight:700;}
.policy_content_box .bullet_list {margin-top: 18rem; margin-bottom:18rem;}
.policy_content_box .bullet_list > li {padding-left: 35rem;position:relative;word-break: keep-all;}
.policy_content_box .bullet_list > li:before {width:5rem;height:5rem;background:#ed4043;border-radius:50%;display:block;content:'';position:absolute;left: 20rem;top:12rem;}
.policy_content_box > .bullet_list li { margin-bottom:10rem;}
.policy_content_box > ul > li > .bullet_list li { margin-bottom:4rem;}
.policy_content_box p + p {margin-top:15rem;}
.policy_box > *:last-child {margin-bottom: 0;}
.policy_box p {font-size: 16rem;line-height: 1.75;color: #999;}
.policy_box b {display: block;font-size: 16rem;line-height: 1.75;font-weight: 600;color: #ed4043;}
.policy_box li {margin-bottom: 8rem;position: relative;font-size: 15rem;line-height: 1.5;color: #999;}
.policy_box li:last-child {margin-bottom: 0;}
.policy_box > ul > li {padding-left: 14rem;margin-bottom: 2rem;}
.policy_box > ul > li:before {content: '';display: block;width: 4rem;height: 4rem;position: absolute;left: 0;top: 12rem;background: #ed4043;border-radius: 50%;}
.policy_box > ul > li > ul {margin-top: 2rem;margin-bottom: 26rem;}
.policy_box > ul > li:last-child > ul {margin-bottom: 0;}
.policy_box .primary_num_list {counter-reset: item;}
.policy_box .primary_num_list > li {position: relative;font-size: 16rem;line-height: 1.75;color: #999;letter-spacing: -0.025em;padding-left: 20rem;counter-increment: item;}
.policy_box .primary_num_list > li:before {width: 13rem; height: 13rem; text-align: center; font-size: 12rem; content: counter(item);display: block;position: absolute;top:7rem;left: 0;background:none; border: 1rem solid #666; border-radius: 50%; line-height:1;}
.policy_box .secondary_num_list {counter-reset: item;}
.policy_box .secondary_num_list > li {position: relative;font-size: 16rem;line-height: 1.75;color: #999;letter-spacing: -0.025em;padding-left: 15rem;counter-increment: item;}
.policy_box .secondary_num_list > li:before {text-align: center; font-size: 15rem; content: counter(item)".";display: block;position: absolute;top:7rem;left: 0;background:none; line-height:1;}
.policy_wrap .custom_checkbox_wrap {text-align:right;}

.privacy_intro {margin-bottom: 52rem;padding: 33rem 38rem 34rem;background: #fff;border:3rem solid #ddd;border-radius:10rem;}
.privacy_box {margin-bottom: 47rem;letter-spacing:-0.01em;}
.privacy_box:last-child {margin-bottom: 0;}
.privacy_box_title {display: block;padding-bottom: 24rem; margin-top:46rem; margin-bottom: 23rem;font-size: 20rem;letter-spacing:-0.01em;line-height: 1.66;font-weight: 600;color: #222;border-bottom: 1rem solid #ddd;}
.privacy_box {margin-bottom: 35rem;}
.privacy_box h3  {margin-bottom: 0;margin-top: 29rem;font-size: 16rem;font-weight:600;color:#222;letter-spacing:-0.01em;}
.privacy_box h3 + .bullet_list { margin-top:12rem;}
.privacy_box h3 + .bullet_list > li { margin-bottom:17rem;}
.privacy_box h3 + .bullet_list > li > ul { margin-top:4rem;}
.privacy_box h3 + .bullet_list + p { margin-top:27rem;}
.privacy_box strong { color:#ed4043; font-weight:700;}
.privacy_box > *:last-child {margin-bottom: 0;}
.privacy_box p {margin-bottom: 17rem;font-size: 16rem;line-height: 1.75;color: #666;}
.privacy_box b {display: block;font-size: 16rem;line-height: 1.75;font-weight: 600;color: #ed4043;}
.privacy_box li {margin-bottom: 4rem;position: relative;font-size: 16rem;line-height: 1.75;color: #666;}
.privacy_box li:last-child {margin-bottom: 0;}
.privacy_box li > p {margin-top: 9rem;}
.privacy_box > ul > li {margin-bottom:11rem;}
.privacy_box > ul > li > ul {margin-top: 2rem;}
.privacy_box > ul > li:last-child > ul {margin-bottom: 0;}
.privacy_box .bullet_list {margin-top: 16rem;margin-bottom: 16rem;}
.privacy_box .bullet_list > li {padding-left: 35rem;position:relative;word-break: keep-all;}
.privacy_box .bullet_list > li:before {width:5rem;height:5rem;background:#ed4043;border-radius:50%;display:block;content:'';position:absolute;left: 20rem;top:12rem;}
.privacy_box .bullet_list > li > b { color:#222;}
.privacy_box > ul > li > .bullet_list li { margin-bottom:5rem;}
.privacy_box .bullet_list  .hyphen_list { margin-left:0;}
.privacy_box .hyphen_list {margin:4rem 0 17rem 19rem;}
.privacy_box .hyphen_list > li { margin-bottom:4rem; padding-left:10rem; position:relative;}
.privacy_box .hyphen_list > li:before { width:5rem; height:1rem; background:#666; position:absolute; left:0; top:15rem; content:''; display:block;}
.privacy_box .hyphen_list .bullet_list > li { padding-left:25rem;}
.privacy_box .hyphen_list .bullet_list > li:before { left:11rem;}
.privacy_box .list_content_box {background:#eee;border-radius:10rem;padding: 22rem 32rem 25rem;margin: 14rem 0 23rem 0rem;line-height: 2.1;font-size: 15rem;color:#666;}
.privacy_box .list_content_box p {font-size:15rem;margin-bottom: 0;/* line-height: 1.9; */margin-top: 2rem;}
.privacy_box .mail_link { border-bottom:1rem solid #222; padding-bottom:1rem; color:#222;}
.privacy_box ol { margin-top:36rem;}
.privacy_box ol a { color:#666;}
.privacy_table {width: calc(100% + 15rem); margin:15rem 0 33rem -15rem; border-bottom:1rem solid #ddd; position: relative;}
html.ie9 .privacy_table  { width:100%; margin-left:0;}
.privacy_table caption {width: 1rem;height: 1rem;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.privacy_table tr {width: 100%;}
.privacy_table th {padding: 21rem 20rem 24rem;position: relative;font-size: 16rem;text-align: center;font-weight: 600;color: #fff;vertical-align: middle;background:#ed4043;}
.privacy_table th:before {content: '';display: block;width: 1rem;height: 16rem;position: absolute;top: 50%;left: 1rem;margin-top: -6.5rem;background: #dedede;}
.privacy_table th:first-child { width:21.1%;}
.privacy_table th:first-child:before {display: none;}
.privacy_table td {padding: 22rem 36rem 22rem 30rem;font-size: 15rem;vertical-align: middle;border-bottom: 1rem solid #dedede;line-height: 1.9;}
.privacy_table td:first-child {background:#f3f2f2;font-weight:600;color: #222;text-align: center;}



/* **************************************** *
 * MESSAGE
 * **************************************** */
.message_box_wrap {padding:20rem 13rem;}
.message_info { margin-bottom:7rem; position:relative;}
.message_info h1 { font-size:12rem;}
.message_info time { font-size:12rem; position:absolute; right:0; top:.0}
.message_text_box textarea {width:100%; height:150rem; padding:10rem; border:1rem solid #666;  resize: none }
.message_btn_wrap {font-size:0;margin-top:7rem;text-align: center;}
.message_btn_wrap a {border:1rem solid #d3d3d3;font-size:12rem;padding:1rem 10rem 2rem;display: inline-block;}
.message_btn_wrap a.left {float: left;}
.message_btn_wrap a.center {text-align:center;}
.message_btn_wrap a.right {float: right; margin-left:5rem;}