@charset "utf-8";

/*리뉴얼 @mi_suuun #20210825*/

.ip_box > div{
	display:table-cell;
	vertical-align:middle;
}
.ip_box > div > a{
	/* border:1px solid rgba(255,255,255,0.3); */
	background:#151d24;
	font-size:14px;
	color:#fcd746;
	border-radius:5px;
	padding:5px 10px;
	text-align:center;
}
.ip_box > div > a span{
	color:#fff;
	padding-left:3px;
	padding-right:5px;
}
.ip_box img{
    vertical-align: 2px;
}
#wrap.scroll .header_all_wrap{
	background:#fff;
	top:0 !important;
}
.mid_nav .menu.active > a{
	color:#ffd239;
}
.header_mid_lang{
	position:relative;
/* 	top:-3px; */
}
.header_mid_lang > a{
	display:table;
	padding-left:15px;
}
.header_mid_lang > a > img{
	border:1px solid transparent;
	border-radius:5px;
	overflow:hidden;
	width:22px;
	margin-right:10px;
}
.header_mid_lang > a >  *{
	display:table-cell;
	vertical-align:middle;
}
.header_mid_lang > a span:first-of-type{
	padding: 0 4px 0 10px;
	display:none;
}
.header_mid_lang > a span img{
	vertical-align:2px;
}
.lang_list,
.mid_nav .menu .sub_menu{
	position:absolute;
	left:50%;
	top:100%;
	transform:translateX(-50%);
	padding-top:15px;
	z-index:11;
	display:none;
}
.lang_list > div,
.mid_nav .menu .sub_menu > div{
	background:#1a2128;
	border:1px solid #273039;
	border-radius:10px;
	width:120px;
	box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.18);
}
.lang_list a,
.mid_nav .menu .sub_menu ul li a{
	padding:10px;
	width:100%;
	padding-right:15px;
	text-align:left;
	border-bottom:1px solid #273039;
}
.lang_list a:last-child {
	border-bottom:0
}

.lang_en .lang_list a{
	padding:10px 5px;
}
.lang_list a:last-child{
	margin-bottom:0;
}
.lang_list a > *{
	vertical-align:middle;
}
.lang_list a img{
	width:22px;
	/* border:1px solid #e5e5e5; */
	border-radius:5px;
	overflow:hidden;
}
.lang_list a span{
	font-size:15px;
	color:#777;
	padding:0 7px 0 10px;
}
.lang_list a.active{
	background:url(../images/lang_arrow2.png)no-repeat right 15px center;
}
.lang_list a.active span{
	color:#ffd239;
}
/* .real_gnb{
	margin-top:5px;
} */

