@charset "utf-8";

/* 진료신청서 */
header {
	position: relative;
	z-index: 99;
}
body.treatment main {
	width: 100%;
	height: 125px;
}
body.treatment .main-inner {
	height: 125px;
	width:88.8%; max-width:400px;
    margin:0 auto;
    position: relative;
}
body.treatment main h2 {
	font-size: 28px;
	color: #222;
	font-weight: 500;
	text-align: center;
	padding-top: 46px;
	position: relative;
	z-index: 999;
}
body.treatment main .doctor-img {
	position: absolute;
	top: 26px;
	right: -36px;
	z-index: 99;
}
body.treatment main .bg-circle-p {
	position: absolute;
	right: -16.8%; top: -56px;
	width: 146px;
}
body.treatment main .bg-circle-b {
	position: absolute;
	left: -25.6%; top: 520px;
	z-index: 9;
	width: 156px;
}
body.treatment .se01 {
	background-color: #F8F9FC;
	margin: 0 auto 100px;
}
body.treatment .se01 .s-inner {
	width:88.8%; max-width:400px;
	margin: 0 auto;
	padding: 25px 0 60px;
}

/* form */
body.treatment .se01 form > div {
	margin-bottom: 40px;
}
body.treatment .se01 form > div h3 {
	font-size: 14px;
	color: #444;
	font-weight: 400;
	margin-bottom: 16px;
}
body.treatment .se01 form > div > span {
	font-size: 16px;
	font-weight: 500;
	color: #222;
}
body.treatment .se01 form > div h3 span {
	font-size: 12px;
	color: #999;
	display: inline-block;
}
body.treatment .se01 form .registration h3 span {
	padding-left: 8px;
}
body.treatment .se01 form input {
	height: 48px;
	border-radius: 4px;
	border: 1px solid #E8E8E8;
	padding: 12px;
	outline: none;
}
body.treatment .se01 form input::placeholder {
	color: #B6B7BD;
}
body.treatment .se01 form input[id="registration-name"] {
	width: 100%;
}
body.treatment .se01 form input[type="password"] {
	width: 62%;
}
body.treatment .se01 form input[class="logout-number"] {
	width: 45.5%;
} 
body.treatment .se01 form .registration > span {
	margin: 0 auto;
}
body.treatment .se01 form .registration > .registration-input {
	padding-left: 18px;	
	display: inline-block;
	width: 100%;
    position:relative;
}
body.treatment .se01 form .registration > .registration-input > label {
    display:block;
    width:122px;
    float:left;
    line-height:48px;
}
body.treatment .se01 form .registration > .registration-input > label > span {
    display:inline-block;
    margin:0 15px;
}
body.treatment .se01 form .registration > .registration-input > input {
    width:calc(100% - 132px);
    display:block; 
    float:right;
}
body.treatment .se01 form .registration > .registration-input > .input-change {
    position:absolute; top:0; right:0;
    width:48px; height:48px;
    display:block;
    background:url(../img/treatment/input_change.svg) no-repeat;
    background-size:18px;
    background-position:50%;
}
body.treatment .se01 form .registration > .registration-input > .input-change.on {
    background-image:url(../img/treatment/input_change_on.svg);
}
body.treatment .se01 form .registration > .logout-input {
	margin-left: 0;
}
body.treatment .se01 form .symptom-input textarea {
	resize: none;
	width: 100%; height: 200px;
	border-radius: 10px;
	border: 1px solid #E8E8E8;
	padding: 12px;
	outline: none;
	position: relative;
	z-index: 99;
}
body.treatment .se01 form .symptom-input textarea::placeholder {
	font-size: 16px;
	color: #B6B7BD;
}
body.treatment .se01 form textarea:focus, body.treatment .se01 form input[type="password"]:focus {
	border: 1px solid #7f42ec;
}
body.treatment .se01 form .img-upload h3 span {
	padding-top: 10px;
}
body.treatment .se01 form .img-upload .upload-btn {
	width: 151px; height: 151px;
	border-radius: 8px;
	border: 1px solid #E8E8E8;
	display: inline-block;
	margin-bottom: 16px;
	background: url(../img/treatment/img_icon.svg) #fff no-repeat 50%;
	background-size: 30px;
	float: left;
	cursor: pointer;
}
body.treatment .se01 form .img-upload .upload-btn-wrap {
	position: relative;
	left: 50%; transform: translateX(-50%);
	display: inline-block;
	width: 320px;
} 
body.treatment .se01 form .img-upload .upload-btn:nth-child(2n-1) {
	margin-right: 16px;

}
body.treatment .se01 form .img-upload .upload-btn .file {
	visibility: hidden;
}
body.treatment .se01 form .img-upload .upload-on {
	border: 1px solid #7F42EC;
	position: relative;
}
body.treatment .se01 form .img-upload .upload-on:nth-of-type(1) {
	background: url(../img/treatment/img_upload01.png) no-repeat 50%;
	background-size: 151px;
}	
body.treatment .se01 form .img-upload .upload-on:nth-of-type(2) {
	background: url(../img/treatment/img_upload02.png) no-repeat 50%;
	background-size: 151px;
}
body.treatment .se01 form .img-upload .upload-on::after {
	content: "";
	display: inline-block;
	background-color: rgba(0,0,0,0.7);
	width: 100%; height: 32px;
	position: absolute;
	bottom: 0; left: 0;
	border-radius: 0 0 8px 8px;
}
body.treatment .se01 form .img-upload .delete {
	color: #fff;
	position: absolute;
	z-index: 999;
	left: 50%; bottom: 9px;
	transform: translateX(-50%);
	font-size: 12px;
	font-weight: 400;
}
body.treatment .se01 form .terms {
	padding-bottom: 30px;
	border-bottom: 1px solid #EDEDED;
}
body.treatment .se01 form .terms .input-chk {
	font-size: 18px;
	color: #222;
	font-weight: 500;
	vertical-align: middle;
}
body.treatment .se01 form .terms .terms-chk-all {
	border-bottom: 1px solid #666;
	margin-bottom: 24px;
}
body.treatment .se01 form .terms .terms-title {
	font-size: 16px;
	font-weight: 500;
	color: #222;
	margin-bottom: 20px;
}
body.treatment .se01 form .terms-sub-title {
	font-size: 14px;
	color: #222;	
}
body.treatment .se01 form .input-chk {
	display: block;
	position: relative;
	margin-bottom: 16px;
}
body.treatment .se01 form .input-chk .arrow {
	background: url(../img/treatment/arrow_down_icon.svg) no-repeat;
	display: inline-block;
	background-size: contain;
	width: 12px; height: 12px;
	position: absolute;
	right: 12px;
	cursor: pointer;
}
body.treatment .se01 form .terms-txt {
	display: none;
}
body.treatment .se01 form .terms-txt .article {
	background-color: #fff;
	padding: 16px 10px;
	margin: 12px 0 16px;
	border-top: 1px solid #EDEDED;
	/*display: none;*/
}
body.treatment .se01 form .terms-txt .article p {
	font-size: 12px;
	color: #444;
	line-height: 160%;	
}
body.treatment .se01 form .input-chk input[type='checkbox'] {
  display: none;
}
body.treatment .se01 form .input-chk input[id='chk-all'] {
	display: none;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
body.treatment .se01 form .input-chk input[type='checkbox']+label::before {
	content: "";
  background-color: #F8F8F8;
  border: 1px solid #CDCDCD;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  margin-right: 8px;
  vertical-align: text-bottom;
  cursor: pointer;
}
body.treatment .se01 form .input-chk input[type='checkbox']:checked+label::before {
  background: #7F42EC url(../img/common/check_icon.svg) no-repeat;
  background-position: 50% 50%;
  border: none;
  vertical-align: text-bottom;
  border: 1px solid #7f42ec;
  background-size: cover;
}
body.treatment .se01 form .input-chk input[id='chk-all']+label::before {
	width: 24px; height: 24px;
	vertical-align: text-bottom;
}
body.treatment .se01 form .next-btn {
	width: 100%; height: 52px;
	border-radius: 4px;
	background-color: 623ce2;
	background-color: #623CE2;

}
body.treatment .se01 form .next-btn span {
	font-size: 16px; 
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 100%;
	line-height: 52px;
}
body.treatment .se01 form .next-btn a {
	display: block;
	width: 100%; height: 52px;
}

/* 진료신청 완료 */
body.treatment .treatment-complete, body.treatment .treatment-complete .main-inner {
	height: auto;
}
body.treatment .treatment-complete+footer {
	z-index: 99;
	position: relative;
}
body.treatment .treatment-complete .complete-illust {
	padding: 64px 0 42px;
	display: block;
	text-align: center;
}
body.treatment .treatment-complete .main-title {
	text-align: center;
	font-size: 28px;
	color: #222;
	line-height: 140%;
	font-weight: 500;
	letter-spacing: -1px;
}
body.treatment .treatment-complete .main-text {
	text-align: center;
	font-size: 14px;
	color: #444;
	line-height: 150%;
	letter-spacing: -1px;
	margin-top: 11px;
}
body.treatment .treatment-complete .treatment-btn {
	width: 100%; height: 52px;
	background-color: #623CE2;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	line-height: 52px;
	border-radius: 4px;
	margin: 30px 0 100px;
}
body.treatment .treatment-complete .treatment-btn a {
	display: block;
}
body.treatment .treatment-complete .main-text span {
	color: #623ce2;
}

/************ 팝업 ************/
body.treatment .popup-inner {
	box-sizing: border-box;
	letter-spacing: -1px;
	z-index: 999;
}
body.treatment .popup-inner .p-box .notice-text {
	font-weight: 500;
}
/* 팝업 - 로그인 */
body.treatment .login-service {
	padding: 0 20px;
	/*display: none;*/
}
body.treatment .login-service .p-box{
	background: none;
}
body.treatment .login-service .notice-text {
	color: #fff;
	line-height: 150%;
}
body.treatment .login-service .p-button button {
	width: 47.5%;
	float: left;
}
body.treatment .login-service .p-button button:last-child {
	float: right;
} 
body.treatment .login-service .sign-up-btn {
	background-color: #fff;
	color: #623CE2;
}
body.treatment .login-service {
	padding: 0 20px;
}

/* 팝업 - 진료신청 취소 팝업 / 카드 등록 요청 팝업 */
body.treatment .treatment-cancel {
	display: none;
}
body.treatment .card-pop {
	display: none;
}
body.treatment .treatment-cancel .sub-text {
	font-size: 14px;
	color: #666;
	padding-top: 12px;
	display: inline-block;
}
body.treatment .treatment-cancel .notice-text {
	margin-bottom: 26px;
}
body.treatment .treatment-cancel .p-button, .card-pop .p-button {
	width: 100%;
}
body.treatment .treatment-cancel .p-button .button-close, .card-pop .p-button .button-close {
	width: 35.7%;
	float: left;
	background-color: #fff;
	color: #623CE2;
	border: 1px solid #623CE2;
} 
body.treatment .treatment-cancel .p-button button, .card-pop .p-button button {
	width: 60.7%;
	float: right;
}

/* 팝업 - 진료신청서 팝업 */
body.treatment .treatment-register .p-box .notice-text{
	font-weight: 700;
}
   /* 진료신청서 카드등록 전 */
body.treatment .treatment-register-incomplete {
	display: none;
}
   /* 진료신청서 카드등록 후 */
body.treatment .treatment-register-complete {
	display: none;
}
body.treatment .treatment-register .notice-text {
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 8px;
}
body.treatment .treatment-register .notice-date {
	width: 150px; height: 32px;
	background-color: #f4f4f4;
	border-radius: 32px;
	color: #444;
	font-size: 14px;
	letter-spacing: -0.5px;
	text-align: center;
	line-height: 32px;
	margin: 0 auto 30px;
}
body.treatment .treatment-register .patient-info-wrap h2 {
	font-weight: 500;
	font-size: 18px;
	color: #222;
	margin-bottom: 16px;
}
body.treatment .treatment-register .patient-info-wrap h2 span {
	display: inline-block;
	width: 22px; height: 22px;
	background: url(../img/treatment/info_icon.svg) no-repeat 50%;
	margin-right: 8px;
	vertical-align: middle;
}
body.treatment .treatment-register .patient-info-wrap .patient-info {
	width: 100%;
	margin: 0 auto;
	background-color: #F8F9FC;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	padding: 24px 20px;
}
body.treatment .treatment-register .patient-info h3 {
	font-weight: 400;
	color: #444;
	font-size: 14px;
	display: inline-block;
	width: 92px;
}
body.treatment .treatment-register .patient-info > div {
	margin-bottom: 24px;
}
body.treatment .treatment-register .patient-info .information {
	font-weight: 400;
	color: #222;
	font-size: 18px;
}
body.treatment .treatment-register .patient-info .card-none {
	font-size: 14px;
	color: #FF4E4E;
}
body.treatment .treatment-register .patient-info .card-none::before {
	content: "";
	width: 14px; height: 14px;
	background: url(../img/treatment/warning_icon.svg) no-repeat;
	background-size: contain;
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
}
body.treatment .treatment-register .patient-info .pay-enrollment {
	width: 107px; height: 32px;
	border: 1px solid #6045E2;
	color: #6045E2;
	background-color: #fff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	margin: 12px 0 0 92px;
}
body.treatment .treatment-register .patient-info .pay-enrollment a {
	display: block;
}
body.treatment .treatment-register .patient-info > .p-button {
	width: 100%;
	margin: 30px auto 0;
}
body.treatment .treatment-register .attention {
	font-size: 14px;
	color: #757575;
	text-align: center;
	margin: 20px 0 10px;
	line-height: 150%;
}
body.treatment .treatment-register-complete {
	color: #3661fc;
	font-size: 18px;
}

/* 팝업 - 카드 등록 팝업 */
body.treatment .card-register {
	display: none;
}
body.treatment .card-register .notice-sub {
	font-size: 14px;
	color: #444;
	text-align: center;
	margin-bottom: 24px;
}
body.treatment .card-register .notice-text {
	margin-bottom: 14px;
	font-size: 24px;
	font-weight: 700;
}
body.treatment .card-register .form-inner label {
	font-size: 14px;
	color: #444;
	font-weight: 400;
	margin-bottom: 8px;
	display: inline-block;
}
body.treatment .card-register .form-inner input {
	height: 48px;
	width: 100%;
	border-radius: 4px;
	border:  1px solid #E8E8E8;
	margin-bottom: 12px;
	padding: 12px;
	font-size: 16px;
	color: #222;
	outline: none;
}
body.treatment .card-register .form-inner input:focus {
	border: 1px solid #7F42EC;
	border-radius: 4px;
}
body.treatment .card-register .form-inner input::placeholder {
	color: #B6B7BD;
}
body.treatment .card-register .form-inner .card-number-wrap {
	width: 100%;
}
body.treatment .card-register .form-inner .card-number-wrap > div {
	float: left;
}
body.treatment .card-register .form-inner .card-number-wrap .number-input {
	width: 21.5%;
}
body.treatment .card-register .form-inner .card-number-wrap .dash {
	width: 4.5%;
	line-height: 48px;
	text-align: center;
} 
body.treatment .card-register .form-inner .error-msg {
	margin-bottom: 30px;
	color: #FF5A2B;
	font-size: 14px;
}
body.treatment .card-register .form-inner .error-msg span {
	display: inline-block;
	width: 14px; height: 14px;
	background: url(../img/treatment/error_icon.svg) no-repeat 50%;
	background-size: contain;
	vertical-align: bottom;
	margin-right: 4px;
}
body.treatment .card-register .form-inner .notice-info > * {
	float: left;
}
body.treatment .card-register .form-inner .notice-info p{
	font-size: 14px;
	color: #FF4E4E;
	margin-bottom: 8px;
	width: 93%;
	line-height: 140%;
}
body.treatment .card-register .form-inner .notice-info span {
	width: 14px; height: 14px;
	background: url(../img/treatment/warning_icon.svg) no-repeat 50%;
	display: block;
	margin: 2px 4px 0 0;
	background-size: contain;
}
body.treatment .card-register .form-inner .p-button {
	margin-top: 22px;
}

/* 팝업 - 카드 변경 */
body.treatment .card-change {
	display: none;
} 
body.treatment .card-change .notice-text {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 8px;
}
body.treatment .card-change .notice-sub {
	font-size: 14px;
	margin-bottom: 24px;
	color: #444;
	text-align: center;
}
body.treatment .card-change .card-box-wrap {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
body.treatment .card-change li {
	margin-bottom: 30px;
}
body.treatment .card-change .card-box {
	border: 1px solid #E2E2E2;
	width: 180px; height: 100px;
	display: inline-block;
	padding: 12px;
	border-radius: 8px;
	margin-left: 24px;
	font-size: 14px;
	cursor: pointer;
}
body.treatment .card-change .card-number {
	display: block;
	margin: 12px 0 20px;
}
body.treatment .card-change .card-logo {
	display: inline-block;
	width: 140px; height: 32px;
	position: relative;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
}
body.treatment .card-change .lotte-logo {
	background: url(../img/mypage/lotte_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .cd03-logo {
	background: url(../img/mypage/03_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .hyundai-logo {
	background: url(../img/mypage/hyundai_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .cd04-logo {
	background: url(../img/mypage/04_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .samsung-logo {
	background: url(../img/mypage/samsung_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .cd12-logo {
	background: url(../img/mypage/12_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .bc-logo {
	background: url(../img/mypage/11_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .cd11-logo {
	background: url(../img/mypage/11_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .nh-logo {
	background: url(../img/mypage/nh_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .cd16-logo {
	background: url(../img/mypage/16_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .shinhan-logo {
	background: url(../img/mypage/shinhan_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .cd14-logo {
	background: url(../img/mypage/14_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .shinhan-logo {
	background: url(../img/mypage/kb_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .cd06-logo {
	background: url(../img/mypage/06_logo.png) no-repeat;
	background-size: cover;
}
body.treatment .card-change .card-btn .card-name {
	font-size: 12px;
	display: block;
	text-align: center;
	margin-top: 20px;
	padding-left: 42px;
}
body.treatment .card-change .p-button {
	margin-top: 10px;
}
body.treatment .card-change input[type='radio'] {
  background-color: #F8F8F8;
  border: 1px solid #CDCDCD;
  position: relative;
  top: 16px;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
}
body.treatment .card-change input[type='radio']:checked {
  background: #7F42EC url(../img/common/check_icon.svg) no-repeat;
  background-position: 50% 50%;
  border: none;
}
body.treatment .card-change .card-btn {
	height: 100px;
	display: inline-block;
	margin-bottom: 30px;
}
body.treatment .card-change input[type='radio']:checked+label {
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
}

/* 파일 업로드 팝업 */
body.treatment .popup-inner.file .drop {
    border:2px dashed #999;
    height:100px;
    margin-bottom:40px;
    text-align:center;
    border-radius:4px;
}
body.treatment .popup-inner.file .drop span {
    line-height:96px;
    font-size:16px;
}
body.treatment .popup-inner.file .p-button input {
    display:none;
}
body.treatment .popup-inner.file .p-button label[for="fileUpload"] {
    display:block;
    width:calc(50% - 5px);
    text-align:center;
    line-height:50px;
    border:1px solid #623CE2;
    float:left;
    font-size:16px; font-weight:500;
    color:#623CE2;
    border-radius:4px;
    cursor:pointer;
}
body.treatment .popup-inner.file .p-button label[for="fileUpload"] + button {
    float:right;
    width:calc(50% - 5px);
}
body.treatment .popup-inner.file .file-name {
    margin:20px 0;
}
body.treatment .popup-inner.file .file-name li {
    height:20px;
}
body.treatment .popup-inner.file .file-name li .title {
    font-size:15px;
    line-height:20px;
    float:left;
}
body.treatment .popup-inner.file .file-name li button {
    float:right;
    display:block;
    height:20px;
    border:1px solid #623CE2;
    color:#623CE2;
    text-align:center;
    width:50px;
    font-size:12px;
}
body.treatment .popup-inner.file .file-name li button:hover {
    background:#623CE2;
    color:#fff;
}
body.treatment .popup-inner.file .file-name li + li {
    margin-top:8px;
}

/* 가로 해상도 768 이상 */
@media screen and (min-width:768px){
	body.treatment .main-inner {
		max-width: none;
		width: 580px;
	}
	body.treatment .se01 {
		width: 580px;
		margin: 0 auto 100px;
		border-radius: 10px;
	}
	body.treatment main .bg-circle-p {
		width: 212px;
		right: -33.8%;
	}
	body.treatment main .bg-circle-b {
		width: 110px;
		top: 45px; left: -18.6%;
	}
	body.treatment main .doctor-img {
		right: 5%;
	}
	body.treatment .se01 form input[type="password"] {
		width: 366px;
	}
	body.treatment .se01 .s-inner {
		max-width: none;
		width: 520px;
	}
	body.treatment .se01 form .img-upload h3 span {
		padding-left: 8px;
	}
	body.treatment .se01 form .img-upload .upload-btn-wrap {
		width: 100%;
	}
	body.treatment .se01 form .img-upload .upload-btn {
		width: 115px; height: 115px;
		float: left;
	}
	body.treatment .se01 form .img-upload .upload-btn:nth-child(2n-1), body.treatment .se01 form .img-upload .upload-btn:nth-child(2) {
		margin-right: 20px;
	} 
	body.treatment .se01 form input[id="registration-name"] {
		width: 246px;
	}
	body.treatment .se01 form input[type="password"] {
		width: 246px;
	}

	/* 팝업 - 로그인 */
	body.treatment .login-service .p-button button {
		width: 180px;
	}
	body.treatment .login-service .p-box {
		padding: 30px 20px 30px;
		top: 238px;
		transform: translate(-50%, 0);
	}
	/* 팝업 - 진료신청서 */
	body.treatment .treatment-register .p-box {
		width: 580px;
		max-width: none;
		padding-bottom: 40px;
	}
	body.treatment .treatment-register .notice-text {
		font-size: 28px;
		margin-bottom: 12px;
	}
	body.treatment .treatment-register .patient-info-wrap .patient-info {
		padding: 30px;
	}
	body.treatment .treatment-register .patient-info h3 {
		width: 125px;
	}
	body.treatment .treatment-register .patient-info .pay-enrollment {
		float: right;
		margin: 0;
		position: relative;
		top: -11px;
	}
	body.treatment .treatment-register .attention {
		margin-bottom: 0;
	}
	body.treatment .treatment-register .patient-info > .p-button {
		margin-top: 34px;
	}
	/* 팝업 - 카드등록 */
	body.treatment .card-register {
		max-width: none;
		padding: 40px 60px;
	} 
	body.treatment .card-register .p-box {
		max-width: none;
		width: 580px;
	}
	body.treatment .card-register .notice-text {
		font-size: 28px;
		margin-bottom: 8px;
	}
	body.treatment .card-register .form-inner .notice-info br {
		display: none;
	}
	body.treatment .card-register .p-button button {
		width: 420px;
		margin: 0 auto;
	}
	body.treatment .card-change .p-button button {
		width: 300px;
		margin: 0 auto;
	}
	body.treatment .treatment-complete .treatment-btn {
		width: 360px;
		margin:  30px auto 100px;
	}
}

/* 가로 해상도 1280 이상 */
@media screen and (min-width:1280px){
	body.treatment .se01 .s-inner {
		width: 580px;
		padding: 24px 30px;
	}
	body.treatment main .bg-circle-b {
		top: 13px;
		left: -18.6%;
	}
	body.treatment main .bg-circle-p {
		top: -90px;
	}
}