@charset "utf-8";

/* sub 공통 */
#sv {position: relative; overflow: hidden;}
#sv .sv_bg {width: 100%;  background-size:cover; background-position: 50% 100%; transform:scale(1.3); animation:sv-bg-change 5s infinite; height:500px !important}
@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}
#sv .sv_txt_wrap {position: absolute; top: 51%; left: 0; width: 100%; text-align: center; transform:translateY(-50%); color: #fff;}
#sv .sv_txt_wrap h3 {margin-bottom: 30px; padding-bottom: 25px;  font-weight: 600; letter-spacing: -2px; position: relative;}
#sv .sv_txt_wrap h3:after {content:''; display: block; width: 130px; height: 3px; background-color: #fff; opacity: .3; position: absolute; bottom: 0; left: 50%; transform:translateX(-50%);}

#sv .sv_scroll {position: absolute; bottom: 50px; left: 50%; margin-left: -25px; cursor: pointer; animation:move_mouse 2s infinite}
/* sub title */
.s_tit_wrap {}
.s_tit_wrap .txt { font-family: 'Montserrat'; font-weight: 400; color: #996838; margin-bottom: 15px; letter-spacing:0;}
.s_tit_wrap .txt1 { font-weight: 500; color: #996838; margin-bottom: 10px;}
.s_tit_wrap .tit {font-weight: 600; word-break:keep-all;}
.beige_txt_box {display: inline-block; padding: 10px 15px; background-color: #d5b6a1;}

.row {display: flex;	justify-content:space-between;}

/* sub 하단 병원둘러보기 */
.sub_tour {padding: 160px 0; background: #f0e9e3; background-attachment: fixed;}

/* sub 하단 진료안내 */
.sub_info_wrap {padding: 160px 0;}
.sub_info_wrap .box_wrap {margin: 0 -10px;}
.sub_info_wrap .box_wrap .box {width: 455px; margin: 0 10px; min-height:465px; padding: 70px 30px; background-color: #f9f9f9; border: 1px solid #996838; border-radius:25px;}
.sub_info_wrap .box_wrap .box1 {background-image: url('/assets/images/main/m6_icon2.png'); background-position: right 20px bottom 20px; background-size:96px 83px ; background-repeat: no-repeat;	}
.sub_info_wrap .box_wrap .box3 {display: grid; align-items:center;}
.sub_info_wrap .box_wrap .box .tel {margin-bottom: 15px;}
.sub_info_wrap .info_link a {width: 100%; padding: 15px 0;}
/* sub 하단 예약문의 폼 */
.form_wrap .form_con { margin: 0 0 4px;}
.form_wrap input[type=text],
.form_wrap select,
.form_wrap textarea {width: 100%; font-size: 16px; background-color: #fff; border: 1px solid #ddd; border-radius:3px;}
.form_wrap input[type=text],
.form_wrap select { height: 50px; line-height: 50px; padding:0 0 0 10px;  }
.form_wrap textarea {height: 85px; padding: 10px;}
.form_wrap .form_privacy {margin-left: 15px;font-size: 14px ; font-weight: 300;margin: 10px 0 20px;}
.form_wrap .form_privacy .btn_agree {background-color: #363636; padding: 2px 4px;  border-radius:3px; color: #fff;}
.form_wrap input[type=checkbox] {vertical-align: baseline; width:auto; height:auto;}
.form_wrap .ft_form_btn {width: 100%; height: 60px; line-height: 60px; background-color: #996838; border: none;  border-radius:3px; color: #fff; font-size: 20px; font-weight: 500; text-align: center; transition:.25s; }
.form_wrap .ft_form_btn img {display: inline-block; transform:translate(25px, -4px);}
.form_wrap .ft_form_btn:hover {background-color: #423b34;}
.form_wrap label,
.form_wrap button { margin-right:0; cursor: pointer;}

.highlight_txt { background:#eaddd3; padding:0 4px; font-weight:500; color:#996838; }


.benefit_wrap { width:100%; }
.benefit_list { display:flex; gap:24px; }
.benefit_item { flex:1; height:180px; border-radius:16px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.benefit_item.type_01 { background:#d9bda8; }
.benefit_item.type_02 { background:#f1e6db; }
.benefit_item.type_03 { background:#d9bda8; }
.benefit_item.type_04 { background:#f1e6db; }
.benefit_num { font-size:20px; font-weight:500; color:#6b5a4d; }
.benefit_line { width:20px; height:1px; background:#6b5a4d; margin:6px 0 14px; }



.m1_con {display: flex; justify-content:space-between; }
.m1_con > div {flex:1;}
.m1_con .lt h4 span {display: inline-block; position: relative;}
.m1_con .lt h4 span:after {content:''; display: block; width: 8px; height: 8px; border-radius:50%; background-color: #c79866; position: absolute; top: -10px; left: 50%; transform:translateX(-50%);}
.m1_con .rt {text-align: right; padding-left: 15px;}


.diet_info_wrap { display:flex; align-items:center;}
.diet_circle_area { width:50%; }
.circle_big { width:420px; height:420px; border-radius:50%; background:#d5c8bf; position:relative; display:flex; align-items:center; justify-content:center; }
.circle_small { width:150px; height:150px; border-radius:50%; background:#a06b3a; position:absolute; right:49px; bottom:30px; display:flex; align-items:center; justify-content:center; }
.circle_txt { color:#fff; text-align:center; font-size:20px; line-height:1.4; }
.circle_txt strong { display:block; font-size:40px; font-weight:600; margin-top:6px; }
.circle_txt.small { font-size:14px; }
.circle_txt.small strong { font-size:30px; }
.diet_text_area { max-width:50%; }
.clinic_name { font-size:13px; color:#b08b63; margin-bottom:10px; }
.diet_tit { font-size:28px; font-weight:600; margin-bottom:20px; }
.diet_list { margin-bottom:20px; }
.diet_list li { font-size:16px; margin-bottom:6px; }
.diet_desc { font-size:15px; line-height:1.7; color:#666; margin-bottom:10px; }

.bg_gray{background:#f5f5f5}
.flex_con{display:flex}

.bg_brown{background:#996838}
.white{color:#fff !important}

.ali_center{align-items:center;}

.product_info_wrap { display:flex; width:100%; background:#9b6a3b; padding:30px; box-sizing:border-box; }
.product_img_area { width:55%; display:flex; align-items:center; justify-content:center; }
.product_img_area img { max-width:100%; height:auto; }
.product_txt_area { width:45%; padding:40px 50px; color:#fff; }
.product_badge { display:inline-block; padding:6px 16px; border-radius:20px; background:#5f5144; margin-bottom:20px; }

/* sub 공통 반응형 */
@media all and (max-width:1230px){
	.s_tit_wrap .txt1 {margin-bottom: 5px;}
	/* sub 하단 진료안내 */
	.sub_info_wrap .box_wrap {flex-wrap:wrap; margin: 0 -5px -20px;}
	.sub_info_wrap .box_wrap .box {width: calc(50% - 20px); margin: 0 10px 20px; min-height:auto;}
	.sub_info_wrap .box_wrap .box1 {background-size:60px auto;}
	.sub_info_wrap .box_wrap .box3 {width: 100%;}
	.sub_info_wrap .box_wrap .box3 .info_link {display: flex; justify-content:space-between;}
	
		.m1_con .lt p img {width: 100px;}

}

@media all and (max-width:820px){
	#sv .sv_txt_wrap h3:after {width: 80px;}
	/* sub 하단 진료안내 */
	.sub_info_wrap,
	.sub_tour {padding: 80px 0; background-size:100px auto;}
	.sub_info_wrap .box_wrap { margin: 0 0 -20px;}
	.sub_info_wrap .box_wrap .box {width:100%; margin: 0 0 20px; padding: 30px;}
	/* sub 하단 예약문의 폼 */
	.form_wrap input[type=text], .form_wrap select {height: 40px; line-height: 40px; font-size: 14px;}
	.form_wrap textarea {font-size: 14px;}
	.form_wrap .form_privacy .btn_agree {font-size: 12px;}
	.form_wrap .ft_form_btn {height: 40px; line-height: 40px; font-size: 15px;}

	
	.m1_con {flex-wrap:wrap;}
	.m1_con > div {flex:auto;}
	.m1_con .rt {text-align: left; padding: 30px 0 0;}

	.sub_info_wrap .hours dt, .sub_info_wrap .hours dd{height:38px !important}

	.circle_big{width:330px; height:330px; margin:0 auto}
	.circle_small{right:25px}
	.circle_txt_m{position:relative; top:-45px}

	.list_box .img_list li{margin-bottom:50px !important}
}

@media all and (max-width:520px){
	#sv .sv_scroll {width: 30px; margin-left: -15px; bottom:5%;}
	/* sub 하단 진료안내 */
	.sub_info_wrap .box_wrap .box .tel {font-size: 28px;}
	.sub_info_wrap .box_wrap .box3 .info_link {display: block;}
	.sub_info_wrap .hours dt span {width:89px;}

		.m1_con .lt p img {width: 70px;}

	
}


/************************************************************************************** 다빈한의원 */
.info01 .con1 {padding: 160px 0;}
.info01 .con1 ul { border-top:1px solid #e5e5e5}
.info01 .con1 li {display: flex; padding: 35px 0;	position: relative;}
.info01 .con1 li:after {content:''; display: block; width: 200%; height: 1px; background-color: #e5e5e5; position: absolute; left: -50%; bottom: 0;}
.info01 .con1 li .lt {padding: 0 65px 0 30px; width:35%;}
.info01 .con1 li .rt { padding-top:7px;}
.info01 .con1 li .rt  .txt {display: block; position: relative; width: -webkit-fill-available;  float: left; padding-left: 16.5%; top: -33px;}
.info01 .con1 li h3 {position: relative; padding-left: 85px;}
.info01 .con1 li h3 .num {position: absolute; top: 0; left: 0; display: block; width: 65px; text-align: right; border-bottom: 2px solid #000;}


.info01 .con2 {padding: 160px 0; background: #f0e9e3 url('/assets/images/sub/info01_con02_bg.jpg') 50% 50% no-repeat;  background-attachment: fixed;}
.info01 .con3 {padding: 160px 0;}
.info01 .con3 .square_img_list li {display: inline-block; width: 31%; margin: 0 0 0;  vertical-align: top; position: relative; padding: 0 15px;}
.info01 .con3 .square_img_list li .text01 { font-size: 22px; font-weight: 500; text-align: center; background-color:#b4c5b3; color:#fff; padding:10px 0;}

.box_title { background-color: #996838;color: #fff;font-weight: 500; padding:15px 0; font-size:20px; width:25%; margin:0 auto; }
.info01 .con4 {padding: 160px 0; background: #f0e9e3 url('/assets/images/common/symbol_green.png') 50% 50% no-repeat; background-attachment: fixed;}

.info01 .con4 .box_list {display: flex; align-items:stretch; justify-content:center; flex-wrap:wrap; margin: 0 -15px; }
.info01 .con4 .box_list li {width: calc(50% - 30px); margin: 0 15px 30px; min-height:350px; border: 1px solid #000; border-radius:20px; padding: 80px 30px 80px; background-repeat: no-repeat; background-position: right 30px bottom 35px; position: relative; background-color:#fff;}
.info01 .con4 .box_list li h4 {padding-bottom: 5px; margin-bottom: 20px; border-bottom: 2px solid #000; letter-spacing: -1px;}
.info01 .con4 .box_list li p {letter-spacing: -1px;}
.info01 .con4 .box_list li .num {position: absolute; top: 10%; right: 30px; padding: 5px 15px; background-color: #333; color: #fff; font-family: 'Montserrat'; }
.info01 .con4 .box_list li:nth-child(1) { background-image: url('/assets/images/sub/info01_con04_1.png'); }
.info01 .con4 .box_list li:nth-child(2) { background-image: url('/assets/images/sub/info01_con04_2.png'); }
.info01 .con4 .box_list li:nth-child(3) { background-image: url('/assets/images/sub/info01_con04_3.png');}
.info01 .con4 .box_list li:nth-child(4) { background-image: url('/assets/images/sub/info01_con04_4.png'); }

.info02 .con1 {padding: 160px 0; border-bottom:1px solid #ddd; background: #fff ; background-attachment: fixed;}
.info02  .doctor_wrap {display: flex; width: 1400px; margin: 0 auto;}
.info02  .doctor_wrap > div {width: 50%; float:left;}
.info02  .doctor_wrap .rt {padding: 0 0 0 70px; text-align: left; position: absolute; top: 50%; transform: translateY(-50%);}
.info02  .doctor_wrap .txt {padding: 0 0 20px; border-bottom:5px solid #222; }
.info02  .doctor_wrap .box{ padding:50px; background-color:#f9f9f9; text-align: left; }
.info02  .doctor_wrap .half{ width:50%; display:inline-block; float:left; }
.info02  .doctor_wrap .half1 { width:50%; display:inline-block;}
.info02  .doctor_wrap .txt_wrap { position:absolute; top:12%; left:7%;}


.info03 .con1 {padding: 100px 0 160px; border-bottom:1px solid #ddd; background: #fff ; background-attachment: fixed;}
.info03  .doctor_wrap {display: flex; width: 1200px; margin: 0 auto;}
.info03  .doctor_wrap > div {width: 50%; float:left;}
.info03  .doctor_wrap .lt {padding: 0 70px 0 0; text-align: left; top: -10%; }
.info03  .doctor_wrap .txt {padding: 0 0 20px; border-bottom:5px solid #222; }
.info03  .doctor_wrap .box{ padding:50px; background-color:#f9f9f9; text-align: left; }
.info03  .doctor_wrap .half{ width:50%; display:inline-block; float:left; }
.info03  .doctor_wrap .half1 { width:50%; display:inline-block;}
.info03  .doctor_wrap .txt_wrap { position:absolute; top:12%; left:7%;}


.info04 .con1 {padding: 160px 0 160px; border-bottom:1px solid #ddd; background: #fff ; background-attachment: fixed;}
.info05 .con1 {padding: 160px 0 160px; border-bottom:1px solid #ddd; background: #fff ; background-attachment: fixed;}




/* 다빈한의원 반응형 */
@media all and (max-width:1230px){

}

@media all and (max-width:820px){
.info01 .con1 { padding:70px 0 0;}
.info01 .con3,
.info01 .con4 { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }

.info01 .con1 ul { border-top:1px solid #e5e5e5}
.info01 .con1 li {display: block;padding: 35px 0;position: relative;}
.info01 .con1 li:after {content:'';display: block;width: 200%;height: 1px;background-color: #e5e5e5;position: absolute;left: -50%;bottom: 0;}
.info01 .con1 li .lt {padding: 0 0;width: -webkit-fill-available;}
.info01 .con1 li .rt {padding: 20px 10px 40px;word-break: keep-all;}
.info01 .con1 li .rt  .txt {display: block;position: relative;width: -webkit-fill-available;float: left;padding-left: 20.5%;top: -25px;}
.info01 .con1 li h3 {position: relative; padding-left: 85px;}
.info01 .con1 li h3 .num {position: absolute;top: 0;left: 0;display: block;width: 65px;text-align: right;border-bottom: 2px solid #000;}
.info01 .con2 { padding:100px 0}
.box_title {background-color: #996838;color: #fff;font-weight: 500;padding:15px 0;font-size:16px;width: 75%;margin:0 auto;font-size: 16px;}

.info01 .con3 .square_img_list li {display: inline-block;width: -webkit-fill-available;margin: 0 0 30px;vertical-align: top;position: relative;padding: 0 15px;}
.info01 .con3 .square_img_list li .text01 {font-size: 16px;font-weight: 500;text-align: center;background-color:#b4c5b3;color:#fff;padding:10px 0;}

.info01 .con4 .box_list {display: block;align-items:stretch;justify-content:center;flex-wrap:wrap;margin: 0 0 30px;}
.info01 .con4 .box_list li {width: -webkit-fill-available;margin: 0 0 30px;min-height:350px;border: 1px solid #000;border-radius:20px;padding: 70px 30px 80px;background-repeat: no-repeat;background-position: right 30px bottom 35px;position: relative;background-color:#fff;background-size: 30%;}
.info01 .con4 .box_list li h4 {padding-bottom: 5px; margin-bottom: 20px; border-bottom: 2px solid #000; letter-spacing: -1px;}
.info01 .con4 .box_list li p {letter-spacing: -1px;}

.info02 .con1 { padding: 0 0 70px; background-size:100px auto; background-position: right 5px bottom 80px; }

.info02  .doctor_wrap {display: block;width: -webkit-fill-available;margin: 0 auto;}
.info02  .doctor_wrap > div {width: -webkit-fill-available;float: inherit;}
.info02  .doctor_wrap .rt {padding: 50px 20px;text-align: left;position: relative;top: 50%;transform: none;width: -webkit-fill-available;}
.info02  .doctor_wrap .txt {padding: 0 0 20px; border-bottom:5px solid #222; }
.info02  .doctor_wrap .box{padding: 50px 20px;background-color:#f9f9f9;text-align: left;word-break: keep-all;}
.info02  .doctor_wrap .txt_wrap { position:absolute; top:12%; left:7%;}

.info03 .con1 { padding: 70px 0 100px; background-size:100px auto; background-position: right 5px bottom 80px; }
.info03  .doctor_wrap {display: block;width: -webkit-fill-available;margin: 0 auto;}
.info03  .doctor_wrap > div {width: -webkit-fill-available;float:none;}
.info03  .doctor_wrap .lt {padding: 0 20px;text-align: left;top: -10%;margin-bottom: 30px;}
.info03  .doctor_wrap .txt {padding: 0 0 20px; border-bottom:5px solid #222; }
.info03  .doctor_wrap .box{ padding:50px; background-color:#f9f9f9; text-align: left; }
.info03  .doctor_wrap .half{ width:50%; display:inline-block; float:left; }
.info03  .doctor_wrap .half1 { width:50%; display:inline-block;}
.info03  .doctor_wrap .txt_wrap { position:absolute; top:12%; left:7%;}

.info04 .con1 { padding: 70px 0 100px; background-size:100px auto; background-position: right 5px bottom 80px; }
.info05 .con1 { padding: 70px 0 100px; background-size:100px auto; background-position: right 5px bottom 80px; }


}

@media all and (max-width:520px){

}

/************************************************************************************** 다빈의 특별함 */
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.special01 .sec .txt_wrap {position: absolute; top: 51%; left: 0; width: 100%; text-align: center; transform:translateY(-50%); color: #fff;}
.sec_scroll {position: absolute; bottom: 50px; left: 50%; margin-left: -25px; cursor: pointer; animation:move_mouse 2s infinite}



.special01 .sec .ani_top,
.special01 .sec .ani_left,
.special01 .sec .ani_right,
.special01 .sec .ani_down {transition-delay:0.6s;}
.special01 .section.active .ani_top {opacity:1;top:0;}
.special01 .section.active .ani_left {opacity:1;left:0;}
.special01 .section.active .ani_right {opacity:1;right:0;}
.special01 .section.active .ani_down {opacity:1;top:0;}

.special01 .section.active .txt.ani_top {opacity: .7;}

.special01 .sec .beige { color: #f9d3ab; }

.special01 .sec .txt_line {margin-bottom: 20px;}
.special01 .sec .txt_line span {display: inline-block; padding: 5px 10px;position: relative;}
.special01 .sec .txt_line span:after,
.special01 .sec .txt_line span:before {content:''; display: block; position: absolute; left: 0; width: 100%; height: 1px; background-color: #fff;}
.special01 .sec .txt_line span:after {top: 0;}
.special01 .sec .txt_line span:before {bottom: 0;}


.special01 .con {}
.special01 .con .num {font-family: 'Montserrat'; margin-bottom: 30px;}
.special01 .con .tit {font-family: 'Eulyoo'; font-weight: 600; margin-bottom: 35px;}



.special01 {}
.special01 .section {position: relative;}
.special01 .sec1,
.special01 .sec2,
.special01 .sec3,
.special01 .sec4,
.special01 .sec5,
.special01 .sec6 {background-repeat: no-repeat; background-position: 50% 50%; background-size:cover;}
.special01 .sec1 { background-image: url('../images/sub/special01_1.jpg'); }
.special01 .sec2 { background-image: url('../images/sub/special01_2.jpg'); }
.special01 .sec3 { background-image: url('../images/sub/special01_3.jpg'); }
.special01 .sec4 { background-image: url('../images/sub/special01_4.jpg'); }
.special01 .sec5 { background-image: url('../images/sub/special01_5.jpg'); }
.special01 .sec6 { background-image: url('../images/sub/special01_6.jpg'); }

.special01 .sec1 .txt_wrap {}
.special01 .sec1 .txt_wrap h3 {margin-bottom: 30px; padding-bottom: 25px; font-family: 'Eulyoo'; font-weight: 600; letter-spacing: -2px; position: relative; }
.special01 .sec1 .txt_wrap h3:after {content:''; display: block; width: 130px; height: 3px; background-color: #fff; opacity: .3; position: absolute; bottom: 0; left: 50%; transform:translateX(-50%); }


.special01 .sec2 .main_tit {top: 120px; right: 50%; margin-right: -900px;}
.special01 .sec2 .main_tit h3 {color: #fff; margin-top: 75px;}
.special01 .sec2 .main_tit.move h3 {opacity: .75;}
.special01 .sec2 h3 {font-family: '궁서'; margin: 7px 0 20px;}
.special01 .sec2 h3 span {color: #efd3b4;}

.special01 .sec2 .txt_line span {font-family: 'Eulyoo'; font-weight: 600; }


/* 다빈의 특별함 반응형 */
@media all and (max-width:1830px){
	.special01 .sec2 .main_tit {right: 15px; margin-right: 0;}
	.special01 .sec2 .main_tit h3 {font-family:'ChosunGs';}
	
}
@media all and (max-width:1430px){
	.special01 .sec2 .main_tit h3 {margin-top: 45px;}
}

@media all and (max-width:1230px){
	.special01 .sec2 .main_tit {position: absolute;}
	.special01 .sec2 .main_tit h3 {margin: 7px 0 20px;}
}
@media all and (max-width:820px){
	.special01 .sub_info_wrap .box_wrap .box.ani_top {top: 25px;}
}

@media all and (max-width:520px){

}


/************************************************************************************** 교통사고 후유증 */
/* 교통사고 후유증 */
.traffic01 {}
.traffic01 .con1 {padding: 160px 0;}
.traffic01 .con1 .con1_in {display: flex; justify-content:space-between; margin-bottom: 80px;}
.traffic01 .con1 .con1_in > div {flex:1}

.bux_con {padding: 160px 0; }
.bux_con ul {display: flex; flex-wrap:wrap; justify-content:center; gap:40px 0 }
.bux_con ul li {/* width: calc(33.33% - 30px); */ max-width:350px; margin: 0 15px;}
.bux_con ul li .txt {padding: 20px 5px 20px; text-align: center; font-weight: 500; word-break:keep-all; background-color:#bea48a; color:#fff; }

.box_txt{background:#bea48a; color:#fff; padding:5px 10px; border-radius:100px; display:inline-block;}

.notice_box { margin:0 auto; padding:80px 60px; background:#faf7f4; border-radius:20px; }
.notice_head { text-align:center; margin-bottom:30px; }
.notice_tag { display:inline-block; font-size:13px; color:#9b6a3b; letter-spacing:1px; margin-bottom:8px; }
.notice_content { counter-reset:notice; font-size:16px; line-height:1.9; color:#444; margin-bottom:30px; }
.notice_content li { position:relative; padding-left:34px; margin-bottom:14px; list-style:none; counter-increment:notice; }
.notice_content li::before { content:counter(notice); position:absolute; left:0; top:2px; width:22px; height:22px; border-radius:50%; background:#d8c2aa; color:#fff; font-size:13px; text-align:center; line-height:22px; }

.notice_content b { font-weight:500; color:#222; }
.notice_em { color:#c4492d; font-weight:500; }
.notice_warn { padding:18px 24px; background:#fff; border-left:4px solid #bea48a; color:#333; }


.traffic01 .con3 {padding: 160px 0;}
.traffic01 .con3 ul {border-top: 3px solid #222;}
.traffic01 .con3 li {border-bottom: 1px solid #c2c1c1;}
.traffic01 .con3 li .tit_box {position: relative; padding: 30px 80px; background-color: #f9f9f9; }
.traffic01 .con3 li .tit_box h4 {font-weight: 500;}
.traffic01 .con3 li .tit_box .num {position: absolute; top: 30px; left: 40px; }
.traffic01 .con3 li .txt_box {padding: 30px 80px 45px;}
.traffic01 .con3 li .txt_box p {word-break:keep-all; font-weight: 300; line-height: 1.7; color: #666;}

.traffic01 .con4 {padding: 160px 0; background: #f0e9e3 ; background-attachment: fixed;}
.traffic01 .con4 .row { align-items:center;}
.traffic01 .con4 .row > div {flex:1;}
.traffic01 .con4 .row .rt {padding-left: 50px;}
.traffic01 .con4 .circle_list {display: flex; margin-bottom: 25px;}
.traffic01 .con4 .circle_list li {margin: 0 3px; width: 130px; height: 130px; border-radius:50%; background-color: #b4c5b3; position: relative; }
.traffic01 .con4 .circle_list li:nth-child(even) {background-color: #a7c69c;}
.traffic01 .con4 .circle_list li p {width: 100%; text-align: center;position: absolute; top: 50%; left: 0; transform:translateY(-50%); color: #fff; font-weight: 300; }
.traffic01 .con4 .circle_list + .txt {line-height: 1.7; color: #666; font-weight: 300;}
.traffic01 .con4 .box_wrap {display: flex; justify-content:center;align-items:center;}
.traffic01 .con4 .box_wrap > div {margin: 0 10px;;}
.traffic01 .con4 .box_wrap .box {width:385px; padding: 65px 15px; border-radius:25px; border: 1px solid #996838; background-color: #fff;}
.traffic01 .con4 .box_wrap .box2 {background-color: #996838; color: #fff;}
.traffic01 .con4 .box_wrap .box2 p {color: #f0e9e3;}
.traffic01 .con4 .box_wrap .arr {width: 58px; height: 38px; background: url('/assets/images/sub/arr_beige.png') 0 0 no-repeat;}

.traffic01 .con5 {padding: 160px 0; }
.traffic01 .con5 .s_tit_wrap {margin-bottom: 90px;}
.traffic01 .con5 ul {margin: 0 -14px;}
.traffic01 .con5 li {width: 220px; margin: 0 14px; padding: 40px 20px; background-color: #f0e9e3; text-align: center;position: relative; transform:translateY(-25px);}
.traffic01 .con5 li .num {display: flex; align-items:center;justify-content:center; width: 50px; height: 50px; background-color: #996838; border-radius:50%; text-align: center; font-weight: 300; color: #fff; position: absolute; top: -25px; left: 50%; transform:translateX(-50%); }
.traffic01 .con5 li .box_in h4 { height:90px; padding: 20px 0 0; margin-bottom: 20px; border-bottom: 1px solid #d5cccc; font-weight: 500; line-height: 1.5; word-break:keep-all; }

.traffic01 .con6 {padding: 160px 0; background: #f0e9e3 url('/assets/images/common/symbol_green.png') right 10% top 160px no-repeat;}
.traffic01 .con6 .s_tit_wrap {margin-bottom: 70px;}
.traffic01 .reason_list {margin-bottom: 40px;}
.traffic01 .reason_list .list {display: flex; width: 980px; background-color: #fff; border-radius: 0 120px 0 0; overflow: hidden; margin: 0 80px; opacity: .5;}
.traffic01 .reason_list .list.slick-current {opacity: 1;}
.traffic01 .reason_list .list > div {width: 50%;}
.traffic01 .reason_list .list .rt {padding: 60px 40px;  }
.traffic01 .reason_list .list .rt .num {font-family: 'Montserrat'; font-weight: 300; color: #996838;}
.traffic01 .reason_list_wrap .slick-dots {bottom: -40px; text-align: center;}
.traffic01 .reason_list_wrap .slick-dots li {}
.traffic01 .reason_list_wrap .slick-dots li button {width: 12px; height: 12px; background-color: #b5aea9; border-radius:50%;}
.traffic01 .reason_list_wrap .slick-dots li.slick-active button {width: 15px; height: 15px; background-color: #222;}
.traffic01 .reason_list_wrap  .slick-prev,
.traffic01 .reason_list_wrap  .slick-next {width: 60px; height: 60px; background-repeat: no-repeat; z-index: 1;}
.traffic01 .reason_list_wrap  .slick-prev { background-image: url('../images/sub/circle_prev.png'); left: 50%; margin-left: -600px;	 }
.traffic01 .reason_list_wrap  .slick-next { background-image: url('../images/sub/circle_next.png'); right: 50%; margin-right: -600px; }



/* 교통사고 후유증 반응형 */
@media all and (max-width:1230px){
	.traffic01 .con3 li .txt_box p br {display: none;}

	.traffic01 .con4 .row {display: block; text-align: center;}
	.traffic01 .con4 .row .lt img {max-width:400px;}
	.traffic01 .con4 .row .rt {padding: 50px 0 0;}
	.traffic01 .con4 .circle_list {justify-content:center;}
	.traffic01 .con4 .box_wrap .box {width: 40%;}
	.traffic01 .con5 ul {flex-wrap:wrap; justify-content:center; margin: 0 -5px -40px;}
	.traffic01 .con5 li {width: calc(33.33% - 10px); margin: 0 5px 40px;}
	.traffic01 .reason_list_wrap .slick-prev,
	.traffic01 .reason_list_wrap .slick-next {width: 40px; height: 40px; background-size:cover;}
	.traffic01 .reason_list_wrap .slick-prev {left: 15px; margin-left: 0;}
	.traffic01 .reason_list_wrap .slick-next {right: 15px; margin-right: 0;}
	.traffic01 .reason_list .list {/* width: 100%; */ margin: 0 60px; border-radius:0 80px 0 0}
	.traffic01 .reason_list .list .rt {padding: 40px; min-height:300px;}

	
}

@media all and (max-width:820px){
	.traffic01 .con1 { padding:70px 0 100px}
	.bux_con,
	.traffic01 .con3,
	.traffic01 .con4,
	.traffic01 .con5,
	.traffic01 .con6 { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }
	.traffic01 .con6 { background-position: right 5px top 80px;}
	.traffic01 .con1 .con1_in {display: block;}
	.traffic01 .con1 .con1_in .lt {margin-bottom: 40px;}
	.bux_con ul li { margin:0 0 30px}
	.traffic01 .con3 li .tit_box {padding: 15px 15px 15px 50px;}
	.traffic01 .con3 li .tit_box .num {top: 15px; left: 15px;}
	.traffic01 .con3 li .txt_box {padding: 30px 15px 30px 50px;}
	.traffic01 .con4 .box_wrap {display: block;}
	.traffic01 .con4 .box_wrap .box {width: 100%; margin: 0; padding: 40px 15px; height:auto !important;}
	.traffic01 .con4 .box_wrap .box1 {margin: 0 0 60px; height:auto !important;}
	.traffic01 .con4 .box_wrap .arr {position: relative; left: 50%; margin-left: -29px; transform:translateY(-25px) rotate(90deg); }
	.traffic01 .con5 ul {justify-content:flex-start;}
	.traffic01 .con5 li {width: calc(50% - 10px); margin: 0 5px 40px; padding: 30px 15px;}
	.traffic01 .con5 li .num {width: 40px; height: 40px; top: -20px;}
	.traffic01 .con5 li .box_in h4 {padding: 15px 0; margin-bottom: 15px; height:70px;}
	.traffic01 .reason_list .list {display: block;}
	.traffic01 .reason_list .list > div {width: 100%;}
	.traffic01 .reason_list .list .rt { min-height:320px;}
	.traffic01 .reason_list .list .lt img {width: 100%;}

}

@media all and (max-width:520px){

	.traffic01 .con3 li .txt_box p {font-size: 13px;}
	.traffic01 .con4 .row {text-align: left;}
	.traffic01 .con4 .row .lt img {max-width:100%;}
	.traffic01 .con4 .circle_list { justify-content:flex-start; }
	.traffic01 .con4 .circle_list li {width: 75px; height: 75px;}
	.traffic01 .con4 .circle_list li p {font-size: 12px;}
	.traffic01 .con5 li {margin: 0 5px 30px; padding: 25px 10px;}
	.traffic01 .con5 li .num {font-size: 13px; width: 36px; height: 36px; top: -18px;}
	.traffic01 .reason_list .list {border-radius:0 40px 0 0; margin: 0 50px;}
	.traffic01 .reason_list .list .rt {padding: 30px 15px; min-height:230px;}
	.traffic01 .reason_list .list .rt h4 {margin-bottom: 15px !important;}
	.traffic01 .reason_list .list .rt .txt {font-size: 13px;}
	.traffic01 .reason_list .list .rt .txt br {display: none;}
	.traffic01 .reason_list_wrap .slick-prev,
	.traffic01 .reason_list_wrap .slick-next {width: 30px; height: 30px;}

	
}

/************************************************************************************** 생애주기 면역치료 */
.immunity01 .con1 {padding: 160px 0;}
.round {position: relative; text-align:center;}
.round  ul {text-align: center;font-size: 0;display: inline-block;position: relative;}
.round  li {display: inline-block ;vertical-align: top;width: 250px;height:250px;margin: 0 10px 30px;/* padding:70px 15px 0; */border-radius:100%;background-color: #996838;  color:#fff;  position: relative;}
.round  li:nth-child(2n) {background-color: #eac59e;}
.round  li .txt_wrap {position: relative;left: 0;width: 100%;/* -webkit-transform: translateY(50%); *//* transform:translateY(-50%); */z-index: 1;display: block;padding-top: 30%;}
.round  li .txt_wrap .num {display: block; font-family: 'Montserrat'; line-height: 1; padding-bottom: 15px; letter-spacing:0; font-size:24px; margin:0 auto 10px; font-weight:500;  border-bottom: 1px solid rgba(255,255,255,0.5); width:20%;}
.round  li .txt_wrap .num1 {display: block; line-height: 1; padding-bottom: 15px; letter-spacing:0; font-size:20px; margin:0 auto 10px; font-weight:500;  border-bottom: 1px solid rgba(255,255,255,0.5); width:70%;}

.round  li .txt_wrap .txt {display: block;  padding-bottom: 10px; margin:0 auto 15px; border-bottom: 1px solid rgba(0,0,0,0.7); width:60%;}


.immunity01 .con2 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}
.immunity01 .con3 {padding: 160px 0;}

.box {position: relative; text-align:center;}
.box ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box li {display: inline-block; vertical-align: top; width: calc(33.33% - 20px); margin: 0 10px 30px; position: relative; background-color:#f9f9f9; padding:50px 20px; border-radius:20px;}
.box li .icon {background-color: #c9c5c0;border-radius: 100%;width: 200px;height: 200px;margin: 0 auto; padding-top:16%;}
.box li:nth-child(2n) .icon{background-color: #bea48a;}
.box li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:30px 0 0;}

.sub_tit {/* writing-mode: vertical-rl; */ display: flex; position: absolute; top: -80px; right: -200px; }
.sub_tit .img_pc {opacity: 0; transform:translateY(-30px); margin-left: 5px; transition:.5s; }
.sub_tit h3 { margin-top: 75px; font-family: '궁서'; line-height: 1.2; color: #666; /* opacity: .35; */ opacity: 0; transform:translateY(30px); transition:.5s; }
.sub_tit .img_m {display: none;}
.sub_tit.move p {opacity: 1; transform:translateY(0);}
.sub_tit.move h3 {opacity: .35; transform:translateY(0);}

.immunity01 .con4 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}
.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: 50%; }
.img_list li .img_box .img {width: 100%; height: 100%; background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; }
.img_list li .txt_box {padding: 0 40px 0 0; background-color: transparent; position: relative;}
.txtbox .num { position:absolute; width:25%; padding:36px 0;  line-height:150% ; text-align: center; background-color: #b4c5b3; font-size:18px; font-weight:500; color:#fff; border-radius:5px;  }
.txtbox p { text-align:left; }
.txtbox p.txt01 {font-size:18px; color:#222; background-color:#fff;  padding:36px 0; line-height:150% ; padding-left:4%;  border-radius:5px; width:70%; margin-left:30%;  }

.immunity01 .con5 {padding: 160px 0;}

.s_title1{display:flex; padding-bottom:70px;}
.s_title1 .lt {width: 45%;}
.s_title1 .rt {width: 55%;}
.box1 {position: relative;display: inline-block;width: -webkit-fill-available;}
.box1 ul {display: block; padding:30px 0 0; margin:0 auto; position:relative; }
.box1 li {width: calc(25% - 0px); float:left; margin: -1px -1px 0 0; padding:30px 30px 70px; text-align: left ; border: 1px solid #ddd; background-color:#f0e9e3; }
.box1 li .num {display: inline-block; width: 60px; height: 60px; text-align: center; line-height: 60px; font-weight:500;  color: #222; font-family: 'Eulyoo'; font-size: 26px; font-weight:600;  letter-spacing: 0; left: 0; top:5%; position:relative;  z-index: 1;}
.box1 li:nth-child(2n) { background-color: #fff;}

.immunity01 .con6 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}
.immunity01 .con6 .square_img_wrap1 {}
.immunity01 .con6 .square_img_list1 { display: inline-block;}
.immunity01 .con6 .square_img_list1 li {display: flex;width: 48%;margin: 0 10px 20px;vertical-align: top;position:relative;background-color:#fff;padding:20px 20px;float: inline-start;}
.immunity01 .con6 .square_img_list1 li .square_img {position: relative; text-align:center; width:45%; padding-right:30px;}
.immunity01 .con6 .square_img_list1 li .text01 { font-size: 18px; width:50%; text-align:left;     padding-top: 11%;}

.immunity02 .con1 {padding: 160px 0;}
.immunity02 .con2 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}

.box3 {position: relative; text-align:center;}
.box3  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box3  li {display: inline-block; vertical-align: top; width: calc(16.66% - 20px); margin: 0 10px; position: relative; padding:0; border-radius:20px;}
.box3  li .icon { background-color:#fff;;border-radius: 100%;width: 190px;height: 190px;margin: 0 auto; padding-top:29%;}
.box3  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:20px 0 0;}
.immunity02 .con3 {padding: 160px 0;}
.immunity02 .con3 {padding: 160px 0;}
.immunity02 .con3 .con3_in {display: flex; justify-content:space-between; margin-bottom: 80px;}
.immunity02 .con3 .con3_in > div {flex:1}

.bg_white{background:#fff !important}
.check_wrap {}
.check_wrap {font-size: 0; margin: 0 auto;}
.check_wrap li {display: inline-block; width: calc(50% - 30px);  margin: 0 15px 15px;  vertical-align: top; background-color:#fff;  border-radius:100px; border: 1px solid #ddd; padding:20px 20px 28px;}
.check_wrap li .square_img {position: absolute ; }
.check_wrap li .num {display: inline-block; width: 110px; height: 40px; background-color: #00aeb2; text-align: center; line-height: 40px; font-weight:500; border-radius:30px;  color: #fff; font-size: 18px; letter-spacing: 0; position: absolute; bottom: -20px; left: 50%; margin-left: -45px; z-index: 1; font-family: 'Montserrat';}
.check_wrap li .square_img img { }
.check_wrap li .text01 { font-size:20px;  font-weight: 400; padding: 10px 0 0 60px; vertical-align:middle;}

.immunity02 .con31 {padding: 160px 0;}
.immunity02 .con4 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}
.immunity02 .con4 .img_list li  { margin-bottom:30px;}
.immunity02 .con4 .img_list li .txt_box { padding: 50px 0 0 40px; background-color: transparent;  position: relative;}
.immunity02 .con5 {padding: 160px 0; border-bottom:1px solid #ddd;}
.immunity02 .con5 .box2 ul{ display:flex; }
.immunity02 .con5 .box2 li { display: inline-block; vertical-align: top; width: calc(20% - 20px); margin:0 10px 0;}
.immunity02 .con5 .box2 li .icon {background-color: #b4c5b3;border-radius: 100%;  width: 160px;   height: 160px;  margin: 0 auto;  padding-top: 20%;}

.immunity03 .con1 {padding: 160px 0;}
.imm_box {padding: 160px 0; }
.imm_box ul {display: flex; flex-wrap:wrap; justify-content:center;  }
.imm_box ul li {width: calc(33.33% - 30px);  margin: 0 15px;}
.imm_box ul li .txt {text-align: left; font-weight: 500; word-break:keep-all; }

.imm_box2 {padding: 160px 0; }
.imm_box2 ul {display: flex; flex-wrap:wrap; justify-content:center;  }
.imm_box2 ul li {width: calc(23.33% - 30px);  margin: 0 15px;}
.imm_box2 ul li .txt {text-align: left; font-weight: 500; word-break:keep-all; }

.immunity03 .con3 {padding: 160px 0;}
.immunity03 .con3 .img_list li  { margin-bottom:30px;}
.immunity03 .con3 .img_list li .txt_box { padding: 50px 0 0 40px; background-color: transparent;  position: relative;}
.immunity03 .con4 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}

.immunity04 .con1 {padding: 160px 0;}
.immunity04 .con2 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}
.immunity04 .con3 {padding: 160px 0;}
.immunity04 .con3 .img_list li  { margin-bottom:30px;}
.immunity04 .con3 .img_list li .txt_box { padding: 50px 0 0 40px; background-color: transparent;  position: relative;}
.immunity04 .con4 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}

.therapy_wrap { display:flex; gap:70px; align-items:center; }
.therapy_step { position:absolute; top:15px; left:15px; width:22px; height:22px; border-radius:50%; background:#ff3b30; color:#fff; font-size:13px; text-align:center; line-height:22px; }
.therapy_img_txt { color:#ff3b30; font-size:14px; }
.therapy_cont { max-width:520px; }
.therapy_circle_wrap { display:flex; align-items:center; margin-bottom:30px; }
.therapy_circle { width:120px; height:120px; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; background:rgba(153,104,56,0.8); margin-left:-20px; color:#fff}
.therapy_circle:first-child { margin-left:0; }

/************************************************************************************** 통증치료 */

.pain01 .con1 {padding: 160px 0;}
.di_box {padding: 160px 0; background: #f0e9e3;  background-attachment: fixed;}
.di_box .square_img_wrap1 {}
.di_box .square_img_list1 { display: inline-block;}
.di_box .square_img_list1 li {display: flex;width: 48%;margin: 0 10px 20px;vertical-align: top;position:relative;background-color:#fff;padding:30px 30px;float: inline-start;}
.di_box .square_img_list1 li .square_img {position: relative; text-align:center; width:100%; padding-right:30px;}
.di_box .square_img_list1 li .text01 { font-size: 18px; width:50%; text-align:left;  }

.pain01 .con3 {padding: 160px 0;}
.pain01 .con3 ul {display: flex; flex-wrap:wrap; justify-content:center;  }
.pain01 .con3 ul li {width: calc(25% - 30px);  margin: 0 15px;}
.pain01 .con3 ul li .txt {text-align: left; font-weight: 500; word-break:keep-all; }
.pain01 .con4 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}
.pain01 .con4 .check_wrap li {display: inline-block; width: calc(33.33% - 10px);   margin: 0 5px 15px;}


.pain02 .con1 {padding: 160px 0;}
.pain02 .con2 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}
.pain02 .con2 .img_list li  { margin-bottom:30px;}
.pain02 .con2 .img_list li .txt_box { padding: 50px 0 0 40px; background-color: transparent;  position: relative;}
.pain02 .con3  {padding: 250px 0; text-align: center; background: url('/assets/images/sub/pain02_con03_bg.jpg') 50% 100% no-repeat; background-attachment:fixed;}
.step_box {padding: 160px 0; border-bottom:1px solid #ddd; }
.step_box .con4_in {display: flex; justify-content:space-between; margin-bottom: 80px;}
.step_box .con4_in > div {flex:1}
.check{ position:relative; display:flex; border:1px solid #e9d3c1; background-color:#fff; padding:0 30px }
.check img { position:absolute; top:0px;}
.check .txt1 {display: inline-flex;padding-left:65px;word-break:keep-all;height: 55px;line-height: 55px; }
.check .txt { display: inline-flex; padding-left:35px; text-align:left;}

.pain03 .con1 {padding: 160px 0;}
.pin_box {padding: 160px 0; background: #f0e9e3}
.list_box {padding: 160px 0;}
.list_box .img_list li  { margin-bottom:0;}
.list_box .img_list li .txt_box { padding: 100px 0 0 70px; background-color: transparent;  position: relative; border:1px solid #ddd;}
.pain03 .con4 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}


.obesity01 .con1 {padding: 160px 0;}
.obesity01 .con2 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}
.obesity01 .con2 .square_img_list li {display: inline-block; width:24%;}

.obesity01 .con2 .square_img_list .num {top:-32px;}
.obesity01 .con3 {padding: 160px 0;}
.obesity01 .con31 {padding: 160px 0;}
.obesity01 .con31 .con31_in {display: flex; justify-content:space-between; margin-bottom: 80px;}
.obesity01 .con31 .con31_in > div {flex:1}
.obesity01 .con31 .box3  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.obesity01 .con31 .box3  li {display: inline-block;vertical-align: top;width: calc(38% - 20px);margin: 0 10px 30px;position: relative;padding:0;border-radius:20px;}
.obesity01 .con31 .box3  li .icon {background-color:#bea48a;border-radius: 100%;width: 180px;height: 180px;margin: 0 auto;padding-top: 25%;}
.obesity01 .con4 {padding: 160px 0; background-color:#f0e9e3;}

/************************************************************************************** 한약 보약 */

.bg_wbrwon{background:#f0e9e3}
.cr_box {padding: 160px 0;}
.cr_box ul {display: flex; flex-wrap:wrap; justify-content:center;  }
.cr_box ul li {/* width: calc(33.33% - 30px); */ max-width:350px; margin: 0 15px;}
.cr_box ul li .txt {padding: 20px 5px 20px; text-align: center; font-weight: 500; word-break:keep-all; background-color:#bea48a; color:#fff; margin-top:20px; }
.oriental01  .con2 {padding: 160px 0; background: #f0e9e3 ;  background-attachment: fixed;}
.square_img_wrap {}
.square_img_list {}
.square_img_list li {display: inline-block;width: 24%;margin: 0 0 50px;vertical-align: top;position:relative;padding: 0 15px;}
.square_img_list li .square_img {position: relative; text-align:center;}
.square_img_list li .num {display: inline-block; width: 55px; height: 55px; background-color: #996838; border-radius:50%; text-align: center; line-height: 55px; font-weight:500;  color: #fff; font-size: 22px; font-family: 'Montserrat';  letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;}
.square_img_list li .square_img img {}
.square_img_list li .text01 { font-size: 20px;  font-weight: 500;  text-align: center;}
.square_img_list li .text02{ font-size: 16px;  font-weight: 400;  text-align: center; color: #666;}

.square_img_list3 {}
.square_img_list3 li {display: inline-block;width: 33%;margin: 0 0 50px;vertical-align: top;position:relative;padding: 0 15px;}
.square_img_list3 li .square_img {position: relative; text-align:center;}
.square_img_list3 li .num {display: inline-block; width: 55px; height: 55px; background-color: #996838; border-radius:50%; text-align: center; line-height: 55px; font-weight:500;  color: #fff; font-size: 22px; font-family: 'Montserrat';  letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;}
.square_img_list3 li .square_img img {}
.square_img_list3 li .text01 { font-size: 20px;  font-weight: 500;  text-align: center;}
.square_img_list3 li .text02{ font-size: 16px;  font-weight: 400;  text-align: center; color: #666;}


.oriental01 .con3 {padding: 160px 0; border-bottom:1px solid #ddd;}

.box2 {position: relative; text-align:center;}
.box2  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box2  li {display: inline-block; vertical-align: top; width: calc(25% - 20px); margin: 0 10px 30px; position: relative; background-color:#f9f9f9; padding:50px 20px; border-radius:20px;}
.box2  li .icon {background-color: #c9c5c0;border-radius: 100%;width: 180px;height: 180px;margin: 0 auto; padding-top:20%;}
.box2  li:nth-child(2n) .icon{background-color: #bea48a;}
.box2  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:30px 0 0;}




/* 생애주기 면역치료 반응형 */
@media all and (max-width:1230px){

}

@media all and (max-width:820px){

.flex_con{display:block}
.diet_circle_area{width:100%}
.diet_text_area{max-width:100% ;margin-top:30px}
.notice_box{padding:20px}
.product_info_wrap{display:block}
.product_txt_area{width:100%; padding:20px 0}
.product_img_area{width:100%}
.benefit_list{display:block}
.benefit_item{margin-bottom:10px}

.immunity01 .con1 { padding:70px 0 100px}
.immunity01 .con2,
.immunity01 .con3,
.immunity01 .con4,
.immunity01 .con5,
.immunity01 .con6 { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }

.round li { width:200px; height:200px;}
.round li .txt_wrap .num {font-size: 20px;}
.box li { width: 100%; margin: 0 0 30px;}
.img_list { position:relative;}
.img_list li {display: block;justify-content:space-between;margin-bottom: 30px;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: -webkit-fill-available;}
.img_list li .img_box .img {width: 100%; height: 100%; background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; }
.img_list li .txt_box {padding: 0 0 0 0;background-color: transparent;position: relative;margin-bottom: 0px;}
.txtbox .num {position:absolute;width: 20%;padding:35px 0;line-height:150%;text-align: center;background-color: #b4c5b3;font-size: 14px;font-weight:500;color:#fff;border-radius:5px;}
.txtbox p { text-align:left; }
.txtbox p.txt01 {font-size: 14px;color:#222;background-color:#fff;padding:36px 0;line-height:150%;padding-left: 4%;border-radius:5px;width: 78%;margin-left: 22%;}

.s_title1{display: block;padding-bottom:30px;}
.s_title1 .lt {width: -webkit-fill-available;}
.s_title1 .rt {width: -webkit-fill-available;}
.s_title1 .rt .txt_wrap { padding-top:30px;}

.box1 li { width: calc(50% - 0px); padding: 20px 30px 50px;}
.box1 li .num { font-size:18px;}

.immunity01 .con6 .square_img_wrap1 {}
.immunity01 .con6 .square_img_list1 { display: inline-block;}
.immunity01 .con6 .square_img_list1 li {display: flex;width: -webkit-fill-available;margin: 0 0 20px;vertical-align: top;position:relative;background-color:#fff;padding:20px 20px;float: inline-start;}
.immunity01 .con6 .square_img_list1 li .square_img {position: relative; text-align:center; width:45%; padding-right:30px;}
.immunity01 .con6 .square_img_list1 li .text01 {font-size: 14px;width:50%;text-align:left;padding-top: 2%;}



.immunity02 .con1 { padding:70px 0 50px}
.immunity02 .con2,
.immunity02 .con3,
.immunity02 .con4,
.immunity02 .con5 { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }
.immunity02 .con3 .con3_in {display: block; margin-bottom:0;}
.immunity02 .con4 .img_list li .txt_box { padding: 30px 0 0 20px}
.immunity02 .con5 .box2 ul{display: block;}
.immunity02 .con5 .box2 li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 30px;}
.immunity02 .con5 .box2 li .icon {background-color: #b4c5b3;border-radius: 100%;width: 160px;height: 160px;margin: 0 auto;padding-top: 13%;}

.square_img_wrap {}
.square_img_list {}
.square_img_list li {display: inline-block;width: -webkit-fill-available;margin: 0 0 30px;vertical-align: top;position:relative;padding: 0 15px;}
.square_img_list li .square_img {position: relative; text-align:center;}
.square_img_list li .num {display: inline-block; width: 55px; height: 55px; background-color: #996838; border-radius:50%; text-align: center; line-height: 55px; font-weight:500;  color: #fff; font-size: 18px; font-family: 'Montserrat';  letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;}
.square_img_list li .square_img img {}
.square_img_list li .text01 {font-size: 14px;font-weight: 500;text-align: center;}
.square_img_list li .text02{ font-size: 14px;  font-weight: 400;  text-align: center; color: #666;}

.square_img_wrap {}
.square_img_list3 {}
.square_img_list3 li {display: inline-block;width: -webkit-fill-available;margin: 0 0 30px;vertical-align: top;position:relative;padding: 0 15px;}
.square_img_list3 li .square_img {position: relative; text-align:center;}
.square_img_list3 li .num {display: inline-block; width: 55px; height: 55px; background-color: #996838; border-radius:50%; text-align: center; line-height: 55px; font-weight:500;  color: #fff; font-size: 18px; font-family: 'Montserrat';  letter-spacing: 0; position: absolute; bottom: -26px; left: 50%; margin-left: -26px; z-index: 1;}
.square_img_list3 li .square_img img {}
.square_img_list3 li .text01 {font-size: 14px;font-weight: 500;text-align: center;}
.square_img_list3 li .text02{ font-size: 14px;  font-weight: 400;  text-align: center; color: #666;}

.box3 {position: relative; text-align:center;}
.box3  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box3  li {display: inline-block;vertical-align: top;width: calc(50% - 10px);margin: 0 5px 30px;position: relative;padding:0;border-radius:20px;}
.box3  li .icon {background-color:#fff;border-radius: 100%;width: 145px;height: 145px;margin: 0 auto;padding-top: 24%;}
.box3  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:20px 0 0;}


.immunity03 .con1 { padding:70px 0 100px}
.imm_box,
.imm_box2,
.immunity03 .con3,
.immunity03 .con4 { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }
.imm_box ul {display: block;flex-wrap:wrap;justify-content:center;}
.imm_box ul li {width: -webkit-fill-available;margin: 0 0 30px;}
.imm_box2 ul {display: block;flex-wrap:wrap;justify-content:center;}
.imm_box2 ul li {width: -webkit-fill-available;margin: 0 0 30px;}
.immunity03 .con3 .img_list li .txt_box { padding: 30px 0 0 20px;}

.di_box .square_img_list1 li{display:block}
.square_img{margin-bottom:10px}
.di_box .square_img_list1 li .square_img{padding-right:0}
.di_box .square_img_list1 li .square_img img{width:100%}

.therapy_wrap{display:block}
.therapy_cont{margin-top:30px}
.therapy_circle{height:115px}

.box2 {position: relative; text-align:center;}
.box2  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box2  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 30px;position: relative;background-color:#f9f9f9;padding:50px 20px;border-radius:20px;}
.box2  li .icon {background-color: #b4c5b3;border-radius: 100%;width: 180px;height: 180px;margin: 0 auto; padding-top:13%;}
.box2  li:nth-child(2n) .icon{background-color: #a7c69c;}
.box2  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:30px 0 0;}

.check_wrap {}
.check_wrap {font-size: 0; margin: 0 auto;}
.check_wrap li {display: inline-block;width: -webkit-fill-available;margin: 0 0 15px;vertical-align: top;background-color:#fff;border: 1px solid #ddd;padding: 10px 15px 20px;height: auto !important;}
.check_wrap li .square_img {position: absolute ; }
.check_wrap li .num {display: inline-block; width: 110px; height: 40px; background-color: #00aeb2; text-align: center; line-height: 40px; font-weight:500; border-radius:30px;  color: #fff; font-size: 18px; letter-spacing: 0; position: absolute; bottom: -20px; left: 50%; margin-left: -45px; z-index: 1; font-family: 'Montserrat';}
.check_wrap li .square_img img { width:75%; }
.check_wrap li .text01 {font-size: 14px;font-weight: 400;padding: 10px 0 0 47px;vertical-align:middle;line-height: 150%;}


.check{position:relative;display:flex;border:1px solid #e9d3c1;background-color:#fff;padding: 0 5px 0 15px;}
.check img {position:absolute;top: 5px;width: 12%;}
.check .txt1 {display: inline-flex;padding-left: 47px;word-break:keep-all;height: 55px;line-height: 55px;}
.check .txt { display: inline-flex; padding-left:35px; text-align:left;}

.immunity04 .con1 { padding:70px 0 100px}
.immunity04 .con2,
.immunity04 .con3,
.immunity04 .con4 { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }
.immunity04 .con3 .img_list li .txt_box { padding: 30px 0 0 20px;}


.pain01 .con1 { padding:70px 0 100px}
.di_box,
.pain01 .con3,
.pain01 .con4 { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }
.di_box .square_img_list1 li {  width: -webkit-fill-available;}
.di_box .square_img_list1 li .text01 { padding-top: 1%;}
.pain01 .con3 ul {display: block;flex-wrap:wrap;justify-content:center;}
.pain01 .con3 ul li {width: -webkit-fill-available;margin: 0 0 30px;}
.pain01 .con4 .check_wrap li {display: inline-block;width: -webkit-fill-available;margin: 0 0 15px;vertical-align: top;background-color:#fff;border: 1px solid #ddd;padding: 10px 15px 20px;height: auto !important;}

.pain02 .con1 { padding:70px 0 100px}
.pain02 .con2,
.step_box { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }
.pain02 .con3 { padding: 100px 0;  text-align: center;   background: url(/assets/images/sub/pain02_con03_bg.jpg) 50% 100% no-repeat;  background-attachment: fixed;}
.pain02 .con2 .img_list li .txt_box { padding: 30px 0 0 20px;}
.step_box .con4_in { display: block; margin-bottom:0;}


.pain03 .con1 { padding:70px 0 100px}
.pin_box,
.list_box,
.pain03 .con4 { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }
.list_box .img_list li .txt_box {padding: 30px 0 20px 20px;}



.obesity01 .con1 { padding:70px 0 100px}
.obesity01 .con2,
.obesity01 .con3,
.obesity01 .con31,
.obesity01 .con4 { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }
.obesity01 .con2 .square_img_list li {display: inline-block;  width: -webkit-fill-available;  margin: 0 0 50px;}
.obesity01 .con31 .con31_in {display: block;justify-content:space-between;margin-bottom: 0;}
.obesity01 .con31 .con31_in > div {flex:1}
.obesity01 .con31 .box3  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.obesity01 .con31 .box3  li {display: inline-block;vertical-align: top;width: calc(50% - 10px);margin: 0 5px 30px;position: relative;padding:0;border-radius:20px;}
.obesity01 .con31 .box3  li .icon {background-color:#b4c5b3;border-radius: 100%;width: 155px;height: 155px;margin: 0 auto;padding-top: 25%;}



.cr_box .con1 { padding:70px 0 100px}
.oriental01 .con2,
.oriental01 .con3,
.oriental01 .con4 { padding: 100px 0; background-size:100px auto; background-position: right 5px bottom 80px; }

.cr_box .con1 ul li { max-width: 285px;margin: 0 0 30px;}



}

@media all and (max-width:520px){

}