.mid_nav .menu .sub_menu{
	width:auto;
}
.mid_nav .menu .sub_menu ul li a{
	display:block;
	padding:10px 0;
	text-align:center;
	font-size:15px;
	color:#7c7e81;
}
.mid_nav .menu .sub_menu ul li.on a{
	color:#ffd239;
}
.mid_nav .menu.on .sub_menu{
	display:block;
}
/*scroll*/
#wrap.scroll .header_mid_logo > div > div{
	border:1px solid #ddd;
	color:#888;
}
#wrap.scroll .header_mid_logo > div > div span{
	color:#555;
}
#wrap.scroll .mid_nav .menu > a{
	color:#222;
}
#wrap.scroll .mid_nav .menu.header_login_menu > a{
	color:rgba(34,34,34,0.5);
}
#wrap.scroll .mid_nav .menu:hover:not(.header_login_menu) > a,
#wrap.scroll .mid_nav .menu.on .sub_menu ul li a:hover,
#wrap.scroll .mid_nav .menu.active > a,
.mid_nav .menu:hover > a,
.mid_nav .menu.on .sub_menu ul li a:hover,
.mid_nav .menu.on .sub_menu ul li.on a{
	color:#ffd239;
}
#wrap.scroll .mid_nav .menu.on{
	/* box-shadow: 3px 7px 10px 0px rgba(0, 0, 0, 0.18); */
}
#wrap.scroll .mid_nav .menu.on .sub_menu{
	/* box-shadow: 3px 10px 10px 0px rgba(0, 0, 0, 0.18); */
}
#wrap.scroll .header_mid_lang > a > img{
	border:1px solid #e5e5e5;
}
#wrap.scroll .header_mid_all_wrap{
	border-bottom:1px solid #e5e5e5;
}
#wrap.scroll .ip_box > div > div{
	background:#e8e8e8;
	color:#222;
}
#wrap.scroll .ip_box > div > div span{
	color:#222;
}
/*mypage*/
#wrap.scroll2 .header_mid_logo > div > div{
	border:1px solid #ddd !important;
	color:#888 !important;
}
#wrap.scroll2 .header_mid_logo > div > div span{
	color:#555 !important;
}
#wrap.scroll2 .mid_nav .menu > a{
	color:#222 !important;
}
#wrap.scroll2 .mid_nav .menu.header_login_menu > a{
	color:rgba(34,34,34,0.5) !important;
}
#wrap.scroll2 .mid_nav .menu:hover:not(.header_login_menu) > a,
#wrap.scroll2 .mid_nav .menu.on .sub_menu ul li a:hover,
#wrap.scroll2 .mid_nav .menu.active > a{
	color:#ffd239 !important;
}
#wrap.scroll2 .header_mid_lang > a > img{
	border:1px solid #e5e5e5 !important;
}
#wrap.scroll2 .header_mid_all_wrap{
	border-bottom:1px solid #e5e5e5 !important;
}
#wrap.scroll2 .ip_box > div > div{
	background:#e8e8e8;
	color:#222 !important;
}
#wrap.scroll2 .ip_box > div > div span{
	color:#222 !important;
}
/*slider*/
.clear:after{
	content:"";
	display:block;
	clear:both;
}
.main_slider_txt_box_wrap .main_slider_txt_box{
	/* float:left; */
	padding-top:70px;
	/* width:50%; */
}
.main_slider_txt_box_wrap .main_slider_img_box{
	/* float:right;
	width:50%; */
}
.visual_box{
	display:table;
}
.os_bt{
	display:table-cell;
	vertical-align:bottom;
}
.os_bt ul li{
	display:inline-block;
	margin-right:10px;
}
.os_bt ul li a{
	display:block;
	text-align:center;
}
.os_bt ul li a img{
	display:block;
	margin:0 auto;
	padding-bottom:5px;
}
.os_bt ul li:not(.nv_li) a img{
	vertical-align:-3px;
}
.os_bt ul li a span{
	font-size:13px;
	color:rgba(255,255,255,0.3);
	display:block;
}
.visual_box .fix_down{
	/* display:table-cell;
	vertical-align:bottom;
	 */	text-align:right;
}
.fdown_b a{
	display:block;
}
/*main_box*/
.main_section_wrap.con{
	padding-bottom:80px;
}
.con_img_box{
	text-align:center;
}
.con_txt_box {
	padding-top:40px;
}
.con_txt_box .con_txt_ul li{
	text-align:center;
	font-size:15px;
	letter-spacing:-0.03em;
	color:#555;
}
.con_txt_box .con_txt_ul li span{
	color:#cfae2a;
}
.main_section_wrap.con03{
    max-height: 520px;
    overflow: hidden;
}
.con_tas{
	display:table;
	width:100%;
/* 	max-height:520px;
	overflow:hidden; */
}
.con_tas > div{
	display:table-cell;
	vertical-align:middle;
}
.con03 .con_tas > div.con_left{
	text-align:right;
	width:52.5%;
	background:#ffd739;
	padding:68px 0px;
}
.con03 .con_tas > div.con_left > div{
	display:inline-block;
	width:590px;
	text-align:left;
}
.con03 .con_tas > div.con_right{
	background:url(../images/con03_bg.png)no-repeat left center;
	background-size:cover;
	padding:105px 0 70px;
}
.con03 .con_tas > div.con_right dl{
	width:560px;
	text-align:center;
}
.con03 .con_tas > div.con_right dl dt{
	font-size:20px;
	color:#ffd739;
	letter-spacing:-0.025em;
}
.con03 .con_tas > div.con_right dl dd.down_txt1{
	font-size:70px;
	color:#ffd739;
	letter-spacing:-0.01em;
	font-weight:700;
	padding:10px 0 40px;
}
.con03 .con_tas > div.con_right dl dd.down_txt2{
	font-size:18px;
	color:#fff;
	letter-spacing:-0.06em;
	padding-bottom:25px;
}
.con03 .con_left h2{
	font-size:50px;
	color:#1a2128;
	letter-spacing:-0.06em;
	padding-bottom:40px;
}
.con03 .con_left h2:after{
	content:"";
	display:block;
	width:80px;
	height:3px;
	background:#1a2128;
	margin-top:35px;
}
.con03 .con_left h2 > span{
	display:block;
}
.con03 .con_left h2 b{
	/* font-family: 'na500'; */
	font-weight:500;
}
.con03 .con_add ul li{
	font-size:20px;
	color:#1a2128;
	letter-spacing:-0.03em;
}
.con03 .con_add ul li span{
	color:#ffd739;
	background:#1a2128;
}
.bg-bubbles{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}	
.bg-bubbles	li{
		position: absolute;
		list-style: none;
		display: block;
		width: 40px;
		height: 40px;
		background-color: rgba(255, 255, 255, 0.15);
		bottom: -160px;
		-webkit-animation: square 25s infinite;
		animation:square 25s infinite;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
		z-index:999;
}		
.bg-bubbles	li:nth-child(1){
	left: 10%;
}
.bg-bubbles	li:nth-child(2){
	left: 20%;	
	width: 80px;
	height: 80px;
	animation-delay: 2s;
	animation-duration: 17s;
}
.bg-bubbles	li:nth-child(3){
	left: 25%;
	animation-delay: 4s;
}
.bg-bubbles	li:nth-child(4){
	left: 40%;
	width: 60px;
	height: 60px;
	animation-duration: 22s;
	background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles	li:nth-child(5){
	left: 70%;
}
.bg-bubbles	li:nth-child(6){
	left: 80%;
	width: 120px;
	height: 120px;
	animation-delay: 3s;
	background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles	li:nth-child(7){
	left: 32%;
	width: 160px;
	height: 160px;
	animation-delay: 7s;
}
.bg-bubbles	li:nth-child(8){
	left: 55%;
	width: 20px;
	height: 20px;
	animation-delay: 15s;
	animation-duration: 40s;
}
.bg-bubbles	li:nth-child(9){
	left: 25%;
	width: 10px;
	height: 10px;
	animation-delay: 2s;
	animation-duration: 40s;
	background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles	li:nth-child(10){
	left: 90%;
	width: 160px;
	height: 160px;
	animation-delay: 11s;
}

@-webkit-keyframes square {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-700px) rotate(600deg); }
}
@keyframes square {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-700px) rotate(600deg); }
}
.con_txt_box h2.txt_tit{
	padding:25px 0px;
}
.con04 .main_con_box_wrap .con_bg {
	margin:0 -15px;
}
.con04 .main_con_box_wrap .con_bg > ul > li{
	width:25%;
	padding:0 15px;
}
.con04 .con_img_box span{
	display:inline-block;
	width:180px;
	height:180px;
    line-height: 180px;
	border-radius:50%;
	background:#f7f8fa;
} 
.con04 .con_img_box span img{
	vertical-align:middle;
}
.con04 .con_txt_box{
	padding:0;
}
.con_txt_box h2.txt_tit span{
	display:block;
	text-align:center;
	font-size:24px;
	color:#333;
}
/*footer*/
.foot_family{
	background:#1a2128;
	padding:50px 0;
}
.foot_family .foot_fa_box > div{
	float:left;
	width:20%;
}
.foot_fa_box .menu > a,
.foot_fa_box .foot_lang h3{
	font-size:20px;
	color:#62686c;
}
.foot_fa_box .menu > a:after,
.foot_fa_box .foot_lang h3:after{
	content:"";
	display:block;
	width:40px;
	height:1px;
	background:#565c5f;
	margin-top:20px;
}
.foot_fa_box .menu.active > a:after{
	background:#ffd739;
}
.foot_fa_box .sub_menu li,
.foot_fa_box .foot_lang a:first-of-type{
	padding-top:20px;
}
.foot_fa_box .foot_lang a{
	margin-bottom:15px;
	display:block;
}
.foot_fa_box .foot_lang a > *{
	vertical-align:middle;
}
.foot_fa_box .sub_menu li a,
.foot_fa_box .foot_lang span{
	font-size:17px;
	color:#565c5f;
}
.foot_fa_box .foot_lang span{
	padding-left:10px;
}
.foot_fa_box .menu.active > a,
.foot_fa_box .sub_menu li.on a,
.foot_fa_box .foot_lang a.active span{
	color:#ffd739;
}
.top_bt{
	position:fixed;
	right:300px;
	bottom:30px;
	z-index:999;
	cursor:pointer;
}
.sub_foot{
	margin-top:80px;
}
.foot_fa_box .menu.menu_05{
	display:none;
}
/*sub_page*/
/*sub_lnb*/
.sub_lnb{
	background:url(../images/sub_tbg.png) no-repeat;
	background-position:center 0;
	height:350px;
	margin-bottom:50px;
}
.sub_lnb > div,
.sub_lnb .po_la{
	height:300px;
    position: relative;
}
.sub_lnb .sub_page_tit{
	position:absolute;
	left:50%;
	bottom:80px;
	transform:translateX(-50%);
	font-size:42px;
	color:#fff;
	font-weight:200;
	letter-spacing:-0.025em;
	line-height:1.2;
	text-align:center;
}
.sub_page_tit span{
	font-size:26px;
}
.sub_page_tit b{
	font-size:34px;
	font-weight:500;
}
.sub_lnb .sub_bg{
	position:absolute;
	bottom:0;
	right:0;
}
.sub_lnb .sub_bg img{
	vertical-align:top;
}
.sub_lnb .sub_ca{
	width:100%;
	background:#f7f8fa;
	border-bottom:1px solid #eaebed;
}
.sub_lnb .sub_ca > div > ul{
	width:calc(100% - 420px);
	border-left:1px solid #eaebed;
	border-right:1px solid #eaebed;
}
.sub_lnb .sub_ca > div > .not_subt{
	width:420px;
	/* height:50px;
	line-height:50px; */
	overflow:hidden;
	background:url(../images/not_subt.png)no-repeat 35px center;
}
.sub_lnb .sub_ca > div > ul,
.sub_lnb .sub_ca > div > .not_subt{
	float:left;
}
.sub_lnb .sub_ca > div > .not_subt .slick-list{
	height:50px !important;
}
.not_subt .f_board_box_in{
	float:none;
	position:static;
	padding-right:0;
	padding-left:70px; 
	min-height:auto;
/* 	padding:10px 0 10px 70px; */
	line-height:50px;
}
.not_subt .slick-slide{
	height:50px;
	line-height:50px;
	min-height:auto;
}
.not_subt .f_board_box_in a{
	color:#212d3b;
	font-size:17px;
}
.sub_lnb .sub_ca li{
	float:left;
}
.sub_lnb .sub_ca li a{
	display:block;
	border-right:1px solid #eaebed;
	text-align:center;
	font-size:17px;
	color:rgba(34,34,34,0.5);
	padding:15px 0;
	font-weight:400;
}
.lang_kr .sub_lnb .sub_ca li a{
	height:54px;
}
.sub_lnb .sub_ca li:last-child a{
	border-right:0;
}
.sub_lnb .sub_ca li.on:first-child a{
	border-left:0;
}
.sub_lnb .sub_ca li.on a{
	background:#222;
	color:#ffd739;
}

