@charset "utf-8";

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 {}
#imgTop2 .imgArea {display:table;width:100%;height:400px;background-size:cover;}
#imgTop2 .txtArea {width:90%;padding:3rem 2.5rem 5rem;margin:-80px auto 0;text-align:center;border-radius:50px;background:#fff;}
#imgTop2 .txtArea:after {content:"";display:block;clear:both;}
#imgTop2 .txtArea h3 {font-size:2em !important;padding-left:0 !important;margin:0 0 1.2rem !important;}
#imgTop2 .txtArea h3:before {display:none;}
#imgTop2 .txtArea p.t1 {font-size:1.2em !important;margin-bottom:0;}
#imgTop2 .txtArea p.t1 span {font-weight:400;}

.s0501 {background:url('/theme/theme_wide_17/img/sub05/top_01.jpg') no-repeat center top;}
.s0501 .txtArea p.t1 {font-size:1.4em !important;}
.s0502 {background:url('/theme/theme_wide_17/img/sub05/top_02.jpg') no-repeat left top;}
.s0503 {background:url('/theme/theme_wide_17/img/sub05/top_02.jpg') no-repeat left top;}
.s0503 .txtArea {padding:3rem 2.5rem 0 !important;}

.s0501_2 {padding-top:0 !important;margin-top:0 !important;}
.s0501_2 .cont {padding:0 3.5rem;}
.s0501_3 {}
.s0501_4 {}/* 진료협력 */
.s0501_5 {padding-bottom:0 !important;margin-top:0 !important;}
.s0501_6 {padding-bottom:5rem;}
.s0501_6 .tit span {display:block;}
.s0501_7 {margin-top:0 !important;}

