/* sub common */
#sub_visual {background-repeat: no-repeat; background-position: center center; background-size: cover;}
#sub_visual .inner {position: relative; height: 300px; text-align: center;}
#sub_visual .txt_box {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; box-sizing: border-box; padding: 0 30px; margin: 0 auto;}
#sub_visual .txt_box h3 {display: block; font-family: 'NanumSquare'; font-size: 50px; font-weight: 400; color: #fff;}
#sub_visual .txt_box p {margin: 10px 0 0 0; color: #fff;}

.sub_visual01 {background-image: url(../images/sub/sub_visual01.jpg);}
.sub_visual02 {background-image: url(../images/sub/sub_visual02.jpg);}
.sub_visual03 {background-image: url(../images/sub/sub_visual03.jpg);}
.sub_visual04 {background-image: url(../images/sub/sub_visual04.jpg);}
.sub_visual05 {background-image: url(../images/sub/sub_visual05.jpg);}

#sub_menu {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#sub_menu .inner {height: 60px;}
#sub_menu .inner:after {display: block; clear: both; *zoom: 1; content: '';}
#sub_menu .inner > li {position: relative; float: left; width: 200px; border-right: 1px solid #ddd;}
#sub_menu .inner > li .menu_tit {padding: 0 30px; line-height: 60px; color: #333; background: url(../images/sub/arrow_select.png) no-repeat 170px center; cursor: pointer;}
#sub_menu .inner > li .tit {padding: 0 30px; line-height: 60px; color: #333; background: url(../images/sub/arrow_select.png) no-repeat 170px center; cursor: pointer;}
#sub_menu .inner .home {width: 60px; height: 60px; border-left: 1px solid #ddd;}
#sub_menu .inner .home a {display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(../images/sub/ic_home.png) no-repeat center center;}
#sub_menu .drop_menu {display: none; position: absolute; top: 61px; left: -1px; right: 0; box-sizing: border-box; width: calc(100% + 2px); background-color: #fff; border: 1px solid #ddd; border-top: 0; z-index: 3;}
#sub_menu .drop_menu li {border-top: 1px solid #ddd;}
#sub_menu .drop_menu li:first-child {border: 0;}
#sub_menu .drop_menu li a {display: block; padding: 0 30px; line-height: 60px; color: #333;}


.mt10 {margin-top: 10px !important;}
.mt40 {margin-top: 40px !important;}
.m-block {display: none;}
.sound_only {display:none;}