/*sub_page*/
.sub_page_box > h3{
	font-size:38px;
	font-weight:500;
	color:#222;
	/* margin-bottom:45px; */
	letter-spacing:-0.06em;
	text-align: center;
}
.sub_page_box > h3 span {
	display: inline-block;
	position:relative
}
.sub_page_box > h3 span:after {
	content:"";
	display: inline-block;
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	bottom:11px;
	width: 100%;
	height: 13px;
	background:#ffd739;
	z-index: -1;
}

.sub_page_box p.sub_txt {
	font-size:16px;
	color: #212d3b;
	opacity:0.7;
	text-align: center;
	margin:0 0 40px
}

.sub_page_box .sub_conb h4,
 .down_vpn h4{
	font-size:24px;
	color:#333;	
	margin-bottom:20px;
}
/*.sub_page_box > h3:before,*/
.sub_page_box .sub_conb h4:before,
.down_vpn h4:before{
	content:"";
	display:inline-block;
	width:6px;
	height:35px;
	background:#36678c;
	vertical-align: -2px;
	margin-right:10px;
}



.sub_page_box .sub_conb h4:before,
.down_vpn h4:before{
	width:4px;
	height:22px;
}
.page_vpn .sub_cont > div{
	float:left;
	width: 50%;
	height: 520px;
}
.page_vpn .sub_cont > div img{
	width:100%;
	height:100%;
}
/* .page_vpn_all .sub_cont .sub_left{
	width:54.2%;
}
.page_vpn_all .sub_cont .sub_right{
	width:45.8%;
	padding-left:60px;
	padding-top:20px;
}


.page_vpn_all .sub_cont .sub_right ul{
	padding-bottom:30px;
}
.page_vpn_all .sub_cont .sub_right ul:last-child{
	padding-bottom:0;
}
.page_vpn .sub_cont .sub_right ul li{
	font-size:20px;
	color:#777;
	letter-spacing:-0.03em;
}
.page_vpn_all .sub_cont .sub_right ul b{
	color:#555
}
.page_vpn_all .sub_cont .sub_right ul span{
	color:#e23d3d;
}
.page_vpn_all .sub_cont .sub_right ul.big_font li{
	font-size:28px;
} */

.page_vpn_all .sub_left {
	background:#ffd739;
	padding:60px;
	color: #1a2128;
	font-size:18px;
	letter-spacing: -0.09em;
}

.page_vpn_all .vpnsub_tt {
	font-size:40px;
	letter-spacing: -0.04em;
	line-height: 50px;
	font-weight: 300;	
}
.page_vpn_all .vpnsub_tt li {
	font-weight: 300;
}
.page_vpn_all .vpnsub_tt b {
	font-weight: 600;
}
.vpnsub_tt:after {
	content:"";
	display: block;
	width: 80px;
	height: 3px;
	background:#1a2128;
	margin:35px 0
}

.vpnsub_con {
	padding-bottom:40px;
	font-size:18px;
	letter-spacing: -0.09em;
}
.page_vpn_all .vpnsub_con span {
	color: #ffd739;
	background:#1a2128
}
.vpn_all_bottom {
	padding-top:55px
}
.vpn_all_bottom li {
	text-align: center;
	font-size:34px;
	line-height: 48px;
	letter-spacing: -0.025em;
	color: #222;
	font-weight: 300;
}

/* vpn sub*/

.page_vpn_sub .vpnsub_tt {
	font-size:40px;
	color: #1a2128;
}
.page_vpn_sub .vpnsub_tt b {
	padding-bottom:20px;
	display: block;
}
.page_vpn_sub .vpnsub_tt li {
	line-height: 50px;
	letter-spacing: -0.06em;
}
.page_vpn_sub .sub_cont .sub_right{
	background:#f7f8fa;
	padding:50px;
	color: #1a2128;
}
.page_vpn_sub .vpnsub_con {
	padding-bottom: 25px;
}

.vpnsub_con2 {
	font-size:16px;
	opacity:0.5
}


.down_vpn2.sub_conb{
	margin-top:75px;
	border:1px solid #ddd;
	padding:30px 40px;
}
.down_vpn2.sub_conb ul{
	margin:0 -13px;
}
.down_vpn2.sub_conb ul li{
	float:left;
	width:25%;
	padding:0 13px;
}
.down_vpn2.sub_conb ul li a{
	display:block;
	border:1px solid #bbb;
	height:70px;
	line-height:70px;
	vertical-align:middle;
	padding:0 35px;
	border-radius:5px;
	overflow:hidden;
	background:url(../images/down_off.png)no-repeat 85% center;
	color:#555;
	font-size:20px;
}
.down_vpn2.sub_conb ul li a:hover{
	border:1px solid #e23d3d;
	background:#e23d3d url("../images/down_on.png")no-repeat 85% center;
	color:#fff;
}
.down_vpn2.sub_conb ul li a img{
	display:inline-block;
	margin-right:15px;
	vertical-align:-2px;
}
.down_vpn2.sub_conb ul li:not(.vt_li) a img{
	vertical-align:-6px;
}
/*down_vpn */
.down_vpn .sub_cont{
	display:table;
	width:100%;
}
.down_vpn .sub_cont  > div{
	display:table-cell;
	vertical-align:top;
	width: 50%;
}
.down_vpn .sub_cont  > div.sub_left img{
	display: block;
}
.down_vpn .sub_cont  > div.sub_right {
	background:#f7f8fa;
	text-align: center;
	padding:50px 0 45px;
}
.down_Android_con  .sub_cont  > div.sub_right {
	padding:80px 80px 60px 
}
/* .down_vpn .sub_cont  > div.sub_left{
	width:59.417%;
}
.down_vpn .sub_cont  > div.sub_right{
	width:40.583%;
	border:1px solid #ddd;
    padding: 4% 4% 0;
} */
.down_box p.sub_txt {
	letter-spacing: -0.03em ;
	opacity:0.5;
	margin: 35px 0;
	font-weight:300;
}
.down_Android_con .down_box p.sub_txt {
	margin: 45px 0 65px;
}

.down_vpn h4{
	margin-bottom:0;
}
.down_vpn dl dt{
	font-size:45px;
	color:#333;
	font-weight:500;
	/* padding:50px 0 30px; */
	letter-spacing: -0.07em;
}

.down_vpn dl dt.and_dt img{
	vertical-align:-5px;
}
.down_vpn dl dt:not(.and_dt) img{
	vertical-align:-10px;
}
/* .down_vpn dl dd a{
	display:block;
	width:100%;
	height:110px;
	padding:20px 40px;
	border-radius:10px;
	color:#fff;
	position:relative;
}
.down_vpn dl dd a span{
	color:#fff;
	font-size:28px;
	font-weight:300;
	line-height:1.2;
}
.down_vpn dl dd a.down_bt_ANDROID{
	background:#3da662
}
.down_vpn dl dd a.down_bt_IOS{
	background:#2e3b45;
}
.down_vpn dl dd a.down_bt_WINDOWS{
	background:#2276bc
}
.down_vpn dl dd a.down_bt_MAC{
	background:#2e3b45
}
.down_vpn dl dd a.down_bt_WINDOWS,
.down_vpn dl dd a.down_bt_MAC{
	padding:0 40px;
	line-height:110px;
}
.down_vpn dl dd a.down_bt_ANDROID span,
.down_vpn dl dd a.down_bt_IOS span{
	display:block;
}
.down_vpn dl dd a .app_down_bt{
	display:inline-block;
	position:absolute;
	right:40px;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
    width: 60px;
    height: 60px;
    line-height: 60px !important;
	border-radius:50%;
	background:rgba(0,0,0,0.3);
} */
.down_vpn dl dd a {
	 width: 188px; 
	height: 56px; 
	border-radius:7px;
	display: block;
	padding:5px 0;
	text-align: center;
}
.down_vpn dl dd a img {
	text-align: center;
}
.down_vpn dl dd>div:after {content:"";display:block;clear:both}
.down_vpn dl dd a.down_bt_Android_googleplay {
	background:url("../images/down_google.png") no-repeat 100%;
	color: #222;
	padding:5px 0 0 31%;
/* 	float: left; */
	text-align:left;	
/* 	margin:0 14px 15px 0 */
}
.down_vpn dl dd ul{
	text-align:center;
}
.down_vpn dl dd ul li {
	display:inline-block;
}
.down_Android_con .down_box dl dd{
	margin:0 -10px;
}
.down_Android_con .down_box dl ul li{
	float:left;
	width:50%;
	padding:0 10px;
	display:block;
}

