@charset "UTF-8";

/* Com2uS Platform WD_WP Team. Author: Jaewook Baek 2020-05-04. Edit: Jaewook Baek 2022-08-30 */
html	{height:100%;font-size:10px;-webkit-text-size-adjust:none;}
body	{height:100%;background-color:#edeef6;-webkit-overflow-scrolling:touch;}
body:lang(ar)	{direction:rtl;}
*	{margin:0;padding:0;list-style:none;border:0;font-family:sans-serif;}
button	{background-color:transparent;cursor:pointer;}
a	{text-decoration:none;}
.HIVEwrap	{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-width:320px;min-height:100%;position:relative;font-size:1.6rem;line-height:1.5;color:#636a8c;box-sizing:border-box;}
.HIVEheader	{padding-top:50px;}
.HIVEheader .main_logo	{width:133px;height:44px;line-height:0;font-size:0;color:transparent;background-image:url('../img/logo_m_landing_v1.png');background-repeat:no-repeat;background-size:100% 100%;}
.HIVEcontainer	{flex:1;padding:0 20px 60px;box-sizing:border-box;}
.HIVEcontent	{margin-top:20px;}
.HIVEfooter	{width:100%;padding:0 20px 10px;line-height:2;font-size:1.0rem;text-align:center;box-sizing:border-box;}
.HIVEfooter .copyright	{color:#9fabc9;}
.HIVEbtn	{display:block;width:100%;height:58px;padding:0 20px;border-radius:10px;line-height:1.25;font-weight:bold;font-size:1.6rem;color:#edeef6;background-color:rgba(0,0,0,0.08);}
.HIVEbtn.btn_on	{color:#fff;background-color:#1475db;}
.user_inform	{display:block;margin-bottom:30px;line-height:1.4;font-size:2.0rem;color:#136bc9;}
.user_inform.failed	{color:#d01111;}
.box_btn	{margin-top:100px;position:relative;}
.cntdown	{display:block;width:100%;height:58px;position:absolute;left:0;top:0;line-height:58px;font-size:3.0rem;color:#d01111;text-align:center;}

/* Pop Up */
.HIVEpop	{width:100%;min-width:320px;height:100%;position:fixed;left:0;top:0;text-align:center;z-index:100;background-color:rgba(0,0,0,0.8);}
.HIVEpop:before	{content:'';display:inline-block;height:100%;vertical-align:middle;}
.HIVEpop .pop_layer	{display:inline-block;width:300px;padding:10px 20px 20px;border-radius:20px;line-height:1.5;font-size:1.6rem;text-align:left;vertical-align:middle;background-color:#fff;box-sizing:border-box;}
.HIVEpop .pop_layer:lang(ar)	{text-align:right;}
.HIVEpop .pop_tit	{display:block;padding-top:10px;line-height:1.33;font-weight:500;font-size:2.4rem;color:#2d3137;}
.HIVEpop .pop_desc	{padding-top:20px;color:#627793;}
.HIVEpop .pop_btn	{margin-top:20px;height:48px;}
.HIVEpop button	{display:block;width:100%;height:100%;padding:0 10px;border-radius:10px;line-height:1.25;font-weight:500;font-size:1.6rem;color:#fff;}
.HIVEpop .btn_confirm	{background-color:#1174df;}

/* Theme Dark */
.theme_dark	{background-color:#161b23;}
.theme_dark .HIVEwrap	{color:#7982a0;}
.theme_dark .HIVEfooter .copyright	{color:#404958;}
.theme_dark .HIVEbtn	{color:#161b23;background-color:rgba(255,255,255,0.08);}
.theme_dark .HIVEbtn.btn_on	{color:#fff;background-color:#2486ef;}
.theme_dark .user_inform	{color:#2486ef;}
.theme_dark .failed	{color:#f04242;}
.theme_dark .cntdown	{color:#e32c43;}
.theme_dark .HIVEpop .pop_layer	{background-color:#222832;}
.theme_dark .HIVEpop .pop_tit	{color:#fff;}
.theme_dark .HIVEpop .pop_desc	{color:#828fab;}
.theme_dark .HIVEpop button	{color:#fff;}
.theme_dark .HIVEpop .btn_confirm	{background-color:#3891f0;}

/* v1 email landing */
.landing_v1	{background-color:#eee;}
.landing_v1 .HIVEcontainer	{width:100%;padding-right:0;padding-left:0;}
.landing_v1 .HIVEheader	{padding:15px 0;background-color:#303030;}
.landing_v1 .HIVEheader .main_logo	{width:73px;height:24px;margin:0 auto;}
.landing_v1 .HIVEcontent	{margin-top:0;padding:46px 15px 0;color:#666;line-height:1.36;text-align:center;}
.landing_v1 .HIVEcontent .user_inform	{color:#2a84d8;}
.landing_v1 .HIVEcontent .txt_cmn	{margin-top:35px;}
.landing_v1 .HIVEfooter .copyright	{color:#afafaf;}

/* ==============================  Mobile landscape: 568 ~ 1023px ============================== */
@media (min-width: 568px) and (max-width: 1023px){
	.HIVEcontainer	{padding:0 10.56% 60px;}
	.HIVEheader	{padding-top:40px;}
	.HIVEfooter	{padding:0 10.56% 10px;}
	.box_btn	{margin-top:50px;}

	/* Pop Up */
	.HIVEpop .pop_layer	{width:360px;}
	.HIVEpop .pop_desc	{padding-top:10px;}
}

/* ==============================  PC: 1024px ~ ============================== */
@media (min-width: 1024px){
	.HIVEheader	{padding-top:100px;}
	.HIVEcontainer	{width:440px;margin:0 auto;padding:0 0 60px;}
	.HIVEfooter	{padding:0 20px 60px;;line-height:1.83;font-size:1.2rem;}

	/* Pop Up */
	.HIVEpop .pop_layer	{width:360px;}
	.HIVEpop .pop_desc	{padding-top:10px;}
}