.form-wrap { max-width: 1600px; width: 90%; margin: 0 auto; } 
.form-wrap p,
.form-wrap ul { padding: 0px; margin: 0px; } 
.form-wrap .form-title { display: flex; justify-content: space-between; margin: 160px 0px; align-items: baseline; } 
.form-wrap .form-title h2 { color: #222222; font-size: 120px; font-weight: 700; } 
.form-wrap .form-title p { font-size: var(--normal-font); font-weight: 600; color: #B4B4B4; position: relative; bottom: 20px; } 
#inquery-type { display: flex; justify-content: space-between; margin-bottom: 3em; } 
#inquery-type .text-area { width: 20%; } 
.section-area { margin-bottom: 40px; } 
.section-area .number { font-size: 20px; font-weight: 700; color: #0d6efd; letter-spacing: -0.4px; margin-bottom: 12px; } 
.section-area .des { font-size: 20px; font-weight: 700; color: #222222; line-height: 20px; letter-spacing: -0.2px; } 
#inquery-type .inquery-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; } 
#inquery-type .inquery-box li { height: 257px; width: 355px; background: #f3f3f3; border-radius: 20px; overflow: hidden; cursor: pointer; } 
#inquery-type .inquery-box li>input { display: none; } 
#inquery-type .inquery-box li>label { padding: 40px 32px 35px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; } 
#inquery-type .inquery-box li .type-info { display: flex; justify-content: space-between; } 
#inquery-type .inquery-box li .type-info .type-title { font-size: 30px; font-weight: 700; letter-spacing: -0.3px; color: #222222; } 
#inquery-type .inquery-box li .type-info .type-subtitle { font-size: var(--small-font); font-weight: 600; letter-spacing: -0.17px; color: #A9A9A9; } 
#inquery-type .inquery-box li .type-info .check-box { width: 44px; height: 44px; cursor: pointer; background-color: #e3e3e3; border-radius: 50%; position: relative; flex-shrink: 0;} 
#inquery-type .inquery-box li .type-email { font-size: var(--normal-font); font-weight: 600; color: var(--normal-gray); } 
#inquery-type .inquery-box li .check-box::before { content: ''; position: absolute; display: block; left: 50%; top: 50%; width: 24px; height: 24px; transform: translate(-50%, -50%); background: url('https://www.skinmed.biz/new/asset/images/contact/checked.png') no-repeat center/contain; opacity: 0.2; filter: brightness(0.5); } 
#inquery-type .inquery-box li>input:checked+label .check-box::before { opacity: 1; } 
#inquery-type .inquery-box li>input:checked+label { background: #0d6efd; } 
#inquery-type .inquery-box li>input:checked+label .type-info .type-title { color: #fff; } 
#inquery-type .inquery-box li>input:checked+label .type-info .type-subtitle { color: #b5cdf7; } 
#inquery-type .inquery-box li>input:checked+label .type-email { color: #d5e2f9; } 
#inquery-type .inquery-box li>input:checked+label .check-box { background: #297fff; } 
#inquery-type .inquery-box li>input:checked+label .check-box:after { content: ''; position: absolute; display: block; left: 50%; top: 50%; width: 24px; height: 24px; transform: translate(-50%, -50%); background: url('https://www.skinmed.biz/new/asset/images/contact/checked.png') no-repeat center/contain; } 
#inquery-detail .inquery-info { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } 
#inquery-detail .content-text,
#inquery-detail .inquery-info label { font-size: var(--normal-font); font-weight: 700; padding-block: 20px 12px; letter-spacing: -0.17px; display: inline-block; color: #222222; position: relative; } 
#inquery-detail .content-text::before,
#inquery-detail .inquery-info label::before { content: ""; position: absolute; width: 5px; height: 5px; top: 53%; right: -10px; border-radius: 100%; background-color: #297fff; } 
#inquery-detail .inquery-info p>input[type="tel"],
#inquery-detail .inquery-info p>input[type="text"] { width: 100%; height: 68px; border-radius: 10px; background-color: #f3f3f3; border: none; padding: 0 15px; color: #A9A9A9; font-family: inherit; font-size: 17px; font-weight: 500; letter-spacing: -0.17px; } 
#inquery-detail .inquery-info .email { display: flex; align-items: center; justify-content: space-between; } 
#inquery-detail .inquery-info .email>input[type="tel"],
#inquery-detail .inquery-info .email>input[type="text"] { width: 46%; height: 68px; border-radius: 10px; background-color: #f3f3f3; border: none; padding: 0 15px; color: #A9A9A9; font-family: inherit; font-size: 17px; font-weight: 500; letter-spacing: -0.17px; } 
#inquery-detail .inquery-text textarea { width: 100%; height: 150px; border-radius: 10px; background-color: #f3f3f3; border: none; padding: 30px 15px; color: #A9A9A9; font-family: inherit; font-size: 17px; font-weight: 500; letter-spacing: -0.17px; resize: none; } 
#inquery-detail .inquery-info p>input[type="tel"]::placeholder,
#inquery-detail .inquery-info p>input[type="text"]::placeholder,
#inquery-detail .inquery-info .email>input[type="text"]::placeholder,
#inquery-detail .inquery-text textarea::placeholder { color: #B4B4B4 } 
#inquery-detail .inquery-info p>input[type="tel"]:focus,
#inquery-detail .inquery-info p>input[type="text"]:focus,
#inquery-detail .inquery-info .email>input[type="text"]:focus,
#inquery-detail .inquery-text textarea:focus { outline: 2px solid #000000; border: none !important; box-shadow: none; transition: none; } 
#inquery-detail .personal-info-check { margin-block: 30px; } 
#inquery-detail .personal-info-check>input { display: none; } 
#inquery-detail .personal-info-check>label { display: flex; gap: 10px; align-items: center; } 
#inquery-detail .personal-info-check .agreetext strong { color: #222222 } 
#inquery-detail .personal-info-check .checkbox { width: 20px; height: 20px; border-radius: 3px; background-color: #f3f3f3; cursor: pointer; position: relative; } 
#inquery-detail .personal-info-check>input:checked+label .checkbox { background: #222222; } 
#inquery-detail .personal-info-check>input:checked+label .checkbox::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; background: url('https://www.skinmed.biz/new/asset/images/contact/agree_check.png') no-repeat center/contain; background-size: cover; } 
#inquery-detail.form-wrap input[type="submit"] { width: 186px; height: 60px; font-size: 16px; font-weight: 600; color: #FFFFFF; background-color: #000000; border-radius: 80px; cursor: pointer; border: none; border: none; margin: 80px auto; display: block; } 
#conatact .contact_btn { margin: 0 auto; width: 186px; height: 60px; font-size: 16px; font-weight: 600; color: #FFFFFF; background-color: #000000; border-radius: 80px; cursor: pointer; display: flex; align-items: center; justify-content: center; border: unset; } 
#conatact .type-email br { display: none; } 
#inquery-detail .type-topbox { max-width: 200px; } 

@media (max-width: 1548px){
 #inquery-type .inquery-box { grid-template-columns: repeat(2, 1fr); } 
 }

@media (max-width: 1024px){
 #inquery-type { flex-direction: column; } 
 #inquery-type .inquery-box li { width: 100% } 
 }

@media (max-width: 768px){
 #inquery-detail .inquery-info { grid-template-columns: repeat(1, 1fr); } 
 #inquery-type .inquery-box li .type-info .type-title { width: 100%; word-wrap: break-word; word-break: break-word; white-space: normal; font-size: var(--large-font); } 
 #inquery-type .inquery-box li .type-info { flex-direction: column-reverse; row-gap: 10px; } 
 #inquery-type .inquery-box li { height: 250px; } 
 #inquery-type .inquery-box li>label { padding: 15px; } 
 #inquery-detail .personal-info-check>label {font-size: 14px; justify-content: center;}
 .section-area {margin-bottom: 20px;}
 }

@media (max-width: 480px){
 #inquery-type .inquery-box li { height: auto; } 
 #inquery-type .inquery-box li .type-info .type-subtitle,
 #inquery-type .inquery-box li .type-email { font-size: var(--small-font); padding-top: 10px;} 
 #inquery-type .inquery-box li .type-info .type-title { font-size:var(--semi-large-font); } 
 #inquery-type .inquery-box li .type-info .check-box { width: 25px; height: 25px; } 
 #inquery-type .inquery-box { gap: 10px; } 
 /*#conatact .type-email br { display: block; } */
 #inquery-type .inquery-box li>input:checked+label .check-box:after { width: 20px; height: 20px; } 
 #inquery-type .inquery-box li>label { padding: 10px 10px 15px 13px; } 
 .section-area { margin-bottom: 20px; } 
 .section-area .number { margin-bottom: 5px; } 
 #inquery-detail .inquery-info li, #inquery-detail .inquery-info { gap: 0; } 
 #inquery-detail .inquery-info p>input,
 #inquery-detail .inquery-info .email>input[type="tel"],
 #inquery-detail .inquery-info .email>input[type="text"] { height: 48px !important; font-size: 12px !important; border-radius: 5px !important; } 
 #conatact .contact_btn { width: 166px; height: 50px; } 
 #inquery-detail .inquery-text textarea { font-size: 14px; } 
 }