.down_vpn dl dd a.down_bt_Android_mestore {
	background:url("../images/down_mestore.png") no-repeat 100%;
	color: #fff;
	padding:5px 0 0 35%;
	/* float: left; */
	text-align:left;	
	margin-bottom:15px
}
.down_Android_con .down_box dl ul li a{
	background-size: 100% 100% !important;
	position:relative;
    padding-bottom: 18% !important;
	width:100%;
}
.down_vpn dl dd a.down_bt_Android_onestore {
	background:url("../images/down_one.png") no-repeat 100%;
	color: #717171;
	padding: 5px 0 0 32%;
/* 	float: left; */
	text-align:left;	
}

.down_vpn dl dd a.down_btn {
	padding: 15px 25px;
	background:#fff;
	border:3px solid #222;
	font-size:18px;
	color: #222;
	border-radius:0;
	font-weight:500;
	height:auto;
}
.down_vpn dl dd a.down_btn span {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius:50%;
	background:#222;
	text-align: center;
	margin-left:5px;
	font-size:15px
}
.down_vpn dl dd a.down_btn span i {
	color: #fff;
}
.down_vpn dl dd a.down_btn {
	width: auto;	
}

.down_vpn dl dd a.down_btn span:hover i {
    animation: bottom-arrow .7s linear;
}

@keyframes bottom-arrow {
  0% {
  opacity: 1;
  transform:translateY(0px) scale(1);
  }
  40% {
    opacity: 0;
    transform:translateY(10px) scale(0.9);
  }
  41% {
    opacity: 0;
    transform:translateY(-10px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateY(0px) scale(1);
  }
}


/*몽키vpn*/
body:not(.page_vpn_all) .page_vpn .sub_cont > div{
	width:50%;
}
body:not(.page_vpn_all) .page_vpn .sub_cont .sub_right{
	padding-left:60px;
	float:right;
}
/* .page_vpn .vpn_info{
	padding-bottom:30px;
} */
.page_vpn .vpn_info li > div{
	display:table-cell;
	font-size:29px;
	color:#444;
	letter-spacing:-0.03em; 
}
.page_vpn .vpn_info li > div:first-child{
	padding-right:5px;
}
.page_vpn .vpn_info li > div.span_bs span{
	display:block;
}
.page_vpn .vpn_info .vpn_ver{
	padding:2px 15px;
	border-radius:5px;
	color:#fff;
	font-size:22px;
	font-weight:400;
}
.page_vpn .vpn_info .vpn_ver span{
	vertical-align:3px;
}
.page_vpn_iKEV2 .page_vpn .vpn_info .vpn_ver{
	background:#e23d3d;
}
.page_vpn_OpenVPN .page_vpn .vpn_info .vpn_ver{
	background:#0876dd;
}
.page_vpn_Shadowsocks .page_vpn .vpn_info .vpn_ver{
	background:#278f07;
}

/*login*/
.login_frm{
	max-width:520px;
	margin:0 auto;
	width:100%;
}

.login_frm .pop_top_label_wrap,
.board_sec_wrap .pop_top_label_wrap{
	padding:0 0 40px;
	text-align:center;
}
.mypage_wrap .pop_top_label_wrap{
	padding-bottom:0;
}

.login_frm .pop_top_label,
.mypage_wrap .pop_top_label{
	text-align:center;
	font-size:40px;
	color:#444;
	letter-spacing:-0.06em;
}
.login_frm .page_top_desc{
	padding-top:15px;
	text-align:center;
	font-size:17px;
	color:#999;
	letter-spacing:-0.03em;
}
.pop_login_input_wrap input:placeholder{
	color:rgba(33,45,59,0.3);
}
.pop_login_mid_wrap{
/* 	padding:20px 0 35px; */
}
/*회원가입*/
.layer_wrap .signup_step_wrap{
	max-width:450px;
	background:rgba(0,0,0,0.2);
	padding:40px 35px;
	border-radius:20px;
	overflow:hidden;
	margin:30px auto 0;
}
.indi_txt{
	padding-top:25px;
}
.indi_txt ul li{
	font-size:14px;
	color:rgba(255,255,255,0.15);
/* 	padding-bottom:5px; */
}
.indi_txt ul li:last-child{
	padding-bottom:0;
}
.login_frm.find_wrap .pop_top_label_wrap {
	padding-bottom:70px;
}
.find_box ul li{
	margin-bottom:10px;
}
.find_box ul li:nth-last-child(2){
	margin-bottom:0;
}
.find_box ul li:last-child{
	padding-top:50px;
	margin-bottom:0;
}
.find_box	a{
	display:block;
	width:100%;
	color:#fff;
	background:#1c242a;
	border-radius:5px;
	height:60px;
	line-height:60px;
	font-size:18px;
	text-align:center;
}
.find_box input::placeholder{
	color:#bbb;
}
.find_wrap .signup_wrap{
	padding-top:0;
}
.mypage_wrap .signup_wrap{
	padding-top:0;
	border-top:2px solid #222;
}
.form_text_box_wrap.pa_b0{
	padding-bottom:0;
}
.leave_box .total_btn_wrap ul{
	margin:0 -10px;
}
.leave_box .total_btn_wrap ul li{
	float:left;
	width:50%;
	padding:0 10px;
}
.leave_box .form_text_box_input textarea{
	height:100px;
}
.license_page2{
	/* max-width:800px; */
}
.license_page2 .sub_conb{
	border:1px solid #ddd;
	padding:40px;
	margin-bottom:50px;
}
.license_page2 .license_btn_wrap{
	max-width:340px;
	margin:0 auto;
}
.license_page2 .license_btn_wrap a{
	border-radius:5px;
	color:#fff;
	background:#e23d3d;
	border:1px solid #e23d3d;
}
.b_bank img{
	vertical-align:middle;
}
.sub_page_box .sub_conb h4 > span{
	display:inline-block;
	font-size:16px;
	color:#999;
	padding-left:30px;
}
.license_page3 .license_btn_wrap a{
	margin-top:0;
}
.license_s .signup_complete_text2{
	padding-bottom:0;
	color:#7d8288;
}
.license_s .signup_complete_text2 span{
	color:#efc51d;
}
.alipay_img{
	max-width:300px;
	display:block;
	margin:0 auto;
}
/*메인 리뉴얼2 #20210901*/
.mid_nav .menu.header_login_menu{
	padding-right:0;
}
.mid_nav .menu.header_login_menu > a{
	display:inline-block;
	color:rgba(255,255,255,0.5);
	font-size:15px;
	margin-right:20px;
}
.mid_nav .menu.header_login_menu > a:last-child{
	margin-right:0;
}
.mid_nav .menu.header_login_menu > a:before{
	display:none;
}
/*swiper*/
.swiper0 {
	width: 320px;
	height: 240px;
	overflow:hidden;
	display: inline-block;
	margin-bottom:-10px;
 }
.swiper0 .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
  }
