@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size: 14px;font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.04em; font-weight: 300; word-spacing: -1px; background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.06em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ol, ul, dl, dt, dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#222;text-decoration:none}

#container {width: 100%; margin: 0;}
#sub_visual, #sub_tab, #consultation_box2 {display: none;}
#footer_new .footer_link {padding-bottom: 120px;}

.orthodontic_new * {box-sizing: border-box;}

/* 인세라존 */
.inserazone .inner {width: 1420px; margin: 0 auto; position: relative;}
.inserazone .mont {font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.inserazone .upper {text-transform: uppercase;}
.inserazone .p_col1 {color: #00d1c5;}
.inserazone .p_col2 {color: #1E57D6;}
.inserazone .txt_big {font-size: 55px; letter-spacing: -0.08em;}
.inserazone .txt_def {font-size: 17px; font-weight: 400; line-height: 1.5; letter-spacing: -0.06em;}

.orthodontic_hd {width: 100%; height: 120px; position: fixed; top: 0; left: 0; z-index: 10; transition: .5s;}
.orthodontic_hd .inner {display: flex; justify-content: space-between; align-items: center; height: 100%;}
.orthodontic_hd h1 {position: relative; cursor: pointer;}
.orthodontic_hd h1 img {display: block; transition: .5s;}
.orthodontic_hd .logo_bk {position: absolute; top: 0; left: 0; opacity: 0;}
.orthodontic_hd .nav_ul {display: flex; gap: 0 60px;}
.orthodontic_hd .nav_ul a {font-size: 15px; color: #fff; line-height: 1;}
.orthodontic_hd .nav_ul a.here {font-weight: 500;}
.orthodontic_hd.scr {height: 65px; background-color: #fff; border-bottom: 1px solid #e1e1e1;}
.orthodontic_hd.scr .logo_wh {opacity: 0;}
.orthodontic_hd.scr .logo_bk {opacity: 1;}
.orthodontic_hd.scr .nav_ul a {font-weight: 400; color: #000;}
.orthodontic_hd.scr .nav_ul a.here {font-weight: 600;}

.inserazone .main_visual {display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100vh - 117px); min-height: 700px; background-color: #000; position: relative; overflow: hidden;}
.inserazone .main_visual .vd_wrap {width: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.inserazone .main_visual .vd_wrap::after {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, #000 15%, rgba(0, 0, 0, 0.5) 18%); position: absolute; top: 0; left: 0;}
.inserazone .main_visual .vd_wrap video {display: block; width: 80%; margin: 120px auto 0;}
.inserazone .main_visual .txt_box {color: #fff; text-align: center; position: relative;}
.inserazone .main_visual .txt_box .txt_top {font-size: 32px;}
.inserazone .main_visual .txt_box .txt_top strong {display: block; margin-top: 10px; font-size: 1.5em;}
.inserazone .main_visual .txt_box .txt_bot {margin-top: 40px; font-size: 17px; font-weight: 200; line-height: 1.8;}
.inserazone .main_visual .scroll_down {text-align: center; position: absolute; bottom: 0;}
.inserazone .main_visual .scroll_down .bar {display: block; width: 1px; height: 100px; margin: 20px auto 0; background: rgba(255, 255, 255, .3); overflow: hidden; position: relative;}
.inserazone .main_visual .scroll_down .bar::before {content: ''; display: block; width: 1px; height: 40px; background: rgba(255, 255, 255, .5); position: absolute; top: -40px; left: 0; animation: 2s scrDown infinite;}
@keyframes scrDown {
	from {top: -40px;}
	to {top: 150%;}
}

.inserazone .oneday_atc + .oneday_atc {margin-top: 250px;}
.inserazone .atc_txt_box {display: flex; flex-direction: column; align-items: flex-start; gap: 40px 0;}
.inserazone .atc_txt_box .top_txt {display: block; margin: 0 5px;}
.inserazone .atc_txt_box .txt_big {line-height: 1.3;}
.inserazone .atc_txt_box .txt_def {line-height: 1.8;}
.inserazone .deco_txt {margin-bottom: 70px;}
.inserazone .atc01 .deco_txt {margin-left: -680px;}
.inserazone .flex_right {display: flex; justify-content: right;}
.inserazone .age_ul {display: flex; flex-direction: column; gap: 40px 0;}
.inserazone .age_ul .radius_box {display: inline-block; margin-bottom: 10px; padding: 6px 12px 9px; font-size: 19px; color: #fff; line-height: 1; border-radius: 35px; background-color: #2cc8ff;}
.inserazone .age_ul .radius_box.color2 {background-color: #4abcd5;}
.inserazone .age_ul .radius_box.color3 {background-color: #00d1c5;}
.inserazone .atc02 .img_box {margin-top: -180px;}
 
.inserazone figure {margin: 0; padding: 0;}
.inserazone .figure_style1 {}
.inserazone .figure_style1 img {display: block;}
.inserazone .figure_style1 figcaption {padding: 22px 0; font-size: 20px; font-weight: 500; line-height: 1.3; border-bottom: 1px solid #000;}
.inserazone .atc01 {padding-top: 130px;}
.inserazone .atc01 .reason_ul {display: flex; gap: 0 120px; font-size: 20px; font-weight: 500;}
.inserazone .atc01 .reason_ul .icon_chk {display: inline-block; width: 22px; height: 16px; margin-right: 5px; background: url(/img/orthodontic/inserazone/icon_chk.png) no-repeat center/cover;}
.inserazone .digital {display: flex; justify-content: space-between; gap: 0 55px; width: 100%; margin-top: 60px; text-align: center;}
.inserazone .digital li {flex: 1;}
.inserazone .digital img {width: 100%;}
.inserazone .digital .txt_def {margin-top: 15px; font-size: 15px;}
.inserazone .equip {padding-bottom: 500px; background: url(/img/orthodontic/inserazone/equip_bg.png) no-repeat center bottom;}
.inserazone .equip .atc_txt_box {align-items: center; text-align: center;}
.inserazone .equip .atc_txt_box .txt_big {margin-bottom: 25px;}
.inserazone .one_on_one {margin-top: 110px !important; text-align: center; overflow: hidden;}
.inserazone .one_on_one .deco_txt {margin-right: -1633px;}
.inserazone .one_on_one .atc_txt_box {align-items: center;}
.inserazone .one_on_one .img_box {display: flex; justify-content: space-between; margin: 70px auto 0;}
.inserazone .one_on_one .img_box img {display: block;}

.inserazone .atc05 .inner {display: flex; justify-content: space-between; align-items: center;}
.inserazone .atc05 .atc_txt_box {}
.inserazone .atc05 .atc_txt_box .link_wrap {margin-top: 20px;}
.inserazone .atc05 .atc_txt_box .link_wrap a {display: inline-block; padding: 0 20px; font-size: 17px; color: #fff; line-height: 50px; background-color: #00d1c5; border-radius: 50px;}

.inserazone .atc06 {padding: 120px 0 230px; letter-spacing: 0; background-color: #fafafa;}
.inserazone .atc06 .inner {display: flex; justify-content: space-between; align-items: center;}
.inserazone .atc06 .tit {font-size: 40px; font-weight: 300; color: #3c3c3c; line-height: 1;}
.inserazone .contact_ul {margin-top: 40px;}
.inserazone .contact_ul li {display: flex; font-size: 15px; color: #525252; line-height: 1.5;}
.inserazone .contact_ul li + li {margin-top: 10px;}
.inserazone .contact_ul .bold {padding-right: 12px;}
.inserazone .contact_ul .close {display: block; margin-top: 20px; font-size: 14px;}
.inserazone .contact_ul .light {font-weight: 200;}
.inserazone .contact_ul .justify {display: inline-block; width: 65px; text-align: justify;}

/* 문의폼 */
#counseling_new2 {width: 100%; padding: 30px 0; background:#000; position:fixed; bottom: 0; left: 0; z-index: 10;}
#counseling_new2 .title_wrap{overflow:hidden; margin-bottom:27px;}
#counseling_new2 .title_wrap h2{float:left; margin-right:15px;}
#counseling_new2 .title_wrap p{float:left; font-size:18px; padding-top:2px; font-weight:300;}
#counseling_new2 ul{display: flex; justify-content: space-between; align-items: center; gap: 0 100px; color: #fff;}
#counseling_new2 li{}
#counseling_new2 .btn_li {display: flex;}
#counseling_new2 .ipt_flex {display: flex;}
#counseling_new2 input{border:none; border-bottom: 1px solid #fff; box-sizing:border-box; color:#fff; font-size:15px; line-height:57px; font-weight:300; background: transparent;}
#counseling_new2 .t_name{width:200px; height:57px; margin-right:26px;}
#counseling_new2 .t_tel{width:270px; height:57px;}
#counseling_new2 button{width:200px; height:57px; background:#2C6DCD; font-size:20px; font-weight:500; border:none; color:#fff; border-radius: 60px;}
#counseling_new2 .kakao {display: flex; justify-content: center; align-items: center; width: 200px; margin-left: 20px; line-height: 57px; background-color: #FFD600; font-size:20px; font-weight: 600; color: #422B23; border-radius: 60px;}
#counseling_new2 .kakao i {font-size: 2em; margin-right: 5px;}
#counseling_new2 .ipt_chk {position: relative;}
#counseling_new2 .t_agree{width:0; height:0; background:#fff; border:1px solid #b7b7b7; vertical-align:middle; margin-right:5px; border: none; position: absolute; top: 0;}
#counseling_new2 .t_agree + label{display:inline-block; color: #fff; line-height:19px; padding-left: 20px;}
#counseling_new2 .t_agree + label::before {content:''; display: block; width: 12px; height: 12px; border: 1px solid #fff; position: absolute; top: 4px; left: 0;}
#counseling_new2 .t_agree:checked + label::before {background-color: #fff;}
#counseling_new2 label + a {color: inherit;}
#counseling_new2 .popup-wrap{position:absolute;}
#counseling_new2 .pop-layer{top: 50% !important;}

/*팝업레이어*/
.popup-wrap {display: none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.popup-wrap .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.popup-wrap .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50% !important; left: 50% !important; margin: 0 !important; transform: translate(-50%, -50%); width: 716px; height:auto;  background-color:#fff; border: 0 none; z-index: 10;}	
.pop-layer2{top:50% !important;}
.pop-layer .pop-container {position: relative; padding: 0;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .close {position: absolute; right: 20px; top: 20px; border-top: 0 none;}

#agree {background-color: #fff;}
#agree .pop-container {}
#agree .pop-conts {overflow: hidden; margin: 0 auto; color: #515151;}
#agree .pop-conts h2 {display: block; padding: 20px 20px 0; font-size: 22px; font-weight: 400;}
#agree .personal {padding: 15px 20px 30px 20px; font-size: 15px; line-height: 1.5em;}

.footer_new_wrap {margin-top: 0;}

/* 세라핀 */
.serafin {letter-spacing: -0.04em; overflow: hidden;}
.serafin > section {position: relative;}
.serafin * {box-sizing: border-box;}
.serafin .upper {text-transform: uppercase;}
.serafin .blue {color: #1b60ab;}
.serafin .bold {font-weight: 600 !important;}
.serafin .inner {width: 1420px; margin: 0 auto;}
.serafin .orthodontic_hd h1 img {height: 18px;}
.serafin .main_visual {padding-top: 260px; height: 1200px; background: url(/img/orthodontic/serafin/serafin_visual.jpg) no-repeat center bottom/cover;}
.serafin .main_visual .mv_txt_box {position: relative;}
.serafin .main_visual .mv_txt_box h1 {margin-left: 170px; width: 0; animation: appearTxt 2.7s linear forwards; animation-delay: .5s; overflow: hidden; position: relative;}
.serafin .main_visual .mv_txt_box h1 img {width: 1030px;}
.serafin .main_visual .mv_txt_box .h1_side {display: inline-block; position: absolute; left: 50px; top: 100px;}
.serafin .main_visual .logo_wrap {margin-top: 100px; display: flex; justify-content: center; align-items: center;}
.serafin .main_visual .logo_box {width: 240px; height: 67px; background-color: #fff; border-radius: 100px; display: flex; justify-content: center; align-items: center;}
.serafin .main_visual .x_box {width: 38px; height: 38px; margin: 0 30px; position: relative;}
.serafin .main_visual .x_box .bar {display: block; width: 52px; height: 2px; background-color: #fff;}
.serafin .main_visual .x_box .bar1 {transform: rotate(45deg) translate(8px, 18px);}
.serafin .main_visual .x_box .bar2 {transform: rotate(-45deg) translate(-16px, 7px);;}

@keyframes appearTxt {
	0% {width: 0;}
	100% {width: 1152px;}
}
@keyframes appearTxt2 {
	0% {width: 0;}
	100% {width: 300px;}
}

.serafin .bg_txt {margin-top: 180px;}
.serafin .atc_box {display: flex; justify-content: space-between; align-items: center;}
.serafin .atc_box:not(:first-child) {margin-top: 180px;}
.serafin .atc_box:nth-of-type(odd) {padding-right: 250px;}
.serafin .atc_box:nth-of-type(even) {padding-left: 250px;}
.serafin .atc_box:nth-of-type(odd) .txt_box {text-align: right;}
.serafin .img_box {position: relative;}
.serafin .img_box .pos_img {position: absolute;}
.serafin .txt_sml {padding: 0 7px;}
.serafin .txt_big {margin-top: 35px; font-size: 55px; font-weight: 300; line-height: 1.4; letter-spacing: -0.08em;}
.serafin .txt_def {margin-top: 60px; font-size: 16px; font-weight: 400; line-height: 1.75;}
.serafin .mid01 {padding: 250px 0 600px;}
.serafin .mid01 .img_box .pos_img {position: absolute; left: -200px; bottom: -280px;}
.serafin .mid01 .img_box1 {padding-top: 100px; padding-left: 100px;}
.serafin .mid01 .bg_txt {margin-left: -30px;}

.serafin .mid02 {padding: 200px 0; background-color: #f7f7f7; text-align: center; position: relative;}
.serafin .mid02::before {content: ''; display: block; width: 717px; height: 556px; background: url(../img/orthodontic/invisalign/mid02_img1.png) no-repeat center/cover; position: absolute; top: 0; left: 0; transform: translateY(-57%);}
.serafin .mid02_ul {margin-top: 120px; display: flex;}
.serafin .mid02_ul li {width: 20%;}
.serafin .mid02_ul .icon_box {width: 150px; height: 150px; margin: 0 auto; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.serafin .mid02_ul .bd_tp {margin-top: 45px; padding-top: 45px; border-top: 1px solid #c1c1c1; position: relative;}
.serafin .mid02_ul p {font-size: 17px; line-height: 1.5;}
.serafin .mid02_ul .blue {margin-bottom: 12px; font-size: 21px;}
.serafin .mid02_ul li + li .bd_tp::before {content: ''; display: block; width: 1px; height: 47px; background-color: #c1c1c1; position: absolute; top: -15px; left: 0;}

.serafin .mid03 {padding: 250px 0 450px;}
.serafin .mid03 .atc_box:nth-child(2) {margin-top: 300px;}
.serafin .mid03 .atc_box:nth-child(1) .pos_img {bottom: -200px; right: -300px;}
.serafin .mid03 .atc_box:nth-child(2) .pos_img {bottom: -240px; left: -220px;}

.serafin .mid04 {height: 1246px; padding: 160px 0; background: url(/img/orthodontic/serafin/serafin_mid04_bg.jpg) no-repeat center bottom/cover; color: #fff;}
.serafin .mid04 .inner {display: flex; justify-content: right;}
.serafin .mid04_ctt .txt_big {font-size: 50px; font-weight: 300; line-height: 1.4;}
.serafin .mid04_ctt .txt_def {margin-top: 35px; font-size: 16px; line-height: 1.75;}
.serafin .mid04_ul {margin-top: 55px; display: flex;}
.serafin .mid04_ul li + li {margin-left: 20px;}
.serafin .mid04_ul p {margin-top: 15px; font-size: 16px;}

.serafin .mid05 {padding-bottom: 220px;}
.serafin .mid05 .bg_txt {width: 100%; margin-top: 240px; margin-right: -30px; text-align: right; overflow: hidden;}
.serafin .mid05 .atc_box {margin-top: 70px; padding: 0; display: block;}
.serafin .mid05 .atc_box .txt_box {padding-left: 250px; text-align: left;}
.serafin .mid05 .img_box {margin-top: -30px;}
.serafin .mid05 .img_box img {transform: scale(1.4);}
.serafin .mid05 .img_box img:nth-child(1) {}
.serafin .mid05 .img_box img:nth-child(2) {position: relative; top: 260px; left: 220px;}
.serafin .mid05 .img_box img:nth-child(3) {position: relative; left: 50px;}
.serafin .mid05 .img_box.anim img:nth-child(1) {animation: zoomOut 2s forwards;}
.serafin .mid05 .img_box.anim img:nth-child(2) {animation: zoomOut 2s forwards .3s;}
.serafin .mid05 .img_box.anim img:nth-child(3) {animation: zoomOut 2s forwards .15s;}

@keyframes zoomOut {
	0% {transform: scale(1.4);}
	99% {transform: scale(1);}
	100% {transform: scale(1); overflow: hidden;}
}

.serafin .mid06 {margin-top: 400px; padding: 130px 0 110px; background-color: #f7f7f7; position: relative;}
.serafin .mid06 .atc_box {padding: 0;}
.serafin .mid06 .atc_box .txt_box {text-align: left;}
.serafin .mid06 .mid06_top_img {position: absolute; top: -78px; right: 196px;}
.serafin .mid06_ul {display: flex; justify-content: space-between; margin-top: 100px;}
.serafin .mid06_ul p {margin-top: 15px; font-size: 21px; font-weight: 500; text-align: center; line-height: 1.5;}

.serafin .mid07 {margin-top: 400px;}
.serafin .mid07 .inner {display: flex; justify-content: space-between; align-items: center;}
.serafin .mid07 .atc_box {margin: 0; padding: 0; text-align: right;}
.serafin .mid07 .img_box {margin-left: -150px;}
.serafin .mid07 .period {margin-top: 60px;}
.serafin .mid07 .period strong {display: block; margin-bottom: 20px; font-size: 25px;}
.serafin .mid07 .period_ul {font-size: 18px;}
.serafin .mid07 .period_ul li {display: flex; justify-content: right; gap: 0 10px;}
.serafin .mid07 .period_ul li + li {margin-top: 24px;}
.serafin .mid07 .period_ul .tit {width: 110px; font-weight: 500; line-height: 1;}
.serafin .mid07 .period_ul .radius_box {display: block; width: 370px; font-weight: 400; text-align: left; line-height: 25px; padding: 0 15px; border-radius: 50px; background-color: #dedede;}
.serafin .mid07 .period_ul .radius_box.color {width: 180px; color: #fff; background-color: #1b60ab;}

.serafin .mid08 {margin-top: 400px; text-align: center;}
.serafin .mid08 .atc_box1 {flex-direction: column; justify-content: center; padding-right: 0;}
.serafin .mid08 .atc_box1 .img_box {margin: 75px 0 70px;}
.serafin .mid08 .atc_box1 .txt_box {display: flex; justify-content: center; text-align: left;}
.serafin .mid08 .atc_box1 .txt_left {font-size: 40px; line-height: 1.3; letter-spacing: -0.2rem;}
.serafin .mid08_ul {width: 410px; margin-left: 100px;}
.serafin .mid08_ul li {padding: 10px 10px 10px 55px; font-size: 18px; font-weight: 400; line-height: 1.5; position: relative;}
.serafin .mid08_ul li::before {content: ''; display: block; width: 22px; height: 22px; background: url(/img/orthodontic/serafin/serafin_mid08_chk.png) no-repeat center/cover; position: absolute; top: 14px; left: 18px;}
.serafin .mid08_ul li + li {border-top: 1px solid #d6d6d6;}

.serafin .mid09 {padding: 220px 0;}
.serafin .mid09 .atc_box {justify-content: space-between; padding-right: 0; text-align: left;}
.serafin .mid09 .atc_box .txt_box {text-align: left;}
.serafin .mid09 .atc_box .link_wrap {margin-top: 70px;}
.serafin .mid09 .atc_box .link_wrap a {display: inline-block; padding: 0 20px; font-size: 17px; color: #fff; line-height: 50px; background-color: #1b60ab; border-radius: 50px;}

.serafin .mid10 {padding: 120px 0 230px; letter-spacing: 0; background-color: #fafafa;}
.serafin .mid10 .inner {display: flex; justify-content: space-between; align-items: center;}
.serafin .mid10 .tit {font-size: 40px; font-weight: 300; color: #3c3c3c; line-height: 1;}
.serafin .contact_ul {margin-top: 40px;}
.serafin .contact_ul li {display: flex; font-size: 15px; color: #525252; line-height: 1.5;}
.serafin .contact_ul li + li {margin-top: 10px;}
.serafin .contact_ul .bold {padding-right: 12px;}
.serafin .contact_ul .close {display: block; margin-top: 20px; font-size: 14px;}
.serafin .contact_ul .light {font-weight: 200;}
.serafin .contact_ul .justify {display: inline-block; width: 65px; text-align: justify;}

/* 빠른문의 */
.orthodontic_new #counseling_new.sub_counseling {padding: 0; color: #fff; position:fixed !important; width: 100%; bottom: 0; left: 0; transition: .5s; z-index: 100;}
.orthodontic_new #counseling_new.sub_counseling .counseling_wrap {padding: 30px 0; background:#3a3a3a;}
.orthodontic_new #counseling_new.sub_counseling .inner{width:1150px; margin:0 auto;}
.orthodontic_new #counseling_new.sub_counseling .title_wrap{overflow:hidden; margin-bottom:27px;}
.orthodontic_new #counseling_new.sub_counseling .title_wrap h2{float:left; margin-right:15px;}
.orthodontic_new #counseling_new.sub_counseling .title_wrap p{float:left; font-size:18px; padding-top:2px; font-weight:300;}
.orthodontic_new #counseling_new.sub_counseling ul{overflow:hidden; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
.orthodontic_new #counseling_new.sub_counseling li{}
.orthodontic_new #counseling_new.sub_counseling input{border: none; box-sizing:border-box; font-size:14px; margin: 0; padding-left:0; color: #fff; line-height:50px; font-weight:300; background: transparent; border-bottom: 1px solid #9f9f9f;}
.orthodontic_new #counseling_new.sub_counseling input::placeholder {color: #fff;}
.orthodontic_new #counseling_new.sub_counseling input:focus {outline: none;}
.orthodontic_new #counseling_new.sub_counseling .t_name{width:217px; height:50px;}
.orthodontic_new #counseling_new.sub_counseling .t_tel{width:269px; height:50px;}
.orthodontic_new #counseling_new.sub_counseling button{width: auto; height: auto; margin-right: 15px; padding: 0 22px; background:#2cc8ff; font-size:17px; font-weight:500; color: #fff; line-height: 50px; border:none; border-radius: 50px;}
.orthodontic_new #counseling_new.sub_counseling .t_agree{position: absolute; top: -9999px; left: -9999px;}
.orthodontic_new #counseling_new.sub_counseling .t_agree + label{display:inline-block; line-height:19px; padding-left: 16px; position: relative;}
.orthodontic_new #counseling_new.sub_counseling .t_agree + label::before {content: ''; display: block; width: 10px; height: 10px; margin-right: 36px; border: 1px solid #fff; position: absolute; top: 6px; left: 0;}
.orthodontic_new #counseling_new.sub_counseling .t_agree:checked + label::before {background-color: #fff;}
.orthodontic_new #counseling_new.sub_counseling a {color: #fff;}
/*.orthodontic_new #counseling_new.sub_counseling .popup-wrap{position:absolute;}*/
.orthodontic_new #counseling_new.sub_counseling .pop-layer{top: 50% !important;}
.orthodontic_new #counseling_new.sub_counseling .kakao {display: flex; justify-content: center; align-items: center; padding: 0 22px; font-size: 17px; font-weight: 600; line-height: 50px; background-color: #fae301; color: #391b1b; border-radius: 50px;}
.orthodontic_new #counseling_new.sub_counseling .kakao i {font-size: 30px; margin-right: 5px;}
.orthodontic_new #counseling_new.sub_counseling .btn_li {display: flex; align-items: center;}