.common_inner {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
/* header */
header {}
.mo_menu {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 100%;
	z-index: 10;
	background-color: #fff;
	transition: 0.4s ease;
	transition-delay: 0.1s;
}
.mo_menu.active {
	left: 0;
}
.mo_menu_top {
	padding: 20px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mo_menu_top img {
	display: block;
}
.mo_menu_con {
	background-color: #f8f8f8;
	padding: 0 30px 30px 30px;
}
.mo_menu_con ul {}
.mo_menu_con ul li {
	border-bottom: 1px solid #d7d7d7;
}
.mo_menu_con ul li a {
	display: block;
	font-weight: 700;
	padding: 15px 0;
}
.mo_menu_overlay {
	display: none;
	position: fixed;
	background-color: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	transition: 0.4s ease;
	opacity: 0;
	visibility: hidden;
}
.mo_menu_overlay.active {
	opacity: 0.7;
	visibility: visible;
}

/* top 배너 */
.top_banner_mo {
	display: none;
}
.top_banner_controler {
	position: absolute;
	width: 120px;
	top: 50%;
	transform: translateY(-50%);
	right: 60px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.swiper-button-prev-top-banner,
.swiper-button-next-top-banner {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	opacity: 1 !important;
	line-height: 0 !important;
	margin: 0 !important; 
}
.swiper-button-prev-top-banner:after {
	content: url(/NFLEX/img/common/top_banner_prev.png);
}
.swiper-button-next-top-banner:after {
	content: url(/NFLEX/img/common/top_banner_next.png);
}
.top_banner_controler img {
	display: block;
}
.swiper-start-btn {
	display: none;
}

/* 로고 타이틀 */
.logo_title_wrap {
	border-bottom: 1px solid #ccc;
}
.logo_title {
	padding: 20px 0;
	display: flex;
	align-items: center;
	gap: 50px;
}
.logo_title a {}
.logo_title span {
	font-weight: 700;
}
.common_title {
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.common_title h1 {
	width:100%;
	font-size: 24px;
	font-weight: 700;
	margin-top:20px;
	text-align:center;
}
.close_window_btn {
	width: 46px;
	height: 46px;
	background-color: #f5f5f5;
	border-radius: 50%;
	line-height: 59px;
	text-align: center;
}
.goback_btn {
	display: none;
}
.mo_hamburger {
	display: none;
}

/* 요금제 컨텐츠 */
.plan_inner {
	max-width: 800px;
	width: 100%;
	margin: auto;
}
.plan_step {
	display: flex;
	border-bottom: 1px solid #d7d7d7;
	margin: 20px 0;
}
.plan_step.arrow {
	align-items: center;
}
.plan_step label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	flex: 1;
	border-bottom: 2px solid transparent;
	padding: 10px 0;
}
.plan_step label em {
	font-size: 15px;
	font-weight: 800;
	color: #fff;
	width: 26px;
	height: 26px;
	line-height: 27px;
	border-radius: 50%;
	background-color: #ccc;
	text-align: center;
}
.plan_step label span {
	font-size: 15px;
	font-weight: 700;
	color: #acacac;
}
.plan_step label.on {
	border-color: #e4007f;
}
.plan_step label.on em {
	background-color: #e4007f;
	color: #fff;
}
.plan_step label.on span {
	color: #e4007f;
}
.plan_step label.on + img {
	filter: brightness(0) saturate(100%) invert(17%) sepia(87%) saturate(7247%) hue-rotate(318deg) brightness(89%) contrast(105%);
}
.comment {
	text-align: center;
	font-size: 18px;
	margin: 35px 0;
	margin-top: 50px;
}
.card_wrap {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.call_card {
	max-width: 640px;
	width: 100%;
	margin: auto;
}
.card {
	background-color: #f5f5f5;
	border-radius: 15px;
	text-align: center;
	padding: 35px;
	cursor: pointer;
	transition: 0.2s ease;
	border: 2px solid transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.call_card .card {
	width: 33.3333%;
}
.data_card .card {
	width: 25%;
}
.card.selected {
	border-color: #396df1;
	background-color: #ecf5f9;
}
.card img {}
.card p {
	font-size: 15px;
	color: #898989;
	margin: 10px 0;
	margin-top: 15px;
}
.card span {
	font-size: 18px;
}
.card span b {
	font-weight: 800;
}
.card_select {
	margin-top: 10px;
}
.card_select input {}
.card_select em {}
.pn_btns {
	max-width: 470px;
	width: 100%;
	margin: auto;
	display: flex;
	gap: 10px;
}
.pn_btn {
	font-size: 18px;
	display: block;
	max-width: 230px;
	width: 100%;
	margin: 50px auto;
	padding: 8px;
	border-radius: 30px;
	transition: 0.2s ease;
}
.prev_btn {
	background-color: #fff;
	border: 2px solid #d7d7d7;
	color: #898989;
}
.next_btn {
	background-color: #d7d7d7;
	border: 2px solid transparent;
	color: #fff;
}
.next_btn.on {
	background-color: #396df1;
	border-color: #396df1;
}
.pn_btn.on {
	background-color: #396df1;
	border-color: #396df1;
}

/* 4. 추천 요금제 */
.result_plan_wrap {}
.rst_card {
	display: flex;
	background-color: #f5f5f5;
	border-radius: 15px;
	padding: 15px 20px;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	margin-bottom: 15px;
	border: 2px solid transparent;
	transition: 0.2s ease;
}
.rst_card.selected {
	border-color: #396df1;
	background-color: #ecf5f9;
}
.rst_card h3 {
	font-size: 18px;
	font-weight: 800;
}
.rst_card > div {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 50%;
}
.rst_card > div > em {
	color: #e4007f;
	font-size: 18px;
}
.rst_card > div > em b {
	font-weight: 800;
}
.rst_icons {
	display: flex;
	align-items: center;
	gap: 20px;
}
.rst_icons p {
	text-align: center;
}
.rst_icons p img {
	display: block;
}
.rst_icons p span {
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #898989;
	margin-top: 5px;
}
.rst_card .card_select {
	margin-left: auto;
	margin-top: 0;
	display: flex;
}

/* 프로모션 */
.promotion_info {}
.promotion_box {
	border: 1px solid #ccc;
	border-radius: 15px;
	overflow: hidden;
}
.promo_top {
	padding: 20px;
	border-bottom: 1px solid #ccc;
}
.pt_small {
	margin-bottom: 20px;
}
.pt_small:last-child {
	margin-bottom: 0;
}
.pt_small h2 {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 3px;
}
.pt_small p {
	font-size: 18px;
}
.benefit {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 8px;
}
.benefit_item {
	display: flex;
	align-items: center;
	gap: 5px;
}
.benefit_item img {
	display: block;
	margin-right: 5px;
}
.benefit_item em {
	font-weight: 700;
	color: #acacac;
}
.benefit_item span {
	font-weight: 700;
}
.promotion_info_inner {
	max-width: 880px;
}
.promotion_info_inner .plan_step {
	max-width: 800px;
	width: 100%;
	margin: auto;
}
.promo_bot {
	display: flex;
}
.plan_info {
	background-color: #f8f8f8;
	padding: 20px;
	text-align: center;
	border-right: 1px dashed #ccc;
	flex: 1;
	line-height: 1.5em;
}
.plan_info.head {
	flex: 2;
}
.plan_info span {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #acacac;
	margin-bottom: 3px;
}
.plan_info h4 {
	font-size: 18px;
	font-weight: 800;
}
.plan_info em {
	font-size: 18px;
}
.c_pink {
	color: #e4007f;
}
.plan_info em b {
	font-weight: 800;
}

/* 가입조건선택 */
.join_plan_inner {
	max-width: 960px;
	width: 100%;
	margin: 20px auto;
}
.join_plan_step {
	max-width: 800px;
	width: 100%;
	margin: auto;
}
.join_plan_box {
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: 35px;
}
.form_row {
	display: flex;
	margin-bottom: 35px;
}
.form_row:last-child {
	margin-bottom: 0;
}
.form_row > span {
	min-width: 140px;
	padding-top: 10px;
	font-weight: 700;
}
.form_row_right {
	width: 100%;
}
.name_wrap {
	display: flex;
	gap: 5px;
}
.name_wrap ul {
	display: flex;
	gap: 5px;
}
.name_wrap ul:first-child {
	width: 100%;
}
.name_wrap ul:last-child {
	min-width: 225px;
}
.name_wrap ul input {
	padding: 13px;
}
.name_wrap ul button {
	border: 2px solid #000;
	width: 50%;
	padding: 13px;
}
.name_wrap ul button:first-child {
	background-color: #000;
	color: #fff;
}
.name_wrap ul button:last-child {
	background-color: #fff;
	color: #000;
}
.name_input_ex {
	padding-top: 10px;
}
.name_input_ex p {
	font-size: 14px;
	color: #898989;
}
.select_btns_wrap {}
.form_usim_wrap {
	display: flex;
	gap: 5px;
}
.form_usim_wrap ul {
	width: 100%;
	display: flex;
	gap: 5px;
	align-items: center;
}
.form_usim_wrap ul input {
	padding: 14px;
}
.form_usim_wrap ul em {
	color: #898989;
	font-weight: 700;
}
.form_usim_wrap button {
	min-width: 125px;
	background-color: #000;
	border: 2px solid #000;
	color: #fff;
}
.form_usim_alert {
	background-color: #ebebeb;
	padding: 10px;
	color: #e4007f;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	margin-top: 5px;
}
.like_btn_chk label.only {
	justify-content: center;
	font-weight: 800;
	font-size: 18px;
}
.selected_plan {
	display: flex;
	gap: 5px;
}
.selected_plan .like_btn_chk {
	width: 100%;
}
.selected_plan button {
	background-color: #000;
	border: 2px solid #000;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 170px;
}
.common_pop {
	position: fixed;
	max-width: 960px;
	width: 95%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 15px;
	/* overflow: hidden; */
	z-index: 12;
	display: none;
}
.common_pop.active {
	display: block;
}
.pop_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: 0.3s ease;
	opacity: 0;
	z-index: 11;
	visibility: hidden;
}
.pop_overlay.active {
	opacity: 0.5;
	visibility: visible;
}
.common_pop h2 {
	font-size: 24px;
	font-weight: 700;
	padding: 25px;
}
.pop_content {
	background-color: #f6f6f6;
	padding: 25px;
	border-radius: 0 0 15px 15px;
}
.plan_pop_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.pop_keyword {}
.pop_keyword a {
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	color: #898989;
	background-color: #fff;
	border: 1px solid #898989;
	padding: 4px 15px;
	border-radius: 30px;
	transition: 0.3s ease;
}
.pop_keyword a.on {
	color: #fff;
	background-color: #e4007f;
	border-color: #e4007f;
}
.pop_filter {
	position: relative;
}
.pop_filter_btn {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 15px;
	font-weight: 700;
}
.pop_filter ul {
	border: 1px solid #b8b8b8;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 3px 3px 6px #231d3742;
	padding: 15px;
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 100px;
	display: none;
}
.pop_filter ul li {
	font-size: 13px;
	padding-bottom: 15px;
	cursor: pointer;
	line-height: 1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pop_filter ul li:last-child {
	padding-bottom: 0;
}
.pop_filter ul li img {
	display: none;
	margin-left: 10px;
}
.pop_filter ul li.on {
	color: #e4007f;
}
.pop_filter ul li.on img {
	display: inline-block;
}
.plan_pop_list {
	overflow-y: auto;
}
.plan_pop_list ul {
	max-height: 50vh;
}
.plan_pop_card {
	display: flex;
	align-items: center;
	gap: 60px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #d7d7d7;
	padding: 15px;
	margin-bottom: 10px;
	transition: 0.2s ease;
	outline: 1px solid transparent;
	cursor: pointer;
}
.plan_pop_card:last-child {
	margin-bottom: 0;
}
.plan_pop_list ul input[name=plan_pop_chk]:checked + label {
	border-color: #396df1;
	outline-color: #396df1;
	background-color: #ecf5f9;
}
.plan_pop_list ul input[name=plan_pop_chk]:checked + label .ppc_usage p em {
	background-color: #fff;
}
.ppc_title {
	margin-right: auto;
}
.rec_badge {
	font-size: 11px;
	font-weight: 700;
	background-color: #396df1;
	border-radius: 30px;
	padding: 0 15px;
	color: #fff;
	display: inline-block;
	margin-bottom: 5px;
}
.ppc_title h5 {
	font-size: 16px;
	font-weight: 700;
}
.ppc_usage {
	display: flex;
	gap: 20px;
	min-width: 311px;
}
.ppc_usage p {
	display: flex;
	align-items: center;
	gap: 10px;
}
.ppc_usage p em {
	width: 40px;
	height: 40px;
	min-width: 40px;
	line-height: 50px;
	border-radius: 50%;
	background-color: #ecf5f9;
	text-align: center;
	transition: 0.2s ease;
}
.ppc_usage p em img {}
.ppc_usage p span {
	font-size: 14px;
	font-weight: 700;
}
.ppc_price {
	min-width: 70px;
	text-align: right;
}
.ppc_price del {
	font-size: 14px;
	font-weight: 700;
	color: #898989;
}
.ppc_price strong {
	font-size: 16px;
	font-weight: 800;
	color: #e4007f;
	display: block;
}
.pop_common_btns {
	display: flex;
	justify-content: center;
	gap: 5px;
	margin-top: 20px;
}
.pop_common_btns button {
	max-width: 230px;
	margin: 0;
	line-height: 1.5em;
	font-weight: 700;
}
.pop_common_btns button:first-child {
	background-color: #d7d7d7;
	color: #000;
	border-color: #d7d7d7;
}
.pop_close_btn {
	position: absolute;
	top: -24px;
	right: -24px;
}

.common_btn {
	border-radius:3px; padding:10px 20px; background:#6781da; color:#fff;
}

.layer_pop .layer table.tb th{text-align:center;}
.layer_pop .layer table.tb .tb_hi_pa{padding:3px 25px;}
.pop_wrap_smart {background:#fff;padding:20px;height:auto;min-height:200px;}

/*popup*/
.overlay { width:100%; height:100%; background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: fixed; z-index: 998; }
.layer_pop { display:none; min-width:600px; max-height:900px; background: #f0f0f0; border:solid 1px #ccc; position:absolute; z-index:999; box-shadow: 0px 1px 20px #333; }
.layer_pop{max-height:none !important;}
.layer_pop h1 { font-size:24px;  border-bottom: 1px solid #ccc; padding:0 0 20px 0; margin:20px 0;}
.layer_pop h2 {font-size:18px; margin:20px 0; padding-left:15px; background: url('../img/bullet.png') no-repeat left 5px;}
.layer_pop h2:first-child { margin-top:0; }
.pop_wrap{ background: #fff; padding: 18px; min-height: 200px; }
.layer { padding:20px; max-width:640px;position:relative;}

.pop_wrapnew{background: #fff; padding:20px; min-height:200px;  overflow:auto; overflow-x:hidden;}

.layer_pop2 { display:none;min-width:600px; max-width:740px;background: #f0f0f0; border:solid 1px #ccc; position:absolute; z-index:999; box-shadow: 0px 1px 20px #333; }
.layer_pop2 h1 { font-size:24px;  border-bottom: 1px solid #ccc; padding:0 0 20px 0; margin:20px 0;}
.layer_pop2 h2 {font-size:18px; margin:20px 0; padding-left:15px; background: url('../img/bullet.png') no-repeat left 5px;}
.layer_pop2 h2:first-child { margin-top:0; }

/****** 번호이동시 이전통신사 요금내역안내 (20180726 ) ******/
.ex_telecomm_txt {margin:0 auto;width:94%;padding:10px 5px;font-size:14px;font-weight:700;text-align:center;}
.tel_charge_box {display:table;width:100%;font-size:14px;}
.tel_charge_box dt {display:table-cell;width:55%;background:#e2e8f2;padding:10px 8px 10px 12px;font-size:14px;font-weight:700;}
.tel_charge_box dd {display:table-cell;width:45%; background:#fafafa;padding:10px 8px;text-align:right;}
dl dd .charge_price01 {font-size:14px;font-weight:bold;}
dl dd .charge_price02 {font-size:14px;font-weight:600;}
.tel_charge_sublist {}
.tel_charge_sublist:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.tel_charge_sublist dt {box-sizing:border-box;float:left;width:55%;background:#e2e8f2;padding:6px 8px 6px 22px;margin:0;font-size:13px;position:relative;}
.tel_charge_sublist dt::before {position:absolute;content:url(../img/sub_bullet.png);top:3px;left:10px;}
.tel_charge_sublist dd {box-sizing:border-box;float:left;width:45%;background:#fafafa;padding:6px 8px;margin:0;text-align:right;}
.charge_g_txt {padding:12px 2px;}
.mar_tb {margin:8px 0;}
.ex_check {
	display:inline-block; 
	padding:5px 0; 
	width:60px; 
	background:#f5f5f5;
	color:#111;
	font-size:14px;
	font-weight:800;
	border-radius:2px;
	text-align:center;
}

/****** 개통완료시 유심 삽입 안내 (20180726 ) ******/
.device_type_stitle {margin:0;padding:10px 0 0 0;font-size:18px;font-weight:bold;position:relative;}
.device_type_stitle::before {position:absolute;top:0;left:0;content:'';width:14px;height:2px;display:inline-block;background:#ed1c24;}
.usim_in_process {padding:10px 0 15px;}
.usim_in_process::after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.usim_in_process>li {box-sizing:border-box;float:left;width:33.33%;padding:0 6px;}
.usim_in_process>li .type_g_img {width:100%;max-width:166px;border:1px solid #ccc;}
.usim_in_process>li .type_g_img img {width:100%;}
.usim_in_process>li .info_gray_box {padding:10px 5px;background:#f5f5f5;text-align:center;}
.usim_in_process>li .info_gray_box span {display:block;}
.usim_in_process>li .info_gray_box .step_num {margin:0 auto;width:50px;padding:6px 2px;background:#ed1c24;color:#fff;font-size:13px;letter-spacing:-1px;border-radius:12px;}
.usim_in_process>li .info_gray_box .step_txt {padding:10px 0 5px;font-size:13px;}


/** 사전동의 방법 팝업 **/
.pre_agree_txt {padding:10px 0;font-size:15px;font-weight:400;line-height:1.5;border-bottom:1px solid #ccc;}
.telecom_section {padding:10px 5px 10px;border-bottom:1px dashed #d7d7d7;}
.telecom_section:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.telecom_section dt {box-sizing:border-box;float:left;width:26%;}
.telecom_section dt .telecom_logo {margin:0 auto;text-align:center;width:100%;max-width:121px;}
.telecom_section dt .telecom_logo img {width:100%;}
.telecom_section dt .telecom_name {text-align:center;padding:8px 0;font-size:14px;font-weight:bold;}
.telecom_section dd {box-sizing:border-box;float:left;width:64%;padding:10px 10px;font-size:14px;line-height:1.5;}
.telecom_section dd .tel_list {padding:8px 5px;color:#666;}

.direct_txt_box {padding:25px 20px;border-radius:15px;background:#f2f8fa;font-size:16px;line-height:1.5;text-align:center;}
.direct_txt_box .red_confirm {display:inline-block;padding:4px 6px;background:#ed1c24;color:#fff;}
.dir_imt_list {padding:15px 5px;}
.dir_imt_list>li {padding:7px 0;font-size:14px;}
.bot_imt_txt {padding:15px 5px;font-size:14px;line-height:1.5;}
.red_txt {color:#ed1c24;}

/****** 스마트 개통 안내 (20180726 ) ******/

.pop_wrap_smart {background:#fff;padding:20px;height:auto;min-height:200px;}
.smart_guide_box {padding:5px 0 10px;}
.smart_guide_box:after {display:block;clear:both;content:'';height:0;visibility:hidden;}
.smart_guide_box dt {box-sizing:border-box;float:left;padding:12px 6px;width:25%;height:auto;max-width:110px;max-height:110px;background:#eff2f7;text-align:center;border-radius:5px;}
.smart_guide_box dt img {width:100%;max-width:69px;}
.smart_guide_box dd {box-sizing:border-box;float:left;width:75%;padding:8px 0 0 25px;}
.smart_guide_box dd .smart_g_stitle {font-size:700;font-size:18px;}
.smart_guide_box dd .smart_reg_type {padding:5px 0 5px;font-size:14px;}
.smart_guide_box dd .imt_list {padding:5px 0 5px 8px;}
.smart_guide_box dd .imt_list>li {font-size:14px;list-style-type:decimal;padding:4px 0;}
dl dd .red_t {color:#ed1c24;}
.smart_g_line {margin:5px 0 15px 0;border-bottom:1px solid #d7d7d7;}
.smart_check {padding:5px 0 10px 5px;}


/* 본인인증 */
.user_name_num_wrap {
	display: flex;
	gap: 5px;
}
input[type=text].user_name_input {
	width: 50%;
}
.user_num {
	width: 50%;
	display: flex;
	align-items: center;
	gap: 5px;
	border: 1px solid #ccc;
}
.user_num input {
	border: none;
}
.user_num em {
	color: #acacac;
}
.form_phone_num {
	display: flex;
	align-items: center;
	gap: 5px;
}
.form_phone_num em {
	color: #acacac;
}
.certification_wrap {}
.certi_icons {
	display: flex;
	gap: 20px;
}
.certi_icons a {
	text-align: center;
}
.certi_icons a img {
	display: block;
	border-radius: 3px;
	overflow: hidden;
}
.shinhan_icon {
	border: 1px solid #ccc;
}
.certi_icons a span {
	font-size: 14px;
	font-weight: 700;
}
.certification_btn {
	background-color: #d7d7d7;
	color: #fff;
	padding: 12px;
	margin: 0 auto;
}
.credit_card_wrap {
	display: flex;
	gap: 5px;
}
.credit_card_wrap select {
	max-width: 245px;
}
.card_alert {
	font-size: 14px;
	color: #898989;
	line-height: 1.5em;
	margin-top: 10px;
}
.join_agree_terms_wrap {}
.join_terms_parent {
	background-color: #f8f8f8;
	padding: 12px;
}
.join_terms_title {
	display: flex;
	justify-content: space-between;
}
.join_terms_title div {}
.join_terms_title div label {}
.join_terms_title div label em {}
.join_terms_title button {}
.join_terms_title button img {
	transition: 0.3s ease;
}
.join_terms_title button.active img {
	transform: rotate(-180deg);
}
.all_agree_comment {
	font-size: 14px;
	color: #e4007f;	
	padding-left: 28px;
	line-height: 1.5em;
}
.join_terms_children {
	margin-top: 15px;
	display: none;
}
.join_terms_children .default_checkbox label {
	font-size: 14px;
	font-weight: 700;
}
.join_terms_desc {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 10px;
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 5px;
	max-height: 150px;
	overflow-y: auto;
	display: none;
}

.join_terms_desc table {
	border-collapse:collapse; border-spacing: 0;
}

.join_terms_desc td, th {
	border:1px solid #8b8b8b;
	font-size:12px;
}

.join_terms_desc::-webkit-scrollbar {
	width: 3px;
}
.join_terms_desc::-webkit-scrollbar-track {
	background-color: #ccc;
}
.join_terms_desc::-webkit-scrollbar-thumb {
	border-radius: 30px;
	background-color: #000;
}
.join_terms_desc h5 {
	font-size: 14px;
}
.join_terms_desc p {}
.join_terms_child {
	margin-bottom: 10px;
}
.join_terms_child:last-child {
	margin-bottom: 0;
}
.default_checkbox.bold label {
	font-weight: 700;
}
.pn_btn.active {
	background-color: #396df1;
}

/* 부정가입정보 */
.join_plan_box_03 {
	margin-top: 50px;
}
.form_usim_info_wrap {
	background-color: #f5f5f5;
	border-radius: 15px;
	padding: 20px;
}
.form_usim_info {
	max-width: 350px;
	width: 100%;
	margin: auto;
	text-align: center;
}
.form_usim_info > img {}
.form_usim_info p {
	font-size: 14px;
	font-weight: 700;
	color: #acacac;
}
.form_usim_info h6 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}
.form_usim_info > button {
	background-color: #000;
	color: #fff;
	margin: 0 auto;
	margin-top: 10px;
	line-height: 1.5em;
	max-width: 100%;
}
.user_phone_mail {
	display: flex;
	align-items: center;
	gap: 5px;
}
.user_phone {
	width: 50%;
	display: flex;
	align-items: center;
	border: 1px solid #ccc;
}
.user_phone input {
	border: none;
}
.user_phone em {
	color: #bdbdbd;
}
input[type=text].user_mail_input {
	width: 50%;
}
.phone_face_comment {
	font-size: 14px;
	color: #e4007f;
	margin-top: 5px;
}
.post_code_wrap {
	display: flex;
	gap: 5px;
}
.post_code_wrap input {
	max-width: 250px;
}
.post_code_wrap button {
	background-color: #000;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	border-radius: 3px;
	padding: 10px;
	min-width: 110px;
}
#sample2_address {
	margin: 5px 0;
}
.post_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease;
}
.post_overlay.active {
	opacity: 0.7;
	visibility: visible;
}
/* .pop_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease;
}
.pop_overlay.active {
	opacity: 0.7;
	visibility: visible;
} */
.form_face_certi {
	display: flex;
	align-items: center;
	gap: 5px;
	/*margin: 15px 0;*/
	position: relative;
}

.form_face_certi button {
	font-size: 16px;
	font-weight: 700;
	padding: 10px;
	border-radius: 3px;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.form_face_certi button:first-child {
	border: 2px solid #000;
	background-color: #fff;
	color: #000;
}
.form_face_certi button:last-of-type {
	border: 2px solid #d7d7d7;
	background-color: #d7d7d7;
	color: #fff;
	transition: 0.2s ease;
}
.form_face_certi button:last-of-type.on {
	border-color: #000;
	background-color: #000;
}
.identification_kind {}
.ik_img {
	background-color: #f8f8f8;
	border-radius: 5px;
	text-align: center;
	padding: 10px;
}
.ik_img img {}
.datepicker {
	background: #fff url(/NFLEX/img/common/datepicker_calendar.png) no-repeat center right 10px !important;
	cursor: pointer;
}
.air-datepicker-cell.-selected- {
	background: #e4007f !important;
}
.ik_date {
	border: 1px solid #d5d5d5;
	padding: 15px;
	border-radius: 3px;
	margin: 15px 0;
}
.ik_date h5 {
	font-size: 14px;
	font-weight: 700;
	color: #898989;
	margin-bottom: 5px;
}
.ik_date input {
	border: none;
	padding: 3px 0;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	cursor: pointer;
}
.ik_agree,
.ik_num {
	border: 1px solid #d5d5d5;
	padding: 15px;
	border-radius: 3px;
}
.ik_agree label {
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 10px;
}
.ik_agree p {
	font-size: 14px;
	color: #898989;
	padding-left: 30px;
}
.ik_num {
	margin-top: 15px;
}
.ik_num p {
	font-size: 14px;
	font-weight: 700;
}
.tooltip {
  position: absolute;
	width: 210px;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 6px 10px;
  font-size: 14px;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
	z-index: 10;
	text-align: center;
}
.tooltip2 {
	width: 100%;
	max-width: 90%;
	text-align: center;
	font-size: 12px;
}

/* 보일 때 애니메이션 클래스 */
.tooltip.show {
  animation: fadeInOut 2s ease forwards;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-10px);
  }
  10%, 90% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-10px);
  }
}
.alert_pop {
	max-width: 390px;
	width: 95%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 15px;
	text-align: center;
	z-index: 100;
	padding: 20px;
	display: none;
}
.alert_pop.active {
	display: block;
}
.face_success_pop p {
	font-size: 18px;
	font-weight: 700;
}
.face_success_pop_close {
	font-size: 16px;
	font-weight: 700;
	background-color: #000;
	border-radius: 5px;
	padding: 8px 20px;
	color: #fff;
	margin-top: 20px;
}

/* 가입신청정보 */
.join_plan_title {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 40px 0;
	margin-bottom: 15px;
}
.bill_tip {
	font-size: 14px;
	color: #898989;
	margin-top: 5px;
}
.back_form_wrap {
	position: relative;
}
.bank_form {
	display: flex;
	gap: 5px;
}
.bank_form select {
	width: 50%;
	padding: 14px;
}
.bank_form input {
	width: 50%;
	padding: 14px;
}
.card_form {
	display: flex;
	align-items: center;
	gap: 5px;
}
.card_form input {
	width: 50%;
	padding: 14px;
}
.bank_certi_btn {
	background-color: #396df1;
	color: #fff;
	margin: 20px auto;
	margin-bottom: 0;
}
.reservation_num {
	background-color: #f6f6f6;
	border-radius: 5px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}
.reservation_num p {
	font-size: 18px;
	font-weight: 800;
	color: #474e66;
}
.reservation_num input {
	font-weight: 700;
	max-width: 75px;
}
.reservation_num button {
	font-size: 16px;
	font-weight: 700;
	padding: 10px 15px;
	border-radius: 5px;
	color: #fff;
}
.num_inquiry_btn {
	background-color: #000;
}
.num_reservation_btn {
	background-color: #e4007f;
	display: none;
}
.numb_list_row {
	display: none;
}
.nums_list_wrap {
	border: 1px solid #d7d7d7;
	overflow-y: auto;
}
.nums_list_wrap::-webkit-scrollbar {
	width: 3px;
}
.nums_list_wrap::-webkit-scrollbar-track {
	background-color: #d7d7d7;
}
.nums_list_wrap::-webkit-scrollbar-thumb {
	background-color: #474e66;
	border-radius: 30px;
}
.nums_list {
	display: flex;
	flex-wrap: wrap;
	max-height: 176px;
}
.nums_list:first-child {}
.nums_list li {
	width: 50%;
}
.nums_list li:nth-child(4n-3),
.nums_list li:nth-child(4n-2) {
	background-color: #f6f6f6;
}
.nums_list li:nth-child(odd) {
	border-right: 1px solid #d7d7d7;
}
.nums_list li:nth-child(4n-1),
.nums_list li:nth-child(4n) {
	background-color: #fff;
}
.nums_list li label {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 700;
	padding: 10px;
	cursor: pointer;
}
.nums_list li label em {}

.possible_tel {
	max-width:200px;
    border: 1px solid #ccc;
    padding: 10px;
}

.possible_tel dd {
  /*  border-bottom: 1px dotted #ccc;*/
    padding: 5px;
    margin: 0;

}

.possible_tel dd:hover {
	background:#cde7d3;
}


/* 번호이동 */
.al_com {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 10px;
}
.using_company_tip {
	margin-top: 10px;
}
.using_company_tip li {
	font-size: 14px;
	color: #898989;
}
.using_company_tip li:first-child {
	color: #e4007f;
}
.using_num {
	display: flex;
	align-items: center;
	gap: 5px;
	max-width: 50%;
	width: 100%;
	border: 1px solid #d7d7d7;
}
.using_num input {
	border: none;
	padding: 14px;
}
.using_num em {
	color: #b2b2b2;
}
.using_num_tip {
	margin-top: 10px;
}
.using_num_tip li {
	font-size: 14px;
	color: #898989;
}
.using_num_tip li a {
	color: #e4007f;
	font-weight: 700;
	text-decoration: underline;
	margin-left: 5px;
}
.change_num_agree {
	background-color: #d7d7d7;
	border: 2px solid transparent;
	color: #fff;
	margin: 20px auto;
	margin-bottom: 0;
}
.pre_agree_content {
	max-width: 495px;
	width: 100%;
	margin: auto;
}
.pre_agree_content p {
	font-size: 18px;
	font-weight: 700;
	color: #e4007f;
	margin-bottom: 10px;
}
.pre_agree_content p em {
	color: #898989;
	font-size: 16px;
}
.pre_agree_content div {
	background-color: #f5f5f5;
	border-radius: 15px;
	padding: 20px;
	text-align: center;
}
.pre_agree_content div span {
	font-weight: 700;
}
.pre_agree_content div strong {
	display: block;
	font-size: 30px;
	font-weight: 800;
	color: #e4007f;
	margin: auto;
	margin-top: 5px;
}
.want_num_pop {
	max-width: 420px;
}
.want_num_pop p {
	font-size: 16px;
}
.pre_change_agree_pop {
	max-width: 1024px;
	padding: 0;
	text-align: left;
}
.pre_change_agree_pop h3 {
	font-size: 24px;
	font-weight: 700;
	padding: 25px;
}
.pre_change_info {
	background-color: #f6f6f6;
	border-radius: 0 0 15px 15px;
	max-height: 65vh;
	overflow-y: auto;
}
.pre_change_info::-webkit-scrollbar {
	width: 3px;
}
.pre_change_info::-webkit-scrollbar-thumb {
	background-color: #474e66;
	border-radius: 30px;
}
.pre_change_info::-webkit-scrollbar-track {
	background-color: #d8d8d8;
}
.pre_change_info ul {
	margin-bottom: 10px;
}
.pre_change_info ul li {
	font-size: 14px;
}
.pre_change_info ul li:last-child {
	color: #898989;
}
.pre_change_info div {
	padding: 25px;
}
.pre_change_info_mo {
	display: none;
}
.pop_close_btn {
	position: absolute;
	top: -23px;
	right: -23px;
}

/* 개통완료 */
.join_plan_loading_box {
	text-align: center;
	background-color: #f8f8f8;
	padding: 30px;
	border-radius: 15px;
	max-width: 645px;
	width: 100%;
	margin: auto;
	margin-top: 80px;
}
.join_plan_loading_box img {
	animation: loading 1s infinite linear;
}
.join_plan_loading_box h1 {
	font-size: 30px;
	font-weight: 700;
	margin: 30px 0;
}
.join_plan_loading_box p {
	font-size: 18px;
	margin-bottom: 25px;
}
.join_plan_loading_box span {
	font-size: 18px;
}

@keyframes loading {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

.join_plan_complete {
	max-width: 473px;
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 100px 0;
	padding-bottom: 50px;
}
.jpc_top {}
.jpc_top img {}
.jpc_top h1 {
	font-size: 30px;
	line-height: 1.2em;
	margin-top: 15px;
}
.jpc_top h1 strong {
	font-weight: 800;
}
.join_plan_complete p {
	font-size: 18px;
	line-height: 1.8em;
	margin: 30px 0;
	margin-bottom: 50px;
}
.jpc_btns {
	display: flex;
	gap: 5px;
}
.jpc_btns a {
	font-size: 18px;
	font-weight: 700;
	border-width: 700px;
	padding: 8px;
	border-radius: 30px;
	width: 50%;
}
.jpc_btns a:first-child {
	border: 2px solid #396df1;
	background-color: #fff;
	color: #396df1;
}
.jpc_btns a:last-child {
	border: 2px solid #396df1;
	background-color: #396df1;
	color: #fff;
}
.usim_pop {
	text-align: left;
	padding: 0;
	max-width: 960px;
	width: 95%;
	margin: auto;
}
.usim_pop h3 {
	font-size: 24px;
	font-weight: 700;
	padding: 25px;
}
.usim_pop_con {
	padding: 25px;
	background-color: #f6f6f6;
	border-radius: 0 0 15px 15px;
}
.usim_pop_con p {
	text-align: center;
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 15px;
}
.usim_method_wrap {
	max-height: 60vh;
	overflow-y: auto;
}
.usim_method {
	margin-bottom: 30px;
}
.usim_method:last-child {
	margin-bottom: 0;
}
.usim_method span {
	font-size: 20px;
	font-weight: 700;
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-bottom: 15px;
}
.usim_method span:before {
	content: '';
	position: absolute;
	background-color: #f7e6ef;
	height: 12px;
	width: calc(100% + 20px);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 30px;
	z-index: -1;
}
.usim_method_step {
	display: flex;
	gap: 20px;
}
.usim_img {
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
}
.usim_img img {
	display: block;
}
.usim_method_step_item {}
.usim_title {
	text-align: center;
}
.usim_title em {
	display: inline-block;
	padding: 5px 15px;
	background-color: #e4007f;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	border-radius: 30px;
	margin: 10px;
}
.usim_title b {
	font-size: 16px;
	font-weight: 700;
	display: block;
}
.usim_pop_close {
	position: absolute;
	top: -23px;
	right: -23px;
}