.os_bt ul li a:hover span{
	color:#fff;
}
.os_bt ul li:first-child a:hover span{
	color:#5abe7d
}
.os_bt ul li:nth-child(3) a:hover span{
	color:#2181d0;
}
.tag_box li{
	opacity:0.6;
}
.col1{
	color:#d84040;
}	
.tag_box li.col2{
	color:#d6ba57;
	opacity:0.8;
}	
.col3{
	color:#3582e2;
}	
.col4{
	color:#b735e2;
}	
.col5{
	color:#36c2e5;
}	
.col6{
	color:#37c734;
}	
.col7{
	color:#555;
}	
.con02 .center_label_wrap{
	padding-top:80px;
}
.con06{
	background:#f7f8fa;
	padding:65px 0 55px;
}
.con06 > div > div{
	float:left;
}
.con06 > div > div.con_left{
	width:310px;
}
.con06 > div > div.con_right{
	width:calc(100% - 310px);
}
.con06 .center_label_wrap{
	padding:0;
	text-align:left;
}
.con06 .center_desc{
	padding-top:15px;
}
.con06 .con_right .con_bg{
	margin:0 -15px;
}
.con06 .con_right .con_bg > div{
	float:left;
	width:50%;
	padding:0 15px;
}
.con06 .con_tit{
	font-size:20px;
	color:#222;
	font-weight:500;
	letter-spacing:-0.06em;
	padding-bottom:10px;
}
.con06 .con_tit a{
	float:right;
	display:inline-block;
	border:1px solid #e5e5e5;
	width:30px;
	height:30px;
	border-radius:5px;
	text-align:center;
}
.con06 .con_tit a img{
	vertical-align:-1px;
}
.main_price_box .radio_chk_st_wrap input + label{
	padding-left:40px;
	margin-bottom:15px;
}
.main_price_box .radio_chk_st_wrap input + label:before{
	position: absolute;
    left: 0;
    top: 0px;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #484d53;
	border-color:#484d53;
    content: '\f00c';
    color: #6d7175;
    font-size: 20px;
    font-family: 'FontAwesome';
    font-weight: normal;
    border-radius: 8px;
    line-height: 30px;
}
.main_price_box .radio_chk_st_wrap input + label:after{
	display:none;
}
.dc_s{
	position:absolute;
	 top:-30px;
	 right:25px;
	background:url(../images/dc_tail.png)no-repeat 0;
	width:89px;
	height:73px;
}
.dc_s ul{
	text-align:center;
	padding-top:17px;
}
.dc_s ul li{
	display:inline-block;
	color:#1a2128;
	font-weight:500;
}
.dc_s ul li:first-child{
	font-size:20px;
    font-weight: 600;
    font-family: 'GmarketSans',sans-serif !important;
}
.dc_s ul li:nth-child(2){
	font-size:15px;
}
.con07{
	background:#f7f8fa;
}
.con07 .main_con_box_wrap .con_bg > ul > li > div{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	background:#fff;
	border-radius:20px;
	overflow:hidden;
	padding:40px 20px 20px;
}
.con07 .con_box_it span{
	display:block;
	font-size:24px;
	color:#222;
	font-weight:500;
	letter-spacing:-0.035em;
	text-align:center;
}
.con07 .con_txt_box{
	padding:20px 0 25px;
}
.con07 .main_con_box_wrap .con_bg{
	margin:0 -27px;
}
 .main_con_box_wrap .con_bg > ul > li{
	float:left; 
 }
.con07 .main_con_box_wrap .con_bg > ul > li{
	width:33.33%;
	padding: 0 27px;
}
.con_tag_box ul{
	margin:-3px;
}
.con_tag_box ul li{
	display:inline-block;
	padding:3px;
}
.con_tag_box ul li span{
	display:block;
	border:1px solid #e5e5e5;
	border-radius:5px;
	text-align:center;
	padding:5px;
}
.board_sec_wrap .board_list .td_num{
	width:100px;
}
.faq_boxs thead{
	display:none;
}
.faq_boxs .td_num{
	font-size:26px;
	font-weight:500;
}
.faq_boxs .faq_qbox td{
	padding:16px 0;
}
.faq_boxs .faq_qbox .td_num{
	color:#222;
}
.faq_boxs .faq_abox{
	display:none;
}
.faq_boxs .faq_abox td{
	vertical-align:top;
}
.faq_boxs .faq_abox{
	background:#f7f8fa;
}
.faq_boxs .faq_abox td:last-child{
	text-align:left;
}
.faq_boxs .faq_abox td:last-child{
	padding:30px 40px 30px 0;
}
.faq_boxs .faq_abox .td_num{
	color:#eec525;
}
.faq_boxs .td_cate{
	font-size:18px;
	color:#222;
	font-weight:500;
}
.faq_boxs .td_cate:before{
	content:"[";
}
.faq_boxs .td_cate:after{
	content:"]";
}
.faq_boxs .faq_qbox span{
	display:inline-block;
	width:13px;
	height:8px;
	background:url(../images/faq_arrow_off.png)no-repeat 0;
}
.faq_boxs .faq_qbox.on span{
	background:url(../images/faq_arrow_on.png)no-repeat 0;
}
.faq_boxs .faq_abox.on {
	display: table-row;
}




/*mypg*/

.mypage_wrap:after {content:"";display:block;clear:both}

.mypage_wrap .mypg_nav {
	float: left;
	max-width:240px;
	width: 100%;
	color: #222;
}
.mypage_wrap .mypg_right {
	float: right;
	width: calc(100% - 240px);
	padding-left:80px
}

.mypage_wrap .mypg_nav h3 {
	font-size:22px;
	letter-spacing: -0.025em;
	font-weight: 500;
	padding-bottom:10px;
}

.mypage_wrap .mypg_nav ul {
	border-top:2px solid #222
}

.mypage_wrap .mypg_nav ul li a{
	display: block;
	padding:15px 25px;
	font-size:16px;
	color: #a9aeb3;
}
.mypage_wrap .mypg_nav ul li {
	border-bottom:1px solid #ebebeb;
	position: relative;
}
.mypage_wrap .mypg_nav ul li.on a {
	color: #222;
}
.mypage_wrap .mypg_nav ul li.on {
	background:#fff url("../images/mypg_navarrow.png") no-repeat;
	background-position: right 25px center;
}
.ko_none .mypage_wrap .mypg_nav ul li.on{
	background-position: right 15px center;
}
.mypage_wrap .pop_top_label {
	padding: 0 0 10px;
	font-size:22px;
	letter-spacing: -0.025em;
	font-weight: 400;
	text-align: left;
	/* font-family: 'Roboto','AppleSDGothicNeo',sans-serif !important; */
}
.board_right_btn a.my_bt{
	height:40px;
	line-height:40px;
	margin-top:-5px;
}
/*modal*/

