/* 서브페이지 해상도에 따른 폰트 */
html, body{line-height:1.8em !important;}
@media(min-width:1600px){
html, body{font-size:18px; }
h3{font-size:23px; }
}
@media(min-width:1025px) and (max-width:1600px){
html, body{font-size:17px;}
h3{font-size:22px;}
}
@media(min-width:769px) and (max-width:1024px){
html, body{font-size:16px; }
h3{font-size:25px; }
}
@media(max-width:768px){
html, body{font-family : 'Noto Sans KR' , sans-serif !important;}
}
@media(min-width:371px) and (max-width:768px){
html, body{font-size:16px; }
h3{font-size:19px;}
}
@media(max-width:370px){
html, body{font-size:16px; }
h3{font-size:16px; }
.hi-concept strong { font-size: 1.1rem !important}
}
.layout-1100{width:1100px; margin:0 auto}
.disBlock {display:block;}
.content-txt{font-size:1rem; line-height:2; word-break:keep-all}
.maincolor-blue{color:#4ca8e2; font-weight:600}
.font-white{color:#fff}
.font-red{color:#ff2c22}
.bg-none {background: none !important;}
.i-mark:before{background: url(/common/images/sub/dot.svg) no-repeat;
background-size: 8px;
background-position: left center;}
@media(min-width:1025px){
.disNone_pc{display:none;}
}
@media(min-width:769px){
.disNone_pc{display:none;}
}
@media(min-width:601px){
.disNone_pc{display:none;}
}
@media(max-width:600px){
.disNone_mo{display:none;}
}
/*서브 타이틀*/
.chapter-title{margin-bottom:0.8em; word-break: keep-all;}
.chapter-title:before{content: ''; display: block; width: 1.4em; height: 3px; background: #dae4ed/*b8d9f1*/; margin-bottom:0.3em;}
/*서브 내용*/
/* .sub-all{padding:0 1em 5em 1em;} */
.chapter-content-last{margin-bottom:0}
.chapter-content-title{margin:0; }
.chapter-content-p{margin:0; padding-top: 0.2em;}
.chapter-content-li-title{font-weight:600; }
/* 서브페이지 공통 테이블 ** 시작 */
.newworldTable{
width:100%;
border-top: 2px solid #ddd;
text-align: center;
border-bottom: 1px solid #ccc;
}
.newworldTable thead{
border-bottom: 1px solid #ccc;
background-color: #f1f7f9;
color: #333;
}
.newworldTable tbody th{
vertical-align:center;
color:#181818;
font-weight:500;
/* border-bottom: 1px solid #ccc; */
}
.newworldTable th, .newworldTable td {border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; padding:0.7rem; vertical-align:middle}
.newworldTable th:first-child, .newworldTable td:first-child {border-left:0;}
.newworldTable td:last {border-bottom:0;}
@media(max-width:767px){
.newworldTable{ font-size:3vw; line-height:3.5vw; word-break:keep-all }
.newworldTable th, .newworldTable td{padding:0.7rem 0.3rem}
}
/* 끝 ** 서브페이지 공통 테이블 */
/*서브공통 PC*/
@media (min-width:1401px){
/* section{margin-bottom:5rem} */
}
@media (max-width:1400px){
.whitespace{padding:0 1rem !important;}
}
@media (min-width:1025px) and (max-width:1400px){
.chapter-title{ line-height:1.7;}
}
/*서브공통 tablet*/
@media(min-width:769px) and (max-width:1024px){
.chapter-title{width:100%;margin:0; margin-bottom:1.5rem;}
.chapter-content-wrap{display:block; width:100%;vertical-align: top; margin-top:0.7rem;}
}
/*서브공통 mini tablet and duo*/
@media(min-width:600px) and (max-width:768px){
.chapter-title{width:100%;display:block; margin:0; margin-bottom:2rem;}
.chapter-content-wrap{width:100%;vertical-align: top; margin-top:0.7rem;}
.chapter-content-p{padding-bottom:0.4em;}
.chapter-content-li-p{padding:0;}
}
/*서브공통 mini tablet and duo*/
@media(min-width:481px) and (max-width:599px){
.chapter-content-wrap{display:block; width:100%;vertical-align: top; margin-top:0.7rem;}
.chapter-title{width:100%; margin:0; margin-bottom:1.2rem; }
.chapter-content-p{padding-bottom:0.4em;}
}
/*서브공통 samsung note and iphone max*/
@media(min-width:371px) and (max-width:480px){
.chapter-title{width:100%; margin:0; margin-bottom:1rem;}
.chapter-content-wrap{display:block; width:100%;vertical-align: top; margin-top:0.7rem; margin-bottom: 2rem !important;}
.chapter-title{width:100%; margin:0; margin-bottom:1.2rem; }
.chapter-content-p{margin: 0;}
}
/*서브공통 samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
.chapter-title{width:100%; margin:0; margin-bottom:1rem;}
.chapter-content-wrap{display:block; width:100%;vertical-align: top; margin-top:0.7rem; margin-bottom: 2rem !important;}
.chapter-content-p{padding-bottom:0.4em;}
}
/*서브공통 fold*/
@media(max-width:320px){
.chapter-title{width:100%; margin:0; margin-bottom:1rem; }
.chapter-content-wrap{display:block; width:100%;vertical-align: top; margin-top:0.7rem; margin-bottom: 2rem !important;}
.chapter-content-p{padding-bottom:0.4em;}
}
/*********border-none*********/
.border-left-none {border-left:0 !important;}
/*********border-#eee*********/
.border-left {border-left: 1px solid #eee !important;}
.border-right {border-right: 1px solid #eee !important;}
.border-top {border-top: 1px solid #eee !important;}
.border-bottom {border-bottom: 1px solid #eee !important; }
/*********border-#e3e3e3*********/
.border-left-e3 {border-left: 1px solid #e3e3e3 !important}
/*********Tab*********/
.sub_tab:after {content: ''; clear: both; display: block;}
.sub_tab li.tablinks {position: relative; cursor: pointer; float: left; height: 3rem; border-right: 0 !important;}
.sub_tab li.tablinks p {font-weight: 300; width: 100%; text-align: center;}
.sub_tab li.tablinks.active {background:#5d7d9b /* #4ca8e2 */ !important; border: 1px solid #5d7d9b; z-index: 2;}
.sub_tab li.tablinks.active p {font-weight: 400; color: #fff;}
/* .sub_tabcontent {width: 100%; } */
@media (max-width:767px){
.sub_tab li.tablinks {height:35px; border-right: 0 !important;}
}
/*********정렬*********/
.disBlock {display:block;}
.rowCenter {display: inline-block; vertical-align: middle;}
.rowTop {display: inline-block; vertical-align: top;}
/*********중독(의료정보), 정신건강(의료정보), 환자안전 공통*********/
.ai {word-break: keep-all;}
.ai h4, .ai h3 {color: #5d7d9b/*4572cb*/;}
.aicb h5, .aicb li {background: url(/common/images/sub/dot.svg) no-repeat; background-size: 12px; background-position: left 8px; padding-left: 16px; font-size: 17px;}
.aicb {padding:1.2rem; border-radius: 0 2.5rem 0 2.5rem;}
.aicb p {font-size: 16px;}
@media (max-width:1300px) {
.aicb h5, .aicb li{background-position: left 7px;}
}
@media(min-width:1024px) and (max-width:1600px){
.aicb h5, .aicb li{font-size:17px;}
.aicb p {font-size: 16px;}
}
@media(min-width:769px) and (max-width:1023px){
.aicb h5, .aicb li, .aicb p {font-size:16px;}
}
@media(min-width:371px) and (max-width:768px){
.aicb h5, .aicb li, .aicb p {font-size:15px; text-align:justify; word-break:break-all; padding-left:1em}
}
@media(max-width:370px){
.aicb h5, .aicb li, .aicb p {font-size:15px;}
.aicb{border-radius: 0 1.5rem 0 1.5rem;}
}
/* 패딩 */
.tbpd{padding:12vh 0;}
@media (max-width:1400px){
.tbpd{padding:5vh 5vw;}
.lrpd{padding-left:5vw; padding-right:5vw;}
}
/* @media(max-width:400px){
.lrpd p , p.lrpd {font-size: 16px}
} */
@media(max-width:320px){
.lrpd p , p.lrpd {font-size: 3.8vw; line-height: 1.4rem;}
}
/*********************서브페이지***************************/
/*********병원장 인사말*********/
.greeting-cont1 {text-align: center; line-height: 2em;}
.greeting-cont1 p {position: relative;}
.greeting-cont1 p, .greeting-cont1 span {font-size: 35px; font-weight: 600; line-height:1.5;}
.greeting-cont1 .bgi {background: url(/common/images/sub/greeting-quot1.png) no-repeat, url(/common/images/sub/greeting-quot2.png) no-repeat; background-position-x: 291px, 872px;}
.greeting-cont1 ol {text-align:left; display: table; margin: 0 auto;}
.greeting-cont1 li {font-size: 21px; list-style-type: none; margin-bottom: 1em}
.greeting-cont1 li p ,.greeting-cont1 p.greeting_quotes {font-size:21px; font-weight: 300;}
.greeting-cont1 li blockquote {line-height: 1.7em; font-size: 17px; padding-left: 1.2rem}
.greeting-cont1 li cite {display: block; margin-top: 15px; text-align:right; font-size: 17px;}
.greeting cite {font-style: normal; position: relative;}
.greeting-cont2 {background: #f8fcff;}
.greeting-cont2-wrap {display: table; margin: 0 auto;}
.greeting-cont2-left {margin-right: 5em;}
.greeting-cont2-right {line-height: 2em;}
.greeting-cont2-right p {margin-bottom: 2em;}
.greet_ceo img { width: 150px; margin-left: 20px;}
.greet_img {width: 238px;}
.greet_img img {width: 100%;}
.greet_text {font-size: 18px;}
.greet_text_point {font-size: 21px;}
.greeting-cont3 .sub_tab li.tablinks {width: 33.33%; border: 1px solid #bfbfbf;}
.greeting-cont3 .sub_tab li.tablinks:nth-last-child(1) {border-right: 1px solid #bfbfbf !important;}
.greeting-cont3 .sub_tab li.tablinks {width: 33.33%;}
.greeting-cont3 .sub_tab li.tablinks p{font-weight:600;}
.greeting-cont3 .year {width: 10%; line-height: 1.9em; font-size: 20px; font-weight: 600;}
.greeting-cont3 .tabcontent-text {width: 85%; padding-left: 6%; border-left: 2px solid #f2f7fd; line-height: 1.7em; text-align:justify;}
.greeting-cont3 .tabcontent-text-work {display: block; font-size: 17px; text-align: right; }
@media (min-width:1401px) {
.greeting-cont3 .year {padding-left:2rem;}
}
@media (min-width:1031px) and (max-width:1400px) {
.greeting-cont1 .bgi {background-position-x: 27vw, 72vw;}
}
@media (min-width:1025px) and (max-width:1300px){
.greeting-cont1 .bgi {background-position-x: 26vw, 73vw;}
}
@media(min-width:769px) and (max-width:1024px){
.greeting-cont1 .bgi {background-position-x: 14vw, 81vw;}
/* .greeting-cont3 .sub_tabcontent, .greeting-cont3 .sub_tab {width: 100%;} */
.greeting-cont2-left{margin-right: 1em;}
}
@media(max-width:768px){
.greeting-cont1 li:last-child {margin-bottom: 0 !important;}
.greeting-cont2{margin-bottom:0 !important;}
.greeting-cont2-left {display:block; margin-right:0;}/* {display: none;}2021-08-26 */
.greet_img{width:30vw; margin:0 auto;}
.greeting-cont3 .sub_tab li.tablinks {height: 3rem;}
}
@media(min-width:600px) and (max-width:768px){
.greeting-cont1 .bgi {background-position-x: 3vw, 89vw;}
.greeting-cont1 ol {width: 96.6%; margin-left: 1em; word-break: keep-all;}
/* .greeting-cont2-left {display: none;} */
.greeting-cont2-right {display:table; margin: 0 auto;}
/* .greeting-cont3 .sub_tabcontent, .greeting-cont3 .sub_tab {width: 100%;} */
.greeting-cont3 .sub_tab li.tablinks {height:2.5em;}
.greeting-cont3 .year {margin-right: 2%;}
.greeting-cont3 .tabcontent-text {width: 87%;}
}
@media(min-width:481px) and (max-width:599px){
.greeting-cont1 .bgi {background-position-x: 2vw, 89vw;}
.greeting-cont1 ol {width: 96.6%; margin-left: 1em; word-break: keep-all;}
.greeting-cont1 li cite {line-height: 1.6em; font-size: 16px;}
.greeting-cont1 li blockquote {font-size: 16px;}
/* .greeting-cont2-left {display: none;} */
.greet_img{width:40vw; margin:0 auto;}
.greeting-cont2-right {display:table; margin: 0 auto;}
/* .greeting-cont3 .sub_tabcontent, .greeting-cont3 .sub_tab {width: 100%;} */
/* .greeting-cont3 .sub_tab li.tablinks {height: 60px;} */
.greeting-cont3 .year {display:table; margin-bottom: 0.4rem;}
.greeting-cont3 .tabcontent-text {width: 100%; padding-left: 0; border-left: 0;}
}
@media(min-width:371px) and (max-width:480px){
.greeting-cont1 {line-height: 1.6em;}
.greeting-cont1 p, .greeting-cont1 span {font-size: 20px;}
.greeting-cont1 .bgi {background-position-x: 2vw, 86vw; background-size: 14px;}
.greeting-cont1 ol {width: 95%; margin-left: 1em; word-break: keep-all;}
.greeting-cont1 li {font-size: 0.9rem; }
.greeting-cont1 li p , .greeting-cont1 p.greeting_quotes {font-size:18px; }
.greeting-cont1 li blockquote {font-size: 0.9rem; }
.greeting-cont1 li cite {font-size: 0.73rem; line-height: 1.6em; text-align:center}
.greeting-cont2 {padding: 2rem 1rem;}
/* .greeting-cont2-left {display: none;} */
.greet_img{width:50vw; margin:0 auto;}
.greeting-cont2-right {width: 100%; margin: 0 auto; word-break: keep-all; line-height: 1.6em;}
.greet_text {font-size: 0.9rem;}
.greet_text_point {font-size: 1rem;}
.greet_ceo span {font-size: 0.9rem;}
.greet_ceo img {width: 113px;}
/* .greeting-cont3 .sub_tabcontent, .greeting-cont3 .sub_tab {width: 100%;} */
/* .greeting-cont3 .sub_tab li.tablinks {height: 60px;} */
.greeting-cont3 .year {display:table; /*margin-bottom: 0.4rem;*/ font-size: 1rem;}
.greeting-cont3 .tabcontent-text {width: 100%; padding-left: 0; border-left: 0;}
.greeting-cont3 .sub_tab li.tablinks p {font-size: 0.9rem;}
.greeting-cont3 .tabcontent-text p, .greeting-cont3 .tabcontent-text blockquote, .greeting-cont3 .tabcontent-text cite, .greeting-cont3 .tabcontent-text span {font-size: 0.9rem;}
}
@media (min-width:321px) and (max-width:370px){
.greeting-cont1 {line-height: 1.6em;}
.greeting-cont1 p, .greeting-cont1 span {font-size: 20px;}
.greeting-cont1 li p , .greeting-cont1 p.greeting_quotes {font-size: 16px;}
.greeting-cont1 .bgi { background-position-x: 14vw, 83vw; background-size: 11px;}
.greeting-cont1 ol {width: 94%; margin-left: 1em; word-break: keep-all;}
.greeting-cont1 li {font-size: 4.7vw;margin-bottom: 1.3em;}
.greeting-cont1 li blockquote {font-size: 4vw;}
.greeting-cont1 li cite {font-size: 4vw; line-height: 1.6em;text-align:center}
.greeting-cont2 {padding: 2rem 1rem;}
/* .greeting-cont2-left {display: none;} */
.greet_img{width:50vw; margin:0 auto;}
.greeting-cont2-right {width: 100%; margin: 0 auto; word-break: keep-all; line-height: 1.6em;}
.greet_text {font-size: 4.5vw;}
.greet_text_point {font-size: 4.7vw}
.greet_ceo span {font-size: 4.7vw;}
.greet_ceo img {width: 113px;}
/* .greeting-cont3 .sub_tabcontent, .greeting-cont3 .sub_tab {width: 100%;} */
/* .greeting-cont3 .sub_tab li.tablinks {height: 60px;} */
.greeting-cont3 .year {display:table; margin-bottom: 0.4rem;}
.greeting-cont3 .tabcontent-text {width: 100%; padding-left: 0; border-left: 0;}
.greeting-cont3 .tabcontent-text p, .greeting-cont3 .tabcontent-text blockquote, .greeting-cont3 .tabcontent-text cite, .greeting-cont3 .tabcontent-text span {font-size: 4vw;}
}
@media(max-width:320px){
.greeting-cont1 {line-height: 1.9em;padding: 2vw 4vw;}
.greeting-cont1 p, .greeting-cont1 span {font-size: 20px;}
.greeting-cont1 li p , .greeting-cont1 p.greeting_quotes{font-size: 17px;}
.greeting-cont1 .bgi {background-position-x: 10vw, 84vw; background-size: 14px;}
.greeting-cont1 li {font-size: 4.7vw;margin-bottom: 1.3em;}
.greeting-cont1 li blockquote {font-size: 0.9rem;}
.greeting-cont1 li cite {font-size: 4vw; line-height: 1.6em;text-align:center}
.greeting-cont2 {padding: 2rem 1rem;}
/* .greeting-cont2-left {display: none;} */
.greeting-cont2-right {width: 100%; margin: 0 auto; word-break: keep-all; line-height: 1.6em;}
.greet_text {font-size: 4.5vw;}
.greet_text_point {font-size: 4.7vw}
.greet_ceo span {font-size: 4.7vw;}
.greet_ceo img {width: 100px;}
/* .greeting-cont3 .sub_tabcontent, .greeting-cont3 .sub_tab {width: 100%;} */
/*.greeting-cont3 .sub_tab li.tablinks {height: 60px;} */
.greeting-cont3 .year {display:table; margin-bottom: 0.4rem; font-size: 4.7vw;}
.greeting-cont3 .tabcontent-text {width: 100%; padding-left: 0; border-left: 0;}
.greeting-cont3 .sub_tab li.tablinks p {font-size: 4.7vw;}
.greeting-cont3 .tabcontent-text p, .greeting-cont3 .tabcontent-text blockquote, .greeting-cont3 .tabcontent-text cite, .greeting-cont3 .tabcontent-text span {font-size: 4.5vw;}
}
/*********미션비젼********/
.missiongroup{border-bottom:1px dashed #ddd; padding:0 0 3rem 0;}
.visionnoline{border-bottom:0;padding:0;}
.mission-ico{margin:0 auto; text-align:center;}
.missionTitle{font-size:1.8rem;font-weight:600;color:#d3d3ce;}
.mission-txt .new_fc{font-size:1.2rem;}
.visionSubtitle{margin-top:1.2em}
.wordBreak span{display:inline-block;}
.wordBreak span:after{content:'I';padding:0 1rem;color:#a5a5a5;}
@media(min-width:1400px){
.missionKeyword{text-align:left;}
.mission-txt{width:900px; padding-right:3rem;}
}
@media(max-width:1401px){
}
@media(min-width:767px) and (max-width:1399px){
.mission-txt{float:right;width:calc(98% - 200px);margin-left:2%;}
}
@media(min-width:767px) {
.missiongroup:after{clear:both;content:'';display:block;}
.mission-ico{float:left;width:200px;}
.mission-txt{float:right;}
.missionKeyword{font-size:2rem;text-align:left;line-height:1.3em; margin-bottom:0.8rem;}
.mission-text{word-break:keep-all;}
}
@media(max-width:768px) {
.visionSubtitle{margin:1.5rem 0 0.5rem 0;font-size:1.5rem !important;}
.missionKeyword{font-size:1.4rem;margin-bottom:2rem;text-align:center;word-break:keep-all;line-height:1.3em;}
.missionTitle{ font-size: 1rem; margin-bottom:0.6rem;letter-spacing: -0.5px;}
.missiongroup-explanation dd{margin-bottom:3rem;}
}
/*********병원연혁*********/
.history-text{margin-bottom:2em}
.history-text-left {width:61%;margin:0 5% 2rem 0;display: inline-block; font-size:1.6rem;}
.history-text-right {display: inline-block; width:33%; text-align: right;vertical-align: top;}
.history-text-right img {width: 100%; height: auto;}
/* .history-text-left p{} */
.history-text-point {font-size: 38px; }
.history .sub_tab li.tablinks {width: 16.66%;}
.history .sub_tab li.tablinks:first-child p {border-left: 0;}
.history .sub_tab li.tablinks p {border-left: 1px solid #ccc;}
.history .sub_tab li.tablinks.active p {border-left: 0;}
.history .tabcontent li {margin-bottom: 0.3rem;}
.history .tabcontent .history-pic{width:40%;float:left; margin-right:1em}
.history .tabcontent .history-pic img{width:48%;}
.history .tabcontent .history-date {display: inline-block; margin-right: 3%; width: 20%; vertical-align: top;}
.history .tabcontent .history-date:before {content: "·"; margin-right: 0.6rem; font-size: 0.8rem; vertical-align: bottom;}
.history-incident {width: 72%; display: inline-block; word-break: keep-all;}
.history .tabcontent > div:first-child {margin-bottom: 2rem;}
.history .tabcontent > div > p {margin-bottom: 0.6rem;}
.history#tab5 .history-date {margin-left: 1rem;}
.history-list{float:left; width:50%; margin-bottom:3rem;}
.servicePlace{margin:0 0 1rem 0 ; font-size:1.3rem;}
.history-date{ font-weight:600;color:#5d7d9b/*1848a6*/;}
.history-text-left_ex{line-height:1.8em;}
@media (min-width:1025px) and (max-width:1400px){
.history-text-left_ex{font-size:1.5rem;}
}
@media(min-width:769px) and (max-width:1024px){
.history .sub_tab li.tablinks p {font-size:1.6vw ;}
.history-text-left_ex{font-size:1.3rem;}
}
@media (max-width:768px){
.history-text-point{font-size:1.6rem;}
.history-text-left_ex{font-size:1.1rem;}
.history-text-right {display: block; width:100%;}
.history-text-left {width:100% !important; margin-right:0 !important;}
.history .sub_tab li{border:0.5px solid #ccc}
.history .sub_tab li.tablinks p {border-left: 0;}
}
@media (min-width:769px){
.history-text-left_ex{line-height:1.8;}
}
@media(min-width:600px) and (max-width:768px){
.history-text-left {width:100% !important; margin-right:0 !important;}
.history .sub_tab li.tablinks {width: 33.33%; height: 50px;}
.history .sub_tab li.tablinks p {border-left: 0;}
.history .sub_tab li.tablinks:nth-child(4) p {border-left: 0;}
.history .tabcontent .history-pic{width:100%; float:none; margin-right:0;}
.history-list{width:90%;float:none; margin:0 auto;}
}
@media(min-width:481px) and (max-width:599px){
.history .sub_tab li.tablinks:nth-child(4) p {border-left: 0;}
.history .sub_tab li.tablinks p { border-left: 0;font-size: 3vw !important;}
.history .sub_tab li.tablinks {width: 50%; height: 50px;}
/* .history .sub_tab li.tablinks:nth-child(2n) p {border-left: 1px solid #ccc;} *//* 2021-06-28 */
.history .sub_tab li.tablinks:nth-child(2n+1) p {border-left: 0;}
.history .sub_tab li.tablinks.active p {border-left: 0;}
.history .tabcontent .history-pic{width:100%; float:none; margin-right:0;}
.history-list{width:100%;float:none; margin:0 auto;}
}
@media(min-width:371px) and (max-width:480px){
.history-text-point {font-size: 2rem;}
.history .sub_tab li.tablinks:nth-child(4) p {border-left: 0;}
.history .sub_tab li.tablinks p {border-left: 0;}
.history .sub_tab li.tablinks {width: 50%; height: 50px;}
/* .history .sub_tab li.tablinks:nth-child(2n) p {border-left: 1px solid #ccc;} *//* 2021-06-28 */
.history .sub_tab li.tablinks.active p {border-left: 0;}
.history .tabcontent .history-pic{width:100%; float:none; margin-right:0;}
.history-list{width:100%;float:none; margin:0 auto;}
.history-incident {width: 100%; padding-left: 4%;}
.history .tabcontent li {margin-bottom: 0.8rem;}
}
@media (min-width:321px) and (max-width:370px){
.history-text-point {font-size: 2rem;}
.history .sub_tab li.tablinks:nth-child(4) p {border-left: 0;}
.history .sub_tab li.tablinks {height: 50px; width: 50%;}
.history .sub_tab li.tablinks p {border-left: 0; font-size: 4.1vw;}
/* .history .sub_tab li.tablinks:nth-child(2n) p {border-left: 1px solid #ccc;} *//* /* 2021-06-28 */
.history .sub_tab li.tablinks.active p {border-left: 0;}
.history .tabcontent .history-pic{width:100%; float:none; margin-right:0;}
.history-list{/* width:90%; */width: 100%;float:none; margin:0 auto;}
.history-incident {width: 100%; padding-left: 4%;}
.history .tabcontent li {margin-bottom: 0.8rem;}
}
@media(max-width:320px){
.history .sub_tab li.tablinks:nth-child(4) p {border-left: 0;}
.history .sub_tab li.tablinks {width: 50%; height: 50px;}
.history .sub_tab li.tablinks p {border-left: 0; font-size: 4.1vw;}
/* .history .sub_tab li.tablinks:nth-child(2n) p {border-left: 1px solid #ccc;} *//* 2021-06-28 */
.history .sub_tab li.tablinks.active p {border-left: 0;}
.history .tabcontent .history-pic{width:100%; float:none; margin-right:0;}
.history-list{/* width:90%; */width: 100%;float:none; margin:0 auto;}
.history-incident {width: 100%; padding-left: 4%;}
.history .tabcontent li {margin-bottom: 0.8rem;}
}
/*************hi 로고소개 *******************/
.hi-top{background:#f7f7f7; padding:5em; border-radius:0 30px 0 30px}
.hi-logo{float:left; width:35%; margin-right:2em}
.hi-logo-txt{display:inline-block; word-break: keep-all;}
.hi-logo-txt img{padding:0.2rem 0;}
.hi-logo-txt p{font-size:1.05rem; text-indent:1.2rem}
.hi-logo-txt p.hi-logo-tit{ font-size: 1.85rem; font-weight: 500; letter-spacing: -0.08rem; color: #444;margin: 0 auto 5px auto; padding: 15px 0; background-image: url('/common/images/sub/hi-logo-txt-bg.svg');background-repeat: no-repeat; background-size: 44px;
}
.hi-logo-txt p.hi-logo-tit em{font-style: normal;}
.hi-concept ul{width:100%;padding-top:1em}
.hi-concept li{width:28%; margin-right:6%; display:inline-block; vertical-align:top; text-align:justify; }
.hi-concept li:last-child{margin-right:0}
.hi-concept p{padding-top:0.5rem}
.hi-concept strong{font-size:1.3rem}
.hi-font-grey{color:#aaa;}
@media(max-width:1024px){
.hi-logo{float:none; width:50%;margin:0 auto;}
.hi-logo-txt{width:100%; text-align:center; margin: 0 auto; display:block}
.hi-logo-txt p.hi-logo-tit{display:inline-block !important; width: auto !important; margin: 15px 0;}
.hi-logo-txt img{max-width:100%; }
}
@media(max-width:768px){
.hi-top{background:none; padding:0}
.hi-logo{width:70%; padding:2em 0 1em }
.hi-logo-txt{width:80%}
.hi-logo-txt img{width:60%}
}
@media(max-width:600px){
.hi-logo-txt p{width:70%; margin: 0 auto;}
.hi-concept ul{padding-top:0}
.hi-concept li{width:100%; display:block; margin-right:0; margin-bottom:2em}
.hi-concept p, .hi-color p {word-break:break-all}
}
@media(max-width:500px){
.hi-logo{width:65%;padding:0;margin: 0 auto 4vw auto;}
.hi-logo-txt img{width:100%}
.hi-logo-txt p{width:100%;}
.hi-logo-txt p.hi-logo-tit{font-size:1.4rem;margin:15px auto 0 auto}
}
/*********병원시설안내*********/
.guide .sub_tab li.tablinks {width:270px;}
.guide .sub_tab li.tablinks p {font-size: 20px;}
.guide .sub_tab .tab_li {display: table; margin: 0 auto;}
.guide .tab-swiper {width: 90%; margin: 0 auto; position: relative;}
.guide .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-size: cover; background-position: center; position: relative;}
.guide .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; cursor: pointer;}
.guide .swiper-container {width: 100%; margin-left: auto; margin-right: auto;}
.guide .swiper-container {height: 80%; width: 100%;}
.guide .thumb {height: 20%; box-sizing: border-box; padding: 10px 0;}
.guide .thumb .swiper-slide {width: 25%; height: 100%; opacity: 0.4; }
.guide .swiper-slide-thumb-active {opacity: 1 !important; border: 4px solid #5d7d9b/*4ca8e2*/;}
.guide figcaption {position: absolute; background-color: #323232; color: #fff; font-family: sans-serif; font-size: 16px; padding: 5px 22px; text-align: center; bottom: 20px; right: 40px; font-weight: 600; line-height: normal; word-break: keep-all;}
.guide .swiper-button-prev, .guide .swiper-button-next {top: 41%; width: 45px; height: 45px; background-size: 100%;}
.guide .swiper-button-next, .guide .swiper-container-rtl .swiper-button-prev {background-image: url(/common/images/sub/guide/deepbluebtn_right.png); right: -63px;}
.guide .swiper-button-prev, .guide .swiper-container-rtl .swiper-button-next {background-image: url(/common/images/sub/guide/deepbluebtn_left.png); left: -63px;}
.guide .swiper-button-next.swiper-button-disabled {background-image: url(/common/images/sub/guide/greybtn_right.png);}
.guide .swiper-button-prev.swiper-button-disabled {background-image: url(/common/images/sub/guide/greybtn_left.png);}
/*PC*/
@media (min-width:1025px) and (max-width:1300px){
.guide .tab-swiper {width: 85%;}
}
/*tablet*/
@media(min-width:600px) and (max-width:1024px){
.guide .sub_tab li.tablinks {height: 60px;}
.guide .sub_tab li.tablinks p {font-size: 18px;}
}
@media(min-width:769px) and (max-width:1024px){
.guide .tab-swiper {width: 85%;}
.guide .swiper-button-prev, .guide .swiper-button-next {background-size: 80%;}
.guide .swiper-button-next, .guide .swiper-container-rtl .swiper-button-prev {right: -8%;}
.guide .swiper-button-prev, .guide .swiper-container-rtl .swiper-button-next {left: -8%;}
}
/*mini tablet and duo*/
@media (max-width: 768px) {
.guide .swiper-button-next, .guide .swiper-container-rtl .swiper-button-prev {right: 7px;}
.guide .swiper-button-prev, .guide .swiper-container-rtl .swiper-button-next {left: 7px;}
.guide .tab-swiper {width: 100%;}
}
@media(min-width:600px) and (max-width:768px){
.guide figcaption {right: 2vw; bottom: 2.4vw;}
}
/*mini tablet and duo*/
@media(min-width:481px) and (max-width:599px){
.guide .sub_tab li.tablinks {height: 60px; width: 50%;}
.guide .sub_tab li.tablinks p {font-size: 18px;}
.guide .sub_tab .tab_li {display: block;}
.guide figcaption {right: 2vw; bottom: 2.4vw; font-size: 15px;}
.guide .swiper-button-prev, .guide .swiper-button-next {top: 50%; margin-top: -67px;}
}
/* samsung note and iphone max*/
@media(max-width:480px){
.guide .sub_tab li.tablinks {height: 50px; width: 50%;}
.guide .sub_tab li.tablinks p {font-size: 17px;}
.guide .sub_tab .tab_li {display: block;}
}
@media(min-width:371px) and (max-width:480px){
.guide figcaption {right: 2.8vw; bottom: 2.4vw; font-size: 15px; padding: 5px 3vw;}
.guide .swiper-button-prev, .guide .swiper-button-next {top: 50%; margin-top: -61px; background-size: 86%;}
}
/* samsung and iphone*/
@media (max-width:370px){
.guide figcaption {right: 2.8vw; bottom: 2.4vw; font-size: 4vw; padding: 1.5vw 4vw;}
}
@media (min-width:321px) and (max-width:370px){
.guide .swiper-button-prev, .guide .swiper-button-next {top: 50%; margin-top: -61px; background-size: 86%;}
}
/* fold*/
@media(max-width:320px){
.guide .swiper-button-prev, .guide .swiper-button-next {top: 50%; margin-top: -53px; background-size: 86%;}
}
/*********찾아오시는길*********/
.map-cont1 {width: 100%;}
.map-cont1 .root_daum_roughmap {width: 100% !important;}
.map-cont1 .map_info {background: #f7f7f7; padding: 15px 30px; text-align: left;}
.map-cont1 .info_addr {margin-bottom: 8px;}
.map_info p {display: inline-block; vertical-align: middle; font-size: 16px;}
.map_info img {display: inline-block; vertical-align: middle; margin-right: 0.5rem;}
.map_right img {border: 1px solid #f7f7f7; width: 100%;}
.map_right {width: 55%; display: inline-block; vertical-align: middle;}
.map_left {width:100%; display: inline-block; margin-right: 3%; vertical-align: middle;}
.map-cont2-list {padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #dedcdd; position: relative;}
.map-cont2-list:first-child {padding-top: 0;}
.map-cont2-list:last-child {border-bottom: 0;}
.map-cont2-title {width: 14%; border-radius: 0.6rem; font-weight: 500; background: #dedcdd; text-align: center; height: 100px; display: inline-block; vertical-align: middle; position: relative; margin-right: 4%;}
.map-cont2-title span {display: block; width: 100%; padding: 0 15px; word-break: keep-all; font-weight: 600;}
.map-cont2-text {width: 80%; display: inline-block; vertical-align: middle;}
.map-cont2-text b {display: block; background: url(/common/images/sub/map_marker.jpg) no-repeat; background-position-y: center; background-size: initial; padding-left: 26px;}
.map-cont2-text span {background: url(/common/images/sub/left_arrow.png) no-repeat; padding-right: 19px; background-position: right center; margin-right: 13px; display: inline-block;}
.map-cont2-text span:nth-child(2) {padding-left: 0;}
.map-cont3-explain {background: url(/common/images/sub/map_cont3_icon.png) no-repeat; padding-left: 60px; background-position: left center; line-height: 1.6rem;}
.map-cont3-explain span {display: block;}
.map-cont3-open {cursor: pointer; display: block;}
.map-cont3-open:hover {opacity: 0.8;}
.map-cont3-content-expanded {transition: all .3s ease-in-out;}
.map-cont3-arrow-down {-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: inline-block; float: right; position: relative; top: -2rem; right: 1.3rem; width: 10px; height: 10px; background: transparent; border-left: 2px solid #5d7d9b; border-bottom: 2px solid #5d7d9b; transition: all .3s ease-in-out;}
.map-cont3-arrow-up {top: -1.7rem; -moz-transform: rotate(-224deg); -ms-transform: rotate(-224deg); -webkit-transform: rotate(-224deg); transform: rotate(-224deg);}
.map-cont3-title {font-size: 18px; padding: 0.6rem 1rem; border: solid 1px #dae4ed; border-radius: 0.6rem; font-weight: 400;}
.map-cont3-content {font-size: 16px; line-height: 26px; display: none; text-align: justify; padding: 0.6rem 1rem;}
.map-cont3-content img {width: 100%; margin-bottom:3rem}
.map-cont3-content span {display: block; font-size: 1rem; margin-top: 0.8rem; font-weight: 600; margin-bottom: 0.6rem;}
.map-cont3-content span span {margin-top: 0.4rem; margin-bottom: 1rem; font-weight: 400;}
/*PC*/
@media (min-width:1025px) and (max-width:1300px) {
.map-cont3-content img {width: 100%;}
}
/*tablet*/
@media(min-width:801px) and (max-width:1024px) {
.map_right {width: 54.9%;}
.map-cont3-content img {padding: 3rem 2rem;}
}
@media (min-width:769px) and (max-width:800px) {
.map_right, .map_left {width:100%}
.map_right {margin-top: 1rem}
.map-cont1 .map_info {padding: 15px;}
.map-cont1 .info_addr, .map-cont1 .info_tel {display: inline-block;}
.map-cont1 .info_tel {margin-left: 3rem;}
.map-cont2-title {width: 100%; display: block; background: none; text-align: left; height: 2rem; font-weight: 600; font-size: 1.1rem; margin-bottom: 0.6rem;}
.map-cont2-title span {padding: 0;}
.map-cont2-text {width: 100%;font-size: 1rem;}
.map-cont2-text b {background-size: 17px auto;}
.map-cont3-content img {margin-bottom:2rem;}
}
/*mini tablet and duo*/
@media(min-width:600px) and (max-width:768px) {
.map_right, .map_left {width:100%}
.map_right {margin-top: 1rem}
.map-cont1 .map_info {padding: 15px;}
.map-cont1 .info_addr, .map-cont1 .info_tel {display: inline-block;}
.map-cont1 .info_tel {margin-left: 3rem;}
.map-cont2-title {width: 100%; display: block; background: none; text-align: left; height: 2rem; font-weight: 600; font-size: 1.1rem; margin-bottom: 0.6rem;}
.map-cont2-title span {padding: 0;}
.map-cont2-text {width: 100%;font-size: 1rem; word-break: keep-all;}
.map-cont2-text b {background-size: 17px auto;}
.map-cont3-content span span {margin-top: 0;}
.map-cont3-content img {margin-bottom:2rem;}
}
/*mini tablet and duo*/
@media(min-width:481px) and (max-width:599px) {
.map_right, .map_left {width:100%}
.map_right {margin-top: 1rem}
.map-cont1 .map_info {padding: 15px;}
.map-cont2-title {width: 100%; display: block; background: none; text-align: left; height: 2rem; font-weight: 600; font-size: 1.1rem; margin-bottom: 0.6rem;}
.map-cont2-title span {padding: 0;}
.map-cont2-text {width: 100%;font-size: 1rem; word-break: keep-all;}
.map-cont2-text b {background-size: 17px auto;}
.map-cont3-title {font-size: 1rem;}
.map-cont3-content {padding: 0.6rem;}
.map-cont3-content span {font-size: 0.95rem;}
.map-cont3-content span span {margin-top: 0;}
.map-cont3-explain span {font-size: 1rem;}
.map-cont3-content img {margin-bottom:2rem;}
}
/* samsung note and iphone max*/
@media(min-width:371px) and (max-width:480px) {
.map_right, .map_left {width:100%}
.map_right {margin-top: 1rem}
.map-cont1 .map_info {padding: 15px;}
.map-cont1 .root_daum_roughmap {height: 300px;}
.map-cont2-title {width: 100%; display: block; background: none; text-align: left; height: 2rem; font-weight: 600; font-size: 1.1rem; margin-bottom: 0.6rem;}
.map-cont2-title span {padding: 0;}
.map-cont2-text {width: 100%;font-size: 1rem; word-break: keep-all;}
.map-cont2-text b {background-size: 17px auto;}
.map-cont3-title {font-size: 1rem;}
.map-cont3-content {padding: 0.6rem;}
.map-cont3-content span {font-size: 3.6vw;}
.map-cont3-content span span {font-size: 3.4vw; margin-top: 0;}
.map-cont3-content img {margin-bottom:2rem;}
.map-cont3-explain {word-break: keep-all;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px) {
.map_right, .map_left {width:100%}
.map_right {margin-top: 1rem}
.map_info p {font-size: 4.4vw;}
.map-cont1 .map_info {padding: 15px;}
.map-cont1 .root_daum_roughmap {height: 300px;}
.map-cont2-title {width: 100%; display: block; background: none; text-align: left; height: 2rem; font-weight: 600; font-size: 1.1rem; margin-bottom: 0.6rem;}
.map-cont2-title span {padding: 0;}
.map-cont2-text {width: 100%;font-size: 1rem; word-break: keep-all;}
.map-cont2-text b {background-size: 17px auto;}
.map-cont3-title {font-size: 1rem;}
.map-cont3-content {padding: 0.6rem;}
.map-cont3-content span {font-size: 4vw;}
.map-cont3-content span span {font-size: 3.7vw; margin-top: 0;}
.map-cont3-content img {margin-bottom:2rem;}
.map-cont3-explain {word-break: keep-all;}
}
/* fold*/
@media(max-width:320px) {
.map_right, .map_left {width:100%}
.map_right {margin-top: 1rem}
.map_info p {font-size: 4.4vw;}
.map-cont1 .map_info {padding: 15px;}
.map-cont1 .root_daum_roughmap {height: 300px;}
.map-cont2-title {width: 100%; display: block; background: none; text-align: left; height: 2rem; font-weight: 600; font-size: 1.1rem; margin-bottom: 0.6rem;}
.map-cont2-title span {padding: 0;}
.map-cont2-text {width: 100%;font-size: 1rem; word-break: keep-all;}
.map-cont2-text b {background-size: 17px auto;}
.map-cont3-title {font-size: 1rem;}
.map-cont3-content {padding: 0.6rem;}
.map-cont3-content span {font-size: 4vw;}
.map-cont3-content span span {font-size: 3.6vw; margin-top: 0;}
.map-cont3-content img {margin-bottom:2rem;}
.map-cont3-explain {word-break: keep-all;}
}
/*********병원로고*********/
.logo-simbol img{display:inline-block;}
.logo-simbol p{display:inline-block; vertical-align:top;padding:5rem 0 5rem 3rem }
.logo-concept h4{font-size:2.5rem;margin-bottom:1.5rem;}
.logo-concept h4:before{content:"";width:1.8rem; height:3px; background-color:#59bcc1; display:block; margin-bottom:1rem;}
.logo-concept li{width:33%; display:inline-block; vertical-align:top; padding-right:2em}
.logo-concept li:last-child{padding-right:0;}
.logo-concept dt{font-weight:600; line-height:1.6}
.logo-color{margin-top:1rem}
.logo-color li{width:49%;display:inline-block; }
.logo-color-b{background-color:#0b4da3; height:4.5rem; text-align:center; padding:1rem; line-height:1.4}
.logo-color-b p{color:#fff}
.logo-color-b span{font-weight:600; color:#fff}
.logo-color-g{background-color:#7cd53b; height:4.5rem; text-align:center; padding:1rem; line-height:1.4}
.logo-color-g p{color:#fff}
.logo-color-g span{font-weight:600; color:#fff}
/*********의료진소개******** 20260507 주석 */
/*.newdoctor li{border:1px solid #eee; margin-bottom:1rem; padding:1rem; background:url('/common/images/contents/logo-grey.png') no-repeat right bottom;}
.newdoctor-profile{width:23%;display: inline-block; padding: 1.4rem; margin-right:1.4rem; background-color:#f1f9f9;}
.newdoctor-profile span{font-weight:600; display:block; margin-bottom:0.8em}
.newdoctor-profile img{margin-bottom:2rem;}
.newdoctor-profile h3{font-size:1.8rem; margin-bottom:0.8em}
.newdoctor-profile h3:before{content:"";width:1.8rem; height:3px; background-color:#59bcc1; display:block; margin-bottom:1.3rem;}
.newdoctor li:first-child div dl{width:100%}
.newdoctor li dl{display:inline-block;width:23.4%; vertical-align:top; margin:2rem 1rem 0 0 ; }
.newdoctor li dt{font-weight:600; margin-bottom:0.8em}
.newdoctor li dd{line-height:1.2; margin-bottom:0.6em; word-break:keep-all}*/
/*********의료진소개******
.doctor-profile-wrap:first-child{padding-top: 3rem;}
.doctor-profile-photo{text-align:center; background-color:red }
.doctor-profile h3, .doctor-field, .doctor-profile h4{text-align:center;}
.doctor-field{font-size:0.9em;margin-bottom:0.8em;}
.doctor-profile h4{padding:0.5em 0; margin-bottom:0.7em; color:#5d7d9b;}
.doctor-profile ul{margin-bottom:3em;}
.doctor-profile ul:last-child {margin-bottom: 0;}
.doctor-profile ul li{padding:0 0 0 1em;position: relative; margin: 0 0 0 1em;}
.doctor-profile ul li::before{content:'-'; display:inline-block;width:1em; position: absolute; left: 0;}
@media(min-width:1025px){
.doctor-profile-photo{width:30%;margin-right:3%;background-color:#fff; border-radius:15em 1em 1em 0;}
.doctor-profile-photo img{ display: block;max-width: 100%; height: auto; margin:0 auto; margin-bottom:1.7em;}
.doctor-name{font-size:1.2em;font-weight:600;color:#5d7d9b;}
.doctor-wrap>div:nth-child(odd) .doctor-profile-photo{
background-color:#f1f7f9;}
.doctor-wrap>div:nth-child(even){
width:100vw;
position:relative;
left:50%;
margin-left:-50vw;
background-color:#f1f7f9;
}
.doctor-profile{float:right;width:60%; margin-right:3%; }
.doctor-profile h4{font-size:1.1em; text-align:left; background: url(/common/images/sub/dot.svg) no-repeat; background-size: 8px; background-position: left center; padding-left: 16px;}
.doctor-profile h4::after{content:""; display:block; background-color:#dddddd;height:1px; width:100%;clear:both;margin-left:-1.7em;}
.doctor-name-field{display:none;}
.doctor-profile-wrap::after{content:'';display:block; clear:both;}}
@media(max-width:1024px){
.doctor-profile-photo>.doctor-name, .doctor-profile-photo>.doctor-field{display:none;}
.doctor-profile h4{padding:0.5em 0; margin-bottom:0.7em;border-radius:0 0.8em 0 0.8em; letter-spacing:0.7em; background-color:#f1f7f9;}
}
@media(min-width:768px){.doctor-profile{float:right;} .doctor-profile-photo{float:left;}}
@media(max-width:767px){
.doctor-profile-wrap:first-child{padding-top: 2rem;}
}
@media(min-width:769px) and (max-width:1024px){
.doctor-profile-wrap::after{content:'';display:block; clear:both;}
.doctor-profile-photo{width:35%;}
.doctor-profile-photo img{max-width: 100%; height: auto; display: block;}
.doctor-profile{width:65%;} }
-->
/*********외래진료안내*********/
.outpatient-card img{width:5em; display:inline-block;background:#f8f8f8; border-radius:10px; padding:0.7em; margin-right:1em;}
.outpatient-card div{display:inline-block;}
.outpatient-table{border-collapse: collapse; text-align: center; word-break: keep-all;border-top: 2px solid #ddd;border-bottom: 2px solid #e3e3e3;}
.outpatient-table th, .outpatient-table td{ padding: 0.7em; vertical-align: middle;}
.outpatient-table th{ border: 1px solid #ccc; background-color:#f1f7f9; color: #333;}
.outpatient-table td{line-height:1.7; word-break:keep-all}
.outpatient-table th, .outpatient-table td {border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3;}
.outpatient-table th:first-child,.outpatient-table td:first-child{border-left:0;}
.outpatient-table th:last-child,.outpatient-table td:last-child{border-right:0;}
.outpatient-table tr:hover{background-color:#fafafa;}
.price {text-align: right;}
.outpatient-table td span{display: inline-block;}
.outpatient-table td span.colon::after{content:" : ";}
/* .price{padding-right:3rem; } */
@media (min-width:1025px) and (max-width:1400px){
.outpatient-card img{width:5em; }
}
@media(min-width:769px) and (max-width:1024px){
.outpatient-card img{width:5em; }
.clinic-time span{font-size:0.9rem;display:block;}
}
@media(min-width:600px) and (max-width:768px){
.outpatient-card img{display:none;}
.clinic-time span{font-size:0.9rem;display:block;}
.notice_text{ padding: 15px 0 15px 50px; margin-bottom:15px; background: url(/common/images/mobile-scroll-icon.svg) no-repeat left 50%;}
.outpatient-table th, .outpatient-table td {font-size: 0.87rem}
.doctorScadule{word-break:keep-all;}
}
@media(min-width:481px) and (max-width:599px){
.outpatient-card img{display:none;}
.clinic-time span{display:block;}
.notice_text{padding: 15px 0 15px 50px; margin-bottom:15px; background: url(/common/images/mobile-scroll-icon.svg) no-repeat left 50%;}
.outpatient-table th, .outpatient-table td {font-size: 0.9rem}
}
@media(min-width:371px) and (max-width:480px){
.outpatient-card img{display:none;}
.clinic-time span{display:block;}
.notice_text{ padding: 15px 0 15px 50px; margin-bottom:15px; background: url(/common/images/mobile-scroll-icon.svg) no-repeat left 50%;}
.outpatient-table th, .outpatient-table td {font-size: 3.3vw; padding: 0.5em;}
.outpatient-table td span.colon::after{content:"";}
}
@media (min-width:321px) and (max-width:370px){
.outpatient-card img{display:none;}
.clinic-time span{display:block;}
.notice_text{padding: 15px 0 15px 50px;margin-bottom:15px; background: url(/common/images/mobile-scroll-icon.svg) no-repeat left 50%;}
.outpatient-table th, .outpatient-table td {font-size: 3.5vw; padding: 0.39em;}
.clinic-time td:last-child{text-align: left;}
.outpatient-table td span{display: block}
.outpatient-table td span.colon::after{content:"";}
}
@media(max-width:320px){
.outpatient-card img{display:none;}
.clinic-time span{display:block;}
.notice_text{ padding: 15px 0 15px 50px;margin-bottom:15px; background: url(/common/images/mobile-scroll-icon.svg) no-repeat left 50%;}
.outpatient-table th, .outpatient-table td {font-size: 3.5vw; padding: 1vw;}
.clinic-time td:last-child{text-align: left;}
.outpatient-table td span{display: block}
.outpatient-table td span.colon::after{content:"";}
}
/***************입퇴원안내****************/
.document-table{ width: 100%; /*margin-bottom:3rem;*/ border-top: 2px solid #ddd; border-bottom: 2px solid #e3e3e3; /* line-height:1.5rem; */ font-size:1rem; word-break:break-all;}
.document-table thead{text-align:center; background-color:#f1f7f9;}
.document-table tbody tr td:nth-child(1){text-align:center;}
.document-table th, .document-table td {border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3;}
.document-table tr td{padding:0.7rem 1rem; word-break: keep-all;}
.document-table td span{display:block; word-break: keep-all;}
.document-table th:first-child, .document-table td:first-child{border-left:0;}
.document-table th:last-child, .document-table td:last-child{border-right:0;}
.document-info thead td:nth-child(1){width:20%;}
.document-info thead td:nth-child(2){width:40%;}
.document-info thead td:nth-child(3){width:40%;}
.document-info tbody{border-left:0;}
.document-info tr td:nth-child(1){text-align:center;}
.hospitalization-all .sub_tab{width:100%; margin:0 auto;}
.hospitalization-all .sub_tab li.tablinks {width:33.3%; background: #f7f7f7;}
.hospital-ps{font-size:0.9rem}
@media(max-width:500px){
.document-info thead td:nth-child(1){width: 10%;;}
.document-info tbody td:nth-child(1){width: 10%;;}
}
/*******입원안내*******/
.inhospital-info{position:relative;width:100vw; left: 50%; margin-left:-50vw; background:#f6fcfe;}
.inhospital-info h3{text-align:center; margin-bottom:2em}
.inhospital-info-text{background:url('/common/images/icon/inhospital-info.png') no-repeat 0 center; padding-left:7em; width:1200px;margin:0 auto; word-break:keep-all;}
.inhospital-process ol{width:100%; padding:1em 0 }
.inhospital-process li{display:inline-block;width:19.5%;position: relative;vertical-align:top; word-break:keep-all}
.inhospital-process-step{ font-size: 22px; line-height: 26px;margin: 0 auto; text-align:center }
.inhospital-process em{display: block; font-weight: 300; font-size: 17px; margin-bottom:0.5em}
.inhospital-process li:first-child:after{display:none}
.inhospital-process li:after{content: ''; position: absolute; left: -3px; top:20px; background: url('/common/images/icon/icon_arr_r02.png') 0 0 no-repeat; width: 6px; height: 11px;}
.inhospital-mental-law li{margin-bottom:2em}
.inhospital-protector ol{padding-left:1em}
.inhospital-prepare li{margin-bottom:3em}
.inhospital-period{position:relative;width:100vw; left: 50%; margin-left:-50vw; background:#f6fcfe;padding:5em 0; }
.inhospital-period-tit{text-align:center;margin-bottom:3em}
.inhospital-period ul{width:63%;margin:0 auto;}
.inhospital-period li{width:33%;text-align:center; position:relative;padding:0 1em; display:inline-block; vertical-align:top; word-break: keep-all;}
.inhospital-period li:first-child{padding-left:0;}
/*.inhospital-period li:nth-child(2){padding-left:3vw}*/
.inhospital-period li:after {content: ''; position: absolute; top: 5px; right: 0; width: 1px; height:7em; background-color: #e9e9e9;}
.inhospital-period li:last-child{padding-right:0;}
.inhospital-period li:last-child:after{display:none;}
.inhospital-period p span{display:block}
.inhospital-certificate ol{padding:1em 0}
.inhospital-certificate li{display:inline-block;width: 24%; position: relative; text-align:center;vertical-align:top;word-break:keep-all}
.inhospital-certificate em{display: block; font-weight: 300; font-size: 17px; margin-bottom:0.5em}
.inhospital-certificate li:first-child:after{display:none}
.inhospital-certificate li:after{content: ''; position: absolute; left: -3px; top: 20px; background: url('/common/images/icon/icon_arr_r02.png') 0 0 no-repeat; width: 6px; height: 11px;}
.inhospital-certificate-step{ font-size: 22px; line-height: 26px;/* margin: 0 auto */ }
.inhospital-certificate-text ul{text-align:left; margin:0 auto;}
.inhospital-certificate-text li{width:48%;text-align: left; position:relative;padding:0 1em; display:inline-block; vertical-align:top;word-break:keep-all}
.inhospital-certificate-text li:first-child{padding-left:0;}
.inhospital-certificate-text li:after {content: ''; position: absolute; top: 5px; right: 0; width: 1px; height:3.5em; background-color: #e9e9e9;}
.inhospital-certificate-text li:last-child{padding-right:0;}
.inhospital-certificate-text li:last-child:after{display:none;}
.inhospital-document li{margin-bottom:3em}
@media(max-width:1400px){
.inhospital-info-text{width:90%; padding-left: 9em;}
.inhospital-period ul{width:89%;}
.inhospital-period li:nth-child(2){padding-left:0}
}
@media(max-width:1200px){
.inhospital-period p span{display:inline}
}
@media(max-width:900px){
.inhospital-process-step{ font-size: 1.2rem}
.inhospital-certificate-step{ font-size:1.2rem}
.inhospital-period ul{width:55%; }
.inhospital-period li{width:100%; text-align:left;padding:0; word-break:keep-all; margin-bottom:1em}
.inhospital-period li:after {display:none}
}
@media(max-width:768px){
/* .inhospital-info-text{background:none;padding-left:0} */
.inhospital-process li{width:19%; }
.inhospital-process-step{ font-size: 1.1rem;}
.inhospital-period ul{width:75%; }
.inhospital-info{padding:3em 0;}
.inhospital-info-text{background:none; width:90%; padding-left:0;margin:0 auto; word-break:break-all; text-align:justify; }
.inhospital-info-text p {margin-bottom:1em;/* word-break: keep-all; */}
}
@media(max-width:600px){
.inhospital-process li{display:block;width:100%;padding-bottom:2.5em}
.inhospital-process li:last-child{padding-bottom:0}
.inhospital-process li:after{left:50%; top:-25px; transform:rotate(90deg);}
.inhospital-process em{ margin-bottom:0; font-size:0.9rem}
.inhospital-process-step{ font-size: 1.2rem;}
.inhospital-period ul{width:85%; }
.inhospital-certificate li{display:block;width:100%;padding-bottom:2.5em}
.inhospital-certificate li:last-child{padding-bottom:0}
.inhospital-certificate li:after{left:50%; top:-25px; transform:rotate(90deg);}
.inhospital-certificate em{ margin-bottom:0;font-size:0.9rem}
/*.doc_table_mo thead td:last-child, .doc_table_mo tbody td:last-child{display:none}*/
.doc_table_mo td:nth-child(3){display:none}
}
@media(max-width:480px){
.inhospital-info{padding:3em 0;}
.inhospital-info-text{background:none; width:90%; padding-left:0;margin:0 auto; word-break:break-all; text-align:justify;}
.inhospital-info-text p {margin-bottom:1em}
.inhospital-period{padding:3em 0; }
.inhospital-period-tit{width:90%; margin:0 auto; margin-bottom:2em}
.inhospital-period-tit h3{font-size: 1.4rem;margin-bottom: 0.8rem;}
.inhospital-period-tit p{line-height:1.7}
.inhospital-period ul{text-align:left; margin:0 auto; width:90%;word-break:break-all; text-align:justify;}
.inhospital-period li{width:100%;text-align: left;display:block;padding:0;margin-bottom:1em}
.inhospital-period li:after{display:none}
.inhospital-certificate-text span{display:block; }
.inhospital-certificate-step strong , .inhospital-process-step strong , .nanuri-process-step strong{font-size: 1rem;}
}
/*mini tablet and duo*/
@media(min-width:481px) and (max-width:599px){
/* .document-table tr td {padding: 0.7rem 1rem;} */
}
/* samsung note and iphone max*/
@media(min-width:371px) and (max-width:480px){
.document-table tr td {font-size: 3.6vw; padding: 3vw; line-height: 1.8rem;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
.document-table tr td {font-size: 4vw; padding: 2.1vw; line-height: 1.5rem;}
}
/* fold*/
@media(max-width:320px){
.document-table tr td {font-size: 4.1vw; padding: 2vw; line-height: 1.5rem;}
}
/********퇴원안내*************/
.outhospital-process ol{width:100%; padding:2em 0 3em;}
.outhospital-process li{display:inline-block;width: 19.5%; position: relative; vertical-align:top;word-break:keep-all;}
.outhospital-process li:last-child{margin-right:0}
.outhospital-process-step{ font-size: 22px; line-height: 26px;margin: 0 auto; text-align:center }
.outhospital-process em{display: block; font-weight: 300; font-size: 17px; margin-bottom:0.5em}
.outhospital-process li:first-child:after{display:none}
.outhospital-process li:after{content: ''; position: absolute; left: -3px; top: 20px; background: url('/common/images/icon/icon_arr_r02.png') 0 0 no-repeat; width: 6px; height: 11px;}
.outhospital-gohome ul {text-align:left; margin:0 auto;}
.outhospital-gohome li{width:48%;/* text-align:center*/;position:relative;margin-right:2%;display:inline-block; vertical-align:top; padding:0 1em}
.outhospital-gohome li:first-child{padding-left:0;}
.outhospital-gohome li:last-child{ padding-right:0;margin-right:0; border-left:1px solid #dfdfdf;}
.outhospital-mental-law li{margin-bottom:2em}
@media(max-width:900px){
.outhospital-process-step{font-size:1.2rem}
}
@media(max-width:768px){
.outhospital-process li{width:19%}
.outhospital-process-step{font-size:1.1rem}
}
@media(max-width:600px){
.outhospital-process ol{padding:0}
.outhospital-process li{display:block;width:100%;padding-bottom:2.5em}
.outhospital-process li:last-child{padding-bottom:0}
.outhospital-process li:after{left:50%; top:-25px; transform:rotate(90deg);}
.outhospital-process em{ margin-bottom:0; font-size:0.9rem}
.outhospital-process-step{ font-size: 1.2rem;}
}
/******진료비 납부 안내******/
.pay-account-wrap{position:relative;width:100vw; left: 50%; margin-left:-50vw; background:#f6fcfe;background-size:cover;text-align:center}
.pay-account-info {width:90%; margin:0 auto; word-break:keep-all}
.pay-account-info h3{margin-bottom:1em;}
.pay-account ul {margin:0 auto; width:50%;padding-top:4em}
.pay-account li{width:48%;text-align:center;position:relative; margin-right:2%;display:inline-block; vertical-align:top;}
.pay-account li:last-child{ margin-right:0; border-left:1px solid #dfdfdf;}
.foodCourt table{margin-bottom:1.5rem}
@media(max-width:1400px){
.pay-account ul {width:80%;}
}
@media(max-width:768px){
.pay-account ul {width:90%;}
}
@media(max-width:600px){
.pay-account ul{padding-top:1em}
.pay-account li{width:80%;margin-right:0;padding-top:1em}
.pay-account li:last-child{ border-left:0;}
.pay-account-info > p span {display: block;}
}
@media(max-width:480px){
.pay-account-wrap{padding:3em 0;}
.pay-account-info {width: 100%; padding: 0 1em;}
.pay-account ul {width: 100%; margin: 0 auto; padding: 0 1em;}
.pay-account li{width:100%;margin:0 auto; text-align:left}
.pay-account-info > p {text-align: left;}
.pay-account-info > p span {display: inline-block;}
}
@media (min-width:321px) and (max-width:370px) {
.hospitalization-all .sub_tab li.tablinks p {font-size: 0.9rem;}
}
@media(max-width:320px){
.hospitalization-all .sub_tab li.tablinks p {font-size: 4.6vw;}
}
/********원내 전화번호 /주미옥 210615 ********/
.phone-table{float:left; width:40%;margin:0 5% 2%;}
.phone-table th, .phone-tabltd{ border: 1px solid #ccc; }
.phone-table td{text-align:center}
.phone-table td:first-child{width:45%}
.fax-call{margin-bottom: 4rem;}
@media(max-width:800px){
.phone-table{float:none; width:100%;margin:0}
.ward-call thead{display:none; }
.ward-call {background:#f8fcfe; border-top:0}
.fax-call{border-top:0;margin-bottom: 2rem}
}
/*******병동안내********/
.ward-guide-first{border:1px solid #ccc; border-radius:10px; padding:2em;}
.ward-guide-first h3{margin-bottom:0.5em;}
.ward-guide-first p {font-size:1rem; line-height:1.9; font-weight:300}
@media(max-width:800px){
.ward-guide-first{background:#f6fcfe; width:100vw;
position: relative;
left: 50%;
margin-left: -50vw;border-radius:0;border:0}
}
/********
**치료과정**
*********/
.new-process ol{width:100%; padding:1em 0 }
.new-process li{display:inline-block;width:19.5%;position: relative;vertical-align:top; word-break:keep-all}
.new-process-step{ font-size: 22px; line-height: 26px;margin: 0 auto; text-align:center }
.new-process em{display: block; font-weight: 300; font-size: 17px; margin-bottom:0.5em}
.new-process li:first-child:after{display:none}
.new-process li:after{content: ''; position: absolute; left: -3px; top:20px; background: url('/common/images/icon/icon_arr_r02.png') 0 0 no-repeat; width: 6px; height: 11px;}
.stepCourse{margin-top:1em;font-size:0.8em;color:#1848a6; line-height: 1.8;}
.stepCourse span{display:block;}
@media(max-width:768px){
.new-process li{width:19%}
.new-process-step{ font-size: 19px;}
}
@media(max-width:599px){
.new-process li{display:block;width:100%;padding-bottom:1em; margin-bottom:1em;border-bottom:1px dashed #ddd}
.new-process li:last-child{padding-bottom:0; border:0;}
.new-process li:after{display:none;}
.new-process em{ margin-bottom:0; font-size:0.9rem}
.new-process-step{ font-size: 1.1rem;}
.stepNumber{width:40%;display:inline-block;vertical-align:middle}
.stepCourse{width:58%;display:inline-block;text-align:left;margin-top:0;font-size:0.9em;vertical-align: middle; }
.stepCourse span{display:block;position: relative;padding-left: 1.2rem;}
.stepCourse span:before{content: "·"; margin-right: 0.6rem; font-size: 1rem; vertical-align: bottom;position:absolute;left:0}
}
/**********
**재활프로그램**
***********/
.ward-program ul{width:100%; margin-top:1em}
.ward-program li{width:22.5%; margin-right:2.5%; vertical-align:top; display:inline-block;word-break: keep-all}
.ward-program li:last-child{margin-right:0}
.ward-program img{margin-bottom:0.5rem;width:100% }
@media(min-width:481px) and (max-width:768px){
.ward-program li{display:inline-block;width:46%;margin-right:0; padding-bottom:2em; }
.ward-program li:nth-child(1),.ward-program li:nth-child(3){margin-right:1.3rem}
}
@media(min-width:371px) and (max-width:480px){
.ward-program li{display:inline-block; width:100%; margin-bottom:2em; }
.ward-program img{display:none;}
}
@media(max-width:370px){
.ward-program ul{margin:0.5em 0 0rem 0}
.ward-program li{display:block;width:100%; padding-bottom:1em;}
.ward-program img{display:none;}
}
/********노인요양********/
.oldcare-space{width:100vw; position:relative; left: 50%; margin-left:-50vw;background:#f8fcff;}
.oldcare-space h3{text-align:center; font-weight:600; margin-bottom:3em}
.oldcare-space ul{margin-top:1em;width:60%; margin:auto; }
.oldcare-space li:last-child{margin-right:0;}
.oldcare-space li{display:inline-block; width:31.5%; margin-right:2%;text-align:center;}
.oldcare-space-icon{width:15%; display:block; margin:0 auto; padding:1em 0 }
.oldcare-space-name{display:block;font-weight:600;}
.oldcare-alzheimer ul{width:100%; margin-top:1rem;}
.oldcare-alzheimer li{width:31%; margin-right:2.5%; vertical-align:top; display:inline-block;}
.oldcare-alzheimer li:last-child{margin-right:0;}
.oldcare-alzheimer img{margin-bottom:0.5rem; width:100%}
.oldServiceBg01{background:url('/common/images/contents/care-service01.png') no-repeat; }
.oldServiceBg02{background:url('/common/images/contents/care-service02.png') no-repeat; }
.oldServiceBg03{background:url('/common/images/contents/care-service03.png') no-repeat; }
.oldServiceBg04{background:url('/common/images/contents/care-service04.png') no-repeat; }
.dementiasymptomBg01{background:url('/common/images/contents/dementia01.png') no-repeat; }
.dementiasymptomBg02{background:url('/common/images/contents/dementia02.png') no-repeat; }
.dementiasymptomBg03{background:url('/common/images/contents/dementia03.png') no-repeat; }
/*PC*/
@media (min-width:1025px) and (max-width:1400px){
.oldcare-space ul{width:80%}
}
/*tablet*/
@media(min-width:769px) and (max-width:1024px){
.oldcare-space ul{width:90%}
.oldcare-alzheimer li{width:30.5%;}
}
@media(min-width:801px){
.oldcare-first{background:url('/common/images/contents/oldcare-first.png') no-repeat right center;}
}
@media(max-width:768px){
.backgroundcover{background-size:cover !important;}
.chapter-content-li-title{font-size:1.2rem;}
}
/*mini tablet and duo*/
@media(min-width:600px) and (max-width:768px){
.oldcare-space h3{ margin-bottom:1.5em; line-height:1.7}
.oldcare-space h3 span{display:block;font-size:1.5rem}
.oldcare-space ul{width:60%;margin:0 auto;}
.oldcare-space li{display:block; width:100%; text-align:left; padding:1em 0}
.oldcare-space-icon{display:inline-block;width:10%; padding:0; vertical-align:middle}
.oldcare-space p{display:inline-block; margin-left:1.2em}
.oldcare-space-name{display:inline-block;}
}
/*mini tablet and duo*/
@media(min-width:481px) and (max-width:599px){
.oldcare-space h3{ margin-bottom:1.5em; line-height:1.7}
.oldcare-space h3 span{display:block;font-size:1.5rem}
.oldcare-space ul{width:80%;margin:0 auto;}
.oldcare-space li{display:block; width:100%; text-align:left; padding:1em 0}
.oldcare-space-icon{display:inline-block;width:10%; padding:0; vertical-align:middle}
.oldcare-space p{display:inline-block; margin-left:1.2em}
.oldcare-space-name{display:inline-block;}
.oldcare-alzheimer li{width:100%; display:block; margin-bottom: 2em;}
.oldcare-alzheimer img{display:none;}
}
/* samsung note and iphone max*/
@media(min-width:371px) and (max-width:480px){
.oldcare-space h3{ margin-bottom:1.5em; line-height:1.7}
.oldcare-space h3 span{display:block;font-size:1.5rem}
.oldcare-space ul{width:90%;margin:0 auto;}
.oldcare-space li{display:block; width:100%; text-align:left; padding:1em 0}
.oldcare-space-icon{display:inline-block;width:10%; padding:0; vertical-align:middle}
.oldcare-space p{display:inline-block; margin-left:1.2em}
.oldcare-space-name{display:inline-block;}
.oldcare-alzheimer li{width:100%; display:block;margin-bottom: 2rem;}
.oldcare-alzheimer img{display:none;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
.oldcare-space h3{ margin-bottom:1.5em; line-height:1.7}
.oldcare-space ul{width:100%;margin:0 auto;}
.oldcare-space li{display:block; width:100%; text-align:left; padding:1em 0}
.oldcare-space-icon{display:inline-block;width:10%; padding:0; vertical-align:middle}
.oldcare-space p{display:inline-block; margin-left:1.2em}
.oldcare-space-name{display:inline-block;}
.oldcare-alzheimer li{width:100%; display:block;margin-bottom: 1.5rem;}
.oldcare-alzheimer img{display:none;}
}
/* fold*/
@media(max-width:320px){
.oldcare-space h3{ margin-bottom:1.5em}
.oldcare-space ul{width:95%;margin:0 auto;}
.oldcare-space li{display:block; width:100%; text-align:left; padding:1em 0}
.oldcare-space-icon{display:none}
.oldcare-space p{display:inline-block; margin-left:1.2em}
.oldcare-space-name{display:inline-block;}
.oldcare-alzheimer li{width:100%; display:block; margin-bottom: 1rem;}
.oldcare-alzheimer img{display:none;}
}
/**********정신건강, 중독 치료과정 ***********/
/* .i-treatment01{background:url('/common/images/icon/treatment-01.svg') no-repeat center 0 ; background-size:20%; padding-top:80px;}
.i-treatment02{background:url('/common/images/icon/treatment-02.svg') no-repeat center 0 ; background-size:20%; padding-top:80px;}
.i-treatment03{background:url('/common/images/icon/treatment-03.svg') no-repeat center 0 ; background-size:20%; padding-top:80px;}
.i-treatment04{background:url('/common/images/icon/treatment-04.svg') no-repeat center 0 ; background-size:20%; padding-top:80px;}
.i-treatment05{background:url('/common/images/icon/treatment-05.svg') no-repeat center 0 ; background-size:20%; padding-top:80px;} */
/**********정신건강***********/
.mental-treatment ul{margin-top:3em}
.mental-treatment li{width:18%; display:inline-block; vertical-align:top; margin-right:2%; text-align:center; }
.mental-treatment li:last-child{margin-right:0}
.treatment-tit:after{ content: ""; display: block; width: 1.5em; border-bottom: 2px solid #dfdfdf; margin:0.5em auto 1em; }
.mental-clinic ul{width:100%;margin:1em 0;}
.mental-clinic li{width:22.5%; display:inline-block; vertical-align:top; margin-right:2%;word-break: keep-all}
.mental-clinic li:last-child{margin-right:0}
.img-clinic01{background:url('/common/images/contents/clinic-01.png') no-repeat 0 0 ; padding-top:220px;}
.img-clinic02{background:url('/common/images/contents/clinic-02.png') no-repeat 0 0 ; padding-top:220px;}
.img-clinic03{background:url('/common/images/contents/clinic-03.png') no-repeat 0 0 ; padding-top:220px;}
.img-clinic04{background:url('/common/images/contents/clinic-04.png') no-repeat 0 0 ; padding-top:220px;}
.mental-program{width:100vw; position:relative; left: 50%; margin-left:-50vw; background:#f8fcff; }
.mental-program h3{text-align:center; font-weight:600; margin-bottom:3em}
.mental-program ul{width:70%; margin:0 auto ; padding-left:3rem}
.mental-program li{width:49%; display:inline-block;}
.mental-program li:first-child{ border-right:1px solid #eee; margin-right:1vw;}
.mental-program p{display:inline-block; text-align:left; line-height:1.7;}
.mental-male, .mental-female{display:block; font-weight:500; }
.mental-program img{width:3vw;margin-right:1vw}
.mentalhealth .sub_tabcontent, .mentalhealth .sub_tab {margin: 0 auto;}
.mentalhealth .sub_tab li.tablinks {width: 33.33%;}
@media(max-width:1400px){
.mental-program ul{width:95%;padding-left:0}
.mental-program img{width:4vw;}
}
@media(max-width:960px){
.mental-program ul{width:58%;}
.mental-program li{width:100%; display:block; margin-top:2rem}
.mental-program li:first-child{ border-right:0; margin-right:0;}
}
@media(min-width:801px){
.mental-first{background:url('/common/images/contents/mental-first.png') no-repeat right center;}
}
@media(max-width:768px){
.mental-program ul{width:70%;}
.mental-program li{text-align:left}
.mental-male, .mental-female{ font-size:1rem;}
.mental-program img{width:6vw;margin-right:2vw}
}
@media(max-width:599px){
.mental-program ul{width:88%;}
.mental-program img{width:8vw;}
}
@media(max-width:480px){
.mental-program img{display:none}
}
/**********중독***********/
.addiction-treatment ul{margin-top:3em}
.addiction-treatment li{width:18%; display:inline-block; vertical-align:top; margin-right:2%; text-align:center; }
.addiction-treatment li:last-child{margin-right:0}
.treatment-tit:after{ content: ""; display: block; width: 1.5em; border-bottom: 2px solid #dfdfdf; margin:0.5em auto 1em; }
.addiction-clinic ul{width:100%;margin-top:1em}
.addiction-clinic li{width:22.5%; display:inline-block; vertical-align:top; margin-right:2%;word-break: keep-all}
.addiction-clinic li:last-child{margin-right:0}
.img-clinic01{background:url('/common/images/contents/clinic-01.png') no-repeat 0 0 ; padding-top:220px;}
.img-clinic02{background:url('/common/images/contents/clinic-02.png') no-repeat 0 0 ; padding-top:220px;}
.img-clinic03{background:url('/common/images/contents/clinic-03.png') no-repeat 0 0 ; padding-top:220px;}
.img-clinic04{background:url('/common/images/contents/clinic-04.png') no-repeat 0 0 ; padding-top:220px;}
.addiction-program{width:100vw; position:relative; left: 50%; margin-left:-50vw; background:#f8fcff; padding:5em 0; }
.addiction-program h4{text-align:center; font-weight:600; margin-bottom:3em}
.addiction-program ul{margin-top:1em;width:1000px; margin:auto; }
.addiction-program li{width:48%; display:inline-block;text-align:center; }
.addiction-program li:last-child{margin-right:0}
.addiction-program img{text-align:center;margin-bottom:0.5em}
@media(min-width:801px){
.addiction-first{background:url('/common/images/contents/addiction-first.png') no-repeat right center; }
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
.addiction .aicb h5, .addiction .aicb li {background-position: left 6px;}
}
/* fold*/
@media(max-width:320px){
.addiction .aicb h5, .addiction .aicb li {background-position: left 6px;}
}
/**********발달장애***********/
.developmental-first li{width:35%; display:inline-block;padding: 0 0 0 1rem;position: relative;}
.developmental-first li:before{content: "·"; margin-right: 0.6rem; font-size: 1rem; vertical-align: bottom; position: absolute; left: 0;}
.nanuri-connect{width:100%}
.nanuri-connect img{width:100%;}
.hyo-link_wrap p {word-break: keep-all;}
/*.nanuri-process{width:100vw; position:relative; left: 50%; margin-left:-50vw; background:#f8fcff;}
.nanuri-process h3{font-size:1.5rem;text-align:center; margin-bottom:2rem}
.nanuri-process span{display:block;}
.nanuri-process ol{width:65%; margin:0 auto}
.nanuri-process li{display:inline-block; width:16%; position: relative;vertical-align:top; word-break:keep-all;}
.nanuri-proces-step{ font-size: 20px; line-height:1.5;margin: 0 auto; text-align:center }
.nanuri-process li:first-child:after{display:none}
.nanuri-process li:after{content: ''; position: absolute;left: -37*px; top:40px; background: url('/common/images/icon/icon_arr_r02.png') 0 0 no-repeat; width: 6px; height: 11px;}
.nanuri-process em{display: block; font-weight: 300; font-size: 16px; margin-bottom:0.5em}*/
.nanuri-process{width:100vw; position:relative; left: 50%; margin-left:-50vw; background:#f8fcff;}
.nanuri-process h3{font-size:1.5rem;text-align:center; margin-bottom:2rem}
.nanuri-process ol{width:65%; margin:0 auto}
.nanuri-process li{display:inline-block;width:16%;position: relative;vertical-align:top;word-break:keep-all}
.nanuri-process-step{ font-size: 1.1rem; line-height: 1.7;margin: 0 auto; text-align:center }
.nanuri-process em{display: block; font-weight: 300; font-size: 17px; margin-bottom:0.5em}
.nanuri-process li:first-child:after{display:none}
.nanuri-process li:after{content: ''; position: absolute; left: -3px; top:20px; background: url('/common/images/icon/icon_arr_r02.png') 0 0 no-repeat; width: 6px; height: 11px;}
.nanuriTell-wrap{position:relative; width:100%; height:44vh; margin-bottom:4rem; background: url('/common/images/contents/nanuriTell.png') left center no-repeat;background-position-x: 20%;}
.nanuriTell{position:absolute;width:60%; height:38vh; background-color:rgba(255,255,255,0.8); right:0; padding:10vh; margin:3vh 0; border-radius:3rem 3rem 0 0; }
.nanuriTell h3{font-size:1.2rem; color:#5d7d9b/*4572cb*/; line-height:1.4; margin-bottom:1rem}
.nanuriTell h3 span{font-size:2.7rem;color:#5d7d9b/*4572cb*/; font-weight:bold}
.nanuriTell p{font-size:1rem; font-weight:bold;margin-bottom:1rem}
.nanuriTell p span{padding-right: 0.5vw}
.nanuri_btn{float:right;font-size:0.8rem;font-weight:bold; color:#5d7d9b/*4572cb*/; border:1px solid #5d7d9b/*4572cb*/; padding:0.2rem 2.7rem}
@media(max-width:1400px){
.nanuri-process ol{width:95%; margin:0 auto}
}
@media(min-width:901px) and (max-width:1200px){
.developmental-first li:nth-child(2),.developmental-first li:nth-child(4){width:50%;}
/*.nanuri-process ol{width:100%;}*/
}
@media(max-width:900px){
.developmental-first li{width:100%}
/*.nanuri-process ol{width:100%;}
.nanuri-proces-step{font-size:1rem}*/
.nanuri-process-step{ font-size: 1.2rem;}
}
@media(min-width:801px){
.developmental-first{background:url('/common/images/contents/development-first.png') no-repeat center right;}
}
@media(max-width:768px){
/*.nanuri-process li, .inhospital-process em, .nanuri-proces-step strong{display:block !important; text-align:center;}
.nanuri-process li{margin-bottom:3.5rem;}
.nanuri-proces-step{ width:100%;}
.nanuri-process span{display:inline;}
.nanuri-process li:after{content: ''; position: absolute;left:50%; top:-32px; background: url('/common/images/icon/icon_arr_r02.png') 0 0 no-repeat; width: 6px; height: 11px;transform: rotate(90deg);}*/
.nanuri-process ol{width:100%; }
.nanuri-process li{width:16.1%; }
.nanuri-process-step{ font-size: 1.1rem;}
.nanuriTell-wrap{background-position:center center; background-size:cover;}
.nanuriTell{width:80%; right:50%;transform: translateX(50%);}
}
@media(max-width:600px){
.nanuri-process ol{padding:0}
.nanuri-process li{display:block;width:100%;padding-bottom:2.5em}
.nanuri-process li:last-child{padding-bottom:0}
.nanuri-process li:after{left:50%; top:-25px; transform:rotate(90deg);}
.nanuri-process em{ margin-bottom:0; font-size:0.9rem}
.nanuri-process-step{ font-size: 1.2rem;}
.nanuriTell-wrap{ height: auto;
display: inline-block;}
.nanuriTell{width: 80%; height: auto; padding: 2.5rem 1rem 3rem 1rem; position: initial; right: auto; transform: initial; margin: 1.5rem auto;}
.nanuriTell h3{font-size:1rem;}
.nanuriTell h3 span{font-size:2.2rem;}
.nanuriTell p{margin-bottom:1.5rem}
}
@media(max-width:481px){
.nanuriTell h3{font-size:0.75rem;}
.nanuriTell h3 span{font-size:1.7rem;}
}
@media(max-width:320px){
/* .nanuri-process.tbpd{padding: 5vw 0;} */
.nanuriTell-wrap { margin-bottom: 1rem; }
.nanuriTell h3{font-size:4vw; margin-bottom: 3vw;}
.nanuriTell h3 span{font-size: 8.5vw;}
.nanuriTell{width:80%; padding: 9vw 9vw;}
.nanuriTell p { margin-bottom: 3vw;}
.nanuri_btn{ padding: 2vw 2vw; font-size: 5vw; float: none; clear: both; margin: 0 auto; display: block; width: 65%; text-align: center;}
.nanuriTell p span{font-size: 5.5vw;}
}
/*********의학연구소 소개************/
.center-greet-wrap{width:100vw; position:relative; left: 50%; margin-left:-50vw;background:#f8fcff;}
.center-greet-wrap h3{text-align:center; font-weight:600; padding:3em 0 ;}
.center-greet{width:60%; margin:0 auto; vertical-align:bottom;}
.center-greet-img{width:30%;display:inline-block;float:left; vertical-align:top;}
.center-greet-img img{width:90%;}
.center-greet-text{width:65%; display:inline-block; /* margin-left:2em;*/ word-break: keep-all;}
.center-greet-text p {margin-top:2em; line-height:2}
.center-manager img{width:150px;}
.center-member-chart {text-align:center;/* margin-bottom:8em */}
.center-member-chart h3{text-align:center; font-weight:600; padding:0 0 3em 0;}
/* .center-member-chart img{width:100%;} */
.center-research{width:100vw; position:relative; left: 50%; margin-left:-50vw;background:#f8fcff;/* padding-bottom:5em ; */}
.center-research h3{text-align:center; font-weight:600; /* padding:3em 0 2em; */}
.center-research-project{width:1400px; margin:0 auto}
.center-research-project li{width:24.5%; display:inline-block; text-align:center;vertical-align:top;padding:1.5em 1em; line-height:1.8; font-size:1em; word-break:keep-all}
.center-research-project li img{width:18%; display:block; margin:0 auto; padding:1em 0 }
@media (min-width:1025px) and (max-width:1400px){
.center-greet{width:80%;}
.center-member-chart img{width:75%;}
.center-research-project li img{width:20%;}
}
@media (max-width:1400px){
.center-research-project{width:90%;}
}
@media(min-width:769px) and (max-width:1024px){
.center-greet{width:80%;}
.center-greet-img{width:100%;display:block; margin:auto; float:none;}
.center-greet-img img{width:40%; margin:auto;padding:0; padding-bottom:2.5em}
.center-greet-text{width:100%; display:block;vertical-align:top;}
.center-member-chart img{width:85%;}
.center-research-project li{width:32.5%; font-size:1em;}
.center-research-project li img{width:20%;}
}
@media(min-width:600px) and (max-width:768px){
.center-greet{width:80%;}
.center-greet-img{width:100%;display:block; margin:auto; float:none;}
.center-greet-img img{width:40%; margin:auto;padding:0; padding-bottom:2.5em}
.center-greet-text{width:100%; display:block;vertical-align:top;}
.center-member-chart img{width:90%;}
.center-research-project li{width:49.5%; font-size:0.95em;}
.center-research-project li img{width:20%;}
}
@media(min-width:481px) and (max-width:599px){
.center-greet{width:80%;}
.center-greet-img{width:100%;display:block; margin:auto; float:none;}
.center-greet-img img{width:40%; margin:auto;padding:0; padding-bottom:2.5em}
.center-greet-text{width:100%; display:block;vertical-align:top;}
.center-member-chart img{width:90%;}
.center-research-project li{width:100%;display:inline-block; text-align:left; font-size:0.95em;}
.center-research-project li img{width:10%;display:inline-block; padding:0; margin-right:2em;vertical-align:middle}
}
@media(min-width:371px) and (max-width:480px){
.center-greet{width:80%;}
.center-greet-wrap{ padding-bottom:2em;}
.center-greet-wrap h3{font-size:1.4rem; padding:3em 0 2em ;}
.center-greet-img{display:none;}
.center-greet-text{width:100%;}
.center-greet-text p {font-size:1rem; }
.center-manager-name{font-size:1.3rem;}
.center-member-chart h3{font-size:1.4em;}
.center-member-chart img{width:95%;}
.center-research{padding-bottom:2em}
.center-research h3{font-size:1.4rem}
.center-research-project li{width:100%;display:inline-block; text-align:left; padding:0; margin-bottom:1.5em;font-size:0.95em; line-height:1.8}
.center-research-project li img{width:10%;display:inline-block; padding:0; margin-right:2em;vertical-align:middle}
/* .center-research-list li:before{content: '';display:inline-block; width:10px; height:10px; background:url('/common/images/icon/list-mark.png') center no-repeat;padding-right:1em;}*/
}
@media (min-width:321px) and (max-width:370px){
.center-greet{width:80%;}
.center-greet-wrap{ padding-bottom:2em;}
.center-greet-wrap h3{font-size:1.4rem; padding:3em 0 2em ;}
.center-greet-img{display:none;}
.center-greet-text{width:100%;}
.center-greet-text p {font-size:1rem; }
.center-manager-name{font-size:1.3rem;}
.center-member-chart h3{font-size:1.4em;}
.center-member-chart img{width:95%;}
.center-research{padding-bottom:2em}
.center-research h3{font-size:1.4rem}
.center-research-project li{width:100%;display:inline-block; text-align:left; padding:0; margin-bottom:1.5em;font-size:0.95em; line-height:1.8}
.center-research-project li span {width: 80%; display: inline-block; vertical-align: middle;}
.center-research-project li img{width:10%;display:inline-block; padding:0; /* margin-right:2em; */ margin-right: 10%; vertical-align:middle}
/* .center-research-list li:before{content: '';display:inline-block; width:10px; height:10px; background:url('/common/images/icon/list-mark.png') center no-repeat;padding-right:1em;} */
}
@media(max-width:320px){
.center-greet{width:80%;}
.center-greet-wrap{ padding-bottom:2em;}
.center-greet-wrap h3{padding:3em 0 2em ;}
.center-greet-img{display:none;}
.center-greet-text{width:100%;}
.center-greet-text p { }
.center-manager-name{}
.center-member-chart h3{}
.center-member-chart img{width:95%;}
.center-research{padding-bottom:2em}
.center-research h3{}
.center-research-project li{width:100%;display:inline-block; text-align:left; padding:0; margin-bottom:1.5em; line-height:1.8}
.center-research-project li span {width: 80%; display: inline-block; vertical-align: middle;}
.center-research-project li img{width:10%;display:inline-block; padding:0; /* margin-right:2em; */ margin-right: 10%; vertical-align:middle}
/* .center-research-list li:before{content: '';display:inline-block; width:10px; height:10px; background:url('/common/images/icon/list-mark.png') center no-repeat;padding-right:1em;} */
}
/*********의학연구소 열린교육********/
.medical-edu-left{width:60%; float:left; word-break:keep-all}
.medical-edu-left h3{font-size:1.3rem;margin-bottom:2rem}
.medical-edu-left p{margin-bottom:1.5rem}
.medical-edu-right{width:40%; display:inline-block}
@media(max-width:900px){
.medical-edu-left{width:50%;}
.medical-edu-right{width:50%;}
.medical-edu-left p{margin-bottom:1rem}
}
@media(max-width:768px){
.medical-edu-left{float:none; width:100%}
.medical-edu-left h3{text-align:center;margin-bottom:2rem}
.medical-edu-right{width:100%;}
}
@media(max-width:480px){
.medical-edu-left h3{margin-bottom:1rem}
}
/* .medical-edu-left h3{text-align:center; font-weight:600; padding-bottom: 2em;}
.research-education{width:100%;background:url('/common/images/contents/research-edu-bg.png') 0 0 no-repeat; padding:4em 0 3em 8em; }
.medical-edu-left p{width:80%; color:white; line-height:2; margin-bottom:2em; }
.research-education span{font-size:1.4rem;color:white;}
@media (min-width:1025px) and (max-width:1400px){
.research-education{padding:0; padding:4em 0 2em}
.research-education p{width:80%; margin:0 auto; margin-bottom:2em;}
}
@media(min-width:769px) and (max-width:1024px){
.research-education-tit{padding-bottom: 1.5em;}
.research-education{padding:0; padding:3em 0 1em}
.research-education p{width:80%;margin:0 auto; margin-bottom:2em;}
.research-education span{}
}
mini tablet and duo
@media(min-width:600px) and (max-width:768px){
.research-education-tit{font-size:1.5em; padding-bottom: 1.5em;}
.research-education{padding:0; padding:2.5em 0 1em}
.research-education p{width:80%; margin:0 auto; margin-bottom:1.5em;}
.research-education span{}
}
mini tablet and duo
@media(min-width:481px) and (max-width:599px){
.research-education-tit{padding-bottom: 1.5em;}
.research-education{padding:0; padding:2.5em 0 1em}
.research-education p{width:70%;margin:0 auto; margin-bottom:1.5em;}
.research-education span{}
}
samsung note and iphone max
@media(min-width:371px) and (max-width:480px){
.research-education-tit{ padding-bottom: 1.5em;}
.research-education{padding:0; padding:2.5em 0 1em}
.research-education p{width:87%;margin:0 auto; margin-bottom:1.5em; line-height:1.8}
}
samsung and iphone
@media (min-width:321px) and (max-width:370px){
.research-education-tit{ padding-bottom: 1.5em;}
.research-education{padding:0; padding:2.5em 0 1em}
.research-education p{width:87%;margin:0 auto; margin-bottom:1.5em; line-height:1.8}
}
fold
@media(max-width:320px){
.research-education-tit{ padding-bottom: 1.5em;}
.research-education{padding:0; padding:0; background:none;}
.research-education p{width:87%; color:#252525; font-size:0.9rem; margin:0 auto; margin-bottom:0.5em; line-height:1.9}
.research-education span{color:#4ca8e2; font-weight:600}
} */
/*********의학연구소 책발간*********/
/* .book-top{background:url('/common/images/contents/book.png') no-repeat center 35%; background-size:100%; padding:8em 0;} */
.book-section{margin-bottom:1em;}
.medical-book li{line-height:1.9;}
.publishing-book{padding-left:6vw}
@media(max-width:1024px){
.book-top{ padding:5em 0;}
}
@media(max-width:768px){
.book-top{ padding:4em 0;}
.publishing-book{padding-left:0}
}
/* samsung note and iphone max*/
@media(max-width:480px){
.book-top{ padding:3em 0;}
}
/*********의학연구소 세미나*********/
/*
.semina-text-left {
width: 61%;
margin: 0 5% 2rem 0;
display: inline-block;
word-break: keep-all;
}
.semina-text-right {
display: inline-block;
width: 33%;
text-align: right;
vertical-align: top;
}
.semina-text-right img {
width: 100%;
height: auto;
} */
.semina-wrap{margin-bottom:3rem; }
.semina-text-left{width:55%; margin-right:5%; float:left; word-break:keep-all}
.semina-text-left p{font-size:1.3rem; line-height:1.8; }
.semina-text-left ul{font-size:1.1rem;line-height:1.8;margin-top:2em; border-left: 2px solid #dfdfdf; padding-left: 1em;margin-bottom: 9vw;}
.semina-text-right{width:40%; display:inline-block}
.semina-text-right img{width:100%;height: auto;}
@media(max-width:900px){
.semina-wrap{margin-bottom:5rem; }
.semina-text-left{width:50%;}
.semina-text-right{width:45%;}
}
@media(max-width:768px){
.semina-wrap{margin-bottom:4rem; }
.semina-text-left{float:none; width:100%;}
.semina-text-right{width:100%;margin-bottom:1rem; display:block}
}
@media(max-width:480px){
.semina-wrap{margin-bottom:2rem; }
.semina-text-left p{font-size:1.1rem;}
.semina-text-left ul{font-size:1rem;}
}
/**************************************
********** 환자안전 ********************
**************************************/
.safety-promise{position:relative;width:100vw; left: 50%; margin-left:-50vw; background:url(/common/images/sub/safety-bg-img.png) no-repeat left center ; background-size:cover;}
.safety-promise h3{text-align:center; font-size:2rem;font-weight:600; color:#fff;margin-bottom:3rem;line-height: 3rem;}
.safety-promise h3 span{color:#fff;}
.safety-promise ul{margin:0 auto; }
.safety-promise li{display:inline-block; vertical-align:top;}
.safety-promise img{width:35%; margin:auto; }
.safety-promise li p{ color:#fff; text-align:center }
.safety-work_in{ background:#fafafa;}
.safety-work ul{display:inline-block}
.safety-work li{margin-bottom:0.5em; }
.safety-work li:last-child{margin-bottom:0;}
.safety-work li span{display:block;}
.safety-work .aicb h5, .safety-work .aicb li {background-position: left 9.5px;}
.safety-work div {width: 50%; float: left; border: 0; padding:0;}
.safety-work h3 {float: left; width: 26%; font-size: 20px;}
.safety-work ul {padding: 0; border-radius: 0; margin-left: 5%; width: 69%;}
.safety-work:after {content: ''; clear: both; display: block;}
@media (min-width:1000px){
.safety-promise li{word-break:keep-all;}
.safety-promise ul li:nth-child(1){margin-left:0;}
.safety-promise ul li:nth-child(5){margin-right:0;}
}
@media (min-width:1600px){
.safety-promise{padding:8em 0;}
.safety-promise ul{width:73%;}
}
@media (max-width:1599px){
.safety-promise ul{width:90%;}
}
@media (min-width:1025px){
.safety-promise ul li {width:16.4%; margin:0 2%;vertical-align:top; }
.safety-promise img{display:block; margin:auto; }
}
@media (min-width:1025px) and (max-width:1399px){
.safety-work div:nth-child(2n+1) {padding-left: 30px !important}
.safety-work h3 {width: 32%;}
.safety-work ul {margin-left: 5%; width: 63%;}
.safety-promise{padding:4em 0;}
.safety-promise h3{text-align:center; font-weight:600; color:#fff;}
.safety-work div:nth-child(2n+1) {padding-left: 4vw}
}
@media(min-width:769px) and (max-width:1024px){
.safety-promise{padding:3em 0;}
.safety-promise img{display:block;margin:auto; width:24%;}
.safety-promise ul {width:70% !important;}
.safety-promise ul li {width:43%;margin:0 6%; margin-bottom:1.5em; padding-bottom:1.5em; border-bottom:1px dashed rgba(255,255,255, 0.5)}
.safety-promise ul li:nth-child(even){margin-right:0;}
.safety-promise ul li:nth-child(odd){margin-left:0;}
.safety-promise ul li:last-child {border-bottom:0;margin-bottom:0;padding-bottom:0;}
.safety-promise li p{display:block; text-align:justify }
.safety-work h3 {display: block; float: none; width: 100%; margin-bottom: 1rem;}
.safety-work ul {width: 100%; margin: 0;}
.safety-work .pl60 {padding-left: 5% !important;}
.safety-work .pr60 {padding-right: 5% !important;}
.safety-work .aicb h5, .safety-work .aicb li {background-position: left 8px;}
}
@media(max-width:769px){
.safety-promise{ padding:3rem 0 !important;background-position: 26% top; }
.safety-promise ul li img{ display:inline-block;width:10%; margin-right:2%; vertical-align: middle;}
.safety-promise ul li p{ display:inline-block;line-height: 1.4rem; width:85%;vertical-align: middle;text-align:justify;}
.safety-promise li{width:95%;margin-bottom:5rem; margin: 0 auto; border-bottom:1px solid rgba(255,255,255,0.9); border-style:dashed; }
}
@media(min-width:481px) and (max-width:768px){
.safety-promise ul li{padding:0.5em 0}
.safety-promise ul li p{padding:0.5em 0}
}
@media(max-width:600px){
.safety-promise h3 span{display:block; color:#fff}
.safety-promise h3{font-size: 1.4rem; margin-bottom: 1rem;}
}
@media(max-width:480px){
.safety-promise ul li{padding:0.5em 0}
.safety-promise ul li p{padding:0.5em 0;width:73%;text-align:justify }
.safety-promise ul li:last-child{border-bottom:0;}
.safety-promise ul li img{width:20%;}
}
/*mini tablet and duo*/
@media(min-width:600px) and (max-width:768px){
.safety-work h3 {display: block; float: none; width: 100%; margin-bottom: 1rem;}
.safety-work ul {width: 100%; margin: 0;}
.safety-work .pl60 {padding-left: 5% !important;}
.safety-work .pr60 {padding-right: 5% !important;}
}
@media(max-width:599px){
.safety-work div {width:100%; float: none; margin:0 auto;}
.safety-work h3 {display: block; float: none; width: 100%; margin-bottom: 0.6rem;}
.safety-work ul {width: 100%; padding:1.2rem; border-radius: 0 2.5rem; margin-left:0; width: 100%;background-color:#fafafa;}
}
@media(min-width:481px) and (max-width:599px){
.safety-work .aicb h5, .safety-work .aicb li, .aicb p {/* font-size: 18px; */ background-position: left 7.5px; background-size: 11px;}
}
@media (max-width:370px){
.safety-work h3 {margin-bottom: 0.6rem;}
.safety-work .aicb h5, .safety-work .aicb li {background-position: left 6px;}
}
/***************자원봉사*************/
.img-volunteer01{background:url('/common/images/contents/volunteer01.jpg ') no-repeat 0 0 ; padding-top:220px;}
.img-volunteer02{background:url('/common/images/contents/volunteer02.jpg ') no-repeat 0 0 ; padding-top:220px;}
.img-volunteer03{background:url('/common/images/contents/volunteer03.jpg ') no-repeat 0 0 ; padding-top:220px;}
.img-volunteer04{background:url('/common/images/contents/volunteer04.jpg ') no-repeat 0 0 ; padding-top:220px;}
.volunteerWorkNumber{padding:2rem;border-radius: 0 2.5rem 0 2.5rem; text-align:center}
.volunteerWorkNumber h3, .volunteerWorkNumber p{display:inline-block; margin:0 1rem}
.volunteerWorkNumber p{font-weight: 600;}
/********************* 열린교육 *************************/
.openSchool{margin-bottom:0;}
/********************* 알음알음후원회 *************************/
.sponsor-info{/* width:70%; */float:left;display:inline-block;}
.sponsor-info:after {content: ''; clear: both; display: block;}
.spon-list li {width: 29%; display: inline-block; vertical-align: top; margin-left: 5%;}
.spon-list li:first-child {margin-left: 0;}
.spon-list li img {width: 60px; margin: 0 auto; display: block;}
.spon-list li strong {text-align: center; display: block; margin-bottom: 15px;}
.spon-list li p {display: table; margin: 0 auto;}
.spon-account{background:#f8fcff; text-align:center;padding:2rem 0; border-radius:10px 40px }
/* .sponsor-download{width:30%;float:right;margin-top:2em} */
/* .sponsor-download a{position:relative;color:#fff;font-size:1rem;background:#4c71b7; padding:2em 4.5em; border-radius:10px } */
/* 알음알음후원회 상단 */
.sponsor-download {display: inline-block; position: absolute; right: 0;}
.sponsor-download p {position: relative; background: #5d7d9b; border-radius: 10px; width: 350px; height: 92px; display: block;}
.sponsor-download a {position: absolute; color: #fff; font-size: 1rem; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sponsor-download a .sponsor_down{color:#fff}
/* .bgi {background: url(/common/images/sub/greeting-quot1.png) no-repeat, url(/common/images/sub/greeting-quot2.png) no-repeat; background-position-x: 291px, 880px;} */
.spon-church{background:#f8fcff;}
.church-info{margin:0 auto; width:1200px;}
.church-groo{width:53%; display:inline-block; text-align:left;line-height:1.7; /* border-right:1px solid #dfdfdf; padding-right:2%;margin-right:2% */}
.church-groo span{font-size:1.2rem;}
.groo-tit{font-size:1.5rem;text-align:left;margin-bottom:2rem}
.groo-info{margin-bottom:1rem}
.church-bible{width:44%; display:inline-block;vertical-align:top;border-left:1px solid #dfdfdf; padding-left:2%;margin-left:2%}
.church-bible span{margin-bottom:1rem;}
.spon_info{text-align:center}
.spon_info_tit{font-size:1.5rem; line-height:1.6; margin-bottom:1rem;}
.spon_info_tit span{display:block}
@media (max-width: 1400px){
.sponsor-download {padding: 0 1rem;}
}
@media (max-width: 1200px){
.church-info{ width:100%; word-break:keep-all}
}
/*tablet*/
@media(min-width:769px) and (max-width:1024px){
.sponsor-download p {width: 248px; height: 84px; }
}
@media (max-width:850px){
.church-groo{width:100%;text-align:center; margin-bottom:1.5rem}
.church-groo span{margin-bottom:0;}
.church-bible{width:100%; display:block; border-left:0; padding-left:0;margin-left:0;text-align:center; }
.spon_info_tit{text-align:justify}
.spon_info_tit span{display:inline}
}
@media(max-width:768px){
.spon_info p{text-align:justify}
}
/*mini tablet and duo*/
@media(min-width:600px) and (max-width:768px){
.spon-list li {width: 100%; margin-top: 2rem; margin-left: 0;}
.spon-list li:first-child {margin-top: 0;}
.spon-list li img {width: 30px; margin: 0; display: inline-block; vertical-align: middle;}
.spon-list li strong {text-align: initial; display: inline-block; vertical-align: middle; margin-bottom: 0;}
.spon-list li p {margin: 0.6rem 0 0 0;}
.sponsor-download {position: relative; width: 100%; height: 73px;}
.sponsor-download p {width: 235px; height: 73px; left: auto; transform: none; right: 0; position: absolute;}
}
/*mini tablet and duo*/
@media(min-width:481px) and (max-width:599px){
.spon-list li {width: 100%; margin-top: 2rem; margin-left: 0;}
.spon-list li:first-child {margin-top: 0;}
.spon-list li img {width: 30px; margin: 0; display: inline-block; vertical-align: middle;}
.spon-list li strong {text-align: initial; display: inline-block; vertical-align: middle; margin-bottom: 0;}
.spon-list li p {margin: 0.6rem 0 0 0;}
.sponsor-download {position: initial; width: 100%; height: 73px;}
.sponsor-download p {width: 235px; height: 73px; left: auto; transform: none; right: 1rem; position: absolute;}
}
@media (max-width:480px){
.groo-tit{text-align:center;}
}
/* samsung note and iphone max*/
@media(min-width:371px) and (max-width:480px){
.spon-list li {width: 100%; margin-top: 2rem; margin-left: 0;}
.spon-list li:first-child {margin-top: 0;}
.spon-list li img {width: 30px; margin: 0; display: inline-block; vertical-align: middle;}
.spon-list li strong {text-align: initial; display: inline-block; vertical-align: middle; margin-bottom: 0;}
.spon-list li p {margin: 0.6rem 0 0 0;}
.spon-list li {width: 100%; margin-top: 2rem; margin-left: 0;}
.spon-list li:first-child {margin-top: 0;}
.spon-list li img {width: 30px; margin: 0; display: inline-block; vertical-align: middle;}
.spon-list li strong {text-align: initial; display: inline-block; vertical-align: middle; margin-bottom: 0;}
.spon-list li p {margin: 0.6rem 0 0 0;}
.sponsor-download {position: initial; width: 100%; height: 73px;}
.sponsor-download p {width: 235px; height: 73px; left: auto; transform: none; right: 1rem; position: absolute;}
.sponsor-download a .sponsor_down{ color: #fff; background-image: url(/common/images/sub/download_btn_w.svg); background-size: 90%; display: inline-block; font-size: 0; width: 5vw; height: 5vw; background-repeat: no-repeat; margin-left: 2vw;}
.spon_info_tit{font-size:1.2rem}
.spon_info p span{display:inline}
}
@media(max-width:371px){
.spon-account span{display:block;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
.spon-list li {width: 100%; margin-top: 2rem; margin-left: 0;}
.spon-list li:first-child {margin-top: 0;}
.spon-list li img {width: 30px; margin: 0; display: inline-block; vertical-align: middle;}
.spon-list li strong {text-align: initial; display: inline-block; vertical-align: middle; margin-bottom: 0;}
.spon-list li p {margin: 0.6rem 0 0 0;}
.sponsor-download {position: initial; width: 100%; height: 73px;}
.sponsor-download p {width: 235px; height: 73px; left: auto; transform: none; right: 1rem; position: absolute;}
.sponsor-download a .sponsor_down{ color: #fff; background-image: url(/common/images/sub/download_btn_w.svg); vertical-align: middle; background-size: 90%; display: inline-block; font-size: 0; width: 5vw; height: 5vw; background-repeat: no-repeat; margin-left: 2vw;}
}
/* fold*/
@media(max-width:320px){
.chapter-content{margin-bottom: 2rem;}
.spon-list li {width: 100%; margin-top: 2rem; margin-left: 0;}
.spon-list li:first-child {margin-top: 0;}
.spon-list li img {width: 30px; margin: 0; display: inline-block; vertical-align: middle;}
.spon-list li strong {text-align: initial; display: inline-block; vertical-align: middle; margin-bottom: 0;}
.spon-list li p {margin: 0.6rem 0 0 0;}
.sponsor-download {position: initial; width: 100%; height: 73px;}
.sponsor-download p { width: 185px; height: 50px;left: auto; transform: none; right: 1rem; position: absolute;}
.sponsor-download a{font-size: 5vw;}
.sponsor-download a .sponsor_down{ font-size: 5vw; color: #fff; background-image: url(/common/images/sub/download_btn_w.svg); background-size: 90%; display: inline-block; font-size: 0; width: 5vw; height: 5vw; background-repeat: no-repeat; margin-left: 2vw;vertical-align: middle;
}
}
/**********************개인정보처리방침 privacy.html ***********/
.privacy{word-break:keep-all;}
.pv_title {font-size:1.3rem;word-break:keep-all; text-align:center}
/* .pv_caption { font-size:1rem; margin:30px 0 30px 0; border:1px solid #000; padding:1rem; word-break:keep-all} */
.pv_caption{padding:1.5rem; margin:1rem 0;background:#f6fcfe;border-radius: 0 2rem 0 2rem;word-break:break-all}
.pv_info{font-weight:normal; font-size:1rem; text-align:justify; margin:0 0 10px 0; color:#333}
.pv_content{margin-bottom:8rem}
.pv_content div{margin-bottom:3rem}
.pv_content h4{ font-size:1.1rem; margin-bottom:0.5rem}
.pv_content p{margin-bottom:1rem}
.pv_content ul{margin-bottom:2rem}
.pv_content li{margin-bottom:0.5rem;background: url(/common/images/sub/dot.svg) no-repeat; background-size: 8px; background-position: left 8px; padding-left: 1rem;}
.pv_list_title{font-weight:bold; font-size:1.4rem; text-align:left; margin-bottom:1rem;word-break:keep-all; line-height:1.6}
.pv_ul_in{padding:1.2rem; background:#fafafa;border-radius: 0 2.5rem 0 2.5rem;}
.pv_ps{font-size:0.9rem}
.pv_sub-tit{padding-left:1rem;}
/*.pv_table{width:100%; border-collapse:collapse;line-height:1.7; margin:1rem 0;word-break:keep-all;}
.pv_table thead{background-color: #f1f7f9;border-top: 4px solid #1848a6;}*/
.pv_btm-tit{text-align:right; font-weight:600}
@media(max-width:1024px){
.privacy{word-break:break-all}
}
@media(max-width:600px){
.pv_content{text-align:justify}
.pv_call span{display:block}
}