@charset "utf-8";

/*== 공통 ==*/
.sub .inner {margin: 0 auto;}

/*== 비주얼 이미지 ==*/
.sub .visual_img {width: 100%; height: 740px; background: url(../img/sub/visual1.jpg) no-repeat center center; background-size: cover;}
.sub .visual_img .inner {display: table; width: 100%; height: 100%;}
.sub .visual_txt {display: table-cell; vertical-align: middle; text-align: center; color: #fff;}
.sub .visual_txt * {word-break: keep-all;}
.sub .visual_txt .vt_tit {font-weight: 400;}
.sub .visual_txt .vt_con {margin-top: 0.5rem; font-size: 1.2rem; font-weight: 100; line-height: 1.44em;}

#sub_visual1 {background: url(../img/sub/visual1.jpg) no-repeat center center; background-size: cover;}
#sub_visual2 {background: url(../img/sub/visual2.jpg) no-repeat center center; background-size: cover;}
#sub_visual3 {background: url(../img/sub/visual3.jpg) no-repeat center center; background-size: cover;}
#sub_visual4 {background: url(../img/sub/visual4.jpg) no-repeat center center; background-size: cover;}


/*== 서브메뉴 ==*/
.snb_wrap {
    width: calc(100% - 2rem) ; max-width: 1700px; height: 82px; line-height: 82px; margin: -41px auto 0; 
    background-color: #fff; 
    box-shadow:0 7px 18px rgba(0,0,0,0.04);
    -webkit-box-shadow:0 7px 18px rgba(0,0,0,0.04);
    -moz-box-shadow:0 7px 18px rgba(0,0,0,0.04);
}
.snb_wrap ul {text-align: center;}
.snb_wrap li {position:relative; display:inline-block; padding:0 4%; font-size: 1rem; color:#323232;}
.snb_wrap li a {position: relative; display: block;}
.snb_wrap li:before{content:""; width:1px; height: 0.95em; background:#e5e5e5; position:Absolute; left: -0.1em; top:50%; margin-top: -0.45em;}
.snb_wrap li:first-child:before{display:none;}
.snb_wrap li.on:after {display: block; content: ''; position: absolute; left:0; bottom: 0; width: 100%; height: 3px; background: #11a13f;}
.snb_wrap li.on a {font-weight: 700; color: #11a13f;}

/*== 서브탭 ==*/
#sub_tab {margin-top: 5rem;}
#sub_tab ul:after {display:block; content:""; clear:both;}
#sub_tab li {float:left; margin-top: 0.5rem; text-align: center;}
#sub_tab li a {display:block; margin-left: -1px; padding: 0.75rem 5px; background: #fff; border:1px solid #cccccc; border-bottom:1px solid #11a13f; font-size: 1.125em;}
#sub_tab li.on {margin-top: 0;}
#sub_tab li.on a {padding: 1rem 5px; background:url(../img/sub/tab_on.jpg) #11a13f no-repeat right center; background-size: contain; color:#fff; border-color: #11a13f;}
#sub_tab .tab_4 li {width:25%; }
#sub_tab .tab_6 li {width:16.6666%; }


#container {min-height: 500px;}
#container_title {margin-top: 5rem; text-align: center;}
#container_title * {word-break: keep-all;}
#container_title .subtxt {color: #525252;}
#container_title .br {display: block;}


/*== 공통 - 섹션 ==*/
.sub .section {position: relative; padding: 5rem 0; z-index: 1;}
.sub .section_title, .sub .sb_title.center {margin-bottom: 2.6rem; }
.sub .section_title .eng {display: block; font-size: 1.2rem; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.3; filter:alpha(opacity=30);}
.sub .section_title .kor {display: block; margin: 0.208em 0 0.291em; font-size: 1.2rem; line-height: 1.2em;}
.sub .section_title .title {font-size: 2.5rem; font-weight: 400; line-height: 1.3em;}
.sub .section_title .subtxt {position: relative; display: inline-block; margin-top: 1.1em; padding-top: 1.2em; font-size: 1rem; font-weight: 300; line-height: 1.45em;}
.sub .section_title .subtxt:before {content: ""; width: 2.5rem; height: 1px; background-color: #222; position: absolute; top: 0; left: 50%; margin-left: -1.25rem;}
.sub .section_title .subtxt.white:before {background-color: #fff;}
.sub .section_title .subtxt.noline {padding-top: 0;}
.sub .section_title .subtxt.noline:before {display: none;}
.section_title .title .br {display: block;}
.section_title .subtxt .br {display: block;}

/* 겹치는 섹션 */
.sub .top_ss .inner {padding-bottom: 182px;}
.sub .float_ss {max-width: 1400px; margin: -182px auto 0; background: #fff;}
.sub .float_ss .inner {}

/* 섹션 box */
.sub .ss_box  {margin-bottom: 5rem;}
.sub .ss_box:last-child {margin-bottom: 0;}
.sub .sb_title {margin-bottom: 0.5rem;}
.sub .sb_title.center {text-align: center;}
.sub .sb_title .num {display: inline-block; margin-bottom: 0.541em; font-size: 1.2rem; font-weight: 700;}
.sub .sb_title .num:after {content: ""; display: block; width: 100%; height: 2px; opacity: 0.3; filter:alpha(opacity=30); background: #fff;}
.sub .sb_title .title {font-size: 2rem; font-weight: 400; line-height: 1.2em;}
.sub .sb_title .subtxt {margin-top: 0.5em; font-size: 1rem; font-weight: 300; line-height: 1.5em;}
.sub .sb_title .subtxt.gray {opacity: 0.5; filter:alpha(opacity=50);}
.sub .sb_title .subtxt .br {display: block;}
.sub .sb_title .green.num:after {background: #11a13f;}
.sub .sb_title .blue.num:after {background: #3477ff;}
.sub .sb_title .ygreen.num:after {background: #63c025;}

.sub .section .tit {font-size: 1.3rem; font-weight: 500; line-height: 1.2em; text-transform: uppercase;}
.sub .section .exp {font-size: 1rem; font-weight: 300; line-height: 1.5em;}
.sub .section .sb_dl dt {font-size: 1.2rem; font-weight: 500; line-height: 1.2em; text-transform: uppercase;}
.sub .section .sb_dl dd {font-size: 0.9rem; font-weight: 100; line-height: 1.5em;}
.sub .section .sb_dl dd:last-child {margin-bottom: 0;}

/* 반응형 이미지 */
.sub .section .rps_img {padding: 0; text-align: center;}
.sub .section .rps_img img {max-width: 100%;}
.sub .section .rps_img .d_pc {display: inline-block;}
.sub .section .rps_img .d_mobile {display: none;}

.sub .section .img_box {position: relative;}
.sub .section .img_box.sdw { -webkit-box-shadow: 7px 10px 13px 0 rgba(0,0,0,0.15); -moz-box-shadow: 7px 10px 13px 0 rgba(0,0,0,0.15); box-shadow: 7px 10px 13px 0 rgba(0,0,0,0.15);}
.sub .section img.sdw { -webkit-box-shadow: 7px 10px 13px 0 rgba(0,0,0,0.15); -moz-box-shadow: 7px 10px 13px 0 rgba(0,0,0,0.15); box-shadow: 7px 10px 13px 0 rgba(0,0,0,0.15);}
.sub .section .img_box.h460 {height: 460px;}
.sub .section .img_box.h388 {height: 388px;}
.sub .section .img_box.h354 {height: 354px;}
.sub .fleft.img_box, .sub .fright.img_box {width: 47%;}
.sub .fleft.text_box, .sub .fright.text_box {width: 53%;}
.sub .section .fleft.text_box {padding-left: 0; padding-right: 5%;}
.sub .section .fright.text_box {padding-left: 5%;}

/* float box */
.sub .ss_intro {position: relative; padding-top: 0 !important;}
.sub .ss_intro .inner {position: static; max-width: 1400px;}
.sub .ss_intro .top_box_bg {
    position: absolute; top: 0; left: 0; z-index: -1;
    width: 100%; height: calc(100vw*(640/1280));
    min-height: 288px; max-height: 640px; background-size: cover;
}
.sub .ss_intro .top_box {display: table; width: 100%; height: calc(100vw*(640/1280)*0.7); min-height: 201px; max-height: 506px; text-align: center; color: #fff;}
.sub .ss_intro .top_box .ysmt {font-size: 1.5rem; font-weight: 700;  text-transform: uppercase; letter-spacing: 0; }
.sub .ss_intro .tit {font-size: 1.5rem; font-weight: 700;}
.sub .ss_intro .exp .br {display: block;}
.sub .ss_intro .float_box {padding: 5rem 3rem; background: #fff;}
.sub .ss_intro .icon_box {padding: 3.35rem 3rem;}
.sub .ss_intro .icon_box .tit {margin-bottom: 0.667em;  letter-spacing: 0;}
.sub .ss_intro .icon_box dl {width: 100%; max-width: 1080px; min-height: 192px; margin: 0 auto; padding-left: 236px;}

/* 이미지 뒤 네모 디자인 */
.section .bsq:before {content: ""; display: block; position: absolute; z-index: -1; border: 1px solid #3477ff;}
.section .ysq:before {content: ""; display: block; position: absolute; z-index: -1; border: 1px solid #eeaf00;}
.section .gsq:before {content: ""; display: block; position: absolute; z-index: -1; border: 1px solid #11a13f;}

/* slash 모양 */
.slash {position: relative; padding-top: 1.4em;}
.slash:before {
    content:""; width: 1em; height: 2px;
    background-color: #fff; opacity: 0.5; filter:alpha(opacity=50);
    position: absolute; top: 0; left: 0; margin-top: 7px;
    transform: rotate(-45deg); webkit-transform: rotate(-45deg); -ms-transform:rotate(-45deg);
}
.green.slash:before {background-color: #11a13f; }
.blue.slash:before {background-color: #3477ff; }

/* 동그라미 색상 */
.wbtb {border-color: #fff; background: transparent;}
.ybtb {border-color: #ffbc00; background: transparent;}
.ybyb {border-color: #ffbc00; background-color: #ffbc00;}
.gbtb {border-color: #63c025; background: transparent;}
.gbgb {border-color: #63c025; background-color: #63c025;}
.bbtb {border-color: #3477ff; background: transparent;}
.bbbb {border-color: #3477ff; background-color: #3477ff;}
.mbtb {border-color: #f69c00; background: transparent;}
.mbmb {border-color: #f69c00; background-color: #f69c00;}

/*== 서브통이미지 ==*/
.img_wrap{overflow:hidden; margin-top:100px;}
.img_wrap p{position:relative; left:50%; margin-left:-990px;}



/*== 전인치유 ==*/
.holistic .sb_dl dd {margin: 0.278em 0 1.611em;}
.holistic .effects dt {margin-bottom: 1rem;}
.holistic .effects dd {margin: 1rem 0;}
.holistic .effects dd:after {display:block;visibility:hidden;clear:both;content:""}
.holistic .effects .ico {position: relative; display: table; float: left; width: 120px; height: 120px; border-radius: 50%; text-align: center;}
.holistic .effects .con {display:table; float: left; width: calc(100% - 120px); height: 120px; padding-left: 6%;}
.holistic .section .exp + .sb_dl .slash {margin-top: 1.3rem;}

/*= sub01_1 자연을 담다 =*/
.holistic1 .ss1 .img_box {width: 37%; height: 520px; background: url(../img/sub/holistic/sub11_ss1_img1.jpg) no-repeat center 90%; background-size: cover;}
.holistic1 .ss1 .gsq:before {display:none; width: 49%; height: 66%; bottom: -9%; right: -8%;}
.holistic1 .ss1 .text_box {width: 60%;}
.holistic1 .ss2 {background: url(../img/sub/holistic/sub11_ss2_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.holistic1 .ss2 .img_box {background: url(../img/sub/holistic/sub11_ss2_img1.jpg) no-repeat center center; background-size: cover;}
.holistic1 .ss2 .text_box .br {display: block;}
.holistic1 .ss2 .sb_dl dt {color: #fff;}
.holistic1 .h430 {height: 430px;}
.holistic1 .ss3 .img_box {background: url(../img/sub/holistic/sub11_ss3_img1.jpg) no-repeat center center; background-size: cover;}
.holistic1 .ss3 .text_box {margin-top: 3rem; padding: 3.8rem 2.5rem; background: #fafafa;}
/* 
.holistic1 .ss4 .sub_imgli {width:100%; overflow:hidden;}
.holistic1 .ss4 .sub_imgli li {width:24.29%; height:200px; margin-right:0.85%; margin-bottom:10px; float:left; background:#e1e1e1; }
.holistic1 .ss4 .sub_imgli li:nth-child(1) {background: url(../img/sub/holistic/sub11_ss4_img1.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(2) {background: url(../img/sub/holistic/sub11_ss4_img2.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(3) {background: url(../img/sub/holistic/sub11_ss4_img3.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(4) {background: url(../img/sub/holistic/sub11_ss4_img4.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(5) {background: url(../img/sub/holistic/sub11_ss4_img5.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(6) {background: url(../img/sub/holistic/sub11_ss4_img6.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(7) {background: url(../img/sub/holistic/sub11_ss4_img7.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(8) {background: url(../img/sub/holistic/sub11_ss4_img8.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(9) {background: url(../img/sub/holistic/sub11_ss4_img9.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(10) {background: url(../img/sub/holistic/sub11_ss4_img10.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(11) {background: url(../img/sub/holistic/sub11_ss4_img11.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(12) {background: url(../img/sub/holistic/sub11_ss4_img12.jpg) no-repeat center; background-size: cover;}
.holistic1 .ss4 .sub_imgli li:nth-child(4n) {margin-right:0;}
.holistic1 .ss4 .contents p {text-align:center; font-size:1rem; font-weight:300; margin-top: 2rem;} */
.holistic1 .ss4 .img_box { /* background: url(../img/sub/holistic/sub11_ss4_img111.png) no-repeat center center; */ background-size: cover;}
.holistic1 .ss4 .img_box img {width:100%; max-width:602px;}
.holistic1 .ss4 .sb_dl {padding-top:1.5rem;}
.holistic1 .ss4 .sb_dl dt {padding-bottom:1em;}
.holistic1 .ss4_2 li {}
.holistic1 .ss4_2 .contents p {padding:1.6rem 0.2rem 0 0.2rem; min-height:101px; font-size: 1rem; border:1px solid #ccc;}




.holistic1 .ss5 {margin-top:5rem;background: url(../img/sub/holistic/sub11_ss5_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.holistic1 .ss5 .img_box { background: url(../img/sub/holistic/sub11_ss5_img1.jpg) no-repeat center center; background-size: cover;}
.holistic1 .ss5 .text_box {}
.holistic1 .ss5 .text_box .br {display: block;}
.holistic1 .ss5 .sb_dl dt.yellow {font-size: 2rem; font-weight: 400; line-height: 2.2em;}






/*= sub01_2 삶에 답하다 =*/
.holistic2 {}
.holistic2 .time {position: absolute; display: inline-block; min-width: 200px; padding: 1rem 1.5rem 1.1rem; text-align: left; background: #3477ff; color: #fff;}
.holistic2 .time dt {position: relative; margin-bottom: 0.208em; font-size: 1.2rem; font-weight: 500; color: #fff;}
.holistic2 .time dt:after {content: "\f017"; font: normal normal normal 1em/1 FontAwesome; margin-left: 7px;}
.holistic2 .time dd {font-size: 0.9rem; font-weight: 300;}
.holistic2 .ss1 .ss_box {margin-bottom: 3rem;}
.holistic2 .ss1 .text_box {padding: 2.5rem 2.4rem;}
.holistic2 .ss1 .box1 .img_box {background: url(../img/sub/holistic/sub12_ss1_img1.jpg) no-repeat left center; background-size: cover;}
.holistic2 .ss1 .box1 .time {bottom: 1rem; right: -1rem;}
.holistic2 .ss1 .box2 .img_box {background: url(../img/sub/holistic/sub12_ss1_img2.jpg) no-repeat right center; background-size: cover;}
.holistic2 .ss1 .box2 .bsq:before {width: 42%; height: 95%; top: -8.5%; right: 4%;}
.holistic2 .ss1 .box2 .time {bottom: -1rem; left: 1rem;}
.holistic2 .ss2 {background: url(../img/sub/holistic/sub12_ss2_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.holistic2 .ss2 .sb_title .title {color: #63c025;}
.holistic2 .ss2 .img_box {background: url(../img/sub/holistic/sub12_ss2_img1.jpg) no-repeat center center; background-size: cover;}
.holistic2 .ss2 .time {bottom: -1rem; left: 1rem; background: #63c025;}
.holistic2 .ss2 .text_box .br {display: block;}
.holistic2 .ss2 .sb_dl dt {color: #fff;}
.holistic2 .ss3 .img_box {background: url(../img/sub/holistic/sub12_ss3_img2.jpg) no-repeat center center; background-size: cover;}
.holistic2 .ss3 .bsq:before {width: 42%; height: 95%; top: -8.5%; right: 4%;}
.holistic2 .ss3 .time {bottom: 1rem; left: -1rem;}
.holistic2 .ss3 .text_box {padding: 2.5rem 2.4rem;}

.holistic2 .time {min-width: 170px; display:none;}



.holistic2 .ss33 .img_box { background: url(../img/sub/holistic/sub12_ss3_img2.jpg) no-repeat center center; background-size: cover;}
.holistic2 .ss33 {text-align:center;}
.holistic2 .ss33 .bsq:before {width: 42%; height: 95%; top: -8.5%; right: 4%;}
.holistic2 .ss33 .time {bottom: 1rem; left: -1rem;}
.holistic2 .ss33 .text_box {padding: 2.5rem 2.4rem;}




/*= sub01_3 전인치료의 시작 =*/
.holistic3 .h388 {height: 388px;}
.holistic3 .ss1 {background: url(../img/sub/holistic/sub13_ss1_bg.jpg) no-repeat center center; background-size: cover;}
.holistic3 .ss1 .section_title {color: #fff;}
.holistic3 .ss1 .subtxt.noline {margin-top: 0;}
.holistic3 .ss1 .img_box {background: url(../img/sub/holistic/sub13_ss1_img1.jpg) no-repeat center center; background-size: cover;}
.holistic3 .ss1 .text_box {display: table; padding: 0 2.4rem; background: #fff;}
.holistic3 .ss2 .col3 {margin: 0 -1.5%;}
.holistic3 .ss2 .col3 > li {padding: 0 1.5%; text-align: left;}
.holistic3 .ss2 .col3 .tit {position: relative; margin: 0.6333em 0 0.1333em; font-size: 1.5rem; font-weight: 700;}
.holistic3 .ss2 .box2 {/* margin-top: 3.25rem; */}

.holistic3 .ss3,.holistic3 .ss4 {background: #fafafa;}
.holistic3 .ss3 .contents {padding-top: 1.5rem;}
.holistic3 .ss3 .img_box {background: url(../img/sub/holistic/sub13_ss3_img1.jpg) no-repeat center center; background-size: cover; margin-left: 2rem; margin-bottom:5em;}
.holistic3 .ss3 .gsq:before {/* width: 76%; height: 69%; top: -1.5rem; left: -2rem; */}
.holistic3 .ss3 .text_box {width: calc(53% - 2rem); display: table;}
.holistic3 .ss3 .numbering {display: table-cell; vertical-align: middle; padding-top:2.5em;}
.holistic3 .ss3 .numbering dl {margin-bottom:1.8rem;}
.holistic3 .ss3 .numbering .tit, .holistic3 .ss3 .numbering .exp {padding-left: 1.9rem;}
.holistic3 .ss3 .numbering .tit:before {position: absolute; left: 0;}
.holistic3 .ss3 .numbering .exp {/* margin: 0.3em 0 1em; */}
.holistic3 .ss3 .numbering li:nth-child(3) {margin-bottom:20px;}



.holistic3 .section.ss4 {padding-top:0;}
.holistic3 .ss4 .img_box {background: url(../img/sub/holistic/sub13_ss4_img1.jpg) no-repeat center center; background-size:cover; margin-left: 2rem; margin-bottom:5em;}
.holistic3 .ss4 .gsq:before { display:none; width: 76%; height: 69%; top: -1.5rem; left: -2rem;}
.holistic3 .ss4 .text_box {width: calc(53% - 2rem); display: table;}
.holistic3 .ss3 ul,
.holistic3 .ss4 ul {display: table-cell; vertical-align: middle; padding-top:2.5em;}
.holistic3 .ss3 ul dl,
.holistic3 .ss4 ul dl {margin-bottom:1.8rem;}
.holistic3 .ss4 ul .tit, .holistic3 .ss4 ul .exp {}
.holistic3 .ss4 ul .tit {position: relative;}
.holistic3 .ss4 ul .tit_num {display:inline-block; font-weight:600; margin-right:10px;}

/*== 병원소개 ==*/
/*= sub02_1 둘러보기 =*/
.tour_wrap {width:1280px; margin:0 auto; margin-bottom:100px;}
.tab-content{display: none;}
.tab-content.current{display: inherit;}
.tab-content, .swiper-container{display:none;}
.swiper-container {margin-bottom:40px;}
.gallery-thumbs .swiper-slide {width: 20%; height: 100%;  opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.gallery-thumbs .swiper-slide img{width:100%;}
.slide_title {position: absolute; bottom: 0; width:100%; height:70px; font-size:1rem; line-height: 70px; margin-top: 10px; color: #fff; text-align: center; background: rgba(0,0,0,0.5);}
.tour_video {margin:0 auto; margin-bottom:2rem; max-width:1280px; height:30rem;}
.tour_video .inner {height:100%;}


/*= sub02_2 담고 답하다 =*/
.ysmoto {}
.ysmoto .ss_intro {padding-bottom: 0 !important;}
.ysmoto .ss_intro .top_box_bg {background: url(../img/sub/hospital/sub22_ss1_bg.jpg) no-repeat center center; background-size: cover;}
.ysmoto .ss_intro .h410 {height: 410px;}
.ysmoto .ss_intro .box1 .img_box {background: url(../img/sub/hospital/sub22_ss1_img1.jpg) no-repeat center center; background-size: cover;}
.ysmoto .ss_intro .box1 .gsq:before {width: 45%; height: 120%; top: -11%; left: 7%;}
.ysmoto .ss_intro .box2 .img_box {float: right; background: url(../img/sub/hospital/sub22_ss1_img2.jpg) no-repeat center center; background-size: cover;}
.ysmoto .ss_intro .box2 .gsq:before {width: 45%; height: 120%; top: -11%; right: 7%;}
.ysmoto .ss_intro .text_box {height: 388px; margin-top: 5rem; padding: 3.8rem 5rem; background: #fafafa;}
.ysmoto .ss_intro .text_box .sb_title .title {font-weight: 700;}
.ysmoto .ss_intro .text_box .slash {margin-top: 1.3rem;}
.ysmoto .ss_intro .text_box .slash:before {background: #11a13f;}

/*= sub02_3 미션/비전 =*/
.vision {}
.vision .ss_intro .top_box_bg {height: calc(100vw*(740/1280)); min-height: 315px; max-height: 740px; background: url(../img/sub/hospital/sub23_ss1_bg.jpg) no-repeat center center; background-size: cover;}
.vision .ss_intro .top_box {height: calc(100vw*(740/1280)*0.7); max-height: 524px;}

/*= sub02_4 인사말 =*/
.greeting {}
.greeting .ss_intro .top_box_bg {height: calc(100vw*(826/1280)); min-height: 315px; max-height: 826px; background: url(../img/sub/hospital/sub24_ss1_bg.jpg) no-repeat center center; background-size: cover;}
.greeting .ss_intro .top_box {height: calc(100vw*(826/1280)*0.7); max-height: 585px; min-height: 315px;}
.greeting .ss_intro .section_title {padding-left: 44%; text-align: left; color: #fff; margin-bottom: 0;}
.greeting .ss_intro .section_title .eng {margin-bottom: 0.555em; font-size: 0.9rem; font-weight: 100; letter-spacing: 0.2em;}
.greeting .ss_intro .section_title .subtxt:before {left: 0; margin-left: 0;}
.greeting .ss_intro .section_title .br {display: block;}
.greeting .ss_intro .float_box {padding: 5rem 15%; text-align: center; background: #fff;}
.greeting .ss_intro .float_box .tit {padding-top:  64px; margin-bottom: 2.076em; background: url(../img/sub/hospital/sub24_logo.png) no-repeat center top; font-weight: 400; line-height: 1.384em;}

/*= sub02_5 의료진 소개 =*/
.doctor {}
.doctor .section {padding: 2.5rem 0 0;}
.doctor .section .inner {padding: 0 4.8rem;}
.doctor .dr_box {min-height: 378px; padding: 0 0 3.8rem;}
.doctor .dr_box .sb_title {margin-bottom: 1.15rem; padding-bottom: 1.15rem; border-bottom: 1px solid #e1e1e1;}
.doctor .dr_box .sb_con:after {display:block;visibility:hidden;clear:both;content:""}
.doctor .dr_box .sb_dl {float: left;}
.doctor .dr_box .sb_dl dt {margin-bottom: 0.6rem;}
.doctor .dr_box .sb_dl dd {position: relative; padding-left: 0.5em; line-height: 1.667em;}
.doctor .dr_box .sb_dl dd:before {content: ""; width: 2px; height: 2px; background: #464646; position: absolute; left: 0; top: 0.778em;}
.doctor .dr_box .dr_career {width: 65%; padding-right: 1rem}
.doctor .dr_box .dr_career dt {font-size: 1.5rem;}
.doctor .dr_box .dr_asct {width: 35%;}
.doctor .dr_box .dr_asct dt {position: relative; padding-left: 1.222em; font-size: 1.25em; font-weight: 700;}
.doctor .dr_box .dr_asct dt:before {
    content:""; width: 1em; height: 1px; background-color: #cccccc;
    position: absolute; top: 0; left: 0; margin-top: 0.6em;
    transform: rotate(-54deg); webkit-transform: rotate(-54deg); -ms-transform:rotate(-54deg);
}
.doctor .ss1, .doctor .ss3 {background: #fafafa;}
.doctor .ss1 .dr_box {padding-left: 480px; background: url(../img/sub/hospital/sub25_dr1_img.png) no-repeat left bottom;}
.doctor .ss2 {background: #fff;}
.doctor .ss2 .dr_box {padding-right: 480px; background: url(../img/sub/hospital/sub25_dr2_img.png) no-repeat right bottom;}
.doctor .ss3 .dr_box {padding-left: 480px; background: url(../img/sub/hospital/sub25_dr3_img.png) no-repeat left bottom;}

/*= sub02_6 오시는 길 =*/
.location {}
.location .inner {max-width: 1400px;}
.location .ss1 .col2 {margin: -1rem;}
.location .ss1 .col2 > li {padding: 1rem;}
.location .ss2 {background: #fafafa;}
.location .ss2 .icon_box {padding: 3.35rem 3rem; background: #fff;}
.location .ss2 .icon_box .tit {position: relative; padding-bottom: 0.9em; margin-bottom: 1em; font-size: 1.5rem; font-weight: 700;}
.location .ss2 .icon_box .tit:after {
    content:""; width: 0.8333em; height: 1px;
    background-color: #3477ff;
    position: absolute; bottom: 0.3em; left: 0; 
    transform: rotate(45deg); webkit-transform: rotate(45deg); -ms-transform:rotate(45deg);
}
.location .ss2 .icon_box .sb_con {width: 100%; min-height: 192px; padding-left: 236px;}
.location .ss2 .icon_box .sb_dl dt {font-size: 1.1rem; margin: 1em 0 0.227em;}
.location .ss2 .bycar .sb_con {background: url(../img/sub/hospital/sub26_ss2_img1.png) no-repeat left top;}
.location .ss2 .bybus .sb_con {background: url(../img/sub/hospital/sub26_ss2_img2.png) no-repeat left top;}


/*== 암재활치료 ==*/
.sub .section .circle_ul {margin: 0 -1rem; text-align: center;}
.sub .section .circle_ul:after {display:block;visibility:hidden;clear:both;content:""}
.sub .section .circle_ul li {float: left; }
.sub .section .circle_ul .box {display: table; margin: 0 auto; padding: 0 1rem; border-width: 3px; border-style: solid; border-radius: 50%;}
.sub .section .circle_ul .con {display: table-cell; vertical-align: middle;}
.sub .section .circle_ul .con dt {margin-bottom: 0.269em; font-size: 1.3rem; font-weight: 500; text-transform: uppercase;}
.sub .section .circle_ul .con dd {line-height: 1.5em; font-weight: 300;}
.sub .section .circle_ul .con p {font-size: 1rem; font-weight: 400; line-height: 1.3em;}

.circle_ul.col4 {}
.circle_ul.col4 > li {width: 25%; padding: 0 1.1rem;}
.circle_ul.col4 .box {width: 220px; height: 220px;}

.circle_ul.col5 {margin: 0 -1.1rem;}
.circle_ul.col5 > li {width: 20%; padding: 0 1.1rem;}
.circle_ul.col5 .box {width: 220px; height: 220px; padding: 2.85rem 0.5rem;}

.circle_ul.col6 > li  {width: 16.6667%; padding: 0 1rem;}
.circle_ul.col6 .box {width: 180px; height: 180px;}


/*= sub03_1 통합의학적치료 =*/
.cancer1 .ss_intro .top_box_bg {background: url(../img/sub/cancer/sub31_ss1_bg.jpg) no-repeat center center; background-size: cover;}
.cancer1 .ss_intro .icon_box dl {background: url(../img/sub/cancer/sub31_ss1_img1.png) no-repeat left center;}
.cancer1 .ss2 {background: url(../img/sub/cancer/sub31_ss2_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.cancer1 .ss2 .circle_ul .box {padding: 2.85rem 0.5rem;}
.cancer1 .ss2 .circle_ul .con dd {opacity: 0.5; filter:alpha(opacity=50);}
.cancer1 .ss2 .circle_ul .ybyb .con dd {opacity: 1; filter:alpha(opacity=100);}
.cancer1 .ss3 {background-color: #fff;}
.cancer1 .ss3 .section_title .title {color: #11a13f;}
.cancer1 .ss3 .contents > div {position: relative; width: 49%; height: 660px; }
.cancer1 .ss3 .program1 {background: url(../img/sub/cancer/sub31_ss3_img1.jpg) no-repeat center top; background-size: cover;}
.cancer1 .ss3 .program2 {margin-top: 5rem; background: url(../img/sub/cancer/sub31_ss3_img2.jpg) no-repeat center top; background-size: cover;}
.cancer1 .ss3 .program2 .sb_con {position: absolute; bottom: 0;}
.cancer1 .ss3 .sb_con {padding: 4.5rem 3rem; color: #fff;}
.cancer1 .ss3 .sb_con .tit {margin-bottom: 0.529em; font-size: 1.7rem; color: #86d551;}
.cancer1 .ss3 .sb_con .tit
.cancer1 .ss4 {background-color: #fafafa;}


/*= sub03_2 현대의학치료 =*/
/* 면역세포치료 */
.immunocyte {letter-spacing: -0.04em;}
.immunocyte .sb_title {margin-bottom: 0.9rem;}
.immunocyte .sb_title .subtxt {margin-top: 1em;}
.immunocyte .sb_title .subtxt.gray {margin-top: 0.5em; font-size: 1.1875em;}
.immunocyte .h450 {height: 450px;}
.immunocyte .fsmall {font-size: 1.0625em;}
.immunocyte .text_box .fsmall {margin-top: 1.176em;}
.immunocyte .ss1 .img_box {background: url(../img/sub/cancer/sub321_ss1_img1.jpg) no-repeat right center; background-size: cover;}
.immunocyte .ss1 .text_box {display: table; padding: 0 2.4rem; background: #fafafa;}
.immunocyte .ss2 {background: url(../img/sub/cancer/sub321_ss2_bg.jpg) no-repeat right center; background-size: cover;}
.immunocyte .ss2 .sb_title {color: #fff;}
.immunocyte .ss2 .img_box {background: url(../img/sub/cancer/sub321_ss2_img1.jpg) no-repeat right center; background-size: cover;}
.immunocyte .ss2 .text_box {display: table; padding: 0 2.4rem; background: #fff;}
.immunocyte .ss3 .box1 .img_box {background: url(../img/sub/cancer/sub321_ss3_img1.jpg) no-repeat right center; background-size: cover;}
.immunocyte .ss3 .box1 .text_box {padding: 3% 2.4rem; padding-left: 0; padding-right: 5%;}
.immunocyte .ss3 .box2 .img_box {background: url(../img/sub/cancer/sub321_ss3_img2.jpg) no-repeat right center; background-size: cover;}
.immunocyte .ss4 {background: url(../img/sub/cancer/sub321_ss4_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.immunocyte .ss4 .contents {text-align: center;}
.immunocyte .ss4 .col_ul {max-width: 743px; margin: 0 auto 2rem;}
.immunocyte .ss4 .col_ul > li {width: 50%; padding: 0 0.5rem;}
.immunocyte .ss4 .col_ul > li .img {position: relative;}
.immunocyte .ss4 .col_ul > li img {max-width: 146px;}
.immunocyte .ss4 .col_ul .exp {margin-top: 1.1em; font-weight: 700;}
.immunocyte .ss4 .box1 .img:after {
    content: ""; display: block; width: 1.3rem; height: 4px;
    border-radius: 2px; background: #3477ff;
    position: absolute; top: 50%; right: -1.15rem;
    transform: translateY(-50%) rotate(45deg);
    webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
}
.immunocyte .ss4 .box2 .img:before {
    content: ""; display: block; width: 1.3rem; height: 4px;
    border-radius: 2px; background: #fff;
    position: absolute; top: 50%; left: -1.15rem;
    transform: translateY(-50%) rotate(-45deg);
    webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    opacity: 0.7; filter:alpha(opacity=70);
}
.immunocyte .ss4 .box2:before {}
.immunocyte .ss4 .sb_title .num:after {background: #fff;}
.immunocyte .ss5 .img_box {background: url(../img/sub/cancer/sub321_ss5_img1.jpg) no-repeat right center; background-size: cover;}

/* 미슬토 */
.mistletoe .fsmall {font-size: 1.0625em; margin-top: 1.176em;}
.mistletoe .ss1 {background: url(../img/sub/cancer/sub322_ss1_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.mistletoe .ss1 .col4 {margin: -1.2rem -2%;}
.mistletoe .ss1 .col4 > li {padding: 1.2em 2%;}
.mistletoe .ss1 .col4 > li:nth-child(2n)  {margin-top: 3rem;}
.mistletoe .ss1 .col4 dl { text-align: left;}
.mistletoe .ss1 .col4 .tit {position: relative; margin: 0.923em 0 0.5em;}
.mistletoe .ss3 {background: url(../img/sub/cancer/sub322_ss3_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.mistletoe .ss4 {}
.mistletoe .ss4 .img_box {background: url(../img/sub/cancer/sub322_ss4_img1.jpg) no-repeat center center; background-size: cover;}
.mistletoe .ss4 .gsq:before {width: 76%; height: 69%; bottom: -11%; right: -2rem;}
.mistletoe .ss4 .text_box {width: calc(53% - 2rem); height: 388px; display: table;}
.mistletoe .ss4 .numbering {display: table-cell; vertical-align: middle;}
.mistletoe .ss4 .numbering .tit, .mistletoe .ss4 .numbering .exp {padding-left: 2.2rem;}
.mistletoe .ss4 .numbering .tit:before {position: absolute; left: 0; top: -1px; font-size: 0.769em; font-weight: 300; width: 1.75rem; height: 1.75rem; line-height: 1.65rem; text-align: center; background: #11a13f; color: #fff;}
.mistletoe .ss4 .numbering .exp {margin: 0.3em 0 1em;}

/* 부작용완화치료 */
.sdeffect {}
.sdeffect .ss1 {background: #fafafa;}
.sdeffect .ss1 .box1 .img_box {background: url(../img/sub/cancer/sub323_ss1_img1.jpg) no-repeat center center; background-size: cover;}
.sdeffect .ss1 .box1 .gsq:before {width: 44%; height: 76%; top: -11%; left: -3rem;}
.sdeffect .ss1 .box2 .img_box {background: url(../img/sub/cancer/sub323_ss1_img2.jpg) no-repeat center center; background-size: cover;}
.sdeffect .ss1 .box2 .gsq:before {width: 76%; height: 69%; bottom: -11%; right: -3rem;}
.sdeffect .ss1 .text_box {height: 388px; display: table;}
.sdeffect .ss1 .numbering {display: table-cell; vertical-align: middle;}
.sdeffect .ss1 .numbering .tit, .sdeffect .ss1 .numbering .exp {padding-left: 1.9rem;}
.sdeffect .ss1 .numbering .tit:before {position: absolute; left: 0;}
.sdeffect .ss1 .numbering .exp {margin: 0.3em 0 1em;}
.sdeffect .ss1 .box2 .numbering {counter-reset: num 3;}
.sdeffect .ss2 {background: url(../img/sub/cancer/sub323_ss2_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.sdeffect .ss2 .contents {}
.sdeffect .ss2 .col4 {margin: -1.2rem -1%;}
.sdeffect .ss2 .col4 > li {display: inline-block; float: none; width: calc(25% - 0.3%); padding: 1.2rem 1%; vertical-align: top;}
.sdeffect .ss2 .tit {margin: 0.923em 0 0.5em;}

/* 비타민C */
.vitac {}
.vitac .ss1 {background: url(../img/sub/cancer/sub324_ss1_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.vitac .ss1 .section_title {margin: 0;}
.vitac .ss1 .inner {padding-bottom: 9.1rem;}
.vitac .ss2 {margin-top: calc((9.1rem + 5rem)*-1); }
.vitac .ss2 .inner {width: calc(100% - 2rem); padding-top: 5rem; background: #fff;}
.vitac .ss2 .col4 {margin: 0; padding: 0 12px;}
.vitac .ss2 .col4 li {padding: 0 36px;}
.vitac .ss2 .col4 .ico {position: relative; display: block; width: 220px; height: 220px; margin: 0 auto; background: #fff; border: 3px solid #eeeeee; border-radius: 50%;}
.vitac .ss2 .col4 .ico:after {content: ""; display: block; width: 106px; height: 106px; position: absolute; top: 50%; left: 50%; margin-left: -54px; margin-top: -54px;}
.vitac .ss2 .col4 .ico1:after {background: url(../img/sub/cancer/sub324_ss2_ico1.png) no-repeat left top; background-size: cover;}
.vitac .ss2 .col4 .ico2:after {background: url(../img/sub/cancer/sub324_ss2_ico2.png) no-repeat left top; background-size: cover;}
.vitac .ss2 .col4 .ico3:after {background: url(../img/sub/cancer/sub324_ss2_ico3.png) no-repeat left top; background-size: cover;}
.vitac .ss2 .col4 .ico4:after {background: url(../img/sub/cancer/sub324_ss2_ico4.png) no-repeat left top; background-size: cover;}
.vitac .ss2 .col4 .tit {margin: 0.923em 0 0.5em;}
.vitac .ss3 {background: #fafafa;}
.vitac .ss3 .col3 {margin: 0 -1.5%;}
.vitac .ss3 .col3 li {height: 450px; padding: 0 1.5%;}
.vitac .ss3 .col3 .img {position: relative; display: table; width: 100%; height: 100%;}
.vitac .ss3 .col3 .txt {display: table-cell; vertical-align: middle; width: 100%; padding: 3rem 2rem; color: #fff;}
.vitac .ss3 .col3 .tit {position: relative; padding-bottom: 0.692em; margin-bottom: 0.692em;}
.vitac .ss3 .col3 .tit:after {content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 20px; height: 2px; background: #fff; opacity: 0.5; filter:alpha(opacity=50);}
.vitac .ss3 .box1 .img {background: url(../img/sub/cancer/sub324_ss3_img1.jpg) no-repeat center center; background-size: cover;}
.vitac .ss3 .box2 {margin-top: 3.5rem;}
.vitac .ss3 .box2 .img  {background: url(../img/sub/cancer/sub324_ss3_img2.jpg) no-repeat center center; background-size: cover;}
.vitac .ss3 .box3 .img  {background: url(../img/sub/cancer/sub324_ss3_img3.jpg) no-repeat center center; background-size: cover;}

/* 비타민D */
.vitad {}
.vitad .ss1 {background: #fafafa;}
.vitad .ss1:before {content: ""; width: 100%; height: 24%; background: #fff; position: absolute; top: 0; left: 0; z-index: -2;}
.vitad .ss1 .img_box {background: url(../img/sub/cancer/sub325_ss1_img1.jpg) no-repeat center center; background-size: cover;}
.vitad .ss1 .gsq:before {width: 45%; height: 120%; top: -12%; left: 7%;}
.vitad .ss1 .section_title {text-align: left;}
.vitad .ss1 .text_box {padding: 3% 2.4rem;}
.vitad .ss2 {background: url(../img/sub/cancer/sub325_ss2_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.vitad .ss2 .col3 > li {position: relative; padding-top: 3.5rem;}
.vitad .ss2 .col3 .img {margin-bottom: 1rem;}
.vitad .ss2 .col3 .tit {position: absolute; top: 0; width: 100%; padding-bottom: 0.692em; margin-bottom: 0.692em;}
.vitad .ss2 .col3 .tit:after {content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 20px; height: 2px; background: #fff; opacity: 0.5; filter:alpha(opacity=50);}
.vitad .ss2 .col3 .exp {margin-top: 1em; padding: 0 2rem;}
.vitad .ss3 {background: #fafafa;}
.vitad .ss3:before {content: ""; width: 100%; height: 42%; background: #fff; position: absolute; top: 0; left: 0; z-index: -2;}
.vitad .ss3 .img_box {background: url(../img/sub/cancer/sub325_ss3_img1.jpg) no-repeat center center; background-size: cover;}
.vitad .ss3 .gsq:before {width: 45%; height: 85%; top: -2.3rem; right: -2rem;}
.vitad .ss3 .section_title {text-align: left;}

/* 셀레나제 */
.selenase {}
.selenase .ss1 {background: url(../img/sub/cancer/sub326_ss1_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.selenase .ss2 {}
.selenase .ss2 .col3 {margin: -1.5rem -1.1rem;}
.selenase .ss2 .col3 > li {padding: 1.5rem 1.1rem; text-align: left;}
.selenase .ss2 .col3 > li:nth-child(3n+1) {clear: both;}
.selenase .ss2 .col3 .tit {margin: 0.923em 0 0.5em;}


/*= sub03_3 한의학치료 =*/
.oriental .col4 > li {display: inline-block; float: none; width: calc(25% - 0.3%); padding: 1.2rem 1%; vertical-align: top;}
.oriental .col4 > li .tit {margin: 0.923em 0 0;}

/* 한약요법 */
.ormedicine {}
.ormedicine .ss1 {background: #fafafa;}
.ormedicine .ss1 .img_box {background: url(../img/sub/cancer/sub331_ss1_img1.jpg) no-repeat center center; background-size: cover;}
.ormedicine .ss1 .gsq:before {width: 44%; height: 76%; top: -11%; left: -3rem;}
.ormedicine .ss1 .text_box {padding: 2.5rem 2.4rem;}
.ormedicine .ss1 .numbering .tit, .ormedicine .ss1 .numbering .exp {padding-left: 1.9rem;}
.ormedicine .ss1 .numbering .tit:before {position: absolute; left: 0; color: #11a13f;}
.ormedicine .ss1 .numbering .exp {margin: 0.3em 0 1em;}
.ormedicine .ss2 {background: url(../img/sub/cancer/sub331_ss2_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.ormedicine .ss2 .section_title .subtxt {font-size: 1.5rem;}

/* 쑥뜸요법 */
.mugwort .gbtb {border-color: #11a13f;}
.mugwort .gbgb {border-color: #11a13f; background-color: #11a13f;}
.mugwort .ss_intro .top_box_bg {background: url(../img/sub/cancer/sub332_ss1_bg.jpg) no-repeat center center; background-size: cover;}
.mugwort .ss_intro .icon_box dl {background: url(../img/sub/cancer/sub332_ss1_img1.png) no-repeat left center;}
.mugwort .ss2 {background: #fafafa;}
.mugwort .ss2 .img_box {background: url(../img/sub/cancer/sub332_ss2_img1.jpg) no-repeat center center; background-size: cover;}
.mugwort .ss2 .text_box {display: table; height: 388px; padding: 0 2.4rem; background: #fff;}
.mugwort .ss2 .sb_dl dt {position: relative; margin-bottom: 0.7916em; padding-bottom: 1em; color: #51a916;}
.mugwort .ss2 .sb_dl dt:after {content: ""; width: 1.25em; height: 1px; background-color: #51a916; position: absolute; bottom: 0; left: 0;}
.mugwort .ss3 {background: url(../img/sub/cancer/sub332_ss3_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}

/* 부항요법 */
.cupping {}
.cupping .ss1 {background: url(../img/sub/cancer/sub333_ss1_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.cupping .ss1 .tit {padding: 0 1.5rem;}


/*= sub03_4 고주파온열암치료 =*/
.cancer4 .text_box .fsmall {font-size: 1.0625em; margin-top: 1.176em;}
.cancer4 .ss_intro .top_box_bg {
    background: url(../img/sub/cancer/sub34_ss1_bg.jpg) no-repeat center center; background-size: cover; min-height: 416px;
}
.cancer4 .ss_intro .top_box {min-height: 290px;}
.cancer4 .ss_intro .top_box .exp {position: relative; margin: 1.35em 0 0.75em; padding-top: 1.25em;}
.cancer4 .ss_intro .top_box .exp:before {content: ""; width: 2.2rem; height: 1px; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -1.1rem;}
.cancer4 .ss_intro .icon_box dl {background: url(../img/sub/cancer/sub34_ss1_img1.png) no-repeat left center;}
.cancer4 .ss2 .img_box {background: url(../img/sub/cancer/sub34_ss2_img1.jpg) no-repeat 80% center; background-size: cover; margin-left: 1.5rem;}
.cancer4 .ss2 .bsq:before {width: 52%; height: 57%; top: -8%; left: -1.5rem;}
.cancer4 .ss2 .text_box {width: calc(53% - 1.5rem);}
.cancer4 .ss3 {background: url(../img/sub/cancer/sub34_ss3_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.cancer4 .ss4 .box1 .img_box {background: url(../img/sub/cancer/sub34_ss4_img1.jpg) no-repeat center center; background-size: cover; margin-left: 1.5rem;}
.cancer4 .ss4 .box1 .bsq:before {width: 44%; height: 76%; top: -8%; left: -1.5rem;}
.cancer4 .ss4 .box2 .img_box {background: url(../img/sub/cancer/sub34_ss4_img2.jpg) no-repeat center center; background-size: cover; margin-right: 1.5rem;;}
.cancer4 .ss4 .box2 .bsq:before {width: 76%; height: 69%; bottom: -8%; right: -1.5rem;}
.cancer4 .ss4 .text_box {width: calc(53% - 1.5rem); height: 388px; display: table;}
.cancer4 .ss4 .numbering {display: table-cell; vertical-align: middle;}
.cancer4 .ss4 .numbering .tit, .cancer4 .ss4 .numbering .exp {padding-left: 1.9rem;}
.cancer4 .ss4 .numbering .tit:before {position: absolute; left: 0;}
.cancer4 .ss4 .numbering .exp {margin: 0.3em 0 1em;}
.cancer4 .ss4 .box2 .numbering {counter-reset: num 3;}
.cancer4 .ss5 {background: url(../img/sub/cancer/sub34_ss5_bg.jpg) no-repeat center center; background-size: cover;}
.cancer4 .ss6 .img_box {background: url(../img/sub/cancer/sub34_ss6_img1.jpg) no-repeat center center; background-size: cover;}
.cancer4 .ss6 .bsq:before {width: 76%; height: 69%; bottom: -11%; right: -2rem;}
.cancer4 .ss6 .text_box {width: calc(53% - 2rem); height: 388px; display: table;}
.cancer4 .ss6 .numbering {display: table-cell; vertical-align: middle;}
.cancer4 .ss6 .numbering .tit, .cancer4 .ss6 .numbering .exp {padding-left: 2.2rem;}
.cancer4 .ss6 .numbering .tit:before {position: absolute; left: 0; top: -1px; font-size: 0.769em; font-weight: 300; width: 1.75rem; height: 1.75rem; line-height: 1.65rem; text-align: center; background: #3477ff; color: #fff;}
.cancer4 .ss6 .numbering .exp {margin: 0.3em 0 1em;}
.cancer4 .ss7 {background: url(../img/sub/cancer/sub34_ss7_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.cancer4 .ss9, .cancer4 .ss10 {max-width: 1400px; margin: auto; background: #fafafa;}
.cancer4 .ss9 .section_title, .cancer4 .ss10 .section_title {text-align: left;}
.cancer4 .ss9:before {content: ""; width: 100%; height: 27%; background: #fff; position: absolute; top: 0; left: 0; z-index: -2;}
.cancer4 .ss9 .img_box {background: url(../img/sub/cancer/sub34_ss9_img1.jpg) no-repeat center center; background-size: cover; margin-right: 1.5rem;}
.cancer4 .ss9 .bsq:before {width: 44%; height: 85%; top: -12%; right: -1.5rem;}
.cancer4 .ss9 .text_box {width: calc(53% - 1.5rem); padding: 0 2.4rem;}
.cancer4 .ss10 {margin-bottom: 5rem;}
.cancer4 .ss10:before {content: ""; width: 100%; height: 37.5%; background: #fff; position: absolute; top: 0; left: 0; z-index: -2;}
.cancer4 .ss10 .img_box {background: url(../img/sub/cancer/sub34_ss10_img1.jpg) no-repeat center center; background-size: cover;}
.cancer4 .ss10 .text_box {padding: 3% 2.4rem;}
.cancer4 .ss10 .bsq:before {width: 45%; height: 120%; top: -11%; left: 7%;}


/*= sub03_5 도수치료 =*/
.cancer5 .ss_intro .top_box_bg {background: url(../img/sub/cancer/sub35_ss1_bg.jpg) no-repeat center center; background-size: cover;}
.cancer5 .ss_intro .icon_box dl {background: url(../img/sub/cancer/sub35_ss1_img1.png) no-repeat left center;}
.cancer5 .ss2 {background: #fafafa;}
.cancer5 .ss2:before {content: ""; width: 100%; height: 25%; background: #fff; position: absolute; top: 0; left: 0; z-index: -2;}
.cancer5 .ss2 .img_box {background: url(../img/sub/cancer/sub35_ss2_img1.jpg) no-repeat center center; background-size: cover;}
.cancer5 .ss2 .gsq:before {width: 45%; height: 120%; top: -11%; left: 7%;}
.cancer5 .ss2 .text_box {padding: 3% 2.4rem;}
.cancer5 .ss2 .section_title {text-align: left;}
.cancer5 .ss3 {background: url(../img/sub/cancer/sub35_ss3_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.cancer5 .after_caution {margin-top: 2.6rem; padding: 40px; text-align: center; background-color: #f5f5f5;}
.cancer5 .after_caution p + p {margin-top: 15px;}


/*== 진료과목 ==*/
.clinic {}
.clinic .section .slash {margin-top: 0.7rem !important;}
.clinic .section .center .slash:before {left: 50%; margin-left: -8px;}

/*= sub04_1 외과 =*/
.gs {}
.gs .ss1 {background: url(../img/sub/clinic/sub41_ss1_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.gs .ss2 .text_box {display: table; height: 388px; padding: 0 2.4rem;}
.gs .ss2 .box1 .img_box {background: url(../img/sub/clinic/sub41_ss2_img1.jpg) no-repeat center center; background-size: cover;}
.gs .ss2 .box2 .img_box {background: url(../img/sub/clinic/sub41_ss2_img2.jpg) no-repeat center center; background-size: cover;}

/*= sub04_2 부인과 =*/
.gy {}
.gy .ss2 .slash:before,
.gy .ss3 .slash:before {background: #11a13f;}
.gy .ss1 {background: url(../img/sub/clinic/sub42_ss1_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.gy .ss1 .ss_box {margin-bottom: 0;}
.gy .ss1 .box1 .img_box {background: url(../img/sub/clinic/sub42_ss1_img1.jpg) no-repeat center center; background-size: cover;}
.gy .ss1 .box2 .img_box {background: url(../img/sub/clinic/sub42_ss1_img2.jpg) no-repeat left center; background-size: cover;}
.gy .ss1 .text_box {padding: 2.5rem 2.4rem;}
.gy .ss3 {background: #fafafa ;}
.gy .ss3 .img_box {background: url(../img/sub/clinic/sub42_ss3_img1.jpg) no-repeat left center; background-size: cover; margin-right: 1.2rem;}
.gy .ss3 .text_box {width: calc(53% - 1.2rem); padding: 2.5rem 2.4rem;}
.gy .fright.gsq:before {width: 76%; height: 69%; bottom: -15%; right: -1.2rem;}

/*= sub04_3 한방과 =*/
.om {}
.om .ss1 .slash:before,
.om .ss3 .slash:before,
.om .ss4 .slash:before {background: #11a13f;}
.om .fright.gsq+.text_box {width: calc(53% - 2rem);}
.om .fright.gsq {margin-right: 2rem;}
.om .fright.gsq:before {width: 76%; height: 69%; bottom: -1.9rem; right: -2rem;}
.om .fleft.gsq+.text_box {width: calc(53% - 2rem);}
.om .fleft.gsq {margin-left: 2rem;}
.om .fleft.gsq:before {width: 25%; height: 74%; bottom: -1.9rem; left: -2rem;}

.om .text_box {padding: 2.5rem 2.4rem;}

.om .ss1 .img_box {background: url(../img/sub/clinic/sub43_ss1_img1.jpg) no-repeat center center; background-size: cover;}
.om .ss2 {background: url(../img/sub/clinic/sub43_ss2_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.om .ss2 .img_box {background: url(../img/sub/clinic/sub43_ss2_img1.jpg) no-repeat center center; background-size: cover;}
.om .ss2 .ysq:before {width: 45%; height: 120%; top: -11%; left: 7%;}
.om .ss3 .box1 .img_box {background: url(../img/sub/clinic/sub43_ss3_img1.jpg) no-repeat right center; background-size: cover;}
.om .ss3 .box2 .img_box {background: url(../img/sub/clinic/sub43_ss3_img2.jpg) no-repeat center center; background-size: cover;}
.om .ss4 {background: url(../img/sub/clinic/sub43_ss4_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.om .ss4 .col4 {margin: -1.2rem -2%;}
.om .ss4 .col4 > li {padding: 1.2em 2%;}
.om .ss4 .col4 dl { text-align: left;}
.om .ss4 .col4 .tit {position: relative; margin: 0.923em 0 0.5em;}

.numbering {counter-reset: num;}
.numbering .tit {position: relative;}
.numbering .tit:before {display: block; content: "0"counter(num); counter-increment: num 1; font-weight: 700;}


/*== 이용안내 ==*/
.guide .gbtb {border-color: #11a13f; background: transparent;}
.guide .circle_ul li {position: relative;}
.guide .circle_ul li:last-child:after {display: none;}
.guide .circle_ul li:after {content: ""; display: block; width: 43px; height: 22px; background: url(../img/sub/guide/icon_step.png) no-repeat; position: absolute; top: 99px; right: -20px}
.guide .circle_ul .step_g:after {background-position: 0 0;}
.guide .circle_ul .step_w:after {background-position: 0 -22px;}
.guide .circle_ul .step_b:after {background-position: 0 -44px;}
.guide .dot_ul li {position: relative; padding-left: 0.75em;}
.guide .dot_ul li:before {content: ""; width: 3px; height: 3px; background: #2b6cff; position: absolute; top: 0.7em; left: 0;}

/*= sub05_1 진료안내 =*/
.outpatient {}
.outpatient .ss_intro .top_box_bg {height: calc(100vw*(560/1280)); max-height: 560px; min-height: 259px; background: url(../img/sub/guide/sub51_ss1_bg.jpg) no-repeat center center; background-size: cover;}
.outpatient .ss_intro .top_box {height: calc(100vw*(560/1280)*0.7); max-height: 392px; min-height: 181px;}
.outpatient .ss_intro .icon_box dl {background: url(../img/sub/guide/sub51_ss1_img1.png) no-repeat left center;}
.outpatient .ss_intro .icon_box dd {position: relative; padding-left: 0.75em;}
.outpatient .ss_intro .icon_box dd:before {content: ""; width: 3px; height: 3px; background: #2b6cff; position: absolute; top: 0.7em; left: 0;}
.outpatient .ss2 {background: url(../img/sub/guide/sub51_ss2_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.outpatient .ss2 .circle_ul li:after {top: 69px;}
.outpatient .ss2 .circle_ul.col5 .box {position: relative; width: 160px; height: 160px; border-width: 4px;}
.outpatient .ss2 .circle_ul.col5 .box:after {content: ""; display: block; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #11a13f; background: #fff; position: absolute; bottom: -6.75px; right: 50%; margin-right: -5.5px;}
.outpatient .ss2 .circle_ul .con dt {font-size: 1.125em; font-weight: 300;}
.outpatient .ss2 .circle_ul .con dd {font-size: 1.3rem; font-weight: 500;}
.outpatient .ss2 .circle_ul .con dd small {display: block; font-size: 0.692em; font-weight: 100;}
.outpatient .ss2 .circle_ul .cmt {position: relative; max-width: 110px; margin: auto; padding-top: 3rem;}
.outpatient .ss2 .circle_ul .cmt:before {content: ""; display: block; position: absolute; background: #fff; opacity: 0.5; filter: alpha(opacity=50); top: 0; left: 50%; margin-left: -0.5px; width: 1px; height: 3rem;}
.outpatient .ss2 .circle_ul .cmt p {padding-top: 1em; font-size: 1.125em; font-weight: 400;}
.outpatient .ss3 .img_box {background: url(../img/sub/guide/sub51_ss3_img1.jpg) no-repeat center center; background-size: cover; color: #fff;}
.outpatient .ss3 .text_box {display: table; height: 388px; padding: 0 3rem; background: #fafafa;}
.outpatient .ss3 .timetbl {font-size: 1.1rem; font-weight: 300;}
.outpatient .ss3 .timetbl dt {float: left; clear: both; width: 25%; min-width: 90px; padding: 0.34em 0; font-weight: 400;}
.outpatient .ss3 .timetbl dd {overflow: hidden; padding: 0.4em 0; text-transform: uppercase;}
.outpatient .ss3 .timetbl dd:after {display: block; clear: both; content: '';}

.outpatient .ss3_1 .schedule_wrap{overflow-x: scroll;}
.outpatient .ss3_1 .schedule_wrap::-webkit-scrollbar{width: 6px;height: 6px;}
.outpatient .ss3_1 .schedule_wrap::-webkit-scrollbar-thumb{width: 35px;height: 6px;border-radius: 3px;background: #606060;}
.outpatient .ss3_1 .schedule_wrap .schedule{min-width: 850px;}
.outpatient .ss3_1 .schedule_wrap .schedule tr{height: 2rem;}
.outpatient .ss3_1 .schedule_wrap .schedule tr:nth-child(3n){height: 1.5rem;}
.outpatient .ss3_1 .schedule_wrap .schedule tr:nth-child(n + 3) td:nth-child(n + 2){padding-left: 0.7rem;}
.outpatient .ss3_1 .schedule_wrap .schedule tr td:nth-child(1){text-align: center;}
.outpatient .ss3_1 .schedule_wrap .schedule tr td:nth-last-child(n + 2){border-right: #bbb solid 1px;}
.outpatient .ss3_1 .schedule_wrap .schedule .center{text-align: center;}
.outpatient .ss3_1 .schedule_wrap .schedule .month{font-size: 1.2rem;text-align: center;padding: 1.5rem 0;}
.outpatient .ss3_1 .schedule_wrap .schedule .date_wrap{border-top: #bbb solid 1px;border-bottom: #bbb solid 1px;text-align: center;}
.outpatient .ss3_1 .schedule_wrap .schedule .date{width: 13%;}
.outpatient .ss3_1 .schedule_wrap .schedule .day{background-color: #eeeeee;}
.outpatient .ss3_1 .schedule_wrap .schedule .sat{color: #2b6cff;}
.outpatient .ss3_1 .schedule_wrap .schedule .sun{color: #ff2b2b;text-align: center;background-color: #ffcdcd; padding-left: 0px !important;}
.outpatient .ss3_1 .schedule_wrap .schedule .doct{padding: 0.75rem 0;}
.outpatient .ss3_1 .schedule_wrap .schedule .border_btm{border-bottom: #bbb solid 1px;}

.outpatient .ss4 {background: url(../img/sub/guide/sub51_ss4_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.outpatient .ss4 .col4 {margin: -1.2rem -1%;}
.outpatient .ss4 .col4 > li {display: inline-block; float: none; width: calc(25% - 0.3%); padding: 1.2rem 1%; vertical-align: top;}
.outpatient .ss4 .tit {margin: 0.923em 0 0.5em;}
.outpatient .ss5 .col4 {margin: -1.2rem -1%;}
.outpatient .ss5 .col4 > li {padding: 1.2em 1%;}
.outpatient .ss5 .col4 dl { text-align: left;}
.outpatient .ss5 .tit {margin: 0.923em 0 0.5em;}

/*= sub05_2 입퇴원안내 =*/
.inpatient {}
.inpatient .section .circle_ul .con dt, .inpatient .section .circle_ul .con dd {font-size: 1.25rem; font-weight: 300;}
.inpatient .circle_ul .br {display: block;}
.inpatient .float_ss {padding: 3.8rem 0;}
.inpatient .guide_info {padding: 0 3rem;}
.inpatient .guide_info th {width: 28%; padding: 1.5rem 3rem 1.5rem 0.5rem; text-align: left; vertical-align: top; border-bottom: 1px solid #dfe5e7;}
.inpatient .guide_info td {width: 72%; padding: 1.5rem 0.5rem; border-bottom: 1px solid #dfe5e7;}
.inpatient .guide_info tr:last-child th,
.inpatient .guide_info tr:last-child td {border-bottom: 0;}
.inpatient .guide_info .tit {font-size: 1.5rem; font-weight: 700; line-height: 1.333em; }
.inpatient .top_ss {background: url(../img/sub/guide/sub52_ss1_bg.jpg) no-repeat center center; background-size: cover; color: #fff;}
.inpatient .ss3 {background: #fafafa;}
.inpatient .ss3 .box1 .img_box {background: url(../img/sub/guide/sub52_ss3_img1.jpg) no-repeat center center; background-size: cover;}
.inpatient .ss3 .box2 .img_box {background: url(../img/sub/guide/sub52_ss3_img2.jpg) no-repeat center center; background-size: cover;}
.inpatient .ss3 .box3 .img_box {background: url(../img/sub/guide/sub52_ss3_img3.jpg) no-repeat center center; background-size: cover;}
.inpatient .ss3 .text_box {padding: 1.5rem 2.4rem;}
.inpatient .ss3 .sb_title .title {font-size: 1.5rem; font-weight: 700;}
.inpatient .ss3 .sb_con .slash {margin-top: 1.3rem;}
.inpatient .ss3 .sb_con .slash:before {background: #3477ff;}
.inpatient .ss3 .sb_con .call_num {display: block; margin-top: 0.5rem; font-weight: 500;}

/*= sub05_3 사회사업실 =*/
.welfare .h450 {height: 450px;}
.welfare .sb_title {margin-bottom: 0.9rem;}
.welfare .fsmall {font-size: 1.0625em; margin-top: 1.176em;}
.welfare .ss1 .img_box {background: url(../img/sub/guide/sub53_ss1_img1.jpg) no-repeat 70% center; background-size: cover;}
.welfare .ss1 .text_box {display: table;padding: 0 2.4rem; background: #fafafa;}
.welfare .ss1 .sb_con .slash {margin-top: 1.3rem;}
.welfare .ss1 .sb_con .slash:before {background: #3477ff;}
.welfare .ss2 {background: url(../img/sub/guide/sub53_ss2_bg.jpg) no-repeat center center; background-size: cover; color: #fff}
.welfare .ss2 .box1 .img_box {background: url(../img/sub/guide/sub53_ss2_img1.jpg) no-repeat center center; background-size: cover;}
.welfare .ss2 .box2 .img_box {background: url(../img/sub/guide/sub53_ss2_img2.jpg) no-repeat center center; background-size: cover;}
.welfare .ss2 .text_box {padding: 1.5rem 2.4rem;}
.welfare .ss2 .box2 .text_box {padding-top: 0;}
.welfare .ss2 .fsmall {opacity: 0.7;}
.welfare .ss3 .box1 .img_box {background: url(../img/sub/guide/sub53_ss3_img1.jpg) no-repeat center center; background-size: cover; margin-left: 1.7rem;}
.welfare .ss3 .box1 .gsq:before {width: 78%; height: 75%; top: -1.7rem; left: -1.7rem;}
.welfare .ss3 .box2 .img_box {background: url(../img/sub/guide/sub53_ss3_img2.jpg) no-repeat right center; background-size: cover; margin-right: 1.7rem;}
.welfare .ss3 .box2 .gsq:before {width: 78%; height: 75%; top: -1.7rem; right: -1.7rem;}
.welfare .ss3 .text_box {width: calc(53% - 1.7rem); padding: 1.5rem 2.4rem;}

/*= sub05_6 층별안내 =*/
.floor {}
.floor .inner {max-width: 1400px;}
.floor .h528 {height: 528px;}
.floor .section .text_box {display: table; padding: 0 2.5rem; }
.floor .sb_con table {}
.floor .sb_con th {width: 73px; padding: 1rem 0.5rem 1rem 1rem; border-bottom: 1px solid #dfe5e7; font-size: 1.7rem; text-align: right; vertical-align: top;}
.floor .sb_con th .num {position: relative; display: block; padding-right: 1rem;}
.floor .sb_con th .num:after {content: ""; width: 2px; height: 0.825em; position: absolute; top: 0.375em; right: 0;}
.floor .sb_con td {padding: 1rem; border-bottom: 1px solid #dfe5e7; font-size: 1rem;}
.floor .sb_con tr:last-child th,
.floor .sb_con tr:last-child td {border-bottom: 0;}

.floor .ss1 {background: #fafafa;}
.floor .ss1 .img_box {background: url(../img/sub/guide/sub56_ss1_img1.jpg) no-repeat center center; background-size: cover;}
.floor .ss1 .gsq:before {width: 48%; height: 76%; top: -2rem; left: -2rem;}
.floor .ss1 .text_box {background: #fff;}
.floor .ss1 .sb_con th .num:after {background: #11a13f;}
.floor .ss2 .img_box {background: url(../img/sub/guide/sub56_ss2_img1.jpg) no-repeat center center; background-size: cover;}
.floor .ss2 .bsq:before {width: 48%; height: 76%; top: -2rem; right: -2rem;}
.floor .ss2 .text_box {background: #fafafa;}
.floor .ss2 .sb_con th .num:after {background: #3477ff;}



/*=== PC 1400px 이하 ===*/
@media all and (max-width: 1400px) {

}

/*=== PC 1279px 이하 ===*/
@media all and (max-width: 1279px) { 
    /*== 공통 ==*/
    /* br inline */
    .holistic1 .ss2 .text_box .br,
    .holistic2 .ss2 .text_box .br {display: inline;}

    /* 겹치는 섹션 */
    .sub .top_ss .inner {padding-bottom: 0;}
    .sub .float_ss {margin: 0;}

    /* float box */
    .sub .ss_intro .float_box {padding: 5rem 1.5rem;}
    .sub .ss_intro .icon_box,
    .location .ss2 .icon_box {padding: 3rem 2.5rem;}
    .sub .ss_intro .icon_box dl,
    .location .ss2 .icon_box .sb_con {width: 100%; min-height: 176px; padding-left: 220px; background-size: 176px;}

    .sub .section .circle_ul {margin: -0.5rem;}
    .sub .section .circle_ul li {float: none; display: inline-block; width: calc(33.333% - 0.5%); vertical-align: top; padding: 0.5rem;}
    .sub .section .circle_ul.col4 li {width: calc(50% - 0.5%);}
    .circle_ul.col6 .box {width: 220px; height: 220px;}
    .cancer1 .ss2 .inner,
    .mugwort .ss3 .inner,
    .cancer4 .ss7 .inner,
    .cancer5 .ss3 .inner,
    .outpatient .ss2 .inner,
    .inpatient .top_ss .inner {max-width: 770px;}

    /*== 비주얼 이미지 ==*/
    .sub .visual_img {height: auto;}
    .sub .visual_img .inner {padding: 8rem 1rem;}

    /*== 서브메뉴 ==*/
    .snb_wrap {height: 70px; line-height: 70px; margin-top: -35px;}

	/*= sub02_1 둘러보기 =*/
	.tour_wrap {width:100%; margin:0 auto; margin-bottom:100px; padding: 0 3%;}
	.swiper-slide h3 img {width:100%;}



    /*== 전인치유 ==*/
    .holistic .effects .ico {width: 100px; height: 100px;}
    .holistic .effects .ico img {width: 50px;}
    .holistic .effects .con {float: left; width: calc(100% - 100px); height: 100px; padding-left: 5%;}

    /*= 자연을 담다 =*/
    .holistic1 .h430 {height: 368px;}
    .holistic1 .ss3 .text_box {margin-top: 0;}

    /*== 병원소개 ==*/
    /*= 담고 답하다 =*/
    .ysmoto .ss_intro .h410 {height: 328px;}
    .ysmoto .ss_intro .text_box {padding: 3.8rem 2.5rem;}

    /*= 인사말 =*/
    .greeting .ss_intro .float_box {padding: 5rem 10%;}

    /*= 의료진 소개 =*/
    .doctor .section .inner {padding: 0 2rem;}
    .doctor .dr_box {min-height: 296px;}
    .doctor .ss1 .dr_box,
    .doctor .ss3 .dr_box {padding-left: 350px; background-size: 300px;}
    .doctor .ss2 .dr_box {padding-right: 350px; background-size: 300px;}

    /*== 암재활치료 ==*/  
    /*= 통합의학적면역치료 =*/
    .cancer1 .ss3 .contents > div {height: 560px;}
    .cancer1 .ss3 .program2 {margin-top: 0;}

    /*= 현대의학치료 =*/
    /* 미슬토 */
    .mistletoe .ss1 .col4 > li:nth-child(2n)  {margin-top: 0;}

    /* 부작용완화치료 */
    .sdeffect .ss1 .gsq:before {display: none;}

    /* 비타민C */
    .vitac .ss2 .col4 {margin: -1.2rem -1rem; padding: 0 1rem;}
    .vitac .ss2 .col4 li {padding: 1.2rem 1rem;}
    .vitac .ss2 .col4 .ico {width: 180px; height: 180px;}
    .vitac .ss2 .col4 .ico:after {width: 86px; height: 86px; margin-left: -43px; margin-top: -43px;}
    .vitac .ss3 .col3 {margin: 0 -1%;}
    .vitac .ss3 .col3 li {padding: 0 1%;}
    .vitac .ss3 .box2 {margin-top: 0;}

    /* 비타민D */
    .vitad .ss3 .gsq:before {display: none;}

    /*= 한의학치료 =*/
    /* 한약요법 */
    .ormedicine .ss1 .gsq:before {display: none;}

    /*= 고주파온열암치료 =*/
    .cancer4 .ss3 .section_title .subtxt .br {display: inline;}

    /*== 진료과목 ==*/
    .gy .section .text_box,
    .om .ss1 .text_box,
    .om .ss2 .text_box {padding: 0.5rem 2.4rem;}

    /*== 이용안내 ==*/
    /*= 진료안내 =*/
    .outpatient .ss3 .text_box {padding: 0 2.4rem;}

    /*= 입퇴원안내 =*/
    .inpatient .guide_info {padding: 0;}
    .inpatient .guide_info th {padding: 1.5rem 0.5rem;}

    /*= 층별안내 =*/
    .floor .h528 {height: 482px;}
    .floor .ss1 .gsq:before,
    .floor .ss2 .bsq:before {display: none;}
}

/*=== 테블릿 ===*/
@media all and (max-width: 1024px) {
    /*== 공통 ==*/
    .sub .section_title .title {font-size: 2.25rem;}
    .sub .sb_title .title {font-size: 1.8rem;}

    /* img box 높이 */
    .sub .section .img_box.h460 {height: 366px;}
    .sub .section .img_box.h388,
    .holistic3 .h388,
    .mistletoe .ss4 .text_box,
    .sdeffect .ss1 .text_box,
    .mugwort .ss2 .text_box,
    .cancer4 .ss4 .text_box,
    .cancer4 .ss6 .text_box,
    .gs .ss2 .text_box,
    .outpatient .ss3 .text_box {height: 310px;}

    .sub .section .circle_ul li,
    .sub .section .circle_ul.col4 li {display: block; width: 100%;}
    .sub .section .circle_ul .box {width: 100%; height: auto; padding: 1rem; border-width: 2px;  border-radius: 0;}
    .sub .section .circle_ul .con p {font-size: 1.1rem;}
    .cancer1 .ss2 .inner,
    .mugwort .ss3 .inner,
    .cancer4 .ss7 .inner,
    .cancer5 .ss3 .inner,
    .outpatient .ss2 .inner,
    .inpatient .top_ss .inner {max-width: 100%;}

    /*== 서브메뉴 ==*/
    .snb_wrap li {padding: 0 3%;}

    /*== 병원소개 ==*/
    /*= 담고 답하다 =*/
    .ysmoto .ss_intro .text_box {margin-top: 0;}

    /*= 의료진 소개 =*/
    .doctor .dr_box .sb_dl {float: none; width: 100%;}
    .doctor .dr_box .dr_career {padding: 0 0 1.5rem;}

    /*== 전인치유 ==*/
    /*= 자연을 담다 =*/
    .holistic1 .ss1 .img_box {height: 416px;}
	.holistic1 .ss5 .sb_dl dt.yellow {line-height:1.2rem}

    /*= 전인치료의 시작 =*/
    .holistic3 .ss1 .img_box {float: none; width: 100%;}
    .holistic3 .ss1 .text_box {float: none; width: 100%; display: block; height: auto; padding: 3rem 2rem;}
    .holistic3 .ss2 .col3 {margin: -1.2rem -1%;}
    .holistic3 .ss2 .col3 > li {padding: 1.2rem 1%; text-align: left;}
    .holistic3 .ss2 .box2 {margin-top: 0;}

    /*== 병원소개 ==*/
    /*= 담고 답하다 =*/
    .ysmoto .ss_intro .text_box {padding: 3.8rem 2.5rem;}

    /*== 암재활치료 ==*/
    /*= 통합의학적면역치료 =*/
    .cancer1 .ss3 .contents > div {height: 500px;}
    .cancer1 .ss3 .sb_con {padding: 3rem 2rem;}

    /*= 현대의학치료 =*/
    /* 면역세포치료 */
    .immunocyte .section .fno {float: none; width: 100%;}
    .immunocyte .h450 {height: 408px;}
    .immunocyte .ss1 .text_box,
    .immunocyte .ss2 .text_box {display: block; height: auto; padding: 3rem 2rem;}
    .immunocyte .ss3 .fno.text_box,
    .immunocyte .ss4 .fno.text_box {padding: 0; padding-top: 2rem;}

    /* 부작용완화치료 */
    .sdeffect .ss2 .col4 > li {width: calc(33.3333% - 0.3%);}

    /* 비타민C */
    .vitac .ss2 .col4 .ico {width: 140px; height: 140px;}
    .vitac .ss2 .col4 .ico:after {width: 66px; height: 66px; margin-left: -33px; margin-top: -33px;}
    .vitac .ss3 .col3 li {height: 340px;}

    /* 비타민D */
    .vitad .ss1:before {height: 24%;}
    .vitad .ss2 .col3 {margin: -1rem -1%;}
    .vitad .ss2 .col3 > li {float: none;; width: 100%; padding: 1rem 1%;}
    .vitad .ss2 .col3 .tit {position: relative;}
    .vitad .ss3:before {height: 33%;}
    .vitad .ss3 .fno {float: none; width: 100%;}
    .vitad .ss3 .fno.text_box {padding: 0; padding-top: 2rem;}
    .vitad .ss3 .section_title {margin-bottom: 0.5rem;}
    .vitad .ss3 .section_title .title .br {display: inline;}

    /* 셀레나제 */
    .selenase .ss2 .col3 {margin: -1.2rem -0.5rem;}
    .selenase .ss2 .col3 > li { padding: 1.2rem 0.5rem;}

    /*= 한의학치료 =*/
    .oriental .col4 > li {width: calc(33.3333% - 0.3%);}

    /*= 고주파온열암치료 =*/
    .cancer4 .ss9:before {height: 25%;}
    .cancer4 .ss10:before {height: 32%;}
    .cancer4 .ss10 .text_box {padding-top: 0;}

    /*= 도수치료 =*/
    .cancer5 .ss2:before {height: 17%;}
    .cancer5 .ss2 .text_box {padding-top:0;}

    /*== 이용안내 ==*/
    .guide .circle_ul li:after {display: none;}

    /*= 진료안내 =*/
    .outpatient .ss2 .circle_ul.col5 .box {width: 100%; height: auto;}
    .outpatient .ss2 .circle_ul .cmt {padding-top: 1.5rem;}
    .outpatient .ss2 .circle_ul .cmt:before {height: 1.5rem;}
    .outpatient .ss2 .circle_ul .cmt p {padding-top: 5px;}
    .outpatient .ss3 .img_box {float: none; width: 100%;}
    .outpatient .ss3 .text_box {float: none; width: 100%; display: block; height: auto; padding: 3rem 2rem;}
    .outpatient .ss3 .text_box .d_tblc {display: block;}
    .outpatient .ss3 .timetbl dt {min-width: 80px; max-width: 100px;}
    .outpatient .ss3 .timetbl dd {padding-left: 0.5rem;}
    .outpatient .ss4 .col4 > li {width: calc(33.3333% - 0.3%);}

    /*= 입퇴원안내 =*/
    .inpatient .circle_ul .br {display: inline;}
    .inpatient .section .circle_ul .con dt, .inpatient .section .circle_ul .con dd {font-size: 1.1rem;}

    /*= 사회사업실 =*/
    .welfare .ss1 .fno {float: none; width: 100%;}
    .welfare .h450 {height: 408px;}
    .welfare .ss1 .text_box {display: block; height: auto; padding: 3rem 2rem;}
    .welfare .ss2 .text_box,
    .welfare .ss3 .text_box {padding-top: 0;}

    /*= 층별안내 =*/
    .floor .section .fno {float: none; width: 100%;}
    .floor .section .text_box {display: block; height: auto; padding: 3rem 2rem;}
    .floor .text_box .d_tblc {display: block;}

	
/* 둘러보기 */
	.tour_video {height:25rem;}
}

@media all and (max-width: 1024px) and (min-width: 600px) {
    /*== 암재활치료 ==*/
    /*= 현대의학치료 =*/
    /* 비타민D */
    .vitad .ss2 .col3 > li:after {display:block;visibility:hidden;clear:both;content:""}
    .vitad .ss2 .col3 .img {float: left; width: 35%;}
    .vitad .ss2 .col3 .txt {float: right; width: calc(65% - 1rem); padding: 2% 0; text-align: left;}
    .vitad .ss2 .col3 .tit:after {left: 0; margin-left: 0;}
    .vitad .ss2 .col3 .exp {padding: 0;}

	/*= 자연을담다 =*/
	/* 푸드테라피 */
	.holistic1 .ss4 .sub_imgli li {height:150px;}

/* 둘러보기 */
	.tour_video {height:25rem;}

	}

/*=== 모바일 ===*/
@media all and (max-width: 768px) {
    /*== 공통 ==*/
    #sub_tab,
    #container_title {margin-top: 3.8rem;}
    .sub .section {padding: 3.8rem 0;}
    .sub .ss_box {margin-bottom: 3.8rem;}

    /* title */
    .sub .section_title .eng,
    .sub .section_title .kor {font-size: 1.1rem;}
    .sub .section_title .title {font-size: 2.1rem;}
    .sub .sb_title .title {font-size: 1.68rem;}

    /* br inline */
    #container_title .br,
    .sub .sb_title .subtxt .br,
    .section_title .title .br,
    .section_title .subtxt .br,
    .sub .ss_intro .exp .br {display: inline;}
    
    .section .bsq:before,
    .section .ysq:before,
    .section .gsq:before {display: none;}

    .sub .section .fno,
    .sub .section .ss_box .fno {float: none; width: 100%; margin:0;}
    .sub .section .text_box,
    .sub .section .fright.text_box,
    .sub .section .fleft.text_box {padding: 0; padding-top: 2rem;}
    .sub .section .text_box .section_title {margin-bottom: 0.5rem;}

    /* float box */
    .sub .ss_intro .float_box {padding: 3.8rem 1rem;}
    .sub .ss_intro .icon_box,
    .location .ss2 .icon_box {padding: 2.6rem 2rem;}
    .sub .ss_intro .icon_box dl,
    .location .ss2 .icon_box .sb_con {width: 100%; min-height: initial; padding-left: 0; background: none;}

    /* img box 높이 */
    .sub .section .img_box.h354 {height: 284px;}

    /* 반응형 이미지 */
    .sub .section .rps_img .d_pc {display: none;}
    .sub .section .rps_img .d_mobile {display: inline-block;}

    /*== 비주얼 이미지 ==*/
    .sub .visual_txt .vt_tit {font-size: 2.4rem;}
    .sub .visual_txt .vt_con {font-size: 1.1rem;}

    /*== 서브메뉴 ==*/
    .snb_wrap {display: none;}

    /*== 서브탭 ==*/
    #sub_tab li {margin-top: 0;}
    #sub_tab li a {margin-top: -1px; border-bottom-color: #ccc;}
    #sub_tab li.on a {padding: 0.75rem 5px;}
    #sub_tab .tab_6 li {width: 33.3333%; }

    /*== 전인치유 ==*/
    .holistic .effects .ico {width: 60px; height: 60px;}
    .holistic .effects .ico img {width: 30px;}
    .holistic .effects .con {float: left; width: calc(100% - 60px); height: 60px; padding-left: 3%;}
    .holistic .section .effects dd {margin: 10px 0;}

    /*= 자연을 담다 =*/
    .holistic1 .h430 {height: 276px;}
    .holistic1 .ss3 .text_box {height: auto; margin-top: 0; padding: 2rem 1.5rem;}
	.holistic1 .ss4 .sub_imgli li {height:80px;}
	.holistic1 .ss4 .contents p {margin-top:10px;}
	
	/* .sub .holistic1 .section.ss5   .text_box {padding-top: 0;} */

    /*= 삶에 답하다 =*/
    .holistic2 .time {min-width: 170px;}
    .holistic2 .ss1 .box1 .time,
    .holistic2 .ss1 .box2 .time,
    .holistic2 .ss2 .time,
    .holistic2 .ss3 .time {right: auto; bottom: 1rem; left: -1rem;}

    /*= 전인치료의 시작 =*/
    .holistic3 .ss1 .text_box {display: block; height: auto; padding: 2rem 1.5rem;}
    .holistic3 .ss2 .col3 > li {width: 50%;}
    .holistic3 .ss2 .col3 > li:nth-child(2n+1) {clear: both;}
    .holistic3 .ss3 .contents {padding-top: 0;}
    .holistic3 .ss3 .text_box {display: block; height: auto;}

    /*== 병원소개 ==*/

	/*== 둘러보기 ==*/
	.slide_title {height:40px; line-height: 40px;}
	.tour_video {height:20rem;}
	

    /*= 담고 답하다 =*/
    .ysmoto .ss_intro .h410 {height: 246px;}
    .ysmoto .ss_intro .box2 .img_box {float: none;}
    .ysmoto .ss_intro .text_box {height: auto; margin-top: 0; padding: 2rem 1.5rem;}

    /*= 인사말 =*/
    .greeting .ss_intro .top_box {height: calc(100vw*(826/1280));}
    .greeting .ss_intro .section_title {padding-left: 41%;}
    .greeting .ss_intro .float_box {margin-top: 0; padding: 3.8em 1rem;}
    .greeting .ss_intro .float_box .tit {padding-top: 50px; margin-bottom: 1.391em; background-size: 27px;}

    /*= 의료진 소개 =*/
    .doctor .section {padding: 2rem 0;}
    .doctor .ss1 .dr_box,
    .doctor .ss2 .dr_box,
    .doctor .ss3 .dr_box {min-height: initial; padding: 0; background: none;}

    /*= 오시는 길 =*/
    .location .ss1 .col2 {margin: -0.5rem;}
    .location .ss1 .col2 > li {float: none; width: 100%; padding: 0.5rem;}

    /*== 암재활치료 ==*/
    /*= 통합의학적면역치료 =*/
    .cancer1 .ss3 .contents > div {float: none; width: 100%; height: auto; min-height: 230px; }
    .cancer1 .ss3 .program2 {margin-top: 2%;}
    .cancer1 .ss3 .program2 .sb_con {position: static;}
    .cancer1 .ss4 .col3 > li {display: inline-block; float: none; width: calc(50% - 0.5%);}

    /*= 현대의학치료 =*/
    /* 면역세포치료 */
    .immunocyte .h450 {height: 306px;}
    .immunocyte .ss1 .text_box,
    .immunocyte .ss2 .text_box {height: auto; padding: 2rem 1.5rem;}
    .immunocyte .ss4 .col_ul > li img {max-width: 120px;}

    /* 미슬토 */
    .mistletoe .ss4 .text_box {display: block; height: auto;}

    /* 부작용완화치료 */
    .sdeffect .ss1 .text_box {display: block; height: auto;}
    .sdeffect .ss1 .numbering {display: block;}
    .sdeffect .ss2 .col4 > li {width: calc(50% - 0.5%);}

    /* 비타민C */
    .vitac .ss2 {margin-top: calc((9.1rem + 3.8rem)*-1);}
    .vitac .ss2 .inner {padding-top: 3.8rem;}
    .vitac .ss2 .col4 {margin: -1rem; padding: 0;}
    .vitac .ss2 .col4 li {padding: 1rem;}
    .vitac .ss2 .col4 .ico {width: 110px; height: 110px;}
    .vitac .ss2 .col4 .ico:after {width: 52px; height: 52px; margin-left: -26px; margin-top: -26px;}
    .vitac .ss3 .col3 {margin: -1%;}
    .vitac .ss3 .col3 li {float: none; width: 100%; height: auto; padding: 1%;}

    /* 비타민D */
    .vitad .ss1:before {height: 32%;}

    /* 셀레나제 */
    .selenase .ss2 .col3 > li {width: 50%;}
    .selenase .ss2 .col3 > li:nth-child(3n+1) {clear: none;}
    .selenase .ss2 .col3 > li:nth-child(2n+1) {clear: both;}

    /*= 한의학치료 =*/
    .oriental .col4 > li {width: calc(50% - 0.5%);}

    /* 쑥뜸요법 */
    .mugwort .ss2 .text_box {height: auto; margin-top: 0; padding: 2rem 1.5rem;}

    /* 부항요법 */
    .cupping .ss1 .tit {padding: 0;}

    /*= 고주파온열암치료 =*/
    .cancer4 .ss4 .text_box,
    .cancer4 .ss6 .text_box {display: block; height: auto;}
    .cancer4 .ss9:before {height: 32%;}
    .cancer4 .ss10 {margin-bottom: 3.8rem;}

    /*= 도수치료 =*/
    .cancer5 .ss2:before {height: 32%;}
    .cancer5 .ss2 .text_box {padding: 1rem 1rem 0;}
	.cancer5 .after_caution {padding: 30px 15px;}
	.cancer5 .after_caution p + p {margin-top: 8px;}
    
    /*== 진료과목 ==*/
    /*= 외과 =*/
    .gs .ss2 .text_box {display: block; height: auto;}
    
    /*= 한방과 =*/
    .om .fright.gsq+.text_box,
    .om .fleft.gsq+.text_box {width: 100%;}

    /*==통이미지==*/
	.img_wrap{margin-top:30px;}
	.img_wrap p{position: static; margin:0;}
    .img_wrap p img{width:100%;}
    
    /*== 이용안내 ==*/
    /*= 진료안내 =*/
    .outpatient .ss2 .circle_ul.col5 .box {border-width: 3px;}
    .outpatient .ss2 .circle_ul.col5 .box:after {width: 9px; height: 9px; margin-right: -4.5px;}
    .outpatient .ss2 .circle_ul .cmt {max-width: 100%; margin-bottom: 0.5rem;}
    .outpatient .ss3 .text_box {padding: 2rem 1.5rem;}
    .outpatient .ss3 .timetbl dt {min-width: initial;}
    .outpatient .ss4 .col4 > li {width: calc(50% - 0.5%);}
    .outpatient .ss5 .col4 > li:nth-child(2n+1)  {clear: both;}
    
    /*= 입퇴원안내 =*/
    .inpatient .guide_info th {display: block; width: 100%; padding: 0; border-bottom: 0;}
    .inpatient .guide_info td {display: block; width: 100%; padding: 0.5rem 0 1.5rem; margin-bottom: 1.5rem;}

    /*= 사회사업실 =*/
    .welfare .h450 {height: 306px;}
    .welfare .ss1 .text_box {height: auto; padding: 2rem 1.5rem;}

    /*= 층별안내 =*/
    .floor .h528 {height: 386px;}
    .floor .sb_con th {padding: 1rem 0.5rem;}
    .floor .sb_con td {padding: 1rem 0.5rem;}
    .floor .section .text_box {padding: 2rem 1.5rem;}
}

/*=== 모바일 490px 이하 ===*/
@media all and (max-width: 490px) {
    /*== 공통 ==*/
    /* img box 높이 */
    .sub .section .img_box.h460 {height: 276px;}
    .sub .section .img_box.h388 {height: 232px;}
    .sub .section .img_box.h354 {height: 212px;}

    /*== 서브탭 ==*/
    #sub_tab .tab_4 li,
    #sub_tab .tab_6 li {width: 50%; }

    /*== 전인치유 ==*/
    /*= 자연을 담다 =*/
    .holistic1 .ss1 .img_box {height: 312px;}

    /*== 병원소개 ==*/
    /*= 인사말 =*/
    .greeting .ss_intro .section_title {padding-left: 37%;}

    /*= 현대의학치료 =*/
    /* 면역세포치료 */
    .immunocyte .h450 {height: 266px;}
    .immunocyte .ss4 .col_ul > li img {max-width: 100px;}

    /* 비타민C */
    .vitac .ss2 .col4 {margin: -0.5rem; padding: 0;}
    .vitac .ss2 .col4 li {float: none; width: 100%; padding: 0.5rem; text-align: left;}
    .vitac .ss2 .col4 li:after {display:block;visibility:hidden;clear:both;content:""}
    .vitac .ss2 .col4 .ico {float: left; width: 90px; height: 90px;}
    .vitac .ss2 .col4 .ico:after {width: 42px; height: 42px; margin-top: -21px; margin-left: -21px}
    .vitac .ss2 .col4 dl {float: left; width: calc(100% - 90px); padding-left: 1rem;}
    .vitac .ss2 .col4 .tit {margin: 3px 0 5px;}

    /*== 이용안내 ==*/
    /*= 사회사업실 =*/
    .welfare .h450 {height: 266px;}

    /*= 층별안내 =*/
    .floor .h528 {height: 288px;}
	
	/* 둘러보기 */
	.tour_video {height:10rem;}

}

/*=== 모바일 374px 이하 ===*/
@media all and (max-width: 374px) {
    /*== 전인치유 ==*/
    /*= 전인치료의 시작 =*/
    .holistic3 .ss2 .col3 > li {float: none; width: 100%;}

	
}