#modal{
  display:none;
  position:fixed;
  width:100%; height:100%;
  top:0; left:0;
  background:rgba(0,0,0,0.8);
  z-index:10
}
.modal-con{
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform: translate(-50%,-50%);
  max-width: 900px;
  width:100%;
  z-index:20;
 padding:15px;
  max-height: 855px;
}
.modal-con > .modal_box{
  background:#fff;	
  padding:45px;
  border-radius:10px;
  overflow-y:auto;
  border:1px solid #ddd;
}
.modal-con .close{
	position:absolute;
	right:35px;
	top:35px;
}
.modal-con .pop_top_label_wrap{
	text-align:left;
	padding-bottom:30px;
	padding-top:0;
}
.board_write th.ver_s{
	vertical-align:top;
}
.modal_write .board_write th{
	font-size:18px;
	color:#222;
	letter-spacing:-0.06em;
	width:110px;
	padding-left:15px;
	text-align:left;
}
.modal_write .input_text_wrap input,
 .modal_write .input_text_wrap select{
	height:40px;
	border:1px solid #e5e5e5;
	border-radius:5px;
	font-size:16px;
}
.modal_write .textarea_wrap{
	padding:0;
}
.input_file_wrap{
	overflow:hidden;
}
.input_file_wrap .file_txt{
	float:left;
	width:calc(100% - 125px) !important;
	border:0 !important;
	line-height:40px;
	color:#eec525;
	font-size:15px;
	border-bottom:1px solid #eec525;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.input_file_wrap .fake_box{
	position:relative;
	cursor:pointer;
	display:block;
	width:120px;
	height:40px;
	text-align:center;
	float:left;
	margin-right:5px;
}
.input_file_wrap .fake_box img{
	display:inline-block;
	margin-right: 5px;
    vertical-align: -1px;
}
.input_file_wrap .file_fake{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:40px;
	line-height:40px;
	background:#fff;
	border:1px solid #e5e5e5;
	color:#212d3b;
	font-size:16px;
	letter-spacing:-0.03em;
	border-radius:5px;
}
.input_file_wrap input[type="file"]{
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	border:0;
	padding:0;
	width:100%;
	height:40px;
	cursor:pointer;
	opacity:0;
	outline:0;
	z-index:1;
}
.qa_state span{
	display:inline-block;
	color:#fff;
	font-size:13px;
	width:40px;
	padding:1px 0;
	text-align:center;
	border-radius:15px;
}
.modal_write input[type="textarea"]::placeholder,
.modal_write textarea::placeholder{
	color:rgba(33,45,59,0,3);
	font-size:16px;
} 
.modal_write .board_cen_btn{
	float:none;
	max-width:415px;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.modal_write .board_cen_btn a,
.modal_write .board_cen_btn button{
	width:calc(50% - 8px);
}
.modal_write .board_cen_btn button:first-child{
	float:left;
}
.modal_write .board_cen_btn a:last-child,
.modal_write .board_cen_btn button:last-child{
	float:right;
}
 .modal_write .input_text_wrap select,
 .select_s{
	width:150px;
	padding:0 12px;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background: url(../images/re_arrow.png) no-repeat;  /* 화살표 모양의 이미지 */
	 background-position: right 12px center;
	border:1px solid #e5e5e5;
 }
.license_page .pop_top_label_wrap{
	padding-bottom:40px;
 }
 .license_paid_t2{
	margin-top:25px;
 }
.li_input{
display:table;
width:100%;
}
.li_input > *{
	float:left;
}
.li_input.wid_01 input{
	width:180px;
}
.li_input.wid_01 span{
	width:calc(100% - 180px);
	padding-top: 5px;
	font-size:15px;
	color:rgba(33,45,59,0.5);
	padding-left:12px;
	padding-top:7px;
}
.li_input.wid_02 input:first-child{
	width:150px;
}
.li_input.wid_02 input:last-child{
	width:calc(100% - 160px);
	margin-left:10px;
}
.license_page2 .pay_tit{
	font-size:18px;
	color:#222;
	letter-spacing:-0.06em;
	padding-bottom:10px;
}
.license_page3_txt{
	padding-top:25px;
}
.license_page3_txt ul li{
	font-size:14px;
	color:#7d8288;
	letter-spacing:-0.025em;
}
.license_s .pop_top_label{
	text-align:center;
	font-size:40px;
	padding-bottom:0;
	padding-top:40px;
}
.section_all_wrap.my_s{
	margin-top:146px;
}
.page_buyhistory .board_list th{
	width:20%;
}
.my_s .signup_in{
	max-width:360px;
	padding-top:50px;
}
.my_s .dis_s{
	background:#f7f8fa;
}
.my_s .form_radio_box input:checked + label:before{
	background-color: #ffd739;
    border-color: #eec525;
    color: #1a2128;
}
.my_s .yellow_btn,
.yellow_btn{
	background-color: #ffd739;
    color: #1a2128;
    border-color: #eec525;
    font-size: 20px;	
}
.my_s .license_page3_txt ul li{
	letter-spacing:-0.08em;
}
.leave_box .form_text_box .form_radio_box{
	float:none;
	width:100%;
	margin-bottom:20px;
}
.leave_box .form_text_box .form_radio_box:first-child{
	padding-top:15px;
}
.leave_box .form_text_box input:read-only{
	background:#f7f8fa;
}
.leave_box .board_btn_wrap{
	padding-top:40px;
}
.leave_box .signup_complete_box{
	padding-top:30px;
}
.my_s .board_view{
	border-top-width:2px;
}
/*sign*/
.layer_wrap{
	height:100vh;
	background:#1f2a35;
	position:relative;
	padding-bottom:100px;
}
.layer_logo{
	text-align:center;
	padding-top:90px;
}
.layer_logo a{
	display:inline-block;
}
.layer_copy{
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
	text-align:center;
	font-size:13px;
	color:rgba(124,132,137,0.5);
	letter-spacing:0;
}
.layer_copy span{
	color:rgba(198,211,219,0.5);	
}
.layer_wrap .sign_tit{
	font-size:26px;
	color:#fff;
	letter-spacing:-0.05em;
	font-weight:500;
	padding-bottom:20px;
}
.layer_wrap .signup_step_01 .sign_tit{
	padding-bottom:0px;
}
.layer_wrap .sign_add{
	font-size:14px;
	color:rgba(255,255,255,0.15);
	letter-spacing:-0.05em;
}
.layer_wrap .signup_step_wrap .form_text_box_label{
	color:#fff;
}
.layer_wrap .signup_step_wrap .form_text_box_input{
	border:1px solid #2f3c49; 
	background:#1f2a35;
	border-radius:8px;
}
.layer_wrap .signup_step_wrap .form_text_box_input input{
	background:#1f2a35;
	color:#fff;
	font-size:16px;
}
.layer_wrap .signup_step_wrap .form_text_box_input input::placeholder{
	color:rgba(255,255,255,0.1);
}
.layer_wrap .signup_step_wrap .form_text_box_wrap{
	padding-bottom:20px;
}
.page_signup_01 .layer_wrap,
.page_idpwfind .layer_wrap{
	height:100%;
}
.page_signup_01 .form_radio_box input + label:before{
	background:#474e55;
	border:1px solid #474e55;
	color:#6c7177;
	border-radius:8px;
}
.page_signup_01 .form_radio_box input:checked + label:before{
	background:#ffd739;
	border:1px solid #ffd739;
	color:#1a2128;
}
.page_signup_01 .form_radio_box input + label span{
	color:#fff;
	font-size:16px;
}
.page_signup_01 .form_radio_box input:checked + label span{
	color:#ffd739;
}
.layer_wrap .total_btn_wrap .btn_submit{
	font-size:20px;
	font-weight:500;
}
.page_signup_02 .signup_step_wrap,
.page_idpwfind_01 .signup_step_wrap,
.page_idpwfind_02 .signup_step_wrap{
	background:none;
	max-width:none;
	padding:0 !important;
	margin-top:80px;
	border-radius:0 !important;
}
.page_idpwfind_01 .total_btn_wrap,
.page_idpwfind_02 .total_btn_wrap{
	padding-top:90px;
	max-width:360px;
	width:100%;
	margin:0 auto;
}
.page_idpwfind_02 .total_btn_wrap a{
	font-size:20px;
	border-radius:8px !important;
}
.page_idpwfind_01 .total_btn_wrap a{
	width:calc(50% - 8px);
	font-size:20px;
	border-radius:8px !important;
}
.page_idpwfind_01 .total_btn_wrap a:first-child{
	float:left;
	color:rgba(255,255,255,0.2);
	background:#474e55;
	border:1px solid #474e55;
}
.page_idpwfind_01 .total_btn_wrap a:last-child{
	float:right;
}
/*슬라이더3d*/
.fdown_top {
  width: 240px;
  max-width: 100%;
  position:absolute;
  right:35px;
  bottom:100px;
}
.fdown_top .slick-slider {
  margin-left: -90px;
  margin-right: -90px;
}
.fdown_top .slick-list {
  padding-left: 90px !important;
  padding-right: 90px !important;
}
.fdown_top .slick-track {
  max-width: 100% !important;
  transform: translate3d(0, 0, 0)!important;
  perspective: 100px;
}
.fdown_top .slick-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: 100% !important;
  transform: translate3d(0, 0, 0);
  transition: transform 1s, opacity 1s;
}
.fdown_top .slick-snext,
.fdown_top .slick-sprev{
  display: block;
}
.fdown_top .slick-current {
  opacity: 1;
  position: relative;
  display: block;
  z-index: 2;
}
.fdown_top .slick-current img{
	transform:scale(1);
}
.fdown_top .slick-snext {
  opacity: 0.3;
  transform: translate3d(90px, 20px, 0);
  z-index: 1;
  perspective: 1000px;
}
.fdown_top .slick-sprev {
  opacity: 0.3;
  transform: translate3d(-90px, 20px, 0);
}
.fdown_top .rev_slide img {
  display: block;
      width: 240px;
    height: 240px;
}
.fdown_top .slick-snext img,
.fdown_top .slick-sprev img{
	transform:scale(0.8)
}
/*main*/
.visual_bg{
	width:100%; 
	height:100%; 
	padding:0px; 
	margin:0px;
	overflow: hidden;
	background: #191d1e; /* Old browsers */
	background: -moz-linear-gradient(0deg,  #191d1e 50%, #283139 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#191d1e), color-stop(100%,#283139)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* IE10+ */
	background: linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191d1e', endColorstr='#283139',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-attachment: fixed;
}

#projector {
  position: absolute; 
  top: 0px;
  left: 0px;
  width:100%;
  height:100%;
} 