h4.sub_tit {position: relative; margin: 0 0 20px 0; padding: 0 0 0 30px; font-family: 'NanumSquare'; font-size: 24px; font-weight: 500; color: #333;}
h4.sub_tit:before {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; box-sizing: border-box; width: 14px; height: 14px; border: 3px solid #d80e19; background-color: transparent; border-radius: 50%; content: '';}

/* sub contents */
.sub_contents {padding: 130px 0 100px;}
.sub_contents.pd_0 {padding: 0;}


/* 체크박스 */
.chk_box input[type="checkbox"]{display: none;}
.chk_box label {display: block; cursor: pointer;}
.chk_box label:after {display: block; clear: both; *zoom: 1; content: '';}
.chk_box label span {position: relative; float: left; box-sizing: border-box; width: 20px; height: 20px; border: 1px solid #ddd;}
.chk_box label span:before {visibility: hidden; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 12px; height: 12px; background-color: #d80e19; content: '';}
.chk_box label p {float: left; margin: 0 0 0 10px; line-height: 20px; color: #666;}
.chk_box input[type="checkbox"]:checked + label span:before {visibility: visible; opacity: 1;}
.radio-box input[type="radio"]{display: none;}
.radio-box label {display: block; color: #666; vertical-align: top;}
.radio-box input[type="radio"] + label span {display:inline-block; width: 20px; height: 20px; margin-right: 10px; vertical-align: middle; background: url(../images/sub/radio_off.png) no-repeat center; cursor: pointer; vertical-align: middle;}
.radio-box input[type="radio"]:checked + label span {background: url(../images/sub/radio_on.png) no-repeat center;}

/* 버튼 */
.btns {display: block; margin: 50px auto 0; font-size: 0; text-align: center;}
.btns button {display: inline-block; margin: 0 0 0 10px; width: 180px; height: 50px; font-family: 'NanumSquare'; font-weight: 500; font-size: 1rem; transition: all 0.3s ease-in-out;}
.btns button:first-child {margin: 0;}
.btns .btn_red {color: #d80e19; background-color: transparent; border: 1px solid #d80e19;}
.btns .btn_red:hover {color: #fff; background-color: #d80e19;}
.btns .btn_red02 {color: #fff; background-color: #d80e19; border: 1px solid #d80e19;}
.btns .btn_white {color: #333; background-color: transparent; border: 1px solid #333;}
.btns .btn_white:hover {color: #fff; background-color: #333; border: 1px solid #333;}
.btns_right {text-align: right;}
.btns_right button {width: 120px; height: 40px;}

/* 병원소개 */
/* 자강한방병원 */
.intro {background-image: linear-gradient(to bottom, #fff 0, #fff 280px, #eee 280px);}
.intro .tit {margin: 0 0 50px 0; text-align: center;}
.intro .tit h4 {position: relative; padding: 0 0 20px 0; margin: 0 0 20px 0; font-size: 32px; font-weight: 300; color: #333;}
.intro .tit h4:before {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 30px; height: 2px; background-color: #d80e19; content: '';}
.intro .tit p {padding: 0 100px; color: #666; word-break: keep-all;}
.intro .section01 ul {width: 780px; margin: 0 auto;}
.intro .section01 ul:after {display: block; clear: both; *zoom: 1; content: '';}
.intro .section01 ul li {float: left; width: calc((100% - 40px)/3); margin: 0 0 0 20px;}
.intro .section01 ul li:first-child {margin: 0;}
.intro .section01 ul li .img_box {overflow: hidden; border-radius: 50%;}
.intro .section01 ul li .img_box img {width: 100%; height: 100%; vertical-align: top;}
.intro .section01 ul li .txt_box {margin: 20px 0 0 0; text-align: center;}
.intro .section01 ul li .txt_box strong {display: block; font-size: 20px; font-weight: 300; color: #333;}
.intro .section01 ul li .txt_box p {margin: 10px 0 0 0; color: #666; word-break: keep-all;}
.intro .section02 .red_box {margin: 50px 0 0 0; box-sizing: border-box; width: 100%; padding: 40px 100px; border: 10px solid rgba(216,14,25,0.1); text-align: center;}
.intro .section02 .red_box p {color: #666; word-break: keep-all;}
.intro_top {box-sizing: border-box; height: 300px; padding: 60px 100px 0; background: url(../images/sub/intro_bg.jpg) no-repeat center center / cover;}
.intro_top strong {display: block; font-size: 32px; font-weight: 300; color: #fff;}
.intro_top strong em {display: block; font-family: 'Noto Sans SC', sans-serif; font-size: 40px; font-weight: 500; color: #fff;}
.intro_top p {margin: 15px 0 0 0; line-height: 1.6; color: #fff;}
.intro_list li {position: relative; margin: 100px 0 0 0; height: 420px;}
.intro_list .img_box {width: 580px; height: 420px;}
.intro_list .img_box img {width: 100%; vertical-align: top;}
.intro_list .txt_box {position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 680px; height: 260px; background-color: #fff;}
.intro_list .txt_box .tit {box-sizing: border-box; margin: 0; padding: 30px 80px; border-bottom: 1px solid #ddd;}
.intro_list .txt_box .tit strong {display: block; font-size: 32px; font-weight: 300; color: #333;}
.intro_list .txt_box .tit em {color: #16264b;}
.intro_list .txt_box .txt {padding: 20px 80px 0;}
.intro_list .txt_box .txt p {line-height: 1.6; color: #666; word-break: keep-all;}
.intro_list li:nth-child(2n) .img_box {margin: 0 0 0 auto;}
.intro_list li:nth-child(2n) .txt_box {right: auto; left: 0;}

/* 의료진 소개 */
.doctor_list:after {display: block; clear: both; *zoom: 1; content: '';}
.doctor_list > li {box-sizing: border-box; float: left; width: calc((100% - 20px)/2); margin: 0 0 20px 20px; border: 1px solid #ddd;}
.doctor_list > li:nth-child(2n + 1) {margin: 0 0 20px 0; clear: both;}
.doctor_list .profile_top {padding: 30px;}
.doctor_list .profile_top:after {display: block; clear: both; *zoom: 1; content: '';}
.doctor_list .profile_top > li {position: relative; float: right; box-sizing: border-box;}
.doctor_list .profile_top > li:before {display: block; content: '';}
.doctor_list .profile_top .txt {width: 60%;}
.doctor_list .profile_top .txt:before {padding-top: 80%;}
.doctor_list .profile_top .txt > div {position: absolute; top: 50%; transform: translateY(-50%); left: 0; box-sizing: border-box; width: 100%; padding: 0 20px 0 0; color: #333;}
.doctor_list .profile_top .txt > div p {word-break: keep-all;}
.doctor_list .profile_top .txt > div > span {display: block; margin: 10px 0 0 0;}
.doctor_list .profile_top .img {overflow: hidden; width: 40%; border: 1px solid #ddd;}
.doctor_list .profile_top .img:before {padding-top: 120%;}
.doctor_list .profile_top .img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.doctor_list .profile_bot {padding: 15px 30px 20px; background-color: #f6f6f6;}
.doctor_list .profile_bot li {margin: 5px 0 0 0;}
.doctor_list .profile_bot li:after {display: block; clear: both; *zoom: 1; content: '';}
.doctor_list .profile_bot li > * {float: left; color: #666;}
.doctor_list .profile_bot li:nth-child(1) span {width: 70px; margin: 0 5px 0 0;}
.doctor_list .profile_bot li:nth-child(1) p {width: calc(100% - 75px);}
.doctor_list .profile_bot li:nth-child(2) span {width: 52px; margin: 0 5px 0 0;}
.doctor_list .profile_bot li:nth-child(2) p {width: calc(100% - 57px);}

/* 병원 둘러보기 */
.h_photo img {width: 100%; vertical-align: top;}
.h_photo .txt_box {margin: 10px 0 0 0;}
.h_photo .slide {margin: 0 0 50px 0;}
.photo_for .slick-slide div {display: block; vertical-align: top;}
.photo_for .slide {position: relative;}
.photo_for .slide .txt_box {position: absolute; bottom: 0; left: 0; right: 0; box-sizing: border-box; width: 100%; padding: 15px 30px; text-align: left; background-color: rgba(0,0,0,0.6);}
.photo_for .slide .txt_box p {font-size: 18px; color: #fff;}
.photo_for .slide .txt_box span {display: block; margin: 5px 0 0 0; font-size: 16px; color: #fff;}
.photo_nav {margin: 20px 0 0 0; padding: 0 30px;}
.photo_nav .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 16px; height: 30px; background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
.photo_nav .slick-prev {left: 0; background-image: url(../images/sub/arrow_prev.png);}
.photo_nav .slick-next {right: 0; background-image: url(../images/sub/arrow_next.png);}
.photo_nav .slick-slide {margin: 0 10px;}
.photo_nav .slick-slide div {display: block; vertical-align: top;}
.photo_nav .slick-current {position: relative;}
.photo_nav .slick-current:before {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-sizing: border-box; width: 100%; height: 100%; background-color: transparent; border: 2px solid #d80e19; content: '';}
.h_photo .txt_box {text-align: center;}
.h_photo .txt_box01 {padding: 80px 30px;}
.h_photo .txt_box01 strong {display: block; margin: 0 0 10px 0; font-family: 'NanumSquare'; font-size: 24px; color: #333;}
.h_photo .txt_box01 strong em {font-family: 'NanumSquare'; color: #d80e19;}
.h_photo .txt_box01 p {display: block; color: #666; word-break: keep-all;}
.h_photo .txt_box02 {margin: 20px 0 0 0; padding: 30px; background-color: #eee;}
.h_photo .txt_box02 p {color: #333; letter-spacing: -1px; word-break: keep-all;}
.h_number {margin: 70px 0 0 0;}
.h_number .sub_tit {position: relative; margin: 0 0 20px 0; padding: 0 0 0 30px; font-family: 'NanumSquare'; font-size: 24px; font-weight: 500; color: #333;}
.h_number .sub_tit:before {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; box-sizing: border-box; width: 14px; height: 14px; border: 3px solid #d80e19; background-color: transparent; border-radius: 50%; content: '';}
.h_number .call {margin: 0 0 30px 0; padding: 50px 30px; text-align: center; border: 1px solid #ddd;}
.h_number .call strong {position: relative; display: inline-block; padding: 0 0 0 80px; line-height: 60px; font-family: 'NanumSquare'; font-size: 30px; font-weight: 400; color: #333; vertical-align: top;}
.h_number .call strong:before {display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; border-radius: 50%; background: #d80e19 url(../images/sub/ic_call.png) no-repeat center center; content: '';}
.h_number .call strong em {font-family: 'NanumSquare'; font-weight: 600;}
.promise_box {margin: 50px 0 0 0;}
.promise_box h3 {display: block; margin: 0 0 20px 0;}
.promise_box p + p {margin: 10px 0 0 0;}

/* 검진시스템 */
.system_list li {position: relative; margin: 30px 0 0 0;}
.system_list li:firt-child {margin: 0;}
.system_list li:after {display: block; clear: both; *zoom: 1; content: '';}
.system_list .img {position: absolute; top: 0; left: 0; width: 35%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.system_list .txt {float: right; box-sizing: border-box; width: 65%; height: 100%; padding: 70px 50px; background-color: #f6f6f6;}
.system_list .txt strong {display: block; margin: 0 0 5px 0; font-family: 'NanumSquare'; font-size: 20px; font-weight: 600; color: #0059b3;}
.system_list .txt span {display: block; color: #333;}
.system_list .txt p {margin: 15px 0 0 0; line-height: 1.6; color: #666; word-break: keep-all;}
.system_list li:nth-child(2n + 1) .txt {background-color: #2e303a;}
.system_list li:nth-child(2n + 1) .txt strong {color: #8baed5;}
.system_list li:nth-child(2n + 1) .txt span {color: #fff;}
.system_list li:nth-child(2n + 1) .txt p {color: #fff;}
.system_list .equip01 .img {background-image: url(../images/sub/system.jpg);}
.system_list .equip02 .img {background-image: url(../images/sub/system.jpg);}
.system_list .equip03 .img {background-image: url(../images/sub/system.jpg);}
.system_list .equip04 .img {background-image: url(../images/sub/system.jpg);}
.system_list .equip05 .img {background-image: url(../images/sub/system.jpg);}
.system_list .equip06 .img {background-image: url(../images/sub/system.jpg);}

/* 협력기관 */
.cooperate_list:after {display: block; clear: both; *zoom: 1; content: '';}
.cooperate_list li {float: left; width: calc((100% - 80px)/5); margin: 0 0 20px 20px;}
.cooperate_list li:nth-child(5n + 1) {margin: 0 0 20px 0; clear: both;}
.cooperate_list .img_box {overflow: hidden; position: relative; box-sizing: border-box; width: 100%; border: 1px solid #ddd;}
.cooperate_list .img_box:before {display: block; padding-top: 40%; content: '';}
.cooperate_list .img_box img {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; max-width: 100%;}
.cooperate_list p {margin: 10px 0 0 0; color: #666; text-align: center;}

/* 진료안내 & 오시는길 */
.call_info {position: relative;}
.call_info:after {display: block; clear: both; *zoom: 1; content: '';}
.call_info > li {box-sizing: border-box;}
.call_info .img {position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: url(../images/sub/location.jpg) no-repeat 0 0 / cover;}
.call_info .txt {float: right; width: 50%; padding: 50px 30px; background-color: #d80e19;}
.call_info .txt > strong {display: block; margin: 0 0 10px 0; font-family: 'NanumSquare'; font-size: 32px; font-weight: 400; color: #fff;}
.call_info .txt > a {display: inline-block; margin: 0 0 20px 0; padding: 0 0 0 40px; font-family: 'NanumSquare'; font-size: 32px; font-weight: 900; color: #fff; background: url(../images/sub/ic_call.png) no-repeat 0 center;}
.call_info .txt ul li {margin: 5px 0 0 0;}
.call_info .txt ul li:last-child {margin: 10px 0 0 0;}
.call_info .txt ul li:after {display: block; clear: both; *zoom: 1; content: '';}
.call_info .txt ul li span {float: left; color: #fff;}
.call_info .txt ul li p {float: left; margin: 0 0 0 5px; color: #fff;}
.call_info .txt ul li em {font-size: 18px; font-weight: 500; color: #fff;}

.map {position: relative; margin: 100px 0 0 0;}
.map img {width: 100%;  vertical-align: top;}
/*.map iframe {width: 100%; height: 500px; vertical-align: top;}
.map .txt_box {position: absolute; bottom: -30px; right: -30px; box-sizing: border-box; padding: 50px 30px; background-color: #2e303a;}
.map .txt_box strong {display: block; font-family: 'NanumSquare'; font-size: 20px; font-weight: 600; color: #fff;}
.map .txt_box p {margin: 10px 0 0 0; color: #fff;}*/
.map .map_add {display: block; margin: 10px 0 0 0; width: 100%; height: 60px; font-size: 20px; line-height: 60px; font-family: 'NanumSquare';  font-weight: 500; color: #fff; text-align: center; border-radius: 5px; background-color: #d80e19;}

.transport {margin: 50px 0 0 0;}
.transport .sub_tit {margin: 50px 0 10px;}
.transport div > p {word-break: keep-all;}
.transport div > p + p {margin: 10px 0 0 0;}
.transport div > span {display: block; margin: 5px 0 0 0; font-size: 14px; color: #666; word-break: keep-all;}
.transport > ul:after {display: block; clear: both; *zoom: 1; content: '';}
.transport > ul > li {float: left; box-sizing: border-box; width: 60%; padding: 0 50px 0 0;}
.transport > ul > li:last-child {width: 40%; padding: 0;}
.transport .hospital_proximity li {position: relative; margin: 5px 0 0 0;}
.transport .hospital_proximity li:before {display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; border-top: 1px dashed #ddd; content: '';}
.transport .hospital_proximity li:after {display: block; clear: both; *zoom: 1; content: '';}
.transport .hospital_proximity li p {position: relative; float: left; padding: 0 10px 0 0; background-color: #fff;}
.transport .hospital_proximity li p:before {display: block; width:  content: '';}
.transport .hospital_proximity li span {position: relative; float: right; padding: 0 0 0 10px; background-color: #fff;}

/*.transport ul:after {display: block; clear: both; *zoom: 1; content: '';}
.transport ul li {position: relative; float: left; box-sizing: border-box; width: 50%; padding: 10px 0 0 80px;}
.transport ul li:before {display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; border-radius: 50%; background-color: #eee; background-repeat: no-repeat; background-position: center center; content: '';}
.transport ul li:nth-child(1):before {background-image: url(../images/sub/ic_subway.png);}
.transport ul li:nth-child(2):before {background-image: url(../images/sub/ic_bus.png);}
.transport ul li strong {display: block; font-family: 'NanumSquare'; font-size: 22px; font-weight: 600; color: #333;}
.transport ul li p {margin: 5px 0 0 0; color: #666;}
*/

/* 통증재활치료 */
/* 비수술통증치료 */
.pain {background-image: linear-gradient(to bottom, #fff 520px, #eee 521px);}
.pain .tit {margin: 0 0 50px 0; text-align: center;}
.pain .tit h4 {position: relative; padding: 0 0 20px 0; margin: 0 0 20px 0; font-size: 32px; font-weight: 300; color: #333;}
.pain .tit h4:before {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 30px; height: 2px; background-color: #d80e19; content: '';}
.pain .tit p {padding: 0 100px; color: #666; word-break: keep-all;}
.pain .section01 img {max-width: 100%; vertical-align: top;}
.pain .section02 {margin: 60px 0;}
.pain .section02 ul:after {display: block; clear: both; *zoom: 1; content: '';}
.pain .section02 ul li {float: left; box-sizing: border-box; width: calc((100% - 40px)/3); margin: 0 0 30px 20px; padding: 20px 30px; background-color: #fff; text-align: center;}
.pain .section02 ul li:nth-child(3n + 1) {margin: 0 0 30px 0; clear: both;}
.pain .section02 ul li strong {display: block; line-height: 40px; font-size: 20px; font-weight: 400; color: #fff; background-color: #24262f; border-radius: 20px;}
.pain .section02 ul li div {position: relative; height: 100px;}
.pain .section02 ul li div p {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; color: #333;}
.pain_list:after {display: block; clear: both; *zoom: 1; content: '';}
.pain_list li {float: left; width: calc((100% - 20px)/2); margin: 0 0 20px 20px;}
.pain_list li:nth-child(2n + 1) {margin: 0 0 20px 0; clear: both;}
.pain_list .img_box {height: 260px;}
.pain_list .img_box img {width: 100%; vertical-align: top;}
.pain_list .txt_box {position: relative; box-sizing: border-box; height: 400px; padding: 70px 80px; background-color: #fff;}
.pain_list .txt_box .tit {position: absolute; top: -25px; left: 0; right: 0; display: block; margin: 0 auto; width: 100%; max-width: 420px; height: 50px; line-height: 50px; background-color: #24262f; border-radius: 25px; font-size: 20px; font-weight: 400; color: #fff; text-align: center;}
.pain_list .txt_box strong {display: block; line-height: 40px; font-size: 32px; font-weight: 300; color: #333; word-break: keep-all;}
.pain_list .txt_box strong em {font-size: 32px; color: #d80e19;}
.pain_list .txt_box p {margin: 15px 0 0 0; line-height: 1.6; color: #666; word-break: keep-all;}

.joint {margin: 100px 0 0 0; position: relative; height: 400px; background: url(../images/sub/pain_joint_bg.jpg) no-repeat right center;}
.joint .txt_box {position: absolute; top: 50%; transform: translateY(-50%); left: 100px; width: 600px;}
.joint .txt_box h6 {font-size: 40px; font-weight: 500; color: #333;}
.joint .txt_box strong {display: block; margin: 20px 0 0 0; line-height: 32px; font-size: 24px; font-weight: 300; color: #16264b; word-break: keep-all;}
.joint .txt_box p {margin: 20px 0 0 0; line-height: 1.7; color: #666; word-break: keep-all;}

.pain_list02 {margin: 60px 0 0 0;}
.pain_list02 li {margin: 30px 0 0 0;}
.pain_list02 li:after {display: block; clear: both; *zoom: 1; content: '';}
.pain_list02 li > div {float: left; height: 220px;}
.pain_list02 .img_box {width: 380px;}
.pain_list02 .img_box img {width: 100%; height: 100%; vertical-align: top;}
.pain_list02 .txt_box {box-sizing: border-box; width: calc(100% - 380px); padding: 30px 60px; background-color: #fff;}
.pain_list02 .txt_box .tit {display: block; margin: 0 0 20px -100px; box-sizing: border-box; width: 280px; height: 50px; padding: 0 0 0 100px; background-color: #24262f;}
.pain_list02 .txt_box .tit strong {line-height: 50px; font-size: 24px; font-weight: 300; color: #fff;}
.pain_list02 .txt_box p {line-height: 1.7; color: #666; word-break: keep-all;}

.pain_list03 {margin: 100px 0 0 0;}
.pain_list03 li {margin: 40px 0 0 0;}
.pain_list03 li:after {display: block; clear: both; *zoom: 1; content: '';}
.pain_list03 li > div {float: left; height: 280px;}
.pain_list03 .img_box {width: 280px;}
.pain_list03 .img_box img {width: 100%; height: 100%; vertical-align: top;}
.pain_list03 .txt_box {position: relative; width: calc(100% - 280px);}
.pain_list03 .txt_box > div {position: absolute; top: 50%; transform: translateY(-50%); left: 0; box-sizing: border-box; width: 100%; padding: 0 100px;}
.pain_list03 .txt_box strong {display: block; font-size: 32px; font-weight: 300; color: #333; word-break: keep-all;}
.pain_list03 .txt_box p {margin: 20px 0 0 0; line-height: 1.7; color: #666; word-break: keep-all;}

/* 교통사고치료 */
.accident {background-image: linear-gradient(to bottom, #fff 280px, #eee 281px);}
.accident_bnn {padding: 60px; background: url(../images/sub/accident_bnn.jpg) no-repeat center center / cover;}
.accident_bnn .txt_box {width: 60%;}
.accident_bnn .txt_box strong {display: block; line-height: 1.3; font-size: 32px; font-weight: 300; color: #333; word-break: keep-all;}
.accident_bnn .txt_box strong em {display: block; margin: 0 0 10px 0; font-size: 32px; color: #d80e19;}
.accident_bnn .txt_box p {margin: 20px 0 0 0; line-height: 1.7; color: #666; word-break: keep-all;}
.accident_box {margin: 100px 0 0 0; text-align: center;}
.accident_box strong {display: block; position: relative; padding: 0 0 100px 0; font-size: 40px; font-weight: 300; color: #333;}
.accident_box strong:before {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 1px; height: 80px; background-color: #333; content: '';}
.accident_box strong em {font-size: 40px; color: #d80e19;}
.accident_box ul li {margin: 30px 0 0 0;}
.accident_box ul li i {display: inline-block; width: 25px; height: 19px; background: url(../images/sub/ic_check.png) no-repeat 0 0 / cover; vertical-align: middle;}
.accident_box ul li p {display: inline-block; margin: 0 0 0 15px; max-width: calc(100% - 40px); line-height: 1.6; font-size: 20px; color: #333; vertical-align: top;}
.accident_list {margin: 100px 0 0 0;}
.accident_list li {margin: 30px 0 0 0; padding: 30px; background-color: #fff;}
.accident_list li:after {display: block; clear: both; *zoom: 1; content: '';}
.accident_list li > div {float: left; height: 280px;}
.accident_list .img_box {width: 280px;}
.accident_list .img_box img {width: 100%; height: 100%; vertical-align: top;}
.accident_list .txt_box {position: relative; width: calc(100% - 280px);}
.accident_list .txt_box > div {position: absolute; top: 50%; transform: translateY(-50%); left: 0; box-sizing: border-box; width: 100%; padding: 0 100px 0 50px;}
.accident_list .txt_box div strong {display: block; margin: 0 0 20px 0; font-size: 28px; font-weight: 300; color: #333;}
.accident_list .txt_box div p {line-height: 1.7; color: #666; word-break: keep-all;}
.accident_box02 {margin: 60px 0 0 0; text-align: center;}
.accident_box02 img {max-width: 100%; vertical-align: top;}
.accident_box02 p {margin: 30px 0 0 0; color: #333; word-break: keep-all;}
.accident_list02 {margin: 60px 0 0 0;}
.accident_list02:after {display: block; clear: both; *zoom: 1; content: '';}
.accident_list02 > li {position: relative; float: left; width: calc((100% - 40px)/3); margin: 0 0 20px 20px; background-color: #fff;}
.accident_list02 > li:before {display: block; padding-top: 100%; content: '';}
.accident_list02 > li:nth-child(3n + 1) {margin: 0 0 20px 0;}
.accident_list02 > li img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.accident_list02 > li .txt_box {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: calc(100% - 40px); height: calc(100% - 40px); text-align: center; background-color: rgba(0,0,0,0.6); z-index: 1;}
.accident_list02 > li .txt_box p {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-size: 20px; color: #fff;}
.tabs {margin: 60px 0 0 0; box-sizing: border-box; overflow: hidden; border: 1px solid #ddd;}
.tabs li {float: left; width: 50%;}
.tabs li a {display: block; width: 100%; height: 60px; line-height: 60px; font-size: 18px; color: #666; text-align: center; background-color: #ddd;}
.tabs li.on a {background-color: #d80e19; color: #fff;}
.tab_slide img {width: 100%; vertical-align: top;}
.tab_slide .slick-arrow {top: 50%; transform: translateY(-50%); width: 50px; height: 80px; background-repeat: no-repeat; background-position: center center; background-color: rgba(0,0,0,0.6);}
.tab_slide .slick-prev {left: 0; background-image: url(../images/sub/arrow_prev02.png);}
.tab_slide .slick-next {right: 0; background-image: url(../images/sub/arrow_next02.png);}

/* 수술 후 재활치료 */
.rehabilitation .section01 {padding: 0 30px; text-align: center;}
.rehabilitation .section01 strong {display: block; font-size: 32px; font-weight: 300; color: #333; word-break: keep-all;}
.rehabilitation .section01 p {margin: 10px 0 0 0; color: #666; word-break: keep-all;}
.rehabilitation .section02 {margin: 100px 0 0 0;}
.rehabilitation .section02 ul {margin: 0 0 50px 0;}
.rehabilitation .section02 ul:after {display: block; clear: both; *zoom: 1; content: '';}
.rehabilitation .section02 ul li {float: left; width: calc((100% - 100px)/6); margin: 0 0 0 20px; text-align: center;}
.rehabilitation .section02 ul li:first-child {margin: 0;}
.rehabilitation .section02 ul li .img_box {position: relative; overflow: hidden; width: 100%; border-radius: 50%;}
.rehabilitation .section02 ul li .img_box:before {display: block; padding-top: 100%; content: '';}
.rehabilitation .section02 ul li .img_box img {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 100%; height: 100%;}
.rehabilitation .section02 ul li p {margin: 10px 0 0 0; font-size: 20px; color: #333;}
.rehabilitation .section02 > p {padding: 0 100px; color: #666; text-align: center; word-break: keep-all;}
.rehabilitation .section03 {margin: 100px 0 0 0;}
.rehabilitation .section03:after {display: block; clear: both; *zoom: 1; content: '';}
.rehabilitation .section03 li {float: left; box-sizing: border-box; width: calc((100% - 20px)/2); height: 250px; padding: 50px; margin: 0 0 0 20px; text-align: center; background-color: #f6f6f6;}
.rehabilitation .section03 li:first-child {margin: 0;}
.rehabilitation .section03 li strong {position: relative; display: block; margin: 0 0 20px 0; padding: 0 0 20px 0; font-size: 28px; font-weight: 300; color: #333;}
.rehabilitation .section03 li strong:before {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 30px; height: 2px; background-color: #d80e19; content: '';}
.rehabilitation .section03 li p {color: #666; word-break: keep-all;}

/* 체형교정치료 */
.correction .tit {margin: 0 0 50px 0; text-align: center;}
.correction .tit h4 {position: relative; padding: 0 0 20px 0; margin: 0 0 20px 0; font-size: 32px; font-weight: 300; color: #333;}
.correction .tit h4:before {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 30px; height: 2px; background-color: #d80e19; content: '';}
.correction .tit p {padding: 0 100px; color: #666; word-break: keep-all;}
.correction .section01 ul {width: 780px; margin: 0 auto;}
.correction .section01 ul:after {display: block; clear: both; *zoom: 1; content: '';}
.correction .section01 ul li {float: left; width: calc((100% - 40px)/3); margin: 0 0 0 20px;}
.correction .section01 ul li:first-child {margin: 0;}
.correction .section01 ul li .img_box {overflow: hidden; border-radius: 50%;}
.correction .section01 ul li .img_box img {width: 100%; height: 100%; vertical-align: top;}
.correction .section01 ul li .txt_box {margin: 20px 0 0 0; text-align: center;}
.correction .section01 ul li .txt_box strong {display: block; font-size: 20px; font-weight: 300; color: #333;}
.correction .section01 ul li .txt_box p {margin: 10px 0 0 0; color: #666; word-break: keep-all;}
.correction .section02 {margin: 100px 0 0 0;}
.correction .section02 h5 {display: block; margin: 0 0 30px 0; font-size: 18px; font-weight: 300; color: #333; text-align: center;}
.correction .section02 .circle_list {width: 780px; margin: 30px auto 0;}
.correction .section02 .circle_list:after {display: block; clear: both; *zoom: 1; content: '';}
.correction .section02 .circle_list li {float: left; width: calc((100% - 40px)/3); margin: 0 0 0 20px; text-align: center;}
.correction .section02 .circle_list li:first-child {margin: 0;}
.correction .section02 .circle_list li:nth-child(2n) .tit {background-color: #2e303a;}
.correction .section02 .circle_list li .tit {position: relative; margin: 0 0 20px 0; width: 100%; border-radius: 50%; background-color: #d80e19;}
.correction .section02 .circle_list li .tit:before {display: block; padding-top: 100%; content: '';}
.correction .section02 .circle_list li .tit strong {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-size: 24px; font-weight: 300; color: #fff; text-align: center;}
.correction .section02 .circle_list li .tit strong span {display: block; font-size: 16px; color: rgba(255,255,255,0.7);}
.correction .section02 .circle_list li p {color: #666; word-break: keep-all;}
.correction .section03 {margin: 100px 0 0 0;}

.correction .section02 .num_list:after {display: block; clear: both; *zoom: 1; content: '';}
.correction .section02 .num_list > li {position: relative; float: left; box-sizing: border-box; width: calc((100% - 40px)/3); margin: 0 0 0 20px; border: 10px solid #ddd; text-align: center;}
.correction .section02 .num_list > li:first-child {margin: 0;}
.correction .section02 .num_list > li > span {position: absolute; top: -27px; left: 0; right: 0; margin: 0 auto; width: 50px; height: 50px; line-height: 50px; font-family: 'NanumSquare'; font-size: 24px; font-weight: 600; color: #fff; background-color: #d80e19; border-radius: 50%;}
.correction .section02 .num_list > li:nth-child(2n) > span {background-color: #2e303a;}
.correction .section02 .num_list > li > div {position: relative; height: 110px;}
.correction .section02 .num_list > li > div p {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 0 15px; color: #666; word-break: keep-all;}

/* 자강입원치료 */
/* 약선식이 */
.food .tit {margin: 0 0 50px 0; text-align: center;}
.food .tit h4 {position: relative; padding: 0 0 20px 0; margin: 0 0 20px 0; font-size: 32px; font-weight: 300; color: #333;}
.food .tit h4:before {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 30px; height: 2px; background-color: #d80e19; content: '';}
.food .tit p {padding: 0 100px; color: #666; word-break: keep-all;}
.food .tit p span {font-family: 'Noto Sans SC', sans-serif;}
.food .section01 ul {width: 780px; margin: 0 auto;}
.food .section01 ul:after {display: block; clear: both; *zoom: 1; content: '';}
.food .section01 ul li {position: relative; float: left; box-sizing: border-box; width: calc((100% - 100px)/3); margin: 0 0 0 50px; border-radius: 50%; border: 10px solid #d80e19; background-color: #fff;}
.food .section01 ul li:before {display: block; padding-top: 100%; content: '';}
.food .section01 ul li:after {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -50px; width: 30px; height: 30px; background: url(../images/sub/ic_plus.png) no-repeat 0 0; content: '';}
.food .section01 ul li:first-child {margin: 0;}
.food .section01 ul li:first-child:after {display: none;}
.food .section01 ul li strong {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-family: 'NanumSquare'; font-size: 28px; font-weight: 600; color: #333; text-align: center;}
.food .section02 {margin: 100px 0 0 0;}
.food .section02 .photo_list {width: 780px; margin: 100px auto 0;}
.food .section02 .photo_list:after {display: block; clear: both; *zoom: 1; content: '';}
.food .section02 .photo_list li {float: left; width: calc((100% - 20px)/2); margin: 20px 0 0 20px;}
.food .section02 .photo_list li:nth-child(2n + 1) {margin: 20px 0 0 0;}
.food .section02 .photo_list li img {width: 100%; vertical-align: top;}
.food .section03 {margin: 100px 0 0 0;}
.food .section03 .photo_list:after {display: block; clear: both; *zoom: 1; content: '';}
.food .section03 .photo_list li {float: left; width: calc((100% - 40px)/3); margin: 20px 0 0 20px;}
.food .section03 .photo_list li:nth-child(3n + 1) {margin: 20px 0 0 0;}
.food .section03 .photo_list li img {width: 100%; vertical-align: top;}
.food .section04 {margin: 100px 0 0 0;}
.food .section05 {margin: 100px 0 0 0;}
.food .section06 {margin: 100px 0 0 0;}
.food .num_list {margin: 30px 0 0 0;}
.food .num_list:after {display: block; clear: both; *zoom: 1; content: '';}
.food .num_list > li {position: relative; float: left; box-sizing: border-box; width: calc((100% - 40px)/3); margin: 0 0 0 20px; border: 10px solid #ddd; text-align: center;}
.food .num_list > li:first-child {margin: 0;}
.food .num_list > li > span {position: absolute; top: -27px; left: 0; right: 0; margin: 0 auto; width: 50px; height: 50px; line-height: 50px; font-family: 'NanumSquare'; font-size: 24px; font-weight: 600; color: #fff; background-color: #d80e19; border-radius: 50%;}
.food .num_list > li:nth-child(2n) > span {background-color: #2e303a;}
.food .num_list > li > div {position: relative; height: 110px;}
.food .num_list > li > div p {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 0 15px; color: #666; word-break: keep-all;}
.food .num_list.col2 > li {width: calc((100% - 20px)/2);}
.food .num_list.col4 > li {width: calc((100% - 20px)/2); margin: 20px 0 0 20px;}
.food .num_list.col4 > li:nth-child(2n + 1) {margin: 20px 0 0 0;}

/* 자강도수 재활치료 */
.rehabilitation_center .section01 .tit {text-align: center;}
.rehabilitation_center .section01 .tit h4 {font-size: 28px; font-weight: 300; color: #333;}
.rehabilitation_center .section01 .tit p {margin: 10px 0 0 0; color: #333;}
.rehabilitation_center .section01 .con_box {margin: 50px 0 0 0; overflow: hidden;}
.rehabilitation_center .section01 .con_box > div {position: relative; float: left; height: 228px;}
.rehabilitation_center .section01 .con_box .img_box {width: 380px;}
.rehabilitation_center .section01 .con_box .img_box img {width: 100%; vertical-align: top;}
.rehabilitation_center .section01 .con_box .txt_box {width: calc(100% - 380px);}
.rehabilitation_center .section01 .con_box .txt_box p {position: absolute; top: 50%; transform: translateY(-50%); left: 0; box-sizing: border-box; width: 100%; padding: 0 0 0 30px; color: #333; word-break: keep-all;}
.rehabilitation_list {margin: 100px 0 0 0;}
.rehabilitation_list:after {display: block; clear: both; *zoom: 1; content: '';}
.rehabilitation_list li {float: left; width: calc((100% - 40px)/3); margin: 0 0 0 20px;}
.rehabilitation_list li:first-child {margin: 0;}
.rehabilitation_list li .img_box {overflow: hidden; position: relative;}
.rehabilitation_list li .img_box:before {display: block; padding-top: 52.631578%; content: '';}
.rehabilitation_list li .img_box img {position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;}
.rehabilitation_list li .txt_box {padding: 10px 15px 0;}
.rehabilitation_list li .txt_box strong {display: block; margin: 0 0 10px 0; font-size: 24px; font-weight: 300; color: #333;}
.rehabilitation_list li .txt_box p {color: #333; word-break: keep-all;}
.rehabilitation_center .section03 {margin: 100px 0 0 0;}
.rehabilitation_center .section03 > strong {display: block; padding: 0 30px; margin: 0 0 30px 0; font-size: 26px; font-weight: 300; color: #333; text-align: center; word-break: keep-all;}
.rehabilitation_center .section03 .photo_list:after {display: block; clear: both; *zoom: 1; content: '';}
.rehabilitation_center .section03 .photo_list li {position: relative; float: left; overflow: hidden; width: calc((100% - 40px)/3); margin: 0 0 0 20px;}
.rehabilitation_center .section03 .photo_list li:first-child {margin: 0;}
.rehabilitation_center .section03 .photo_list li img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; vertical-align: top;}
.rehabilitation_center .section03 .photo_list li:before {display: block; padding-top: 63.157894%; content: '';}
/* 재활의료장비 */
.equipment_list:after {display: block; clear: both; *zoom: 1; content: '';}
.equipment_list li {float: left; width: calc((100% - 40px)/3); margin: 0 0 20px 20px;}
.equipment_list li:nth-child(3n + 1) {margin: 0 0 20px 0;}
.equipment_list li .tit_box {text-align: center;}
.equipment_list li .tit_box strong {display: block; line-height: 60px; font-size: 18px; color: #fff; background-color: #2e303a;}
.equipment_list li .img_box img {width: 100%; vertical-align: top;}

/* 입퇴원 안내 */
.hospitalization .section01 {padding: 0 0 140px 0;}
.hospitalization .process:after {display: block; clear: both; *zoom: 1; content: '';}
.hospitalization .process li {position: relative; box-sizing: border-box; width: calc((100% - 120px)/4); border-radius: 50%; border: 10px solid #d80e19;}
.hospitalization .process li:before {display: block; padding-top: 100%; content: '';}
.hospitalization .process li:after {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -30px; width: 16px; height: 30px; background: url(../images/sub/arrow_next.png) no-repeat 0 0; content: '';}
.hospitalization .process li:first-child {margin: 0;}
.hospitalization .process li > div {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center;}
.hospitalization .process li > div span {display: block; font-family: 'NanumSquare'; font-size: 32px; font-weight: 600; color: #d80e19;}
.hospitalization .process li > div p {margin: 10px 0 0 0; font-size: 24px; color: #d80e19; word-break: keep-all;}
.hospitalization .process li:nth-child(2n) {border-color: #24262f;}
.hospitalization .process li:nth-child(2n) > div span {color: #24262f;}
.hospitalization .process li:nth-child(2n) > div p {color: #24262f;}
.hospitalization .process01 li {float: left; margin: 0 0 0 40px;}
.hospitalization .process01 li:first-child:after {display: none;}
.hospitalization .process02 {margin: 40px 0 0 0;}
.hospitalization .process02 li {float: right; margin: 0 40px 0 0;}
.hospitalization .process02 li:after {left: auto; right: -30px; transform: translateY(-50%) rotate(180deg);}
.hospitalization .process02 li:first-child:after {right: 0; left: 0; margin: 0 auto; top: -40px; transform: translateY(0) rotate(90deg);}
.hospitalization .section02 {padding: 100px 0 140px; background-color: #eee;}
.hospitalization .section03 {padding: 100px 0 0;}
.hospitalization .con_wrap + .con_wrap {margin: 80px 0 0 0;}
.hospitalization .con_wrap .list {box-sizing: border-box; padding: 30px 50px 30px 30px; border: 1px solid #ddd; background-color: #fff;}
.hospitalization .con_wrap .list li {margin: 30px 0 0 0;}
.hospitalization .con_wrap .list li:first-child {margin: 0;}
.hospitalization .con_wrap .list .tit {display: inline-block; margin: 0 0 10px 0; padding: 0 30px; height: 40px; line-height: 40px; font-family: 'NanumSquare'; font-size: 20px; color: #fff; text-align: center; background-color: #24262f; border-radius: 20px;}
.hospitalization .con_wrap .list li:nth-child(2n) .tit {background-color: #353a4f;}
.hospitalization .con_wrap .list .tit02 {display: block; font-size: 20px; font-weight: 300; color: #333; word-break: keep-all;}
.hospitalization .con_wrap .list p {color: #666; word-break: keep-all;}

/* 암치료 */
/* 암 입원치료 */
.cancer05 ul li {margin: 30px 0 0 0;}
.cancer05 ul li:first-child {margin: 0;}
.cancer05 ul li:after {display: block; clear: both; *zoom: 1; content: '';}
.cancer05 .img_box {float: left; width: 380px;}
.cancer05 .img_box img {vertical-align: top;}
.cancer05 .txt_box {position: relative; float: left; width: calc(100% - 380px); height: 240px;}
.cancer05 .txt_box div {position: absolute; top: 50%; transform: translateY(-50%); left: 0; box-sizing: border-box; width: 100%; padding: 0 0 0 50px;}
.cancer05 .txt_box .tit {display: block; margin: 0 0 10px; font-size: 28px; font-weight: 300; color: #333; text-align: left;}
.cancer05 .txt_box p {color: #666; word-break: keep-all;}

/* 고주파온열암 */
.cancer {padding: 130px 0 0;}
.cancer .tit {margin: 0 0 50px 0; text-align: center;}
.cancer .tit h4 {position: relative; padding: 0 0 20px 0; margin: 0 0 20px 0; font-size: 32px; font-weight: 300; color: #333;}
.cancer .tit h4:before {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 30px; height: 2px; background-color: #d80e19; content: '';}
.cancer .tit p {color: #666; word-break: keep-all;}
.cancer .tit02 {margin: 0 0 50px 0; text-align: center;}
.cancer .tit02 strong {position: relative; display: block; margin: 0 0 5px 0; font-size: 40px; font-weight: 300; color: #333;}
.cancer .tit02 strong:before {display: block; position: absolute; top: -140px; left: 0; right: 0; margin: 0 auto; width: 1px; height: 100px; background-color: #24262f; content: '';}
.cancer .tit02 span {color: #d80e19; word-break: keep-all;}
.cancer .tit02 p {margin: 10px 0 0 0; color: #666; word-break: keep-all;}
.cancer01 .section01 {padding: 0 0 100px; background-image: linear-gradient(to bottom, #fff 350px, #eee 351px);}
.cancer01 .section01 ul {width: 100%; max-width: 980px; margin: 0 auto;}
.cancer01 .section01 ul:after {display: block; clear: both; *zoom: 1; content: '';}
.cancer01 .section01 ul li {float: left; width: calc((100% - 140px)/3); margin: 0 0 0 70px;}
.cancer01 .section01 ul li:first-child {margin: 0;}
.cancer01 .section01 ul li img {display: block; width: 100%; margin: 0 auto;}
.cancer01 .section01 ul li strong {position: relative; display: block; margin: -60px 0 0 0; width: 100%; height: 60px; line-height: 60px; font-size: 20px; font-weight: 400; color: #fff; text-align: center; background-color: #24262f; border-radius: 30px;}
.cancer01 .section01 .point_txt {position: relative; margin: 50px 0 0 0; padding: 50px 0; text-align: center;}
.cancer01 .section01 .point_txt:before {display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 23px; height: 21px; background: url(../images/sub/ic_mark01.png) no-repeat 0 0; content: '';}
.cancer01 .section01 .point_txt:after {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 23px; height: 21px; background: url(../images/sub/ic_mark02.png) no-repeat 0 0; content: '';}
.cancer01 .section01 .point_txt strong {display: block; font-size: 28px; font-weight: 300; color: #333;}
.cancer01 .section02 {padding: 90px 0 140px;}
.cancer01 .section02 ul:after {display: block; clear: both; *zoom: 1; content: '';}
.cancer01 .section02 ul li {float: left; box-sizing: border-box; width: calc((100% - 40px)/3); margin: 0 0 0 20px; border: 1px solid #ddd;}
.cancer01 .section02 ul li:first-child {margin: 0;}
.cancer01 .section02 ul li img {width: 100%; vertical-align: top;}
.cancer01 .section02 .red_box {margin: 50px 0 0 0; box-sizing: border-box; width: 100%; padding: 40px 100px; border: 10px solid rgba(216,14,25,0.1); text-align: center;}
.cancer01 .section02 .red_box p {color: #666; word-break: keep-all;}
.cancer01 .section03 {padding: 90px 0 140px; background-color: #eee;}
.cancer01 .section03 .num_list li {box-sizing: border-box; width: 100%; padding: 20px 40px; margin: 10px 0 0 0; background-color: #fff;}
.cancer01 .section03 .num_list li:after {display: block; clear: both; *zoom: 1; content: '';}
.cancer01 .section03 .num_list li .num {float: left; width: 140px; height: 140px; line-height: 140px; font-family: 'NanumSquare'; font-size: 52px; font-weight: 600; color: #fff; text-align: center; background-color: #24262f; border-radius: 50%;}
.cancer01 .section03 .num_list li:nth-child(2n) .num {background-color: #353a4f;}
.cancer01 .section03 .num_list li .txt_box {float: left; width: calc(100% - 140px); height: 140px;}
.cancer01 .section03 .num_list li .txt_box strong {display: block; padding: 20px 45px 10px; font-size: 24px; font-weight: 500; color: #333; border-bottom: 1px solid #ddd;}
.cancer01 .section03 .num_list li .txt_box strong em {font-size: 24px; color: #d80e19;}
.cancer01 .section03 .num_list li .txt_box p {display: block; margin: 10px 0 0 0; padding: 0 45px; color: #666; word-break: keep-all;}

.cancer04 .section01 {padding: 0 0 140px 0;}
.cancer04 .section01 img {width: 100%; vertical-align: top;}
.cancer04 .section02 {padding: 100px 0 140px; background-color: #eee;}
.cancer04 .section02 .list li {box-sizing: border-box; width: 100%; margin: 20px 0 0 0; padding: 30px; background-color: #fff;}
.cancer04 .section02 .list li:after {display: block; clear: both; *zoom: 1; content: '';}
.cancer04 .section02 .list li .num {float: left; width: 50px; height: 50px; line-height: 50px; font-family: 'NanumSquare'; font-size: 24px; font-weight: 600; color: #fff; text-align: center; border-radius: 50%; background-color: #d80e19;}
.cancer04 .section02 .list li:nth-child(2n) .num {background-color: #24262f;}
.cancer04 .section02 .list li p {float: left; box-sizing: border-box; width: calc(100% - 50px); padding: 10px 0 0 30px; color: #666; word-break: keep-all;}

/* list paging */
.list_paging {display: block; margin: 60px auto 0; text-align: center;}
.list_paging > button {display: inline-block; width: 50px; height: 50px; text-indent: -9999px; vertical-align: top; background-repeat: no-repeat; background-position: center center;}
.list_paging > button.btn_prev {background-image: url(../images/sub/paging_prev.png);}
.list_paging > button.btn_next {background-image: url(../images/sub/paging_next.png);}
.list_paging ul {display: inline-block; margin: 0 20px; vertical-align: top;}
.list_paging ul:after {display: block; clear: both; *zoom: 1; content: '';}
.list_paging ul li {float: left; margin: 0 5px; width: 50px; height: 50px; line-height: 50px;}
.list_paging ul li a {display: block; color: #666; text-align: center;}
.list_paging ul li.on {background-color: #16264b; border-radius: 50%;}
.list_paging ul li.on a {color: #fff;}

/* 테이블 공통 - 리스트 */
.board_top {padding: 0 0 10px 0; border-bottom: 1px solid #666;}
.board_top:after {display: block; clear: both; *zoom: 1; content: '';}
.board_top p {float: left; line-height: 40px; color: #333;}
.board_top .search_form {position: relative; float: right;}
.board_top .search_form select {float: left; margin: 0 10px 0 0; width: 100px; height: 40px; padding: 0 30px 0 15px; color: #333; border: 1px solid #ddd; background: url(../images/sub/arrow_select.png) no-repeat 78px center;}
.board_top .search_form input {float: left; width: 270px; height: 40px; padding: 0 50px 0 15px; border: 1px solid #ddd;}
.board_top .search_form button {position: absolute; top: 0; right: 10px; width: 40px; height: 40px; background: url(../images/sub/btn_search.png) no-repeat center center; text-indent: -9999px;}

.table_list {width: 100%;}
.table_list thead tr {background-color: #f6f6f6;}
.table_list tr th {height: 50px; font-size: 0.875rem; font-weight: 500; color: #666;}
.table_list tr td {height: 60px; font-size: 1rem; color: #999; text-align: center;}
.table_list tr {border-bottom: 1px solid #ddd;}
.table_list tr.notice .num {font-weight: 500; color: #16264b;}
.table_list tr.notice .tit a {font-weight: 500;}
.table_list td.num {color: #666;}
.table_list td.writer {color: #666;}
.table_list td.tit a {display: block; overflow: hidden; width: 100%; max-width: 650px; line-height: 60px; font-size: 1rem; color: #333; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}

.board_view .view_top {box-sizing: border-box; width: 100%; padding: 15px 30px; border-top: 1px solid #666; border-bottom: 1px solid #ddd;}
.board_view .view_top .tit {font-size: 1.25rem; font-weight: 400; color: #333;}
.board_view .view_top > ul {margin: 5px 0 0 0;}
.board_view .view_top > ul:after {display: block; clear: both; *zoom: 1; content: '';}
.board_view .view_top > ul li {float: left; line-height: 1.6; font-size: 1rem; color: #999;}
.board_view .view_top > ul li:last-child {float: right;}
.board_view .view_file {display: block; box-sizing: border-box; height: 46px; padding: 10px 30px; border-bottom: 1px solid #ddd;}
.board_view .view_file:after {display: block; clear: both; *zoom: 1; content: '';}
.board_view .view_file span {float: left; margin: 0 10px 0 0; font-size: 1rem; color: #999;}
.board_view .view_file a {float: left; font-size: 1rem; color: #999;}
.board_view .view_file a:hover {border-bottom: 1px solid #999;}
.board_view .view_con {box-sizing: border-box; width: 100%; padding: 30px; border-bottom: 1px solid #ddd;}
.board_view .view_con img {max-width: 100%; vertical-align: top;}
.board_view .view_con p {font-size: 1rem; color: #666;}
.board_view .view_btn > li {display: block; box-sizing: border-box; width: 100%; padding: 0 30px; border-bottom: 1px solid #ddd;}
.board_view .view_btn > li:after {display: block; clear: both; *zoom: 1; content: '';}
.board_view .view_btn > li span {float: left; box-sizing: border-box; width: 85px; height: 50px; line-height: 50px; font-size: 1rem; color: #999;}
.board_view .view_btn > li a {float: left; box-sizing: border-box; overflow: hidden; width: calc(100% - 85px); height: 50px; line-height: 50px; font-size: 1rem; color: #666; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.board_view .view_btn > li a:hover {color: #333;}

/* FAQ */
.faq-list {border-top: 1px solid #ddd;}
.faq-list li div:after {display: block; clear: both; *zoom: 1; content: '';}
.faq-list li div span {float: left; display: block; width: 44px; line-height: 1.6; font-size: 1rem; font-weight: 500; color: #16264b; text-align: left;}
.faq-list li .faq-tit {box-sizing: border-box; width: 100%; padding: 20px 35px; color:#666; border-bottom:1px solid #ddd; cursor: pointer;}
.faq-list li .faq-tit span {color: #16264b;}
.faq-list li .faq-tit strong {float: left; display: block; width: calc(100% - 44px); line-height: 1.6; font-weight: 400; color: #333; word-break: keep-all;}
.faq-list li .faq-con {display: none; box-sizing: border-box; width: 100%; padding: 20px 35px; border-bottom: 1px solid #ddd; background-color: #fbfbfb;}
.faq-list li .faq-con span {color: #ebc97f;}
.faq-list li .faq-con p {float: left; width: calc(100% - 44px); line-height: 1.6; font-weight: 400; color: #666; word-break: keep-all;}
.faq-list li.no-list .faq-tit {text-align: center; background: none; cursor: auto;}


.m-popup {display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.m-popup .popup-wrap {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 300px; height: 120px; background-color: #fff;}
.m-popup .popup-wrap .tit {display: block; width: 100%; box-sizing: border-box; padding: 0 15px; height: 40px; line-height: 40px; font-weight: 600; color: #fff; background-color: #16264b; text-align: left;}
.m-popup .popup-wrap .txt {display: block; width: 100%; box-sizing: border-box; padding: 15px;}
.m-popup .popup-wrap .txt p {font-size: 0.875rem; color: #999;}
.m-popup.popup-today .popup-wrap .txt p {color: #16264b;}
.m-popup .popup-wrap .btn-close {position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; background: url(../images/sub/btn_close.png) no-repeat 0 0; text-indent: -9999px;}

/* 예약 및 상담 */
.reservation .table_list td.tit a {max-width: 580px;}
.reservation .state.c_red {color: #d80e19;}

/* 작성 폼 */
.table_write {width: 100%; border-top: 1px solid #333;}
.table_write tr {height: 60px; border-bottom: 1px solid #ddd;}
.table_write th {padding: 0 30px; font-weight: 400; color: #333; text-align: left; background-color: #f6f6f6;}
.table_write th em {color: #d80e19;}
.table_write td {padding: 10px 30px; color: #666;}
.table_write td input {width: 250px; height: 50px;}
.table_write td select {width: 250px; height: 50px; padding: 0 30px; background: #fff url(../images/sub/arrow_select.png) no-repeat 92% center;}
.table_write td textarea {display: block; width: 100%; height: 200px; padding: 10px;}
.table_write .title input {width: 100%;}
.table_write .tel select {float: left; width: 120px;}
.table_write .tel input {float: left; width: 120px; margin: 0 0 0 10px;}
.table_write .date {position: relative; width: 250px;} 
.table_write .date input {padding: 0 50px 0 30px;}
.table_write .date img {position: absolute; top: 50%; transform: translateY(-50%); right: 10px; cursor: pointer;}
.file_box:after {display: block; clear: both; *zoom: 1; content: '';}
.file_box input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.file_box label {float: left; display: block; margin: 0 0 0 10px; box-sizing: border-box; width: 100px; text-align:center; line-height: 50px; height: 50px; color: #fff; background-color: #666;}
.file_box .upload-name {float: left; overflow: hidden; width: 250px; padding: 0 30px; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.agree_box {margin: 50px 0 0 0; overflow-y: scroll; box-sizing: border-box; width: 100%; height: 200px; padding: 20px; border: 1px solid #ddd;}
.agree_box strong {font-weight: 500; color: #999;}
.agree_box p {color: #999;}
.agree_chk {margin: 10px 0 0 0; text-align: right; vertical-align: top;}
.agree_chk .chk_box {display: inline-block;}

/* 치료후기 */
.review_list {margin: 10px 0 0 0;}
.review_list li {border-bottom: 1px solid #eee;}
.review_list li a {display: block; padding: 20px 0;}
.review_list li a:after {display: block; clear: both; *zoom: 1; content: '';}
.review_list .img_box {float: left; width: 360px; height: 270px;}
.review_list .img_box img {width: 100%; height: 100%; vertical-align: top;}
.review_list .txt_box {float: left; box-sizing: border-box; width: calc(100% - 360px); padding: 20px 0 20px 40px;}
.review_list .txt_box .tit {display: block; overflow: hidden; padding: 0 0 25px 0; margin: 0 0 25px 0; font-size: 32px; font-weight: 300; color: #333; border-bottom: 1px solid #ddd; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.review_list .txt_box .txt {display: -webkit-box; overflow: hidden; height: 5.1em; line-height: 1.7; color: #666; text-overflow: ellipsis; white-space: normal; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.review_list .txt_box .info {margin: 30px 0 0 0; font-size: 0;}
.review_list .txt_box .info span {display: inline-block; position: relative; margin: 0 0 0 10px; padding: 0 0 0 10px; font-size: 12px; color: #999; vertical-align: top;}
.review_list .txt_box .info span:before {display: block; position: absolute; top: 3px; left: 0; width: 1px; height: 12px; background-color: #999; content: '';}
.review_list .txt_box .info span:first-child {margin: 0; padding: 0;}
.review_list .txt_box .info span:first-child:before {display: none;}

/* 전후사진 */
.ba_list:after {display: block; clear: both; *zoom: 1; content: '';}
.ba_list li {float: left; width: calc((100% - 40px)/3); margin: 50px 0 0 20px;}
.ba_list li:nth-child(3n + 1) {margin: 50px 0 0 0; clear: both;}
.ba_list li:nth-child(-n + 3) {margin-top: 20px;}
.ba_list li a {display: block;}
.ba_list .img_box {position: relative; overflow: hidden; width: 100%;}
.ba_list .img_box:before {display: block; padding-top: 70%; content: '';}
.ba_list .img_box img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.ba_list .txt_box {margin: 20px 0 0 0;}
.ba_list .tit {display: block; width: 100%; overflow: hidden; font-size: 18px; font-weight: 400; color: #333; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.ba_list .txt {display: -webkit-box; overflow: hidden; margin: 10px 0 0 0; height: 3.4em; line-height: 1.7; color: #666; text-overflow: ellipsis; white-space: normal; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ba_list .info {margin: 10px 0 0 0; font-size: 14px; color: #999;}


@media screen and (min-width:1201px) and (max-width: 1450px) {
	#sub_visual .txt_box {padding: 0 160px 0 30px;}

	/* 병원소개 */
	/* 자강한방병원 */
	.intro_top {padding: 50px 50px 0;}
	.intro_top strong {word-break: keep-all;}
	.intro_list li {height: 355px;}
	.intro_list .img_box {width: 490px; height: 355px;}
	.intro_list .txt_box {width: 500px; height: 200px;}
	.intro_list .txt_box .tit {padding: 20px 30px;}
	.intro_list .txt_box .txt {padding: 20px 30px 0;}
	.intro .section02 .red_box {padding: 40px 50px;}

	/* 통증재활치료 */
	/* 비수술통증치료 */
	.pain_list .txt_box {padding: 50px 30px 30px;}
	.pain_list .txt_box .tit {width: 80%;}
	.pain_list .txt_box strong {font-size: 24px; line-height: 34px;}
	.pain_list .txt_box strong em {font-size: 24px;}
	.joint {margin: 50px 0 0 0;}
	.joint .txt_box {left: 50px; width: 470px;}
	.pain_list02 .img_box {width: 360px;}
	.pain_list02 .txt_box {width: calc(100% - 360px); padding: 15px 30px;}
	.pain_list02 .txt_box .tit {margin: 0 0 10px -100px; height: 40px;}
	.pain_list02 .txt_box .tit strong {line-height: 40px;}
	.pain_list03 .txt_box > div {padding: 0 0 0 30px;}
	.pain_list03 .txt_box strong {font-size: 24px;}

	/* 교통사고치료 */
	.accident_bnn .txt_box {width: 70%;}
	.accident_list .txt_box > div {padding: 0 30px;}

	/* 수술 후 재활치료 */
	.rehabilitation .section02 > p {padding: 0 50px;}

	/* 자강입원치료 */
	/* 약선식이 */
	.food .section01 ul {width: 100%; max-width: 780px;}
	.food .section02 .photo_list {width: 100%; max-width: 780px;}

	/* 입퇴원안내 */
	.hospitalization .process li > div span {font-size: 28px;}
	.hospitalization .process li > div p {margin: 0; font-size: 20px;}

	/* 암치료 */
	/* 고주파온열암치료 */
	.cancer01 .section01 ul li {width: calc((100% - 60px)/3); margin: 0 0 0 30px;}
	.cancer01 .section01 .point_txt strong {font-size: 26px;}
	.cancer01 .section03 .num_list li .txt_box strong {padding: 20px 30px 10px;}
	.cancer01 .section03 .num_list li .txt_box p {padding: 0 30px;}

	/* 예약 및 상담 */
	.reservation .table_list td.tit a {max-width: 310px;}
}



/* tablet */
@media screen and (min-width:768px) and (max-width:1200px) {
	.sub_tab {padding: 0 30px;}
	.sub_tab li {margin: 0 0 0 30px;}

	.sub_contents {padding: 70px 0 50px;}

	/* 병원소개 */
	/* 자강한방병원 */
	.intro_top {padding: 50px 50px 0;}
	.intro_top strong {word-break: keep-all;}
	.intro_list {margin: 50px 0 0 0;}
	.intro_list:after {display: block; clear: both; *zoom: 1; content: '';}
	.intro_list li {float: left; width: calc((100% - 20px)/2); height: auto; margin: 0 0 20px 20px;}
	.intro_list li:nth-child(2n + 1) {margin: 0 0 20px 0;}
	.intro_list .img_box {width: 100%; height: auto;}
	.intro_list .txt_box {position: static; top: auto; transform: none; width: 100%; height: 260px;}
	.intro_list .txt_box .tit {position: relative; height: 110px; padding: 20px;}
	.intro_list .txt_box .tit h2 {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 0 30px; font-size: 22px; word-break: keep-all;}
	.intro_list .txt_box .txt {padding: 20px;}
	.intro .section02 .red_box {padding: 40px 50px;}

	/* 의료진 소개 */
	.doctor_list .profile_top {padding: 15px;}
	.doctor_list .profile_bot {padding: 10px 15px 15px;}

	/* 검진시스템 */
	.system_list .img {width: 40%;}
	.system_list .txt {width: 60%; padding: 50px 30px;}

	/* 협력기관 */
	.cooperate_list li {width: calc((100% - 60px)/4);}
	.cooperate_list li:nth-child(5n + 1) {margin: 0 0 20px 20px; clear: none;}
	.cooperate_list li:nth-child(4n + 1) {margin: 0 0 20px 0; clear: both;}

	/* 통증재활치료 */
	/* 비수술통증치료 */
	.pain_list .txt_box {padding: 50px 30px 30px;}
	.pain_list .txt_box .tit {width: 80%;}
	.pain_list .txt_box strong {font-size: 24px; line-height: 34px;}
	.pain_list .txt_box strong em {font-size: 24px;}
	.joint {margin: 50px 0 0 0;}
	.joint .txt_box {left: 50px; width: 470px;}
	.pain_list02 .img_box {width: 360px;}
	.pain_list02 .txt_box {width: calc(100% - 360px); padding: 15px 30px;}
	.pain_list02 .txt_box .tit {margin: 0 0 10px -100px; height: 40px;}
	.pain_list02 .txt_box .tit strong {line-height: 40px;}
	.pain_list02 .txt_box p {font-size: 15px;}
	.pain_list03 {margin: 60px 0 0 0;}
	.pain_list03 .txt_box > div {padding: 0 0 0 30px;}
	.pain_list03 .txt_box strong {font-size: 20px;}

	/* 교통사고치료 */
	.accident_bnn {padding: 30px;}
	.accident_bnn .txt_box {width: 70%;}
	.accident_bnn .txt_box strong {font-size: 24px;}
	.accident_bnn .txt_box strong em {font-size: 24px;}
	.accident_bnn .txt_box p {font-size: 15px;}
	.accident_list .txt_box > div {padding: 0 0 0 30px;}

	/* 수술 후 재활치료 */
	.rehabilitation .section02 > p {padding: 0 50px;}
	.rehabilitation .section03 li {padding: 30px;}

	/* 체형교정치료 */
	.correction .section01 ul {max-width: 780px; width: 100%;}
	.correction .section02 .circle_list {max-width: 780px; width: 100%;}

	/* 자강입원치료 */
	/* 약선식이 */
	.food .section01 ul {width: 100%; max-width: 780px;}
	.food .section01 ul li strong {font-size: 24px;}
	.food .section02 .photo_list {width: 100%; max-width: 780px;}
	.food .num_list > li > div {height: 150px;}
	.food .num_list.col2 > li > div {height: 110px;}

	/* 입퇴원안내 */
	.hospitalization .section01 {padding: 0 0 70px;}
	.hospitalization .process li:after {left: -35px;}
	.hospitalization .process li > div span {font-size: 28px;}
	.hospitalization .process li > div p {margin: 0; font-size: 20px;}
	.hospitalization .section02 {padding: 50px 0 70px;}
	.hospitalization .process02 li:after {left: auto; right: -35px;}
	.hospitalization .section03 {padding: 50px 0 0;}


	/* 암치료 */
	/* 고주파온열암치료 */
	.cancer {padding: 70px 0 0;}
	.cancer01 .section01 ul li {width: calc((100% - 40px)/3); margin: 0 0 0 20px;}
	.cancer01 .section01 .point_txt strong {font-size: 24px;}
	.cancer01 .section02 .red_box {padding: 40px 50px;}
	.cancer01 .section03 .num_list li {padding: 20px;}
	.cancer01 .section03 .num_list li .num {width: 120px; height: 120px; line-height: 120px;}
	.cancer01 .section03 .num_list li .txt_box {width: calc(100% - 120px); height: auto; min-height: 120px;}
	.cancer01 .section03 .num_list li .txt_box strong {padding: 15px 30px 10px;}
	.cancer01 .section03 .num_list li .txt_box p {padding: 0 30px;}


	/* 예약 및 상담 */
	.reservation .table_list td.tit a {max-width: 310px;}

 }  
  

@media screen and (min-width:481px) and (max-width:767px) {
	#sub_visual .inner {height: 200px;}
	#sub_visual .txt_box {padding: 0 15px;}
	#sub_visual .txt_box h3 {font-size: 36px;}
	#sub_visual .txt_box p {word-break: keep-all;}

	#sub_menu .inner > li {width: calc((100% - 64px)/2);}
	#sub_menu .inner > li .menu_tit {padding: 0 15px; background-position: 96% center;}
	#sub_menu .inner > li .tit {padding: 0 15px; background-position: 96% center;}
	#sub_menu .drop_menu li a {padding: 0 15px;}

	.sub_contents {padding: 50px 0;}

	/* 병원소개 */
	/* 자강한방병원 */
	.intro {background-image: linear-gradient(to bottom, #fff 0, #fff 180px, #eee 180px);}
	.intro_top {height: 230px; padding: 30px 30px 0;}
	.intro_top strong {font-size: 22px; word-break: keep-all;}
	.intro_top strong em {font-size: 30px;}
	.intro_top p {font-size: 13px;}
	.intro .tit p {padding: 0 20px;}
	.intro_list:after {display: block; clear: both; *zoom: 1; content: '';}
	.intro_list li {width: 100%; height: auto; margin: 50px 0 0 0;}
	.intro_list .img_box {width: 100%; height: auto;}
	.intro_list .txt_box {position: static; top: auto; transform: none; width: 100%; height: auto;}
	.intro_list .txt_box .tit {height: auto; padding: 20px;}
	.intro_list .txt_box .tit strong {font-size: 26px;}
	.intro_list .txt_box .txt {padding: 20px;}
	.intro .section02 .red_box {padding: 30px; border-width: 5px;}

	/* 의료진 소개 */
	.doctor_list > li {float: none; width: 100%; margin: 20px 0 0 0;}
	.doctor_list > li:nth-child(2n + 1) {margin: 20px 0 0 0; clear: none;}
	.doctor_list > li:first-child {margin: 0;}

	/* 병원 둘러보기 */
	.h_photo .txt_box01 {padding: 50px 30px;}
	.h_photo .txt_box01 strong {font-size: 18px;}
	.photo_nav .slick-arrow {width: 10px; height: 18px;}
	.h_number .sub_tit {padding: 0 0 0 20px; font-size: 20px;}
	.h_number .call {padding: 30px;}
	.h_number .call strong {padding: 0 0 0 60px; line-height: 50px; font-size: 24px;}
	.h_number .call strong:before {width: 50px; height: 50px; background-size: 24px 24px;}

	/* 검진시스템 */
	.system_list li {padding-top: 55vw;}
	.system_list .img {width: 100%; height: 55vw;}
	.system_list .txt {float: none; width: 100%; padding: 50px 30px;}

	/* 협력기관 */
	.cooperate_list li {width: calc((100% - 30px)/3); margin: 0 0 15px 15px;}
	.cooperate_list li:nth-child(5n + 1) {margin: 0 0 15px 15px; clear: none;}
	.cooperate_list li:nth-child(3n + 1) {margin: 0 0 15px 0; clear: both;}

	/* 진료안내 & 오시는길 */
	.call_info {padding-top: 50vw;}
	.call_info .img {width: 100%; height: 50vw;}
	.call_info .txt {float: none; width: 100%; padding: 30px 20px;}

	.map {margin: 50px 0 0 0;}
	.map .map_add {box-sizing: border-box; padding: 20px 50px; height: auto; line-height: 1.3; font-size: 16px; word-break: keep-all;}
	.transport > ul > li {float: none; width: 100%; padding: 0;}
	.transport > ul > li:last-child {width: 100%;}

	/* 통증재활치료 */
	/* 비수술통증치료 */
	.pain {background-image: linear-gradient(to bottom, #fff 340px, #eee 341px);}
	.pain .tit h4 {font-size: 24px;}
	.pain .tit p {padding: 0 30px;}
	.pain .section02 ul li {width: calc((100% - 20px)/2);}
	.pain .section02 ul li:nth-child(3n + 1) {margin: 0 0 30px 20px; clear: none;}
	.pain .section02 ul li:nth-child(2n + 1) {margin: 0 0 30px 0; clear: both;}
	.pain .section02 ul li strong {font-size: 16px; line-height: 34px;}
	.pain_list li {float: none; width: 100%; margin: 0 0 20px 0;}
	.pain_list .txt_box {height: auto; padding: 50px 30px;}
	.pain_list .txt_box .tit {width: 80%;}
	.pain_list .txt_box strong {font-size: 24px; line-height: 34px;}
	.pain_list .txt_box strong em {font-size: 24px;}
	.joint {box-sizing: border-box; margin: 50px 0 0 0; height: 600px; padding: 50px 30px; background: url(../images/sub/pain_joint_bg_m.jpg) no-repeat right center / cover;}
	.joint .txt_box {position: static; top: auto; left: auto; transform: none; width: 80%;}
	.joint .txt_box h6 {font-size: 36px;}
	.joint .txt_box strong {font-size: 20px;}
	.pain_list02 li > div {float: none; height: auto;}
	.pain_list02 .img_box {width: 100%;}
	.pain_list02 .txt_box {width: 100%; padding: 15px 30px;}
	.pain_list02 .txt_box .tit {margin: 0 0 10px -100px; height: 40px;}
	.pain_list02 .txt_box .tit strong {line-height: 40px;}
	.pain_list02 .txt_box p {font-size: 15px;}
	.pain_list03 {margin: 60px 0 0 0;}
	.pain_list03 li {margin: 0;}
	.pain_list03 li > div {float: none; height: auto;}
	.pain_list03 .img_box {margin: 0 auto; height: 280px;}
	.pain_list03 .txt_box {width: 100%;}
	.pain_list03 .txt_box > div {position: static; top: auto; transform: none; padding: 30px 30px 50px; text-align: center;}
	.pain_list03 .txt_box strong {font-size: 20px;}
	.pain_list03 .txt_box p {margin: 10px 0 0 0;}

	/* 교통사고치료 */
	.accident_bnn {padding: 30px;}
	.accident_bnn .txt_box {width: 80%;}
	.accident_bnn .txt_box strong {font-size: 24px;}
	.accident_bnn .txt_box strong em {font-size: 24px;}
	.accident_bnn .txt_box p {font-size: 15px;}
	.accident_box strong {padding: 0 0 60px 0; font-size: 28px;}
	.accident_box strong:before {height: 50px;}
	.accident_box strong em {font-size: 28px;}
	.accident_box ul li i {display: block; margin: 0 auto;}
	.accident_box ul li p {display: block; max-width: 100%; line-height: 1.6; margin: 10px 0 0 0; text-align: center;}
	.accident_list li > div {float: none;}
	.accident_list .img_box {width: 280px; margin: 0 auto;}
	.accident_list .txt_box {width: 100%; height: auto;}
	.accident_list .txt_box > div {position: static; top: auto; transform: none; padding: 30px 0 0 0; text-align: center;}
	.accident_list02 > li .txt_box {width: calc(100% - 30px); height: calc(100% - 30px);}
	.accident_list02 > li .txt_box p {font-size: 18px;}
	.tabs {margin: 40px 0 0 0;}
	.tabs li a {height: 50px; line-height: 50px;}
	.tab_slide .slick-arrow {width: 30px; height: 50px; background-size: 10px;}

	/* 수술 후 재활치료 */
	.rehabilitation .section01 strong {font-size: 24px;}
	.rehabilitation .section02 {margin: 50px 0 0 0;}
	.rehabilitation .section02 ul {margin: 0 0 30px 0;}
	.rehabilitation .section02 ul li {width: calc((100% - 50px)/6); margin: 0 0 0 10px;}
	.rehabilitation .section02 ul li p {font-size: 18px;}
	.rehabilitation .section02 > p {padding: 0 30px;}
	.rehabilitation .section03 {margin: 50px 0 0 0;}
	.rehabilitation .section03 li {padding: 30px 15px;}
	.rehabilitation .section03 li strong {font-size: 24px;}

	/* 체형교정치료 */
	.correction .tit p {padding: 0 30px;}
	.correction .section01 ul {max-width: 780px; width: 100%;}
	.correction .section02 .circle_list {max-width: 780px; width: 100%;}
	.correction .section02 .circle_list li .tit strong {font-size: 16px;}
	/*.correction .section02 .circle_list li {position: relative; float: none; width: 100%; margin: 30px 0 0 0;}*/
	/*.correction .section02 .circle_list li .tit {width: 150px;}
	.correction .section02 .circle_list li .tit strong {font-size: 20px;}*/
	/*.correction .section02 .circle_list li p {position: absolute; top: 50%; transform: translateY(-50%); left: 170px; width: calc(100% - 170px); text-align: left;}*/

	/* 자강입원치료 */
	/* 약선식이 */
	.food .tit p {padding: 0 30px;}
	.food .section01 ul {width: 100%; max-width: 780px;}
	.food .section01 ul li {border-width: 5px;}
	.food .section01 ul li:after {left: -44px;}
	.food .section01 ul li strong {font-size: 20px;}
	.food .section02 {margin: 50px 0 0 0;}
	.food .section02 .photo_list {width: 100%; max-width: 780px;}
	.food .section03 {margin: 50px 0 0 0;}
	.food .section03 .photo_list li {width: calc((100% - 20px)/2); margin: 0 0 20px 20px;}
	.food .section03 .photo_list li:nth-child(3n + 1) {margin: 0 0 20px 20px;} 
	.food .section03 .photo_list li:nth-child(2n + 1) {margin: 0 0 20px 0;} 
	.food .section04 {margin: 50px 0 0 0;}
	.food .section05 {margin: 50px 0 0 0;}
	.food .section06 {margin: 50px 0 0 0;}
	.food .num_list > li {float: none; width: 100%; margin: 40px 0 0 0; border-width: 5px;}
	.food .num_list > li > span {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
	.food .num_list > li > div {height: auto; padding: 30px 15px;}
	.food .num_list > li > div p {position: static; top: auto; transform: none; padding: 0;}
	.food .num_list.col2 > li {width: 100%;}
	.food .num_list.col4 > li {width: 100%; margin: 40px 0 0 0;}

	/* 자강도수 재활센터 */
	.rehabilitation_center .section01 .con_box > div {height: 132px;}
	.rehabilitation_center .section01 .con_box .img_box {width: 220px;}
	.rehabilitation_center .section01 .con_box .txt_box {width: calc(100% - 220px);}
	.rehabilitation_center .section01 .con_box .txt_box p {padding: 0 0 0 10px;}
	.rehabilitation_list {margin: 50px 0 0 0;}
	.rehabilitation_list li {width: calc((100% - 20px)/3); margin: 0 0 0 10px;}
	.rehabilitation_list li .txt_box {padding: 10px 0 0;}
	.rehabilitation_list li .txt_box strong {font-size: 16px;}
	.rehabilitation_list li .txt_box p {font-size: 12px;}
	.rehabilitation_center .section03 {margin: 50px 0 0 0;}
	.rehabilitation_center .section03 > strong {margin: 0 0 15px; font-size: 20px;}
	/*.rehabilitation_list li {float: none; width: 100%; margin: 30px 0 0 0;}
	.rehabilitation_list li:after {display: block; clear: both; *zoom: 1; content: '';}
	.rehabilitation_list li .img_box {float: left; width: 220px;}
	.rehabilitation_list li .txt_box {float: left; box-sizing: border-box; width: calc(100% - 220px); padding: 0 0 0 10px;}
*/

	/* 재활의료장비 */
	.equipment_list li {width: calc((100% - 20px)/2);}
	.equipment_list li:nth-child(3n + 1) {margin: 0 0 20px 20px;}
	.equipment_list li:nth-child(2n + 1) {margin: 0 0 20px 0;}

	/* 입퇴원안내 */
	.hospitalization .section01 {padding: 0 0 50px;}
	.hospitalization .process li {width: calc((100% - 60px)/4); border-width: 5px;}
	.hospitalization .process li:after {left: -18px; width: 8px; height: 20px; background-size: 8px 20px;}
	.hospitalization .process li > div span {font-size: 16px;}
	.hospitalization .process li > div p {margin: 0; font-size: 14px;}
	.hospitalization .process01 li {margin: 0 0 0 20px;}
	.hospitalization .process02 {margin: 20px 0 0 0;}
	.hospitalization .process02 li {margin: 0 20px 0 0;}
	.hospitalization .process02 li:after {left: auto; right: -18px;}
	.hospitalization .process02 li:first-child:after {top: -24px;}
	.hospitalization .section02 {padding: 50px 0;}
	.hospitalization .section03 {padding: 50px 0 0;}
	.hospitalization .con_wrap .list .tit {font-size: 16px;}
	.hospitalization .con_wrap .list .tit02 {font-size: 18px;}

	/* 암치료 */
	/* 암 입원안내 */
	.cancer05 ul {margin: 0 auto; overflow: hidden;}
	.cancer05 ul li {float: left; width: calc((100% - 20px)/2); margin: 0 0 30px 20px;}
	.cancer05 ul li:nth-child(2n + 1) {margin: 0 0 30px 0; clear: both;}
	.cancer05 .img_box {float: none; width: 100%;}
	.cancer05 .img_box img {width: 100%;}
	.cancer05 .txt_box {float: none; width: 100%; height: auto;}
	.cancer05 .txt_box div {position: static; top: auto; transform: none; padding: 0; margin: 10px 0 0 0;}
	.cancer05 .txt_box .tit {margin: 0 0 5px; font-size: 18px;}

	/* 고주파온열암치료 */
	.cancer {padding: 50px 0 0;}
	.cancer .tit02 strong {font-size: 28px;}
	.cancer .tit02 strong:before {top: -80px; height: 70px;}
	.cancer .tit02 span {font-size: 14px;}
	.cancer01 .section01 ul li {width: calc((100% - 20px)/3); margin: 0 0 0 10px;}
	.cancer01 .section01 ul li strong {margin: -40px 0 0 0; height: 40px; line-height: 40px; font-size: 15px;}
	.cancer01 .section02 ul li {width: calc((100% - 20px)/3); margin: 0 0 0 10px;}
	.cancer01 .section01 .point_txt strong {font-size: 20px;}
	.cancer01 .section02 {padding: 50px 0 70px;}
	.cancer01 .section02 .red_box {padding: 30px; border-width: 5px;}
	.cancer01 .section03 {padding: 50px 0 70px}
	.cancer01 .section03 .num_list li {padding: 20px 10px;}
	.cancer01 .section03 .num_list li .num {width: 80px; height: 80px; line-height: 80px; font-size: 32px;}
	.cancer01 .section03 .num_list li .txt_box {width: calc(100% - 80px); height: auto; min-height: 80px;}
	.cancer01 .section03 .num_list li .txt_box strong {padding: 10px 15px 10px; font-size: 16px;}
	.cancer01 .section03 .num_list li .txt_box strong em {font-size: 16px;}
	.cancer01 .section03 .num_list li .txt_box p {padding: 0 15px;}
	.cancer04 .section01 {padding: 0 0 50px;}
	.cancer04 .section02 {padding: 50px 0 70px;}
	.cancer04 .section02 .list li p {padding: 10px 0 0 20px;}

	/* 테이블 공통 */
	.board_view .view_top {padding: 15px;}
	.board_view .view_file {padding: 10px 15px;}
	.board_view .view_con {padding: 15px;}
	.board_view .view_btn > li {padding: 0 15px;}
	.board_view .view_btn > li span {width: 55px;}
	.board_view .view_btn > li a {width: calc(100% - 55px);}

	.table_list td.tit a {max-width: 200px;}

	/* 작성 폼 */
	.table_write tr {height: 50px;}
	.table_write th {padding: 0 15px;}
	.table_write td {padding: 10px 15px; font-size: 13px;}
	.table_write td input {width: 100%; padding: 0 15px;}
	.table_write td select {width: 100%; padding: 0 15px;}
	.table_write td textarea {width: 100%; height: 140px; padding: 10px;}
	.table_write .date {width: 100%;}
	.table_write .date img {width: 18px;}
	.table_write .date input {padding: 0 30px 0 15px;}
	.table_write .tel input {width: calc((100% - 10px)/3); margin: 0 0 0 5px;}
	.table_write .tel select {width: calc((100% - 10px)/3);}
	.file_box .upload-name {width: calc(100% - 85px); padding: 0 15px;}
	.file_box label {margin: 0 0 0 5px; width: 80px;}

	/* 예약 및 상담 */
	.reservation .table_list td.tit a {max-width: 200px;}

	/* 치료후기 */
	.review_list .img_box {width: 200px; height: 150px;}
	.review_list .txt_box {width: calc(100% - 200px); padding: 10px 0 10px 20px;}
	.review_list .txt_box .tit {padding: 0 0 10px 0; margin: 0 0 10px 0; font-size: 20px;}
	.review_list .txt_box .txt {height: 3.4em; -webkit-line-clamp: 2;}
	.review_list .txt_box .info {margin: 10px 0 0 0;}

	/* 전후사진 */
	.ba_list li {width: calc((100% - 20px)/2); margin: 40px 0 0 20px;}
	.ba_list li:nth-child(3n + 1) {margin: 40px 0 0 20px; clear: none;}
	.ba_list li:nth-child(-n + 3) {margin-top: 40px;}
	.ba_list li:nth-child(2n + 1) {margin: 40px 0 0 0; clear: both;}
	.ba_list li:nth-child(-n + 2) {margin-top: 20px;}
	.ba_list .txt_box {margin: 10px 0 0 0;}
	
}


/* mobile */
@media screen and (max-width:480px) {
	#sub_visual .inner {height: 150px;}
	#sub_visual .txt_box {padding: 0 15px;}
	#sub_visual .txt_box h3 {font-size: 28px;}
	#sub_visual .txt_box p {font-size: 12px; word-break: keep-all;}

	#sub_menu .inner {height: 40px;}
	#sub_menu .inner > li {width: calc((100% - 44px)/2);}
	#sub_menu .inner > li .menu_tit {padding: 0 15px; line-height: 40px; font-size: 12px; background-position: 96% center; background-size: 8px;}
	#sub_menu .inner > li .tit {padding: 0 15px; line-height: 40px; font-size: 12px; background-position: 96% center; background-size: 8px;}
	#sub_menu .inner .home {width: 40px; height: 40px;}
	#sub_menu .inner .home a {background-size: 14px;}
	#sub_menu .drop_menu {top: 41px;}
	#sub_menu .drop_menu li a {padding: 0 15px; line-height: 40px; font-size: 12px;}
	
	.sub_contents {padding: 30px 0 50px;}

	/* 체크박스 */
	.chk_box label p {font-size: 12px;}

	.btns {margin: 30px auto 0;}
	.btns button {width: 100px; height: 40px; font-size: 13px;}
	.btns_right button {width: 80px; height: 30px; font-size: 12px;}

	/* 병원소개 */
	/* 자강한방병원 */
	.intro {background-image: linear-gradient(to bottom, #fff 0, #fff 180px, #eee 180px);}
	.intro .tit p {padding: 0;}
	.intro .section02 .red_box {margin: 30px 0 0 0; padding: 20px 15px;}
	.intro_top {height: 200px; padding: 15px 15px 0;}
	.intro_top strong {font-size: 16px; word-break: keep-all;}
	.intro_top strong em {font-size: 20px;}
	.intro_top p {font-size: 12px; word-break: keep-all;}
	.intro_list:after {display: block; clear: both; *zoom: 1; content: '';}
	.intro_list li {width: 100%; height: auto; margin: 30px 0 0 0;}
	.intro_list .img_box {width: 100%; height: auto;}
	.intro_list .txt_box {position: static; top: auto; transform: none; width: 100%; height: auto;}
	.intro_list .txt_box .tit {height: auto; padding: 15px;}
	.intro_list .txt_box .tit strong {font-size: 16px;}
	.intro_list .txt_box .tit em {font-size: 13px;}
	.intro_list .txt_box .txt {padding: 15px;}
	.intro_list .txt_box .txt p {font-size: 12px;}
	.intro_list .section02 .red_box {margin: 30px 0 0 0; padding: 20px 15px; border-width: 5px;}
	.intro_list .section02 .red_box p {font-size: 11px;}
	
	/* 의료진 소개 */
	.doctor_list > li {float: none; width: 100%; margin: 20px 0 0 0;}
	.doctor_list > li:nth-child(2n + 1) {margin: 20px 0 0 0; clear: none;}
	.doctor_list > li:first-child {margin: 0;}
	.doctor_list .profile_top {padding: 15px;}
	.doctor_list .profile_top > li {float: none;}
	.doctor_list .profile_top .txt {width: 100%;}
	.doctor_list .profile_top .txt:before {display: none;}
	.doctor_list .profile_top .txt > div {position: static; top: auto; transform: none; padding: 15px 0 0 0;}
	.doctor_list .profile_top .img {width: 100%;}
	.doctor_list .profile_bot {padding: 5px 15px 10px;}
	.doctor_list .profile_bot li:nth-child(1) span {width: 60px;}
	.doctor_list .profile_bot li:nth-child(1) p {width: calc(100% - 65px);}

	/* 병원 둘러보기 */
	.h_photo .txt_box01 {padding: 30px 15px;}
	.h_photo .txt_box01 strong {font-size: 16px; word-break: keep-all;}
	.h_photo .txt_box01 p {font-size: 12px;}
	.photo_nav {margin: 10px 0 0 0; padding: 0 15px;}
	.photo_nav .slick-slide {margin: 0 5px;}
	.photo_nav .slick-arrow {width: 8px; height: 14px;}
	.h_photo .txt_box02 {padding: 20px 15px;}
	.h_photo .txt_box02 p {font-size: 12px;}
	.h_number {margin: 50px 0 0 0;}
	.h_number .sub_tit {padding: 0 0 0 15px; font-size: 18px;}
	.h_number .sub_tit:before {width: 10px; height: 10px; border: 2px solid #d80e19;}
	.h_number .call {padding: 15px 30px;}
	.h_number .call strong {padding: 0 0 0 50px; line-height: 40px; font-size: 18px;}
	.h_number .call strong:before {width: 40px; height: 40px; background-size: 20px 20px;}
	.h_number .table_write th {padding: 0 10px; font-size: 12px;}
	.h_number .table_write td {padding: 5px 10px; font-size: 12px;}

	/* 검진시스템 */
	.system_list li {padding-top: 55vw;}
	.system_list .img {width: 100%; height: 55vw;}
	.system_list .txt {float: none; width: 100%; padding: 20px 15px;}
	.system_list .txt strong {font-size: 15px;}
	.system_list .txt span {font-size: 13px;}
	.system_list .txt p {margin: 10px 0 0 0; font-size: 12px;}

	/* 협력기관 */
	.cooperate_list li {width: calc((100% - 15px)/2); margin: 0 0 15px 15px;}
	.cooperate_list li:nth-child(5n + 1) {margin: 0 0 15px 15px; clear: none;}
	.cooperate_list li:nth-child(2n + 1) {margin: 0 0 15px 0; clear: both;}
	.cooperate_list p {margin: 5px 0 0 0; font-size: 12px;}

	/* 진료안내 & 오시는길 */
	.call_info {padding-top: 50vw;}
	.call_info .img {width: 100%; height: 50vw;}
	.call_info .txt {float: none; width: 100%; padding: 20px 15px;}
	.call_info .txt > strong {font-size: 18px;}
	.call_info .txt > a {margin: 0 0 10px 0; height: 24px; line-height: 24px; font-size: 18px; background-size: 24px;}
	.call_info .txt ul li span {font-size: 13px;}
	.call_info .txt ul li p {font-size: 13px;}
	.call_info .txt ul li em {font-size: 14px;}

	.map {margin: 50px 0 0 0;}
	.map .map_add {box-sizing: border-box; padding: 20px 50px; height: auto; line-height: 1.3; font-size: 16px; word-break: keep-all;}
	.transport div > span {font-size: 12px;}
	.transport > ul > li {float: none; width: 100%; padding: 0;}
	.transport > ul > li:last-child {width: 100%;}

	/* 통증재활치료 */
	/* 비수술통증치료 */
	.pain {background-image: linear-gradient(to bottom, #fff 110px, #eee 111px);}
	.pain .tit h4 {font-size: 24px;}
	.pain .tit p {padding: 0 15px;}
	.pain .section02 {margin: 50px 0;}
	.pain .section02 ul li {float: none; width: 100%; margin: 0 0 20px 0;}
	.pain .section02 ul li:nth-child(3n + 1) {margin: 0 0 20px 0; clear: none;}
	.pain .section02 ul li strong {margin: 0 0 10px 0; font-size: 16px; line-height: 34px;}
	.pain .section02 ul li div {height: auto;}
	.pain .section02 ul li div p {position: static; transform: none;}
	.pain_list li {float: none; width: 100%; margin: 0 0 15px 0;}
	.pain_list .txt_box {height: auto; padding: 30px 15px;}
	.pain_list .txt_box .tit {width: 80%; height: 40px; line-height: 40px; font-size: 18px;}
	.pain_list .txt_box strong {font-size: 18px; line-height: 26px;}
	.pain_list .txt_box strong em {font-size: 18px;}
	.pain_list .txt_box p {margin: 10px 0 0 0; font-size: 12px;}
	.joint {box-sizing: border-box; margin: 30px 0 0 0; height: 400px; padding: 30px 15px; background: url(../images/sub/pain_joint_bg_m.jpg) no-repeat center center / cover;}
	.joint .txt_box {position: static; top: auto; left: auto; transform: none; width: 90%;}
	.joint .txt_box h6 {font-size: 20px;}
	.joint .txt_box strong {margin: 10px 0 0 0; line-height: 24px; font-size: 16px;}
	.joint .txt_box p {margin: 10px 0 0 0; font-size: 12px;}
	.pain_list02 {margin: 50px 0 0 0;}
	.pain_list02 li {margin: 15px 0 0 0;}
	.pain_list02 li > div {float: none; height: auto;}
	.pain_list02 .img_box {width: 100%;}
	.pain_list02 .txt_box {width: 100%; padding: 15px;}
	.pain_list02 .txt_box .tit {margin: 0 0 10px -100px; height: 36px;}
	.pain_list02 .txt_box .tit strong {line-height: 36px; font-size: 18px;}
	.pain_list02 .txt_box p {font-size: 12px;}
	.pain_list03 {margin: 50px 0 0 0;}
	.pain_list03 li {margin: 0;}
	.pain_list03 li > div {float: none; height: auto;}
	.pain_list03 .img_box {margin: 0 auto; width: 200px; height: 200px;}
	.pain_list03 .txt_box {width: 100%;}
	.pain_list03 .txt_box > div {position: static; top: auto; transform: none; padding: 15px 15px 30px; text-align: center;}
	.pain_list03 .txt_box strong {font-size: 16px;}
	.pain_list03 .txt_box p {margin: 10px 0 0 0; font-size: 12px;}

	/* 교통사고치료 */
	.accident_bnn {padding: 20px 15px; background-position: 40% center;}
	.accident_bnn .txt_box {width: 90%;}
	.accident_bnn .txt_box strong {font-size: 16px;}
	.accident_bnn .txt_box strong em {font-size: 16px;}
	.accident_bnn .txt_box p {margin: 10px 0 0 0; font-size: 12px;}
	.accident_box {margin: 50px 0 0 0;}
	.accident_box strong {padding: 0 0 40px 0; font-size: 18px;}
	.accident_box strong:before {height: 30px;}
	.accident_box strong em {font-size: 18px;}
	.accident_box ul li i {display: block; margin: 0 auto;}
	.accident_box ul li p {display: block; max-width: 100%; line-height: 1.6; margin: 10px 0 0 0; font-size: 13px; text-align: center;}
	.accident_list {margin: 50px 0 0 0;}
	.accident_list li {padding: 20px 15px;}
	.accident_list li > div {float: none; height: 230px;}
	.accident_list .img_box {width: 230px; margin: 0 auto;}
	.accident_list .txt_box {width: 100%; height: auto;}
	.accident_list .txt_box > div {position: static; top: auto; transform: none; padding: 15px 0 0 0; text-align: center;}
	.accident_list .txt_box div strong {margin: 0 0 10px 0; font-size: 18px;}
	.accident_list .txt_box div p {font-size: 12px;}
	.accident_box02 p {margin: 15px 0 0; font-size: 13px;}
	.accident_list02 {margin: 30px 0 0 0;}
	.accident_list02 > li {width: calc((100% - 20px)/2);}
	.accident_list02 > li:nth-child(3n + 1) {margin: 0 0 20px 20px;}
	.accident_list02 > li:nth-child(2n + 1) {margin: 0 0 20px 0;}
	.accident_list02 > li .txt_box {width: calc(100% - 30px); height: calc(100% - 30px);}
	.accident_list02 > li .txt_box p {font-size: 14px;}
	.tabs {margin: 20px 0 0 0;}
	.tabs li a {height: 40px; line-height: 40px; font-size: 14px;}
	.tab_slide .slick-arrow {width: 20px; height: 40px; background-size: 6px;}

	/* 수술 후 재활치료 */
	.rehabilitation .section01 {padding: 0;}
	.rehabilitation .section01 strong {font-size: 18px;}
	.rehabilitation .section01 p {font-size: 12px;}
	.rehabilitation .section02 {margin: 50px 0 0 0;}
	.rehabilitation .section02 ul {margin: 0 0 20px 0;}
	.rehabilitation .section02 ul li {width: calc((100% - 40px)/3); margin: 20px 0 0 20px;}
	.rehabilitation .section02 ul li:first-child {margin: 20px 0 0 0;}
	.rehabilitation .section02 ul li:nth-child(3n + 1) {margin: 20px 0 0 0;}
	.rehabilitation .section02 ul li p {font-size: 13px;}
	.rehabilitation .section02 > p {padding: 0; font-size: 12px;}
	.rehabilitation .section03 {margin: 50px 0 0 0;}
	.rehabilitation .section03 li {float: none; width: 100%; margin: 20px 0 0 0; height: auto; padding: 30px 15px;}
	.rehabilitation .section03 li strong {padding: 0 0 10px 0; margin: 0 0 10px 0; font-size: 18px;}
	.rehabilitation .section03 li strong:before {height: 1px;}
	.rehabilitation .section03 li p {font-size: 12px;}

	/* 체형교정치료 */
	.correction .tit h4 {padding: 0 0 10px 0; margin: 0 0 10px 0; font-size: 18px;}
	.correction .tit h4:before {height: 1px;}
	.correction .tit p {padding: 0; font-size: 12px;}
	.correction .section01 ul {max-width: 780px; width: 100%;}
	.correction .section01 ul li {width: calc((100% - 20px)/3); margin: 0 0 0 10px;}
	.correction .section01 ul li .txt_box {margin: 10px 0 0 0;}
	.correction .section01 ul li .txt_box strong {font-size: 14px;}
	.correction .section01 ul li .txt_box p {font-size: 12px; margin: 5px 0 0 0;}
	.correction .section02 {margin: 50px 0 0 0;}
	.correction .section02 h5 {font-size: 16px;}
	.correction .section02 .num_list > li {float: none; width: 100%; margin: 30px 0 0 0;}
	.correction .section02 .num_list > li {float: none; width: 100%; margin: 20px 0 0 0; border-width: 2px;}
	.correction .section02 .num_list > li > span {top: -15px; width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
	.correction .section02 .num_list > li > div {height: auto; padding: 20px 10px 15px;}
	.correction .section02 .num_list > li > div p {position: static; top: auto; transform: none; padding: 0; font-size: 12px;}

	.correction .section02 .circle_list {max-width: 780px; width: 100%;}
	.correction .section02 .circle_list li {width: calc((100% - 20px)/3); margin: 0 0 0 10px;}
	/*.correction .section02 .circle_list li {position: relative; float: none; width: 100%; margin: 15px 0 0 0;}
	.correction .section02 .circle_list li .tit {width: 120px;}*/
	.correction .section02 .circle_list li .tit strong {font-size: 13px;}
	/*.correction .section02 .circle_list li .tit strong span {font-size: 12px;}
	.correction .section02 .circle_list li p {position: absolute; top: 50%; transform: translateY(-50%); left: 140px; width: calc(100% - 140px); font-size: 12px; text-align: left;}*/
	.correction .section03 {margin: 50px 0 0 0;}
	.correction .section03 .tit {margin: 0;}
	.correction .accident_list02 {margin: 15px 0 0 0;}

	/* 자강입원치료 */
	/* 약선식이 */
	.food .tit {margin: 0 0 30px 0;}
	.food .tit p {padding: 0; font-size: 12px;}
	.food .tit h4 {font-size: 18px; padding: 0 0 10px 0; margin: 0 0 10px 0;}
	.food .tit h4:before {height: 1px;}
	.food .section01 ul {width: 100%; max-width: 100%;}
	.food .section01 ul li {width: calc((100% - 30px)/3); margin: 0 0 0 15px; border-width: 2px;}
	.food .section01 ul li:after {left: -24px;}
	.food .section01 ul li strong {font-size: 14px;}
	.food .section02 {margin: 50px 0 0 0;}
	.food .section02 .photo_list {width: 100%; max-width: 780px;}
	.food .section02 .photo_list li {width: calc((100% - 10px)/2); margin: 10px 0 0 10px;}
	.food .section02 .photo_list li:nth-child(2n + 1) {margin: 10px 0 0 0;}
	.food .section03 {margin: 50px 0 0 0;}
	.food .section03 .photo_list li {width: calc((100% - 10px)/2); margin: 0 0 10px 10px;}
	.food .section03 .photo_list li:nth-child(3n + 1) {margin: 0 0 10px 10px;} 
	.food .section03 .photo_list li:nth-child(2n + 1) {margin: 0 0 10px 0;}
	.food .section04 {margin: 50px 0 0 0;}
	.food .section05 {margin: 50px 0 0 0;}
	.food .section06 {margin: 50px 0 0 0;}
	.food .num_list > li {float: none; width: 100%; margin: 20px 0 0 0; border-width: 2px;}
	.food .num_list > li > span {top: -15px; width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
	.food .num_list > li > div {height: auto; padding: 20px 10px 15px;}
	.food .num_list > li > div p {position: static; top: auto; transform: none; padding: 0; font-size: 12px;}
	.food .num_list.col2 > li {width: 100%;}
	.food .num_list.col4 > li {width: 100%; margin: 20px 0 0 0;}
	
	/* 자강도수 재활센터 */
	.rehabilitation_center .section01 .tit h4 {font-size: 20px;}
	.rehabilitation_center .section01 .con_box > div {float: none; height: auto;}
	.rehabilitation_center .section01 .con_box .img_box {width: 100%;}
	.rehabilitation_center .section01 .con_box .txt_box {width: 100%;}
	.rehabilitation_center .section01 .con_box .txt_box p {position: static; top: auto; transform: none; padding: 10px 0 0 0; text-align: center;}
	.rehabilitation_list {margin: 50px 0 0 0;}
	.rehabilitation_list li {float: none; width: 100%; margin: 30px 0 0 0;}
	.rehabilitation_list li .txt_box {padding: 10px 0 0;}
	.rehabilitation_list li .txt_box strong {font-size: 16px;}
	.rehabilitation_list li .txt_box p {font-size: 12px;}
	.rehabilitation_center .section03 {margin: 50px 0 0 0;}
	.rehabilitation_center .section03 > strong {margin: 0 0 15px; font-size: 16px; padding: 0 15px;}
	.rehabilitation_center .section03 .photo_list li {float: none; width: 100%; margin: 10px 0 0 0;}


	/* 재활의료장비 */
	.equipment_list li {width: calc((100% - 15px)/2); margin: 0 0 15px 15px;}
	.equipment_list li:nth-child(3n + 1) {margin: 0 0 15px 15px;}
	.equipment_list li:nth-child(2n + 1) {margin: 0 0 15px 0;}
	.equipment_list li .tit_box strong {line-height: 40px; font-size: 14px;}

	/* 입퇴원안내 */
	.hospitalization h4.sub_tit {padding: 0 0 0 25px; font-size: 18px;}
	.hospitalization .section01 {padding: 0 0 50px;}
	.hospitalization .process li {width: calc((100% - 30px)/4); border-width: 3px;}
	.hospitalization .process li:after {left: -10px; width: 5px; height: 12px; background-size: 5px 12px;}
	.hospitalization .process li > div span {font-size: 10px;}
	.hospitalization .process li > div p {margin: 0; line-height: 1.3; font-size: 11px;}
	.hospitalization .process01 li {margin: 0 0 0 10px;}
	.hospitalization .process02 {margin: 10px 0 0 0;}
	.hospitalization .process02 li {margin: 0 10px 0 0;}
	.hospitalization .process02 li:after {left: auto; right: -10px;}
	.hospitalization .process02 li:first-child:after {top: -14px;}
	.hospitalization .section02 {padding: 50px 0;}
	.hospitalization .section03 {padding: 50px 0 0;}
	.hospitalization .con_wrap + .con_wrap {margin: 50px 0 0 0;}
	.hospitalization .con_wrap .list {padding: 20px 15px;}
	.hospitalization .con_wrap .list li {margin: 15px 0 0 0;}
	.hospitalization .con_wrap .list .tit {height: 30px; line-height: 30px; padding: 0 15px; font-size: 12px;}
	.hospitalization .con_wrap .list .tit02 {font-size: 14px;}
	.hospitalization .con_wrap .list p {font-size: 12px;}

	/* 암치료 */
	/* 암 입원안내 */
	.cancer05 ul li {margin: 30px 0 0 0;}
	.cancer05 .img_box {float: none; width: 100%;}
	.cancer05 .img_box img {width: 100%;}
	.cancer05 .txt_box {float: none; width: 100%; height: auto;}
	.cancer05 .txt_box div {position: static; top: auto; transform: none; padding: 0; margin: 10px 0 0 0;}
	.cancer05 .txt_box .tit {margin: 0 0 5px; font-size: 18px;}

	/* 고주파온열암치료 */
	.cancer {padding: 50px 0 0;}
	.cancer .tit {margin: 0 0 30px 0;}
	.cancer .tit h4 {padding: 0 0 10px; margin: 0 0 10px; font-size: 18px;}
	.cancer .tit h4:before {height: 1px;}
	.cancer .tit p {font-size: 12px;}
	.cancer .tit02 {margin: 0 0 30px 0;}
	.cancer .tit02 strong {font-size: 16px;}
	.cancer .tit02 strong:before {top: -50px; height: 40px;}
	.cancer .tit02 span {font-size: 12px;}
	.cancer .tit02 p {font-size: 12px;}
	.cancer01 .section01 ul {width: 200px; margin: 0 auto;}
	.cancer01 .section01 ul li {width: 100%; margin: 20px 0 0 0;}
	.cancer01 .section01 ul li strong {margin: -40px 0 0 0; height: 40px; line-height: 40px; font-size: 14px;}
	.cancer01 .section01 .point_txt strong {font-size: 16px;}
	.cancer01 .section02 {padding: 30px 0 50px;}
	.cancer01 .section02 ul li {width: 100%; margin: 10px 0 0 0;}
	.cancer01 .section02 .red_box {margin: 30px 0 0 0; padding: 20px 15px; border-width: 5px;}
	.cancer01 .section02 .red_box p {font-size: 11px;}
	.cancer01 .section03 {padding: 30px 0 50px}
	.cancer01 .section03 .num_list li {padding: 20px 10px;}
	.cancer01 .section03 .num_list li .num {width: 50px; height: 50px; line-height: 50px; font-size: 20px;}
	.cancer01 .section03 .num_list li .txt_box {width: calc(100% - 50px); height: auto; min-height: 50px;}
	.cancer01 .section03 .num_list li .txt_box strong {padding: 0 10px 10px; font-size: 14px;}
	.cancer01 .section03 .num_list li .txt_box strong em {font-size: 14px;}
	.cancer01 .section03 .num_list li .txt_box p {padding: 0 10px; font-size: 12px;}
	.cancer04 .section01 {padding: 0 0 50px;}
	.cancer04 .section02 {padding: 30px 0 50px;}
	.cancer04 .section02 .list li {margin: 10px 0 0 0; padding: 15px;}
	.cancer04 .section02 .list li .num {width: 35px; height: 35px; line-height: 35px; font-size: 18px;}
	.cancer04 .section02 .list li p {width: calc(100% - 35px); padding: 0 0 0 15px; font-size: 12px;}


	/* 테이블 공통 */
	.board_top p {float: none; font-size: 13px;}
	.board_top .search_form {float: none; width: 100%;}
	.board_top .search_form select {width: 80px; padding: 0 20px 0 10px; background-position: 60px center;}
	.board_top .search_form input {width: calc(100% - 90px);}
	.board_top .search_form button {background-size: 18px;}

	.table_list tr th {height: 40px;}
	.table_list tr td {height: 40px; font-size: 13px;}
	.table_list td.tit a {max-width: 140px; line-height: 40px; font-size: 13px;}

	.board_view .view_top {padding: 15px;}
	.board_view .view_top > ul li {font-size: 12px;}
	.board_view .view_file {height: 40px; padding: 10px 15px;}
	.board_view .view_file span {font-size: 12px;}
	.board_view .view_file a {font-size: 12px;}
	.board_view .view_con {padding: 15px;}
	.board_view .view_btn > li {padding: 0 15px;}
	.board_view .view_btn > li span {width: 55px; height: 40px; line-height: 40px; font-size: 12px;}
	.board_view .view_btn > li a {width: calc(100% - 55px); height: 40px; line-height: 40px; font-size: 12px;}

	/* list paging */
	.list_paging {margin: 30px auto 0;}
	.list_paging ul {margin: 0 5px;}
	.list_paging > button {width: 30px; height: 30px;}
	.list_paging ul li {margin: 0 2.5px; width: 30px; height: 30px; line-height: 30px;}
	.list_paging ul li a {font-size: 12px;}

	/* 예약 및 상담 */
	.reservation .table_list th:nth-child(1), .reservation .table_list th:nth-child(4) {display: none;}
	.reservation .table_list td:nth-child(1), .reservation .table_list td:nth-child(4) {display: none;}
	.reservation .table_list td.tit a {max-width: 140px;}

	/* 작성 폼 */
	.table_write tr {height: 50px;}
	.table_write th {padding: 0 15px;}
	.table_write td {padding: 10px 15px; font-size: 13px;}
	.table_write td input {width: 100%; height: 40px; padding: 0 15px;}
	.table_write td select {width: 100%; height: 40px; padding: 0 15px;}
	.table_write td textarea {width: 100%; height: 140px; padding: 10px;}
	.table_write .date {width: 100%;}
	.table_write .date img {width: 15px;}
	.table_write .date input {padding: 0 30px 0 15px;}
	.table_write .tel input {width: calc((100% - 10px)/3); margin: 0 0 0 5px;}
	.table_write .tel select {width: calc((100% - 10px)/3);}
	.file_box .upload-name {width: calc(100% - 65px); padding: 0 15px;}
	.file_box label {margin: 0 0 0 5px; width: 60px; height: 40px; line-height: 40px; font-size: 12px;}
	.agree_box {margin: 30px 0 0 0; padding: 10px; height: 140px;}
	.agree_box > * {font-size: 12px;}

	/* 치료후기 */
	.review_list li a {padding: 10px;}
	.review_list .img_box {float: none; width: 100%; height: auto;}
	.review_list .txt_box {float: none; width: 100%; padding: 10px 0;}
	.review_list .txt_box .tit {padding: 0 0 10px 0; margin: 0 0 10px 0; font-size: 16px;}
	.review_list .txt_box .txt {font-size: 13px;}
	.review_list .txt_box .info {margin: 10px 0 0 0;}


	/* 공지사항 */
	.notice .table_list th:last-child {display: none;}
	.notice .table_list td:last-child {display: none;}

	/* 전후사진 */
	.ba_list li {width: calc((100% - 15px)/2); margin: 40px 0 0 15px;}
	.ba_list li:nth-child(3n + 1) {margin: 40px 0 0 15px; clear: none;}
	.ba_list li:nth-child(-n + 3) {margin-top: 40px;}
	.ba_list li:nth-child(2n + 1) {margin: 40px 0 0 0; clear: both;}
	.ba_list li:nth-child(-n + 2) {margin-top: 20px;}
	.ba_list .txt_box {margin: 10px 0 0 0;}
	.ba_list .tit {font-size: 16px;}
	.ba_list .txt {margin: 5px 0 0 0; font-size: 13px;}
	.ba_list .info {font-size: 12px;}
	

}