@charset "UTF-8";
@media (min-width: 641px) {
	h1 {font-size: larger !important;}
}

/*p{font-family: "NBK"; font-size:13px;}*/
h1{font-size:large; margin:0px;}
.content{max-width: 360px; margin:0 auto; }
.signup_area{margin: 30px 15px;}
.signup_area input{font-family: "nanumB";}
.type_area{border: 3px solid; height: 80px; line-height: 80px; font-size: 20px; font-weight: bold;}
.pref_area{border-color:#4EBBE2; color: #4EBBE2;}
.dist_area{border-color:#007CC6; color: #007CC6;}
.content_area{padding:0 20px;}
.text_left{display: inline-block; width:80%;}
.text_right{display: inline-block; width:15%; float:right; text-align: right;}
body{margin:0; padding:0;}
.text_area{ margin:10px; }
.text_area span{display: inline-block; margin-bottom: 3px; color:#6E6E6E; font-size: 15px;}
ul.descriptions{color:#6E6E6E; font-size: 15px;}
ul.descriptions > li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; line-height: 35px;}
ol.descriptions{color:#6E6E6E; font-size: 15px;}
ol.descriptions > li{list-style-type: decimal; line-height: 35px; margin-left: 3.7%;}
.field_ul h2 {font-size:15px;font-family:"NBK";font-weight:normal;}
.field_ul li {margin-top:30px;}
.field_ul input.field_input {width:100%;height:45px;}
.field_ul .name_box select.field_select {float:right;margin:0;width:32%}
.field_ul li > div {margin-top:10px;}
.field_ul .name_box:after, .field_ul .phone_box:after,
.field_ul .sponsor_box:after, .en_name_inp_box:after,
.address_btn_box:after, .bank_box:after,
.info_box:after, .email_box:after {content:"";display:block;clear:both;}
.field_ul li input , .field_ul li select {height:45px}
.field_ul li .chk_info_list {padding: 6px 0; margin-top: 15px;}
.field_ul li .chk_info_box input[type="checkbox"] {position: absolute; width: 1px; height: 1px;}


.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	height: 45px;
	width: 28%;
	display: inline-block;
	padding: 0.9em 1.7em;
	color: #fff;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #4EBBE2;
	cursor: pointer;
	border: 1px solid #4EBBE2;
	/*border-bottom-color: #4EBBE2;*/
	border-radius: .25em;
	margin-bottom: 0px;
}

.filebox label:hover {background:#4093b1; border:1px solid #4093b1; text-decoration: none;}

/* named upload */
.filebox .upload-name {
	width: 70%;
	display: inline-block;
	padding: .5em .75em;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="text"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="date"]:focus,input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus {outline:none; border-color:#778293;}
.ba_certification input[type="text"]:focus, .ba_certification  input[type="radio"]:focus, .ba_certification  input[type="checkbox"]:focus, .ba_certification  input[type="date"]:focus, .ba_certification input[type="text"]:focus, .ba_certification  input[type="password"]:focus, .ba_certification  input[type="number"]:focus {border-color: #8E8CA3;}
input[type="text"], input[type="password"], input[type="number"] {height:35px;border:1px solid #d1d1d1;text-indent:5px; font-size:12px;}
input[type="text"]:disabled, input[type="password"]:disabled {background:#f8f8f8; border-color:#d1d1d1}

input[type="radio"] {position:absolute;width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
input[type="radio"] + label {display:inline-block;position:relative; font-size:12px;  line-height:17px; color:#777; padding-left:25px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-family:"NBK";}
input[type="radio"] + label:before {content:''; position:absolute; left:0; top:0; width:18px; height:18px; text-align:center; background:#fff; border:2px solid #d1d1d1; color:#777; border-radius:100%}
input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before  {}
input[type="radio"]:checked + label:before {background:#fff; border-color:#d1d1d1}
input[type="radio"]:checked + label:after {content:''; position:absolute; top:4px; left:4px; width:10px; height:10px; background:#778293; border-radius:100%}
.ba_certification input[type="radio"]:checked + label:after {background: #8E8CA3;}
.radio_box input + label {font-size:15px;letter-spacing:-1px;margin-right:6px}
.radio_box .radio_content{padding:0 30px 0 10px;}

input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[type="checkbox"] + label, input[type="checkbox"] + input[type="hidden"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-size:12px; color:#777; font-family:"NBK";}
input[type="checkbox"] + label:before, input[type="checkbox"] + input[type="hidden"] + label:before {content:' '; display:inline-block; width:17px; height:17px; line-height:17px; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; background:#fff; color:#777; border:1px solid #cacece}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:checked + input[type="hidden"] + label:before {content:' '; border-color:#778293;}
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:checked + input[type="hidden"] + label:after {content: ''; position: absolute; top: 9px; left: 4px; width: 9px; height: 6px; transform: rotate(-54deg); border-left: 2px solid #778293; border-bottom: 2px solid #778293; border-radius: 1px;}
.ba_certification input[type="checkbox"]:checked + label:after,
.ba_certification input[type="checkbox"]:checked + input[type="hidden"] + label:after {border-left-color: #8E8CA3; border-bottom-color: #8E8CA3;}
input[type="checkbox"]:checked + label.ban_label:after,
input[type="checkbox"]:checked + input[type="hidden"] + label.ban_label:after {top: 4px;}

select {font-family:'NLT', 'Malgun Gothic',verdana, sans-serif; width:100%; height:35px; background:#fff url(https://resource2018.nuskinkorea.co.kr/images/mobileWeb/select.png) no-repeat right 10px center; background-size:13px 5px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; -webkit-appearance:none; -moz-appearance:none; appearance:none;  border:1px solid #d1d1d1; color:#727272; cursor:pointer; text-indent:5px; border-radius:0; font-size:12px;}
select::-ms-expand{display:none; border:none}

.chk_info_box {position:relative;padding:0 5px; line-height: 25px;}
.chk_info_box + .chk_info_box {margin-top:7px;}
.chk_info_box input + label, .chk_info_box input + input + label {font-size:13px;line-height:26px;color:#777;font-weight:bold;letter-spacing:-1px}
.chk_info_box button {position:absolute;right:0;top:50%;margin-top:-13px;border:1px solid #d1d1d1;padding:0 6px;font-size:13px;line-height:26px}
.chk_info_box a {float: right; padding-right: 5px; text-decoration: underline; font-size: 12px;}
.chk_info_list{background: #F1F1F1; padding:10px 0;}
.e_chk_info_box {margin-top: 10px;}

.field_ul .name_box input.field_input{float: left; width: 67%;}

.check_stl_radio {position:absolute;right:0;top:0;width:126px;}

.check_stl_radio input[type="radio"] + label {font-size:14px;  line-height:43px; padding:0 15px; border:1px solid #d1d1d1;float:left;}
.check_stl_radio input[type="radio"] + label:before {content:''; position:absolute; left:17px; top:50%; margin-top:-13px; border:0; width:26px; height:26px; text-align:center; background:0; background-size:contain;}
.check_stl_radio input[type="radio"]:checked + label {border:1px solid #778293; color:#778293;}
.ba_certification .check_stl_radio input[type="radio"]:checked + label {border-color: #8E8CA3; color: #8E8CA3;}
.check_stl_radio input[type="radio"]:checked + label:before {background-size:contain;}
.check_stl_radio input[type="radio"]:checked + label:after {display:none}


.check_sty_box {position:relative;margin-top:10px;padding-right:130px;}
.check_sty_box > input {width:100%}


.field_ul .phone_box select.field_select {float:left;margin:0;width:38%}
.field_ul .phone_box input.field_input{float: right; width: 61%;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.join_info_txt{padding-top: 5%; padding-left: 5%; color: #e43373; font-weight: bold;}

.btn-default.btn-normal {display:inline-block; width:100%; line-height:42px; color:#fff; font-weight:normal; font-family:"NBK"; background:#778293; border:1px solid #778293; border-radius:3px; text-align:center; font-size:14px; text-decoration: none;}
.ba_certification .btn-default.btn-normal {background: #8E8CA3; border-color: #8E8CA3;}

.btn-default.btn-normal.sub-point {display:inline-block; width:100%; line-height:42px; color:#fff; font-weight:normal; font-family:"NBK"; background:#e43373; border:1px solid #e43373; border-radius:3px; text-align:center; font-size:14px; text-decoration: none;}
.btn-default.btn-normal.sub-point:hover {background:#eca3be; border:1px solid #eca3be; text-decoration: none;}

.btn-default.btn-normal.btn {padding:  0;}
.btn-default.btn-line {display:inline-block; width:100%; line-height:42px; color:#778293; font-weight:normal; font-family:"NBK"; border:1px solid #778293; border-radius:3px; text-align:center; text-decoration: none; font-size:14px; font-weight: bold;}
.btn-default.btn-line:hover {background:#778293; border-color: #778293; color:#fff; text-decoration: none;}
.btn-default.btn-line.btn{font-size:14px; vertical-align: baseline;padding:  0;line-height: 42px;text-align: center;}
.ba_certification .btn-default.btn-line {border-color: #8E8CA3; color: #8E8CA3;}
.ba_certification .btn-default.btn-line:hover {background: #8E8CA3; border-color: #8E8CA3; color:#fff; text-decoration: none;}

.btn-default.btn-foreign{width: 40%; line-height: 30px;}

.phone_certi_box {position:relative;margin-top:10px;padding:0 0 0 115px;}
.phone_certi_box .btn-normal , .phone_certi_box .phone_certi_date {display:none}
.phone_certi_box.active {padding-right:61px}
.phone_certi_box.active .btn-normal {display:inline-block;}
.phone_certi_box.active .phone_certi_date {display:inline-block;}
.phone_certi_box input {width:100%}
.phone_certi_box .btn-line {position:absolute;left:0;top:0;height:45px;width:108px;letter-spacing:-1px}
.phone_certi_box .btn-normal {position:absolute;right:0px;top:0;width:55px;height:43px;}
.phone_certi_box .phone_certi_date {position:absolute;right:70px;top:0;line-height:43px;color:#778293; font-size:14px; font-weight:bold}
.ba_certification .phone_certi_box .phone_certi_date {color: #8E8CA3;}
.phone_certi_box .phone_certi_date.fail, .ba_certification .phone_certi_box .phone_certi_date.fail {color: #db2023;}


a{text-decoration:none;color:#777}
footer a, footer a:link{text-decoraion:none;}

.field_ul li.mg_10{margin-top: 10px;}

.spon_tab{width:50%; text-align: center;}
.nav-tabs>li.spon_tab.active>a{color:#778293; font-weight: bold;}
.ba_certification .nav-tabs>li.spon_tab.active>a {color: #8E8CA3;}
.sponsor_text {font-weight: 700;}
.nav-tabs li{margin-top: 0;}
.tab-pane div{margin-top:10px;}
.inp_box input, .address_btn_box input/*, .bank_box input*/{position: relative;width: 73%; float:left; margin-bottom:0px;}
.inp_box a.btn-default.btn-normal, .address_btn_box a.btn-default.btn-normal/*, .bank_box a.btn-default.btn-normal*/{position: relative;width: 26%; float:right;}
.area_box{width: 100%;}
.area_box select#area{width:31%;}
.area_box select#areaDetail{width:40%;}
.area_box a.btn-default.btn-normal{width:26%; float: right;}

.info_box .lineTit {padding-top:45px;}

.foreignIdBox input{width: 48%; float: left;}
.foreignIdBox input + label:before{content: " - "; display: inline-block; width: 100%; height: 45px; line-height: 45px; text-align: center; vertical-align: middle; margin: 0;}
.foreignIdBox input + label{width: 4%;}
.foreignIdBox input + label + input{float: right;}

/* 타이틀 */
.lineTit fieldset {width:100%; background-color:#fff; border-top:1px solid #dedede; border-bottom:none; border-left:none; border-right:none; line-height:20px;}
.lineTit legend {top:-2px; padding:0 20px; background:#fff; font-family:'NBD', 'Malgun Gothic',verdana, sans-serif; font-weight:700; font-size:15px; color:#444; text-align:center; margin:0 auto; text-indent:0;}
.lineTitC fieldset {width:100%; background-color:#fff; border-top:1px solid #dedede; border-bottom:none; border-left:none; border-right:none; line-height:16px;}
.lineTitC legend {top:-2px; border-radius:50px; background:#f6f6f6; padding:10px; border:1px solid #d1d1d1; font-family:'NLT', 'Malgun Gothic',verdana, sans-serif; font-weight:300; font-size:11px; color:#858585; text-align:center; margin:0 auto;}

.en_name_area{background: #F1F1F1; padding:10px 0; min-height: 65px;}
.en_name_inp_box{padding:0 10px;}
.en_name_inp_box input{float:left; width: 45%; margin-right:4px;}
.en_name_inp_box .en_name_dropdown{display:block; width:7%; float:right; background:#fff0 url(https://resource2018.nuskinkorea.co.kr/images/mobileWeb/select.png) no-repeat center; background-size:15px 8px; height: 45px;}
.en_name_select_box{font-family: "NBK";}
.en_name_select_box ul{padding: 0 1em; }
.en_name_select_box ul li.enName{padding: 5px; margin: 1px; cursor: pointer;}
.en_name_select_box ul li.enName:hover, .en_name_select_box ul li.enName:active{background-color:#FFFFFF;}

.pass_box input{width:100%;}

.address_btn_box{margin-bottom:5px;}
.address_inp_box input{width:100%;}

.bank_box select{margin-bottom:5px;}
.bank_box input{width:100%;}
.email_box input{width: 30%;}
.email_box span{display: inline-block; height: 45px; line-height: 45px; text-align: center; padding: 0;}
.email_box select{float:right; width: 30%;}

.confirm_box{font-size:15px;font-family:"NBK";font-weight:normal;}
.confirm_box .info_box{ margin: 20px 0;}
.confirm_box .tit_tab{display: inline-block; float: left; width: 30%; padding: 5px; color:#444; font-weight: bold;}
.confirm_box .info_tab{display: inline-block; float: right; width: 69%; padding:5px; color:#727272;}

.next_step{margin: 20px 15px;}
.next_step.r21_next_step {margin: 0; padding: 0 15px 20px 15px;}
.next_step a + a {margin-top:15px;}

.complete_box {margin:50px; color:#727272; font-size: large; font-family:"NBK"; text-align: center;}
.complete_box div{margin-bottom: 10px;}
.complete_box div span{font-weight: bold;}

.highlight_text{color:#6480ab; font-weight: bold;}
.ba_certification .highlight_text {color: #8E8CA3;}

.nav-tabs{font-family: "NBK"; font-size:13px;}
.error_txt {clear:both;padding:3px 0 0 3px;color:#db2023;font-size:14px;}
.succ_txt {clear:both;padding:3px 0 0 3px;color:#46b545;font-size:14px;}
.area_box{clear:both; font-family: "NBK"; padding-top: 10px;}
.tab-pane.recom_box h2 {margin-top: 20px;}
.recom_box .area_box.recom_area {margin-top: 0;}

.spon_chk_box a{float: right; padding-right: 10px; font-size: 13px; text-decoration:none;}
.spon_chk_box div{font-size:12px; display:none;}

input.error,select.error,textarea.error {background-color:#fff;border:solid 1px #d0021b;border-left:solid 6px #d0021b;margin-bottom:.25rem}
input.error:focus,input.error:active,select.error:focus,select.error:active,textarea.error:focus,textarea.error:active{border-color:#d0021b;outline:0}

.phone_certi_box.active .pone_certi_auth_area{width: 100%; border: 1px solid #d1d1d1; height: 45px;}
.field_ul li .phone_certi_box.active .pone_certi_auth_area input{border: none; height: 43px; width: 80%;}

.info_agree_area{background: #F1F1F1; padding: 10px;}

.layer-contents p{font-size:13px;}
ul.pager{font-size: 15px;}
ul.field_ul{font-size:13px;}

.join-input-flex {display: flex; gap: 4px; align-items: center;}

.cLoaderRoot {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20000;
	display: none;
}

.cLoaderTable {
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
}

.cLoaderTableCell {
	display: table-cell;
	vertical-align: middle;
}

.cLoader {
	display: inline-block;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(20, 175, 220, 0.2);
	border-right: 1.1em solid rgba(20, 175, 220, 0.2);
	border-bottom: 1.1em solid rgba(20, 175, 220, 0.2);
	border-left: 1.1em solid #14afdc;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

.cLoader, .cLoader:after {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.nav > li {
	position: relative;
	display: block;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
	/*text-decoration: none;*/
	/*background-color: #eee;*/
}
.nav > li.disabled > a {
	color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
	color: #777;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: #eee;
	border-color: #337ab7;
}
.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.nav > li > a > img {
	max-width: none;
}
.nav-tabs {
	border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}
.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	cursor: default;
	/*background-color: #fff;*/
	/*border: 1px solid #ddd;*/
	border-bottom-color: transparent;
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

.next_step #changeDist{background: #c66fc0; border: 1px solid #c66fc0;}

/*//회원가입 약관 변경 (2020/05/19 we jin)*/
.phone__pt10 {
	padding-top: 10px;
}
.phone_auth__num_fail_con_tx {
	display: none;
}
.phone_auth__num_info_con_tx {
	/*color: #4EBBE2;*/
	color: #6480ab;
	font-weight: bold;
}
.ba_certification .phone_auth__num_info_con_tx {color: #8E8CA3;}
.me_term_agree__necessary_tx {
	color: #D71818;
    font-weight: bold;
    font-family: 'NBK', sans-serif;
}
.highlight_import_text {
	color: #D71818;
}