.center-div {
	width:580px;
    height:374px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left: -290px;
    margin-top:  -187px;
}

#preloaderDiv
{
	position:absolute;
	left:50%;
    top:50%;
    margin-left: -27px;
    margin-top:  -27px;
}

#logo{
	opacity:0;
    filter: alpha(opacity=0);
}

#date2014
{
	position:absolute;
	padding-left: 210px;
	padding-top:15px;
	opacity:0;
	top:303px;
	left:0;
    filter: alpha(opacity=0);
}
/*mob*/
.on_mobile,.mob_s{
	display:none;
}
.faq_qbox .f_board_box_in a{
	  text-overflow: unset;
	  white-space: normal;
	  overflow:visible; 
}
.login_ad_wrap{
	margin-top:25px;
}
.event_banner{
	margin:0 auto;
	text-align:center;
	background:url(../images/event_banner_bg.png)center;
    max-height: 90px;
    overflow: hidden;
}
.license_ebanner{
	padding-bottom:70px;
}
/*다국어 추가 페이지 #20210923*/
.ko_none .mid_nav .menu{
	padding:0 20px;
}
.ko_none .sub_lnb .sub_ca > div > ul{
	display:table;
}
.ko_none .sub_lnb .sub_ca li{
	display:table-cell;
	vertical-align:middle;
	float:none;
	border-right:1px solid #eaebed;
}
.ko_none .sub_lnb .sub_ca li:last-child{
	border-right:0;
}
.ko_none .sub_lnb .sub_ca li a{
	border-right:0;
}
.ko_none .sub_lnb .sub_ca li.on{
    background: #222;
}
.fdown_b{
	text-align:right;
}
 .fdown_b a{
 	display:inline-block;
	width:290px;
 }
.down_txt3.fdown_b{
	text-align:center;
}

/*수익금 add #20210929*/
.proceeds_box .board_list{
	display:none;
}
.proceeds_box .board_list.on{
	display:block;
}
.proceeds_info{
	margin-top:-5px;
}
.proceeds_info ul{
	display:table;
	border:1px solid #ebebeb;
	padding:5px 10px;
	background:#fff;
}
.proceeds_info ul li{
	display:table-cell;
	vertical-align:middle;
}
.proceeds_info ul li:first-child{
	padding-left:5px;
	padding-right:25px;
}
.proceeds_info ul li:nth-child(2){
	padding-right:30px;
}
.proceeds_info ul li span{
	font-size:14px;
	display:inline-block;
}
.proceeds_info ul li span:first-child{
	color:#6d6d6d;
	letter-spacing:-0.05em;
	padding-right:5px;
}
.proceeds_info ul li span:last-child{
	color:#222;
}
.proceeds_info ul li  button{
	box-shadow:none;
	border:1px solid #e5e5e5;
	border-radius:5px;
	font-size:13px;
	color:rgba(33,45,59,0.5);
	letter-spacing:-0.03em;
	background:#fff;
	padding:3px 5px;
}
.proceeds_nav{
	border:1px solid #e5e5e5;
	border-top:2px solid #000;
	margin-bottom:10px;
}
.proceeds_nav ul{
	display:table;
	width:100%;
	padding:20px 25px;
}
.proceeds_nav ul li{
	display:table-cell;
	border-right:1px solid #e5e5e5;
	padding-left:5%;
}
.proceeds_nav ul li:first-child{
	padding-left:0;
	width:44%;
}
.proceeds_nav ul li:last-child{
	border-right:0;
	width:28%;
}
.proceeds_nav h3{
	font-size:15px;
	color:#6d6d6d;
	letter-spacing:-0.05em;
	font-weight:300;
	padding-bottom:7px;
}
.proceeds_nav ul li:first-child h3{
	padding-bottom:0px;
}
.proceeds_nav .prnav_txt > *{
	display:inline-block;
}
.proceeds_nav .prnav_txt > div.prnav_txt1{
	padding-right:5px;
}
.proceeds_nav .prnav_txt .prnav_txt1 span{
	color:#222;
	letter-spacing:-0.03em;
}
.proceeds_nav .prnav_txt .prnav_txt1 span:first-child{
	font-size:26px;	
	font-weight:600;
}
.proceeds_nav .prnav_txt .prnav_txt1 span:last-child{
	font-size:16px;	
}
.proceeds_nav .prnav_txt > div.prnav_txt2{
	font-size:16px;
	color:rgba(34,34,34,0.25);
	font-weight:500;
	letter-spacing:-0.025em;
	display:none;
}
.proceeds_nav ul li:first-child .prnav_txt .prnav_txt1 span:first-child{
	font-size:36px;	
}
.proceeds_nav  ul li:first-child .prnav_txt .prnav_txt1 span:last-child{
	font-size:26px;	
}
.proceeds_nav  ul li:first-child .prnav_txt > div.prnav_txt2{
	font-size:20px;
}
.proceeds_nav .prnav_txt a{
	font-size:14px;
	color:#64560e;
	background:#ffd400;
	border-radius:5px;
	padding: 5px 5px 5px 12px;
	margin-left:10px;
	vertical-align:5px;
}
.proceeds_nav .prnav_txt a:after{
	content:''; 
	display:inline-block;
	width:0; 
	height:0; 
	border-style:solid;
	border-width:3px 5px;
	border-color:transparent transparent transparent #64560e;
	margin-left: 5px;
    vertical-align: 2px;
}
.proceeds_box .board_tab ul li{
	display:inline-block;
}
.proceeds_box .board_tab ul li a{
	display:inline-block;
	padding:0 20px 20px;
	color:rgba(34,34,34,0.4);
	letter-spacing:-0.06em;
	font-size:20px;
	position:relative;
}
.proceeds_box .board_tab ul li.on a{
	color:#222;
	font-weight:500;
}
.proceeds_box .board_tab ul li a:after{
	content:''; 
	position:absolute; 
	width:0; 
	height:0; 
	border-style:solid;
	border-width:7px 6px;
	border-color:transparent; 
	bottom:0px;
	left:50%;
	transform:translateX(-50%);
}
.proceeds_box .board_tab ul li.on a:after{
	border-color:transparent transparent #222 transparent; 
}
.board_list td.pro_c{
	color:#f1c329;
}
.board_list td.pro_c span{
	display:inline-block;
	border:1px solid #e5e5e5;
	border-radius:5px;
	margin-right:15px;
	font-size:11px;
	color:#212d3b;
	padding:1px 5px;
}
.proceeds_box .board_list table thead{
	border-width:1px;
}
.proceeds_box .td_cost2 span:first-child{
	color:#3c4550;
	font-size:20px;
}
.proceeds_box .td_cost2 span:last-child{
	color:#bbbec2;
}
/*출금모달*/
.proceeds_amodal .license_paid_cost{
	color:#212d3b;
	font-size:20px;
	font-weight:400;
	float:none;
}
.proceeds_amodal .radio_chk_st_wrap input[type="radio"] + label:before{
	content:"";
	background:url(../images/paid_type_radio_off.png)no-repeat center;
	background-size:contain;
	border-radius:0 !important;
}
.proceeds_amodal .radio_chk_st_wrap input[type="radio"]:checked + label:before{
	background:url(../images/paid_type_radio_on.png)no-repeat center;
	background-size:contain;
	border-radius:0 !important;
}
.proceeds_amodal .paid_type_ali_img{
	padding:0 5px 0 12px;
}
.proceeds_amodal .paid_type_ali_img img{
	vertical-align: -4px;
}
.proceeds_amodal .li_input2{
	display:table;
}
.proceeds_amodal .li_input2 > div{
	display:table-cell;
	vertical-align:middle;
}
.proceeds_amodal .li_input2 .li_input,
.proceeds_amodal .li_input2 .li_input span{
	width:auto;
}
.proceeds_amodal .li_input2 .li_input span{
	color:#222;
	font-size:18px;
}
.proceeds_amodal .li_input2 .main_price_box_option{
	padding-left:35px;
}
.proceeds_amodal .li_input2 .main_price_box_option span{
	padding-left:12px;
}
.proceeds_amodal .main_price_box_option .radio_chk_st_wrap input + label span{
	font-family:'noto' !important;
	font-size:18px;
	font-weight:300;
}
.proceeds_amodal .input_text_wrap2 > span{
	display:inline-block;
}
.proceeds_amodal .input_text_wrap2 > span:first-child{
	padding-right:35px;
}
.proceeds_amodal .center_label.signup_complete_text{
	padding-top:40px;
}
.proceeds_amodal .signup_complete_box{
	padding-top:35px;
}
.proceeds_amodal .signup_complete_text2{
	padding-top:65px;
}
.proceeds_amodal .signup_complete_text2 > span{
	color:#efc51d;
}
.proceeds_amodal .signup_complete_text3{
	font-size:18px;
	color:#1a2128;
	font-weight:400;
	padding-top:15px;
}
.proceeds_add{
	margin-bottom:40px;
	border:1px solid #e5e5e5;
	background:#f7f8fa;
	padding:20px 25px;
	display:table;
	width:100%;
}
.proceeds_add > div{
	display:table-cell;
}
.proceeds_add .proceeds_al{
	font-size:#222;
	font-size:14px;
	font-weight:400;
	width:85px;
}
.proceeds_add .proceeds_ar{
	width:calc(100% - 85px);
}
.proceeds_add .proceeds_ar ul li{
	font-size:13px;
	color:#6d6d6d;
	letter-spacing:-0.05em;
}
.proceeds_add .proceeds_ar ul li span{
	color:#bcbcbc;
}