/* 진료협력실 주요업무 */
.polygon_list {text-align:center;}
.polygon_list li {position:relative;display:inline-block;width:250px;min-height:145px;vertical-align:top;margin:80px 10px;background:#575957;box-sizing:border-box;}
.polygon_list li:before {content:"";position:absolute;left:0;bottom:99%;width:100%;height:148px;border-left:125px solid transparent;border-right:125px solid transparent;border-top:74px solid transparent;
border-bottom:74px solid #575957;box-sizing:border-box;}
.polygon_list li:after {content:"";position:absolute;left:0;top:99%;width:100%;height:148px;border-left:125px solid transparent;border-right:125px solid transparent;border-top:74px solid #575957;
border-bottom:74px solid transparent;box-sizing:border-box;}
.polygon_list li:nth-of-type(2n) {background:#018a08}
.polygon_list li:nth-of-type(2n):before {border-bottom-color:#018a08}
.polygon_list li:nth-of-type(2n):after {border-top-color:#018a08}
.polygon_list li:nth-of-type(2n) span {color:#fff;}
.polygon_list li .text {position:absolute;left:0;top:45%;width:100%;height:100%;padding:15px 10px 10px;box-sizing:border-box;z-index:5;
transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.polygon_list li span {display:block;font-size:1.2em;color:#018a08;letter-spacing:0em; font-weight:600;}
.polygon_list li p {font-size:1.3em !important;color:#fff;line-height:1.4em !important;font-weight:400;margin:30px 0 0 !important;}
.polygon_list li:nth-of-type(4) p {font-size:1.05em !important;margin:20px 0 0 !important}

/* 진료협력실 협력업체 */
.partner {margin-top:0rem;}
.partner .cont {padding:0 0 3.5rem !important;}
.partner ul {overflow:hidden;}
.partner ul li {float:left;width:24%;text-align:center;margin:0 1.25% 2% 0;}
.partner ul li:nth-child(4n) {margin:0 0 2%;}
.partner ul li a {display:block;width:100%;height:100%;padding:5px 0;border:1px solid #ccc;}
.partner ul li a:hover, .partner ul li a:focus, .partner ul li a:active {border:1px solid #666;}
.partner ul li img {/*width:100%;height:auto;*/}

/* 진료협력실 상담안내 */
.s0501_5 {}
.s0501_5 .cont {padding:0 !important;}
.s0501_5 ul {width:100%;overflow:hidden;}
.s0501_5 ul li {float:left;width:32%;margin-left:2%;}
.s0501_5 ul li:nth-of-type(1) {margin-left:0;}
.s0501_5 ul li dl {width:100%;min-height:180px;text-align:center;}
.s0501_5 ul li dl dt {display:block;font-size:1.3em;color:#fff;line-height:60px;font-weight:500;border-radius:0 18px 0 0}
.s0501_5 ul li dl dd {display:block;line-height:1.0em;font-weight:400;}
.s0501_5 ul li dl dd:nth-of-type(1) {padding:35px 7% 0;}
.s0501_5 ul li dl dd:nth-of-type(2) {padding:10px 7% 0;}
.s0501_5 ul li dl.short dd:nth-of-type(1) {padding:49px 7% 0;}
.s0501_5 ul li:nth-of-type(1) dl {border:2px solid #575957;border-top:0;border-radius:0 20px 0 0px;}
.s0501_5 ul li:nth-of-type(1) dt {background:#575957}
.s0501_5 ul li:nth-of-type(2) dl {border:2px solid #8fc320;border-top:0;border-radius:0 20px 0 0px;}
.s0501_5 ul li:nth-of-type(2) dt {background:#8fc320}
.s0501_5 ul li:nth-of-type(3) dl {border:2px solid #018a08;border-top:0;border-radius:0 20px 0 0px;}
.s0501_5 ul li:nth-of-type(3) dt {background:#018a08}

/* 사회복귀지원서비스 */
.process3 {overflow:hidden;}
.process3>li {position:relative;width:100%;height:150px;}
.process3>li:after {content:'';position: absolute;left:14%;top:120px;width:0px;height:0px;border-top:13px solid #8b8c8b; border-left:13px solid transparent;border-right:13px solid transparent;}

.process3>li>strong {float:left;width:30%;display:inline-block;height:120px;font-size:1.4em;padding-top:25px;color:#fff;text-align:center;background:#8b8c8b;}
.process3>li>strong span {position:relative;display:block;font-size:.5em;line-height:1.5em;font-weight:normal;text-align:center;font-family:'SeoulNamsanM', sans-serif;}
.process3>li>strong span:after {content:'';position: absolute;left:0;bottom:0;width:100%;min-width:100%;height:1px;background:#fff;}
.process3>li>div {float:right;width:70%;min-height:120px;padding:25px 3% 0 4%;background:#fff;border:2px solid #8b8c8b}

.process3>li:last-child {height:120px;}
.process3>li:last-child>strong {background:#008a08}
.process3>li:last-child>strong:after {display:none;}
.process3>li:last-child>div {border:2px solid #008a08}

.process3>li:nth-of-type(4)>div {padding:45px 3% 0 4%;}
.process3>li:nth-of-type(6)>div {padding:45px 3% 0 4%;}

/* 사회복귀지원 프로그램 */
.s0502_2 {padding:5rem 0 2rem;margin-top:100px;}
.s0502_2 .round_box h4 span {display:block;}
.s0502_2 .round_box>ul {overflow:hidden;}
.s0502_2 .round_box>ul>li {float:left;width:31.33%;margin-left:3%;}
.s0502_2 .round_box>ul>li:first-child {margin-left:0;}
.s0502_2 .round_box2>div {width:31.33%;min-height:350px;margin-left:3%;}
.s0502_2 .round_box2>div:first-child {margin-left:0}
.s0502_2 .round_box2 h4 {height:100px;font-size:1.5em !important;line-height:1.25em !important;padding-top:22px;}
.s0502_2 .round_box2 h4 span {display:block;font-size:.9em;font-weight:100 !important;}
.s0502_2 .con1 {border:1px solid #8fc320;}
.s0502_2 .con1 h4 {background:#8fc320;}
.s0502_2 .con2 {border:1px solid #018a08;}
.s0502_2 .con2 h4 {background:#018a08;}
.s0502_2 .con3 {border:1px solid #018091;}
.s0502_2 .con3 h4 {background:#018091;}

/* 의료접근성지원 바로가기 버튼 */
.btn_link {display:inline-block;height:46px;color:#fff !important;line-height:44px;letter-spacing:-0.05em;font-weight:500;padding:0 2.4rem 0 3.5rem;margin-top:40px;
border-radius:23px;background:#018a08 url('/theme/theme_wide_17/img/common/icon/home.gif') no-repeat 10% 50%;}
.btn_link:hover, .btn_link:focus, .btn_link:active {background:#8fc320 url('/theme/theme_wide_17/img/common/icon/home.gif') no-repeat 10% 50%;}
.btn_link span {font-weight:300 !important;padding-right:7px;}


/***************1441 데스크탑***************/
@media screen and (min-width:1441px){

/* 진료협력 일상복귀지원 상단부분 */
.s0501 .txtArea p.t1 {padding:0 15% !important;}

/* 사회복귀지원서비스 */
.process3>li>strong span {width:20%;margin:0 0 10px 40%;}

}

/***************1440 데스크탑***************/
@media screen and (max-width:1440px){

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {}
#imgTop2 .txtArea {padding:3rem 1rem 4rem;margin:-50px auto 0;border-radius:3.5vw;}

/* 사회복귀지원서비스 */
.process3>li>strong span {width:22%;margin:0 0 10px 39%;}

/* 진료협력실 주요업무 */
.polygon_list {width:830px;padding-bottom:20px;margin:0 auto}
.polygon_list li {margin:70px 10px 60px;}
.polygon_list li span {font-size:1.1em;}
.polygon_list li p {font-size:1.2em !important;}
.polygon_list li:nth-of-type(4) p {font-size:1.1em !important;}

}

@media screen and (max-width:1300px) {/* 1280 GalaxyA5, GalaxyJ7, GalaxyZ3, GalaxyTab10 */

}

@media screen and (max-width:1200px){

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:300px;}
#imgTop2 .txtArea {padding:3rem 1rem 3rem;}
#imgTop2 .txtArea p.t1 {font-size:1.15em !important;}
#imgTop2 .txtArea p.t1 span {display:inline;}

.s0501 .txtArea p.t1 {font-size:1.3em !important;}
.s0501_6 .tit span {display:inline;}

.s0501 {background:url('/theme/theme_wide_17/img/sub05/top_01.jpg') no-repeat center top;background-size:180%;}
.s0502 {background:url('/theme/theme_wide_17/img/sub05/top_02.jpg') no-repeat left top;background-size:180%;}
.s0503 {background:url('/theme/theme_wide_17/img/sub05/top_02.jpg') no-repeat left top;background-size:180%;}

/* 사회복귀지원서비스 */
.process3>li>strong span {width:18%;margin:0 0 10px 41%;}

/* 사회복귀지원 프로그램 */
.s0502_2 .round_box2 h4 {font-size:1.3em !important;padding-top:30px;}

}

/********************1024 태블릿********************/
@media screen and (max-width:1025px){ /* PC, 태블릿 가로 */

/* 의료접근성지원 바로가기 버튼 */
.btn_link {margin-top:25px;}

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:320px;background-position:50% center}

.s0501 .txtArea p.t1 {font-size:1.2em !important;}

/* 사회복귀지원서비스 */
.process3>li>strong span {width:22%;margin:0 0 10px 39%;}

}

@media screen and (max-width:960px){/* 896-iPhone 11, 896-iPhone 11Pro Max, 926-iPhone 12Pro Max */

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:290px;}
#imgTop2 .txtArea {padding:2rem 0 3rem;}
#imgTop2 .txtArea h3 {font-size:1.8em !important;}
#imgTop2 .txtArea p.t1 {font-size:1.0em !important;}

.s0501 .txtArea p.t1 {font-size:1.15em !important;}

/* 진료협력실 주요업무 */
.polygon_list {width:620px;padding-bottom:60px;}
.polygon_list li {width:180px;min-height:100px;margin:80px 10px 10px}
.polygon_list li:before {left:0;bottom:99%;height:100px;border-left:90px solid transparent;border-right:90px solid transparent;border-top:60px solid transparent;border-bottom:60px solid #575957;}
.polygon_list li:after {left:0;top:99%;height:100px;border-left:90px solid transparent;border-right:90px solid transparent;border-top:60px solid #575957;border-bottom:60px solid transparent;}
.polygon_list li .text {left:0;top:15%;}
.polygon_list li span {font-size:1.0em;}
.polygon_list li p {font-size:1.0em !important;margin:30px 0 0 !important}
.polygon_list li:nth-of-type(4) p {font-size:.95em !important;margin:5px 0 0 !important}

/* 사회복귀지원 프로그램 */
.s0502_2 .round_box2>div {width:48%;min-height:100%;}
.s0502_2 .round_box2>div:first-child {margin-left:0}
.s0502_2 .round_box2>div:last-child {margin-left:0}
.s0502_2 .round_box2 h4 {height:90px;padding-top:18px;}

}

@media screen and (max-width:864px){/* 812-iPhoneXS, 812-iPhone 11Pro */

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:255px;}
#imgTop2 .txtArea h3 {font-size:1.6em !important;}

.s0501 .txtArea p.t1 {font-size:1.1em !important;}
.s0501 .txtArea p.t1 {font-size:1.05em !important;}

/* 진료협력실 상담안내 */
.s0501_5 ul li dl {min-height:150px;}
.s0501_5 ul li dl dt {font-size:1.2em;line-height:50px;}
.s0501_5 ul li dl dd {font-size:.9em;}

/* 진료협력실 입원절차 */
.process2 li {width:46%;height:140px;padding:0;margin-left:8%;margin-bottom:6%;}
.process2 li>div {height:140px;padding:2rem 5% 0rem;}
.process2 li:nth-of-type(1) {margin-left:0}

.process2 li:nth-of-type(2):after {left:45%;right:0px;top:100%;border-left:13px solid #fff;border-right:13px solid #fff;border-top:13px solid #8b8c8b;}

.process2 li:nth-of-type(3) {float:right;}
.process2 li:nth-of-type(3):after {left:-25px;right:0px;border-left:0px solid #8b8c8b;border-right:13px solid #8b8c8b;}

.process2 li:nth-of-type(4) {float:right;margin-left:0;}
.process2 li:nth-of-type(4):after {left:45%;right:0px;top:100% !important;border-left:13px solid #fff;border-right:13px solid #fff;border-top:13px solid #8b8c8b;}

.process2 li:nth-of-type(5) {float:left !important;margin-left:0;}

.process2 li:nth-of-type(6) {float:right !important;margin-left:0;}

/* 사회복귀지원서비스 */
.process3>li>strong {font-size:1.3em;}

.sub_tit_top2 h3.type4 {font-size:1.6em !important;}

}

@media screen and (max-width:768px){/* 736-iPhone 8Plus, 740-S8, 740-Galaxy S9+, 768-iPad */

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:220px;}

.s0402 {height:500px !important;background-image:url('/theme/theme_wide_17/img/sub04/top_02.jpg');background-position:0 top !important;background-size:190% !important;}
.s0404 {height:330px !important;background-image:url('/theme/theme_wide_17/img/sub04/top_04.jpg');background-size:130% !important;}

/* 진료협력실 상담안내 */
.s0501_5 ul li {width:48%;margin-left:4%;margin-bottom:30px}
.s0501_5 ul li:nth-of-type(3) {margin-left:0;margin-bottom:0;}
.s0501_5 ul li dl {min-height:160px;}
.s0501_5 ul li dl dd {font-size:1.0em;}

/* 사회복귀지원서비스 */
.process3>li>strong {font-size:1.2em;}

.sub_tit_top2 h3.type4 {font-size:1.5em !important;}
.sub_tit_top2 .in-box {font-size:1.1em !important;}

}

@media screen and (max-width:675px){/* 640 Galaxy S7, S7 edge, Galaxy Note 7, 667- iPhone SE2세대  iPhone 7, 8 */

/* 사회복귀지원서비스 */
.process3>li>strong span {width:26%;margin:0 0 10px 35%;}

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:200px;}
#imgTop2 .txtArea h3 {font-size:1.5em !important;}
.s0501 {background:url('/theme/theme_wide_17/img/sub05/top_01.jpg') no-repeat center top;background-size:200%;}
.s0502 {background:url('/theme/theme_wide_17/img/sub05/top_02.jpg') no-repeat left top;background-size:200%;}
.s0503 {background:url('/theme/theme_wide_17/img/sub05/top_02.jpg') no-repeat left top;background-size:200%;}

/* 진료협력실 주요업무 */
.polygon_list {width:420px;padding-bottom:0px;}
.polygon_list li {width:180px;margin:70px 10px}

/* 진료협력실 협력업체 */
.partner ul li {width:31.33%;margin:0 2% 2% 0;}
.partner ul li:nth-child(3n) {margin:0 0 2%;}
.partner ul li:nth-child(4n) {margin:0 2% 2% 0;}

}

@media screen and (max-width:660px){

/* 사회복귀지원서비스 */
.process3>li>strong span {width:30%;margin:0 0 10px 35%;}

}

@media screen and (max-width:568px){/* 모바일 가로, 태블릿 세로 */

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:180px;}
#imgTop2 .txtArea h3 {font-size:1.4em !important;}


/* 사회복귀지원서비스 */
.process3>li>strong {font-size:1.1em;}
.process3>li>strong span:after {/*left:33.5%;*/width:45px;}
.process3 .list li {font-size:.9em;}

/* 사회복귀지원 프로그램 */
.s0502_2 .round_box2>div {width:100%;margin-left:0 !important;margin-top:30px;}
.s0502_2 .round_box2>div:first-child {margin-top:0}

}

@media screen and (max-width:480px){/* 모바일 가로, 태블릿 세로 */

/* 진료협력실 상담안내 */
.s0501_5 ul li dl {min-height:160px;}
.s0501_5 ul li dl dd {font-size:.9em;}
.s0501_5 ul li dl dd:nth-of-type(1) {padding:30px 5% 0;}
.s0501_5 ul li dl dd:nth-of-type(2) {padding:15px 5% 0;}
.s0501_5 ul li dl.short dd:nth-of-type(1) {padding:40px 5% 0;}

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:180px;}
#imgTop2 .txtArea {padding:2rem 0.5rem 3rem;}
.s0501 {background:url('/theme/theme_wide_17/img/sub05/top_01.jpg') no-repeat center top;background-size:230%;}
.s0502 {background:url('/theme/theme_wide_17/img/sub05/top_02.jpg') no-repeat left top;background-size:230%;}
.s0503 {background:url('/theme/theme_wide_17/img/sub05/top_02.jpg') no-repeat left top;background-size:230%;}

/* 진료협력실 협력업체 */
.partner ul li {width:48.5%;margin:0 3% 10px 0;}
.partner ul li:nth-child(2n) {margin:0 0 10px;}
.partner ul li:nth-child(3n) {margin:0 3% 10px 0;}
.partner ul li:nth-child(4n) {margin:0 0 10px 0;}
.partner ul li:nth-child(6n) {margin:0 0 10px 0;}
.partner ul li:nth-child(8n) {margin:0 0 10px 0;}

/* 사회복귀지원서비스 */
.process3>li {height:250px;}
.process3>li:after {left:45%;top:90px;}
.process3>li:first-child {height:130px;}
.process3>li:first-child>strong {height:90px;}

.process3>li>strong {width:100%;height:90px;font-size:1.2em;padding-top:15px;}
.process3>li>strong span {width:18%;font-size:.6em;margin:0 0 10px 41%;}
.process3>li>div {width:100%;padding:20px 4% 20px 6%;}

.process3>li:last-child {height:150px;}

.process3>li:nth-of-type(5) {height:130px;}
.process3>li:nth-of-type(5):after {left:45%;top:90px;}
.process3>li:nth-of-type(5)>strong {height:90px;}

.process3>li:nth-of-type(4)>div {padding:20px 4% 0 6%;}
.process3>li:nth-of-type(6) {height:220px;}
.process3>li:nth-of-type(6)>div {padding:20px 4% 0 6%;}
.process3>li:nth-of-type(6):after {display:none;}

}

/********************430 스마트폰********************/
@media screen and (max-width:430px){/* 400- Note, 412-Galaxy Note 20 Ultra, 414-iPhone Plus 6/7/8, 414-iPhone 11 Pro Max, 428-iPhone12ProMax */

/* 진료협력실 상담안내 */
.s0501_5 ul li {width:100%;margin-left:0;}
.s0501_5 ul li dl dd {font-size:1.0em;}

/* 진료협력실 주요업무 */
.polygon_list {width:250px;}
.polygon_list li {width:210px;min-height:100px;margin:60px 10px;}
.polygon_list li:before {height:100px;border-left:105px solid transparent;border-right:105px solid transparent;border-top:55px solid transparent;border-bottom:55px solid #575957;}
.polygon_list li:after {height:100px;border-left:105px solid transparent;border-right:105px solid transparent;border-top:55px solid #575957;border-bottom:55px solid transparent;}
.polygon_list li .text {top:30%;}
.polygon_list li span {font-size:1.05em;}
.polygon_list li p {font-size:1.15em !important;margin:25px 0 0 !important;}
.polygon_list li:nth-of-type(2) p {margin:15px 0 0 !important;}
.polygon_list li:nth-of-type(4) p {font-size:1.0em !important;margin:10px 0 0 !important;}

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:160px;}

.s0402 {height:220px !important;background-image:url('/theme/theme_wide_17/img/sub04/top_02.jpg');background-position:0 top !important;background-size:220% !important;}
.s0404 {height:230px !important;background-image:url('/theme/theme_wide_17/img/sub04/top_04.jpg');background-size:200% !important;}

/* 사회복귀지원서비스 */
.sub_tit_top2 h3.type4 {font-size:1.3em !important;padding:15px 2rem 0 !important;}

}

@media screen and (max-width:399px){/* 384-Galaxy S21 Ultra, 390-iPhone 12 Pro */

}

@media screen and (max-width:375px){/* 360-S8/갤노트9, 375-iPhone SE/iPhoneXS/iPhone8/11 Pro */

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:150px;}

}

@media screen and (max-width:360px){/* 360-S8/갤노트9 */

/* 사회복귀지원서비스 */
.process3>li>strong span {width:22%;margin:0 0 10px 38%;}

}

@media screen and (max-width:330px){/* 320-Galaxy S9+ */

/* 진료협력 일상복귀지원 상단부분 */
#imgTop2 .imgArea {height:140px;}

/* 진료협력실 협력업체 */
.partner ul li {width:100%;margin:0 0 10px;}
.partner ul li:nth-child(2n) {margin:0 0 10px;}
.partner ul li:nth-child(3n) {margin:0 0 10px;}
.partner ul li:nth-child(4n) {margin:0 0 10px;}
.partner ul li:last-child {margin:0;}

}

@media screen and (max-width:319px){/* 280-Galaxy Z Fold3 */

}