@charset "utf-8";
@import url("reset.css");
@import url("shop.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400&display=swap');
/*@font-face {font-family: 'NotoR';src: local('NotoSansCJKkr-Regular-Alphabetic'),url(../font/NotoSansCJKkr-Regular-Alphabetic.woff) format('WOFF');}*/
/*@font-face {font-family: 'SCD5';src: local('S-CoreDream-5Medium'),url(../font/S-CoreDream-5Medium.woff) format('WOFF');}*/
/* join.css */
body{background:#f9f9f9;font-family:'NotoR';color:#999;font-size:14px}
body { font-family: 'Noto Sans KR', sans-serif; }

/* btJoin */
.btJoin{padding:40px 0 0}
.btJoinIn{
	width: 640px;
	margin: 0 auto;
	padding: 80px 60px;
	border-top: 5px solid #5866DD;
	background: #fff;
	box-sizing: border-box;
	border-radius: 4px;
}
.btJoinIn > h2{margin-bottom:20px;font-family: 'Noto Sans KR';color:#333;font-size:26px;text-align:center}
.btJoinIn > h2 > span{display:inline-block;position:relative;bottom:3px;margin-right:3px}
.btJoinIn > p{margin-bottom:5px;text-align:right}
.btJoinIn em{color:#FC4F25;font-weight:bold}
.btJoinIn h3{margin-bottom:5px;font-family: 'Noto Sans KR';color: #333;font-size:18px}
.btJoinIn h5{margin-top:25px;color:#888}
.btJoinIn h5 > span{color:#333}

.btJoinIn .step0 .kt-title{margin-bottom: 30px;}
.btJoinIn .form-control{height: 46px;font-size: 1.25rem}
.btJoinIn .input-group-append .btn{font-size: 1.25rem}

/* form */
fieldset{}
fieldset:nth-of-type(n+2){margin-top:40px;}
fieldset div > p{float:left;margin-top:5px;box-sizing:border-box} 
fieldset div:after{content:"";display:block;clear:both}
fieldset div > p:nth-of-type(1){width:24%;margin-right:1%;height:50px;line-height:48px;text-align:center;border:1px solid #ececec;background: #fff9f9;}
fieldset div > p:nth-of-type(n+2){float:right;width:75%}
fieldset div > p input, fieldset div > p select{width:100%;padding:15px 15px;border:1px solid #ececec;box-sizing:border-box;font-size:14px;color:#999;}
fieldset div > p input:nth-of-type(n+2){margin-top:0px}
fieldset div > p input:focus, fieldset div > p select:focus {outline:1px solid #e682aa;}
fieldset div > p input[type=checkbox], fieldset div > p input[type=radio]{width:15px;height:15px;background:#fff}
fieldset div > p input[type=checkbox]:focus, fieldset div > p input[type=radio]:focus{outline:none}
fieldset div > p input[type=checkbox] + label, fieldset div > p input[type=radio] + label{margin-right:18px}
fieldset div > p input[type=checkbox]:nth-of-type(n+2), fieldset div > p input[type=radio]:nth-of-type(n+2){margin-top:0}
fieldset div > p textarea{padding:15px 15px;width:100%;box-sizing:border-box;border:1px solid #ececec;}
.chk{padding:12px 15px;border:1px solid #ececec;}
.sign{color:red;}
.add2:after{content:"";display:block;clear:both}
.add2 input{width:80%;float:left}
.add2 button{float:right;width:18%;padding:14px 0;border:1px solid #e682aa;background:#5867dd;box-sizing:border-box;color:#e682aa;background-color:#fbfbfb;border-radius: 3px;cursor:pointer}
fieldset div > p:nth-of-type(1).line2{line-height:15px;padding-top:10px;}
fieldset div > p:nth-of-type(1).line2_mb br{display:none}
fieldset div > p:nth-of-type(1).line2 span{font-size:12px}
fieldset div > p input[type="file"]{padding:13px 15px;background:#fbfbfb;font-size:12px;color:#999}

fieldset.agree > div > input{width:16px;height:16px;border:1px solid red}
fieldset.agree > div > label{margin-left:4px;font-size:16px;color:#333;vertical-align: middle;}
fieldset.agree > div > div{margin-top:10px;border:1px solid #ececec;padding:15px;box-sizing:border-box;word-break:keep-all;font-size:12px}
fieldset.agree > div:nth-of-type(n+2){margin-top:30px}

.auto_amount {width:100%;padding:7px 20px;text-align:left;height:38px;line-height:38px;font-size:14px;color:#999}


.btn_id:after{content:"";display:block;clear:both}
.btn_id input{width:80%;float:left}
.btn_id button{float:right;width:18%;padding:14px 0;border:1px solid #e682aa;background:#fbfbfb;box-sizing:border-box;color:#e682aa;font-weight: 600;border-radius: 3px;cursor:pointer}

/* btn */
.joinBtn{text-align:center;margin-top:50px;}
.flexBtn{display:flex}
.flexBtn .btnPrev{position: relative;width:50px;height:50px;margin-right:5px;border:1px solid #5866DD;border-radius:5px;background-color:#fff;text-indent:-9999em;font-size:0}
.flexBtn .btnPrev::after{content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:8px;height:18px;background:url(../img/step/join_back.svg) no-repeat 0 0}
.joinBtn button{width: 100%;height: 50px;border-radius: 5px;background: #5866DD;border: none;font-size: 18px;color: #fff;cursor: pointer;font-family: 'Noto Sans KR';}
.btn-view{float:right;font-size:16px;color:#999}

/* footer */
footer{height:280px;background:#f9f9f9;margin-bottom:40px}
footer > div{position:relative;padding:70px 0;width:760px;margin:0 auto;background:#2a2a2a;text-align:center}
footer .poli{width:760px;word-break:keep-all}
footer h2{margin-bottom:0}

/*
table {width:100%;border:0px solid #ececec;	border-collapse:collapse;border-spacing:0;}
table tr {height:40px}
table th {background-color:#ececec;font-weight: 400;color: #444;font-size:14px;} 
table td { text-align:center; white-space:nowrap; vertical-align: middle;border:1px solid #ececec;}
table td select{width:80%;padding:5px 15px;border:1px solid #ececec;font-size:14px;color:#999;}
table td .charge_input{width:80%;padding:5px 15px;border:1px solid #ececec;font-size:14px;color:#999;}*/
.charge_phone{width:100px;}
.charge_num{width:40px;font-size:14px;color:#999;}
table td span{width:80%;padding:5px 15px;font-size:14px;color:#999;}

.vertical-top td {vertical-align: top; }
.chgCell > select, .chgCell > input{width:100px}

.moreInfomation{display:block;color:#e682aa;font-size:12px;margin-top:15px;}


@media screen and (max-width:780px){
.btJoin{padding:0}
.btJoinIn{width:100%;padding:50px 5%;font-size:12px;}
.btJoinIn > h2{margin-bottom:50px;font-size:22px}
.btJoinIn > h2 > span img{width:160px;}
fieldset div > p:nth-of-type(1){width:25%;margin-right:0;text-align:left;height:auto;line-height:14px;padding-right:2px;background: /* #fff1f1 */#fff9f9;padding:10px;box-sizing:border-box;color:#222;word-break:keep-all;margin-right:3%}
fieldset div > p:nth-of-type(n+2){width:72%}
fieldset div > p:nth-of-type(n){border:none}
fieldset div > p input, fieldset div > p select{padding:10px 3px;font-size:12px;}
fieldset div > p:nth-of-type(1).line2{padding-top:0}
fieldset div > p input[type=checkbox]:nth-of-type(n+2), fieldset div > p input[type=radio]:nth-of-type(n+2){margin-top:0px}
fieldset div > p input[type="file"]{padding:8px 3px}
.add2 input, .add2 button{float:none;width:100%}
.add2 button{margin-top:5px;}
.chk{padding:12px 0}
.chk input{display:block;margin-bottom:10px}
.chk label{float: left;position: relative;margin-top: -25px;margin-left: 20px;}
.add2 button{padding:10px 0;font-size:12px;}
/* footer */
footer{margin-bottom:0;height:auto}
footer h2{margin-bottom:14px}
footer > div{width:100%;padding:50px 5% 70px;font-size:12px;box-sizing:border-box;}
footer .poli{width:100%;margin-left:-5%}

/* 0604 추가 */
.btn_id input{width:70%}
.btn_id button{width:28%;padding:10px 0;font-size:12px}
.bizNum > input:nth-of-type(1){width:27% !important}
.bizNum > input:nth-of-type(2){width:20% !important}
.bizNum > input:nth-of-type(3){width:39% !important}
.chgCell > select, .chgCell > input{width:28.6%}

}


@media screen and (max-width:500px){.charge_num{width:11.5%}}

@media screen and (max-width:340px){
fieldset div > p:nth-of-type(1).line2_mb{line-height:15px;}
fieldset div > p:nth-of-type(1).line2_mb br{display:block;}



}

.btn_ssmall, .btn_small, .btn_lsmall, .btn_medium, .btn_large, .btn_txt, .btn_letter {
	display:inline-block;
	text-decoration:none !important;
	vertical-align:middle !important;
	font-family:inherit;
	white-space:nowrap;
	cursor:pointer;
	background:transparent;
	text-align:center;
	border-radius:0;
	outline:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
 }

.btn_ssmall {
	padding:1px 5px;
	font-size:11px;
	line-height:1.222;
	font-weight:normal !important;
}

.btn_small {
	padding:2px 8px;
	font-size:11px;
	line-height:1.555;
	font-weight:normal !important;
}

.btn_lsmall {
	padding:3px 10px;
	font-size:12px;
	line-height:1.666;
	font-weight:normal !important;
}

.btn_medium {
	padding:8px 15px;
	font-size:13px;
	line-height:1.444;
	font-weight:600;
}

.btn_large {
	padding:10px 21px;
	font-size:15px;
	line-height:1.222;
	font-weight:600;
}

.btn_ssmall,
.btn_small,
.btn_lsmall,
.btn_medium,
.btn_large {
	background:#333;
	border:1px solid #333;
	color:#fff !important;
}

.btn_ssmall:hover,
.btn_small:hover,
.btn_lsmall:hover,
.btn_medium:hover,
.btn_large:hover {
	background:#222;
	border:1px solid #222;
	color:#fff !important;
}

/* placeholder 속성 */
::-webkit-input-placeholder {color:#bbb;font-size:inherit;letter-spacing:-1px; /* Webkit browsers */}
:-moz-placeholder {color:#bbb;opacity:1;font-size:inherit;letter-spacing:-1px; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder {color:#bbb;opacity:1;font-size:inherit;letter-spacing:-1px; /* Mozilla Firefox 19+ */}
:-ms-input-placeholder {color:#bbb;font-size:inherit;letter-spacing:-1px; /* Internet Explorer 10+ */}

/* 버튼 */
.button_j {
	float: left;
	margin: 0 5px 0 0;
	width: 90px;
	height: 40px;
	position: relative;
	z-index: 1;
}

.btn-default {     border-radius: 35px;}
.button_j label,
.button_j input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.button_j input[type="radio"] {
	opacity: 0.011;
	z-index: 100;
}

.button_j input[type="radio"]:checked + label {
	background: #5866DD;
	border-radius: 35px;
	color: #fff;
}

.button_j label {
	cursor: pointer;
	z-index: 90;
	line-height: 1.8em;
}

.kt-title {
	color: #4E546A;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}
.kt-title:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 18px;
	background: #23C08D;
	position: relative;
	top: 3px;
	margin-right: 10px;
}
.kj-form {
	position:relative;
}
.kt-em {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.kj-title {
	color: #4E546A;
	font-size: 14px;
	font-weight: 500;
	margin-top:25px;
	margin-bottom:10px;
	position: relative;
}
.kj-title-sub {
	font-size:13px;
	position: absolute;;
	top: 0px;
	right: 0px;
}
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 1.3rem + 2px);
	padding: 0.65rem 1rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #e2e5ec;
	border-radius: 5px !important;
}
.input-group .btn-outline-secondary {
	border: 1px solid #5866DD;
	color: #5866DD;
}
.input-group .btn-outline-secondary:hover {
	background: #5866DD;
	color: #fff;
}
.input-group .btn-outline-secondary:active {
	background: #5866DD !important;
	color: #fff !important;
}

#biz_f_sel {
	border-radius: 0px 5px 5px 0px !important;
}