/*스토어*/
.apps_head{
	background:url(../images/apps_bg.png) center;
	padding:19px 0;
}
.apps_head > div > div.appsh_left{
	float:left;
}
.apps_head > div > div.appsh_left a{
	display:block;
}
.apps_head > div > div.appsh_right{
	float:right;
	margin-top:5px;
}
.apps_head > div > div.appsh_right form{
	width:360px;
	background:#191f25;
	border-radius:10px;
	padding:7px 10px;
	display:table-cell;
}
.asearch_box{
	float:left;
	width:calc(100% - 30px);
}
.asearch_box input{
	width:100%;
	background:transparent;
	border:0;
	box-shadow:none;
	height:30px;
	padding-right:10px;
	color:#fff;
    font-size: 14px;
}
.asearch_box input::placeholder{
	color:#999;
}
.apps_head > div > div.appsh_right form > button{
	float:right;
	padding:0;
	width:30px;
	height:30px;
	line-height:30px;
	background:transparent;
	border:0;
	box-shadow:none;
	cursor:pointer;
}
.apps_head > div > div.appsh_right form > button img{
	vertical-align:middle;
}
.apps_head > div > div.appsh_right > .appsh_user{
	display:table-cell;
	vertical-align:middle;
	padding-left:60px;
}
.apps_head > div > div.appsh_right > .appsh_user ul li{
	display:inline-block;
}
.apps_head > div > div.appsh_right > .appsh_user ul li:first-child{
	font-size:15px;
	color:#a9acaf;
	margin-right:10px;
}
.apps_head > div > div.appsh_right > .appsh_user ul li:first-child span{
	color:#fff;
}
.apps_head > div > div.appsh_right > .appsh_user ul li:last-child a{
	display:inline-block;
	padding:5px 10px;
	font-size:15px;
	color:#ffd739;
	background: #191f25;
    border-radius: 5px;
	text-align:center;
}
.pop_apps  {
	height: auto !important
}
.apps_main{
	padding:0 0 80px;
	background:#f7f8fa;
	height: 100%;
}
.apps_main .apps_tit{
	margin-bottom:40px;
	background: #FFF;
	border-bottom:1px solid #D9D9D9;
	padding: 0;
}
.apps_main .apps_tit .appst_left{
	float:left;
}
.apps_main .apps_tit .appst_left h2{
	display:inline-block;
	font-weight: 700;
	font-size: 23px;
	color:#fff;
	letter-spacing:-0.025em;
	padding:12px 15px;
	background: #70DE2B;
	width: 220px;
	text-align: center;
}
.apps_main .apps_tit .appst_right{
	float:right;
}
.apps_main .apps_tit .appst_right ul {
	border-right:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
}
.apps_main .apps_tit .appst_right li{
	display:table-cell;
	vertical-align:middle;
	width: 200px;
	text-align: center;
}
.apps_main .apps_tit .appst_right a{
	display:block;
	font-weight: 700;
	font-size: 22px;
	padding:12px 15px;
	text-align: center;
}
.apps_box > ul {
	margin:0 -6px;
}
.apps_box > ul > li{
	float:left;
	width:20%;
	padding:0 6px;
	margin-bottom:12px;
}
.apps_box > ul > li > a{
	display:block;
	border:1px solid #e1e3e7;
	border-radius:10px;
	background:#fff;
	padding:20px;
}
.apps_box .apps_img{
	position:relative;
	width:100%;
	padding-bottom:100%;
	border-radius:12px;
	overflow:hidden;
	max-width:170px;
}
.apps_box .apps_img img{
	position:absolute;
	width:100%;
	height:100%;
}
.apps_box ul li .ellipsis{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	line-height:1.2;
}
.apps_box .apps_btit{
	font-size:22px;
	color:#222;
	letter-spacing:-0.03em;
	margin-top:15px;
}
.apps_box .apps_desc{
	font-size:15px;
	color:#999;
	margin:5px 0 10px;
}
.apps_box .apps_star ul li,
.apps_box .apps_star ul,
.apps_box .apps_star div{
	display:inline-block;
}
.apps_box .apps_star ul li{
	padding-right:2px;
}
.apps_box .apps_star ul li:last-child{
	padding-right:5px;
}
.apps_box .apps_star div{
	font-size:20px;
	color:#999;
}
.pop_apply .pop_top_label,
.pop_down .pop_top_label{
	text-align:left;
}
.pop_down .pop_login_right{
	padding-top:40px;
}
.pop_down{
	position:fixed;
	top:50%;
	transform:translate(-50%,-50%);
	/* display:block !important; */
	z-index:100;
}
.down_side{
	padding:50px 15px 15px; 
}
.down_side a{
	display:block;
    background: #151d24;
    border-radius: 5px;
	color:#fff;
	text-align:center;
	padding:15px;
	font-size:14px;
	color:#fff;
}
.ko_none .down_side a{
	font-size:12px;
	padding:15px 2px;
}
.ko_none .down_side a > img {
	margin-left:3px;
}
.down_side a span{
	display:inline-block;
	width:125px;
	margin-right:5px;
}
.down_side a span img{
	vertical-align: -5px;
	max-width:100%;
}
.down_side a > img{
	display:inline-block;
	width:8px;
	margin-left:20px;
	vertical-align: -2px;
}
.main_price_box_option > .radio_chk_st_wrap:last-child {
	padding-left: 0;
    margin-top: 15px;
}

header {
	background: linear-gradient(90.03deg, #2B3A45 25.27%, #284047 61.49%, #23504B 100.04%);
}
.noticett .search input {
	background: transparent;
	color: #fff;
}
.noticett .search  i {
	color: #fff;
	font-size: 18px;
}
.apps_box > ul > li.none {
	text-align: center;
	padding-top: 80px;
	font-size:18px;
	float:none;
	width: 100%;
}