html {scroll-behavior: smooth;}
*{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;letter-spacing:-0.7px;word-break:keep-all;box-sizing: border-box;}
.serif{font-family: "Cormorant", serif !important;}
.serif2{font-family: "Source Serif 4", serif !Important}
.rock{overflow:hidden !important;}
body{min-width:1400px;}
.ctt{width:1400px;margin:0 auto;}
.mb_block{display:none;}
.pc_block{display:block;}
.c1{color:#0686b6}
.c2{color:#171c61}
.c3{color:#2c4197}
.c4{color:#3c3c49}
.b1{background:#0686b6}
.b2{background:#171c61}
.b3{background:#2c4197}
.b4{background:#3c3c49}
.f50{font-size:50px;line-height:1.6}
.f40{font-size:40px;line-height:1.6}
.f32{font-size:32px;line-height:1.6;}
.f26{font-size:26px;line-height:1.6;}
.f22{font-size:22px;line-height:1.6}
.f20{font-size:20px;line-height:1.6;}
.f18{font-size:18px;line-height:1.6;}
.f16{font-size:16px;line-height:1.6;}
.f14{font-size:14px;line-height:1.6;}

/* subpage */
.page{margin-top:90px;}
#ctt{display:none;}
.pd130{padding:130px 0}
.pdt130{padding-top:130px;}
.pdb130{padding-bottom:130px;}
.pd40{padding:40px;}
.mgt60{margin-top:60px;}
.sub_top_wrap{position:relative;border-bottom:1px solid #e4e4e4;background:url('../common/images/sub_top.jpg')no-repeat;background-size:cover;background-attachment:fixed;padding:70px 0;background-position:Center}
.sub_top{width:100%;}
.sub_top div{text-align:center}
.sub_top div h1{color:#fff;}
.sub_top div p{color:#fff;opacity:0.5;margin-top:15px;letter-spacing:0;}

.sub_quick{display:flex;align-items:start;justify-content:center;margin-top:50px;}
.sub_quick > div{display:flex;}
.sub_quick > div:after{background:url('../common/images/down-chevron.png');content:"";background-size:10px;width:10px;height:10px;opacity:0.7;display:block;margin:0 40px;position:relative;top:4px;filter:invert(1)}
.sub_quick > div:last-child:after{display:none}
.quick_home{}
.quick_home a{display:block;color:#fff;}
.quick_home a img{width:15px;}
.quick_list{}
.quick_list div{min-width:180px;position:relative;}
.quick_choice_name{color:#fff;cursor:pointer;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;}
.quick_choice_name img{filter:invert(1);width:8px;transition:all .3s;}
.quick_list ul{position:absolute;top:40px;left:0;width:100%;border-radius:10px;display: none;background: #eaf5f9;z-index:100;}
.quick_list ul li{}
.quick_list ul li.active{background:rgb(215 235 242)}
.quick_list ul li.active a{font-weight:600;}
.quick_list ul li a{display:block;color:#0b1e3c;padding:15px;font-size:14px;}
.quick_list ul li:hover{background:rgb(215 235 242)}
.quick_open img{transform:rotate(180deg);filter:invert(1);}
.sub_tit{}
.sub_tit h4{}
.sub_tit p{margin-top:8px;color:#555;letter-spacing:0;}

/* 메인 */
.tre_main{}
.tre_main .ctt{display:flex;justify-content:space-between;}
.tre_main_img{width:45%}
.tre_main_img img{width:100%}
.tre_main_txt{width:45%}
.tre_main_txt h2{font-weight:300;}
.tre_main_txt h2 b{font-weight:bold;}
.tre_main_txt p{color:#111;margin-top:15px;}
.tre_case{margin-top:60px;}
.tre_case h4{}
.tre_case h4 span{display:block;}
.tre_case ul{margin-top:20px;display:flex;flex-direction:column;gap:15px 0;}
.tre_case ul li{font-size:18px;line-height:1.4;display:flex;align-items:center;padding:20px 25px;background:#F2F6FA;}
.tre_case ul li img{width:30px;margin-right:15px;}

/* 메인 2*/
.tre_main2 .ctt{display:block;}
.tre_main_txt2{width:100%;}
.tre_main_box{margin-top:60px;display:flex;align-items:center;justify-content:space-between;background:#f4f8ff;}
.tre_main_box2{margin-top:35px;}
.tre_main_box_txt{width:55%;padding-left:60px;}
.tre_main_box_txt span{display:block;font-weight:bold;margin-bottom:3px;}
.tre_main_box_txt h4{line-height:1.3}
.tre_main_box_txt p{margin-top:15px;line-height: 1.5;color:#000; }
.tre_main_box_txt p b{font-size:18px;}
.tre_main_box img{width:45%;}

/* 증상 */
.tre_symptom{background:linear-gradient(0deg, #f0f4fa, transparent)}
.tre_symptom .ctt{}
.tre_symptom img{width:45%}
.tre_symptom h2{text-align:center;}
.tre_symptom h2 span{display:block;}
.tre_symptom h2 p{color:#555;letter-spacing:0;margin-top:10px;font-weight:400;}
.tre_symptom ul{display:flex;justify-content:space-between;margin-top:40px;flex-wrap:wrap;}
.tre_symptom ul li{overflow:hidden;background:#162c4d;width:23%;position:relative;border-radius:15px;}

.tre_symptom ul.symptom_list2 li{width:19%;}
.tre_symptom ul.symptom_list3 li{width:31%;}
.tre_symptom ul li img{width:100%;border-radius:0 0 15px 15px}
.tre_symptom ul li p{padding: 25px 0;text-align: center;color: #fff;line-height: 1.5;}
.tre_symptom ul li span{display:block;margin-bottom:8px;font-weight:bold;}

/* 체크리스트 */
.tre_check{background:#f8f8f8;padding:50px;border-radius:15px;}
.tre_check ul{gap:0;}
.tre_check ul li{display:flex;align-items:center;border-bottom:1px solid #e4e4e4;background:none;color:#004d83;}
.tre_check ul li img{width:18px;}
.tre_check p{color:#666;margin-top:25px;font-size: 15px;padding-left: 25px;}

/* symtom위치 - 원인2 */
.tre_case2{background:#eff4ff}
.tre_case2 .ctt{}
.tre_case2 .ctt h2{text-align:center;}
.tre_case2 .ctt h2 span{display:block;}
.tre_case2 ul{margin-top:30px;display:flex;justify-content:space-between;}
.tre_case2 ul li{padding: 35px;width:32%;background: #fff;border: 1px solid #b3c2e3;display:flex;align-items:center;justify-content:space-between;}
.tre_case2 ul li div{width:70%;}
.tre_case2 ul li span{font-weight:bold;color:#000}
.tre_case2 ul li p{color:#555;margin-top:5px;}
.tre_case2 ul li img{width:100px;border-radius:100px;}

/* 진행단게 */
.tre_step{background:#f8f8f8;}
.tre_step h2{text-align:center;}
.tre_step h2 span{display:block;font-weight:bold}
.tre_step ul{display:flex;justify-content:space-between;margin-top:70px;}
.tre_step ul li{width:25%;position:relative;}
.tre_step ul li:before{width:100%;height:2px;position:absolute;top:-29px;left:50%;content:"";display:block;background:#e9e9e9;}
.tre_step ul li:after{content:"";position:absolute;top:-29px;left:50%;width:0%;height:2px;background:#2e4398;transform-origin:left;transition:transform .8s ease;}
.tre_step ul li:last-child:before , .tre_step ul li:last-child:after{display:none;}
.tre_step ul li .step_box{background:#fff;padding:40px;border: 1px solid #e4e4e4;border-radius: 15px;margin:0 20px;}
.tre_step ul li b{width: 15px;height: 15px;background: #fff;border: 4px solid #2e4398; border-radius: 30px;display: block;margin: 0 auto;position: absolute;top: -35px;left: 50%;transform: translateX(-50%);}
.tre_step ul li img{width:70%;border-radius:100px;margin:0 auto;display:block;}
.tre_step ul li div{margin-top:20px;text-align:center;}
.tre_step ul li span{display:block;color:#000;font-weight:bold;}
.tre_step ul li p{color:#555;}
/* active 시 효과 */
.tre_step ul li.active b {background:#2e4398;border-color:#2e4398;}
.tre_step ul li.active:after{width:100%;background:#2e4398;transition:all 0.6s linear;}

/* 특징 */
.tre_charac{}
.tre_charac h2{}
.tre_charac h2 span{display:block;}
.tre_charac ul{margin-top:40px;display:flex;justify-content:space-between;}
.tre_charac ul li{background:#f4f8ff;border-radius:5px;width:18.5%;padding:40px 0;}
.tre_charac ul li img{margin:0 auto;display:block;width:60px;margin-bottom:15px;}
.tre_charac ul li i{text-align:center;display:block;color:#325997;font-size:50px;margin-bottom:5px;}
.tre_charac ul li h4{text-align:center;}
.tre_charac ul li p{color:#555;margin-top:5px;line-height:1.5;text-align:center;}

/* 적용대상 */
.tre_target{}
.tre_target .ctt{display:flex;justify-content:space-between;}
.tre_target h2{width:25%;}
.tre_target h2 span{display:block;}
.tre_target ul{width:72%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 0;}
.tre_target ul li{font-size:18px;padding-bottom:14px;width:49%;padding:25px;background:#f8f8f8;display:flex;align-items:center;}
.tre_target ul li span{font-weight:900;margin-right:10px;}

/* 진료공지 */
.tre_notice{background: linear-gradient(45deg, #001f42, #2d4297);padding: 50px 0;}
.tre_notice .ctt{text-align:center;}
.tre_notice span{color:#fff;font-weight:bold;display:flex;justify-content:center;align-items:center;letter-spacing:0;}
.tre_notice span img{width:26px;margin-right:6px;}
.tre_notice p{color:#fff;margin-top:10px;}
.tre_notice p b{color:#adacff}

/* 종류 */
.tre_kind{}
.tre_kind h2{text-align:center}
.tre_kind h2 span{display:Block;}
.tre_kind ul{margin-top:50px;display:flex;flex-wrap:wrap;gap:35px 0;justify-content:space-between;}
.tre_kind ul li{width:48%;display:flex;justify-content:space-between;}
.tre_kind ul li img{border-radius:10px;width:38%}
.tre_kind ul li div{width:58%;padding-top:20px;}
.tre_kind ul li h4{}
.tre_kind ul li p{color:#555;margin-top:8px;line-height:1.7;}

/* 치료방법 */
.tre_way{}
.tre_way span{display:block}
.tre_way ul{display:flex;justify-content:space-between;margin-top:40px;}
.tre_way ul li{width:23%;background:#fff;border: 1px solid #cfd8e5;border-radius:20px;padding:40px;}
.tre_way ul li img{width:60%;margin:0 auto;display:block;margin-top:20px;border-radius:100px;}
.tre_way ul li h2 {text-align:center;}
.tre_way ul li h2 b{display:block;}

/************** 도수치료  **************/
.manual_main{}
.manual_main .ctt{}
.manual_main_txt{}
.manual_main_txt h2{font-weight:300}
.manual_main_txt h2 b{font-weight:bold}
.manual_main_txt h4{margin-top:10px;color:#000;}
.manual_main_txt p{margin-top:8px;}
.manual_main_img{margin-top:60px;}
.manual_main_img img{width:100%}
.manual_slide .swiper-wrapper{align-items:end;}

.manual_case{background:#f4f8fb}
.manual_case .ctt{display:flex;align-items:center;justify-content:space-between;}
.manual_case_tit{width:50%;}
.manual_case_tit h2{}
.manual_case_tit h2 span{display:block}
.manual_case_tit h2 b{font-weight:bold}
.manual_case_tit p{margin-top:15px;}
.manual_case_tit ul{margin-top:60px;display:flex;}
.manual_case_tit ul li{width:20%;font-size:18px;text-align:center;;}
.manual_case_tit ul li img{width:80px;margin:0 auto;display:block;margin-bottom:13px;}
.manual_case_img{width:40%;}
.manual_case_img img{width:100%}

.therapy_step{}
.therapy_step .ctt{display:flex;justify-content:space-between;align-items:start;}
.therapy_step h2{width:25%;line-height:1.4;position:sticky;top:100px;left:0;}
.therapy_step h2 span{display:block;margin-bottom:8px;}
.therapy_step ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px 0;width:75%;}
.therapy_step ul li{width:32%;border-radius: 10px;background:#f4f8ff}
.therapy_step ul li img{width:100%;margin:0 auto;display:block;border-radius:10px;}
.therapy_step ul li div{padding:40px 30px;padding-right:0;}
.therapy_step ul li h4{}
.therapy_step ul li h4 span{text-align:center;width: 23px;height: 23px;display: inline-block;background: #2d4298;color: #fff;font-size: 12px;font-weight: 900;border-radius: 25px;line-height: 23px;position: relative;top: -3px;margin-right: 8px;}
.therapy_step ul li p{line-height:1.4;color:#555;margin-top:10px;letter-spacing:0;}

@media screen and (max-width:768px){
  .mb_block{display:block;}
  .pc_block{display:none;}
  body{min-width:100%;width:100%}
  .ctt{width:90%}
  .f50{font-size:22px;}
  .f40{font-size:20px}
  .f32{font-size:18px;}
  .f26{font-size:18px;}
  .f22{font-size:16px;}
  .f20{font-size:15px;}
  .f18{font-size:14px;}
  .f16{font-size:14px;}
  
  .page {margin-top:79px}
  .sub_top_wrap{padding:40px 0}
  .quick_home a img{width:11px;}
  .sub_quick{position:relative;}
  .sub_quick > div:after{margin: 0 10px;width: 7px;height: 7px;background-size: 7px;}
  .quick_choice_name{font-size:13px;}
  .quick_choice_name img{margin-left:7px;width:6px}
  .quick_list div{min-width:auto;position:unset;}
  .quick_list ul{top:40px;width:80%;transform:translateX(-50%);left:50%;}
  .quick_list ul li a{padding:12px;font-size:13px;}
  
  .pd130{padding:60px 0}
  .pdt130{padding-top:60px}
  .pdb130{padding-bottom:60px;}
  .sub_tit h4{line-height:1.4;}
  
  .tre_main .ctt{flex-wrap:wrap;}
  .tre_main_img{width:100%;}
  .tre_main_txt{width:100%;margin-top:20px;}
  .tre_main_txt p{margin-top:5px;word-break:keep-all;}
  .tre_main_txt p br{display:none;}
  
  .tre_main_txt2{margin-top:0}
  .tre_main_box{flex-wrap:wrap;margin-top:25px}
  .tre_main_box img{width:100%}
  .tre_main_box_txt{width:100%;padding:30px;}
  .tre_main_box_txt p b{font-size:15px;}
  .tre_main_box_txt p{word-break:keep-all}
  
  .tre_case{margin-top:25px;}
  .tre_case ul li{font-size:14px;padding:20px;word-break:keep-all;}
  .tre_case ul li img {width: 20px;margin-right: 10px;}
  
  .tre_case2 ul{flex-wrap:wrap;gap:10px 0;margin-top:20px;}
  .tre_case2 ul li{width:100%;padding:20px;}
  .tre_case2 ul li div{width:calc(100% - 85px)}
  .tre_case2 ul li p{word-break:keep-all}
  .tre_case2 ul li p br{display:none;}
  .tre_case2 ul li img{width:70px;}
  
  .tre_symptom h2 p{font-size:13px;}
  .tre_symptom ul{margin-top:25px;gap:15px 0;}
  .tre_symptom ul li, .tre_symptom ul.symptom_list2 li, .tre_symptom ul.symptom_list3 li{width:100%;display:flex;align-items:center;padding:20px;}
  .tre_symptom ul li img {width:80px;border-radius: 500px;height:80px;object-fit: cover;margin-right:15px;}
  .tre_symptom ul li p{text-align:left;word-break:keep-all;}
  .tre_symptom ul li p br{display:none}
  
  .tre_check{padding:30px}
  .tre_check ul li:first-child{padding-top:0;}
  .tre_check ul li{padding:20px 0;}
  .tre_check p {margin-top: 25px;font-size: 13px;padding-left: 0;padding-top:0px;}
  
  .tre_step ul{flex-wrap:wrap;gap:15px 0;margin-top:25px;}
  .tre_step ul li{width:100%}
  .tre_step ul li:before, .tre_step ul li:after, .tre_step ul li b{display:none}
  .tre_step ul li .step_box{margin:0;}
  
  .tre_charac ul{margin-top:25px;flex-wrap:wrap;gap:10px 0;}
  .tre_charac ul li{width:100%;align-items:center;padding:30px;display:flex;flex-wrap:wrap;}
  .tre_charac ul li i{text-align:left;font-size:40px;width:70px;}
  .tre_charac ul li div{width:calc(100% - 70px);text-align:left}
  .tre_charac ul li h4, .tre_charac ul li p{text-align:left}
  
  .tre_target .ctt{flex-wrap:wrap}
  .tre_target h2{width:100%}
  .tre_target ul{width:100%;margin-top:25px;}
  .tre_target ul li{width:100%;font-size:15px;word-break:keep-all;padding:18px;}
  
  .tre_notice span{display:block;}
  .tre_notice span img{display:block;margin:0 auto;margin-bottom:10px;}
  
  .tre_kind ul{margin-top:30px;}
  .tre_kind ul li{flex-wrap:wrap;width:100%}
  .tre_kind ul li img{width:100%}
  .tre_kind ul li div{width:100%;}
  
  .manual_main_img{margin-top:30px;}
  .manual_case .ctt{flex-wrap:wrap;}
  .manual_case_tit{width:100%}
  .manual_case_tit p{word-break:keep-all;}
  .manual_case_img{width:100%;margin-top:25px;}
  
  .therapy_step .ctt{flex-wrap:wrap;}
  .therapy_step h2{width:100%;position:relative;top:0;}
  .therapy_step ul{gap:15px 0;width:100%;margin-top:30px;}
  .therapy_step ul li{width:100%;display:flex;}
  .therapy_step ul li img{object-fit:cover;width:100px;margin:0;}
  .therapy_step ul li div{padding:20px;width:calc(100% - 100px)}
  
  
}