@charset "utf-8";

@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub_visual {margin-top:120px; background:#fbf5eb}
.sub_visual > div {max-width:1400px; margin:0 auto; height:150px; padding-top:50px; box-sizing:border-box}
.sub_visual > div h2 {font-size:40px; font-weight:500; margin-bottom:30px; text-align:center}


.navi {height:60px; z-index:99; position:relative; border-bottom:#eee solid 1px}
.navi .inner {max-width:1400px; height:60px; margin:0 auto; font-size:0}
.navi .inner div {width:33.333%; display:inline-block; box-sizing:border-box; border-right:1px solid #eee; height:60px; font-size:18px; line-height:60px; padding-left:30px; position:relative}
.navi .inner div.home {width:60px; border-left:1px solid #eee; padding-left:0; text-align:center}
.navi .inner div.home a {width:100%; height:100%; display:block}
.navi .inner div a.mm {width:100%; height:100%; display:block; background:url('/images/comm/allow_d.png') 92% center no-repeat}
.navi .inner div a.mm.on {background:url('/images/comm/allow_u.png') 92% center no-repeat}
.navi .inner div ul {display:none}
.navi .inner div > ul {position:absolute; top:60px; left:0; z-index:999; width:100%; display:none; border:#eee solid 1px}
.navi .inner div > ul li {border-bottom:1px solid #eee; line-height:60px; background:#fff}
.navi .inner div > ul li:hover {background:#f15d22}
.navi .inner div > ul li:last-child {border-bottom:none;}
.navi .inner div > ul li:hover a {color:#fff}
.navi .inner div > ul li a {display:block; font-size:17px; padding-left:30px; width:100%}
.navi .inner div > ul li.active {background:#f4f4f4}
.navi .inner div > ul li.active:hover a {color:#333}

.container {clear:both; max-width:1400px; margin:0 auto; position:relative; padding-top:70px; box-sizing:border-box}
.container.board {margin-bottom:50px}

.page_navigation {text-align:right; margin-bottom:60px}
.page_navigation span {font-size:16px; color:#888}

h3.tit {font-size:35px; margin-bottom:50px; font-weight:700; text-align:center}
h4.tit {font-size:27px; margin-bottom:30px; font-weight:500; position:relative; padding-top:8px}
h4.tit:before {content:''; width:25px; height:5px; border-radius:3px; background:#f15d22; position:absolute; left:0; top:0}
h5.tit {font-size:22px; margin-bottom:20px; padding-left:25px; font-weight:500; position:relative}
h5.tit span {font-size:18px; font-weight:500}
h5.tit:after {content:''; width:15px; height:15px; border:4px solid transparent; border-radius:50%; background-image:linear-gradient(#fff, #fff), linear-gradient(90deg, #f15d22, #ddd); background-origin: border-box; background-clip:content-box, border-box; position:absolute; top:8px; left:0; box-sizing:border-box}
h5.tit.none {padding-left:0}
h5.tit.none:after {display:none}
h6.tit {font-size:20px; margin-bottom:20px; font-weight:500; position:relative}

.nav_tab1 {margin-bottom:50px; font-size:0; margin-left:-5px; display:flex; justify-content:center}
.nav_tab1 a {font-size:16px; color:#888; min-width:200px; height:50px; background:#f9f9f9; border:#ededed solid 1px; border-radius:5px; text-align:center; margin-left:5px; position:relative; line-height:1; letter-spacing:-1px}
.nav_tab1 a:hover,
.nav_tab1 a.active {border:#333 solid 1px; color:#fff; font-weight:500; background:#333}
.nav_tab1 a:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.nav_tab1 a.active:before {content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #333; position: absolute; left: 50%; bottom: -8px; transform: translate(-50%, 0)}

.nav_tab2 {margin-bottom:50px; font-size:0; margin-left:-5px; display:flex; justify-content:center}
.nav_tab2 a {font-size:16px; color:#888; min-width:200px; height:50px; background:#f9f9f9; border:#ededed solid 1px; border-radius:5px; text-align:center; margin-left:5px; position:relative; line-height:1; letter-spacing:-1px}
.nav_tab2 a:hover,
.nav_tab2 a.active {border:#333 solid 1px; color:#fff; font-weight:500; background:#333}
.nav_tab2 a:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.nav_tab2 a.active:before {content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #333; position: absolute; left: 50%; bottom: -8px; transform: translate(-50%, 0)}
/*
.nav_tab2 {margin-bottom:50px; font-size:0; display:flex; flex-wrap:wrap; justify-content:center}
.nav_tab2 a {font-size:18px; color:#888; padding:0 40px; text-align:center; position:relative; padding-bottom:20px}
.nav_tab2 a + a {border-left:#ddd solid 1px}
.nav_tab2 a.active {color:#6cb77e; font-weight:500}
.nav_tab2 a:after {content:''; width:50px; height:7px; border-radius:5px; background:#999; position:absolute; left:calc(50% - 25px); bottom:0}
.nav_tab2 a.active:after {background:#6cb77e}
*/
.sub_page {line-height:1.5; font-size:16px; padding-bottom:70px; min-height:400px}
.sub_page img {max-width:100%}

.sub_page .download {text-align:right; margin-bottom:50px}
.sub_page .download a {text-align:center; padding:10px 15px; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:7px}
.sub_page .download a+a {margin-left:5px}
.sub_page .download a:hover {border:1px solid #f15d22; background:#f15d22; box-shadow:5px 5px 5px #eee; color:#fff}

.txt_wrap1 {margin-bottom:50px}
.txt_wrap2 {margin-bottom:30px}
.ml {margin-left:25px}
.mt30 {margin-top:30px}
.mb20 {margin-bottom:20px}

/*진료 및 의료서비스*/

.service1 .part {display:flex; flex-wrap:wrap; justify-content:center}
.service1 .part li {width:calc(16.666% - 12px); box-sizing:border-box; padding:50px 10px 30px; border:#eee solid 1px; text-align:center; border-radius:10px}
.service1 .part li+li {margin-left:14px}
.service1 .part li i {width:60px; height:60px; font-size:2em; background:#f7f7f7; color:#333; display:flex; align-items:center; justify-content:center; border-radius:5px; box-shadow: 2px 2px 3px rgba(0,0,0,0.1); margin:0 auto}
.service1 .part li label {color:#f15d22; font-weight:500; margin-right:20px; font-size:20px; display:block; margin:30px 0 20px 0; padding-top:30px; position:relative}
.service1 .part li label:before {content:''; width:30px; height:3px; border-radius:3px; background:#f15d22; position:absolute; left:50%; top:0; transform:translateX(-50%)}
.service1 .part li p {padding-top:20px; border-top:1px solid #Dbdbdb; margin-top:20px}

.service1 .treat {display:flex; flex-wrap:wrap; margin-left:-30px; justify-content:center}
.service1 .treat li {width:calc(33.333% - 30px); margin-left:30px; text-align:center; background:#f7f7f7; padding:40px 20px; box-sizing:border-box; border-radius:20px}
.service1 .treat li:nth-child(n+4) {margin-top:30px}
.service1 .treat li p {font-weight:500; margin:30px 0 10px 0; font-size:18px}
.service1 .treat li span {display:block}

.service2 .doctor {display:flex; flex-wrap:wrap}
.service2 .doctor > div {box-sizing:border-box}
.service2 .doctor .photo {width:20%; /*background:#f7f7f7;*/ border-radius:20px}
.service2 .doctor .photo img {border-radius:20px}
.service2 .doctor .info {width:80%; padding-left:70px}
.service2 .doctor .info p span.point {fon-size:1.2em; font-weight:500; color:#f15d22}
.service2 .doctor .name {font-size:22px; font-weight:700; margin-bottom:20px; padding-bottom:10px; border-bottom:#eee solid 1px}
.service2 .doctor .name span {font-size:17px; font-weight:400; margin-left:10px} 
.service2 .doctor .btn_box {margin-bottom:20px}
.service2 .doctor .btn_box a+a {margin-left:10px}
.service2 .doctor p {margin-bottom:10px}
.service2 .doctor p label {font-weight:600; margin-right:10px}
.service2 .doctor table th,
.service2 .doctor table td {padding:10px}
.service2 .doctor em {display:inline-block}
.service2 .doctor em.t1 {width:12px; height:12px; background:#f15d22; border-radius:50%}
.service2 .doctor em.t2 {width:8px; height:8px; border:#f15d22 solid 2px; border-radius:50%}

.service3 .title_box {font-size:18px; font-weight:500; text-align:center; word-break:keep-all; background:#fbf5eb; padding:30px; border-radius:10px}
.service3 .title_box p {margin-bottom:15px; font-size:1.3em; color:#f15d22}

.service3 .title_box2 {font-size:18px; font-weight:500; text-align:center; word-break:keep-all}
.service3 .title_box2 span {display:block; margin-top:10px; font-weight:400; font-size:0.9em}
.service3 .title_box2 p {margin-bottom:15px; font-size:1.3em; color:#f15d22}

.service3 .mb20 {margin-bottom:20px}
.service3 .text_list1 li span {font-weight:bold}
.service3 .text_list1 .text {margin-top:25px}
.service3 .text_list1 .text strong {display:block; color:#f15d22; font-size:1.1em}
.service3 .text_list1 .text p {padding:10px 0 0 20px; box-sizing:border-box}

.service3 .info_box p {display:flex; flex-wrap:wrap}
.service3 .info_box p span {display:flex; flex-wrap:wrap; align-items:center; margin-right:20px; position:relative; padding-left:45px; margin-bottom:20px; min-height:38px}
.service3 .info_box p i {padding:5px; font-size:1.5em; border:#eee solid 1px; color:#f15d22; border-radius:5px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); position:absolute; left:0; top:0}
.service3 .info_box p label {color:#f15d22; font-weight:500; display:inline-block; margin-right:10px}
.service3 .info_box p a {margin-right:10px}
.service3 .info_box ul {padding:20px; background:#f7f7f7; border-radius:10px}
.service3 .info_box ul li {position:relative; padding-left:20px}
.service3 .info_box ul li:before {content:'※'; position:absolute; left:0}
.service3 .info_box ul li+li {margin-top:10px}

.service3 p.txt {font-size:1.1em; margin-bottom:20px; color:#f15d22; font-weight:500}

.service3 .step_box {display:flex; flex-wrap:wrap; border:#eee solid 1px; border-radius:10px; padding:20px 20px 0 20px}
.service3 .step_box > li {margin-right:30px; position:relative; padding-right:30px; font-weight:500; box-sizing:border-box; display:flex; align-items:center; margin-bottom:20px}
.service3 .step_box > li:after {content:''; width:8px; height:8px; border-top:3px solid #555; border-right:3px solid #555; display:inline-block; transform:rotate(45deg); position:absolute; top:45%; right:0px}
.service3 .step_box > li:last-child:after {display:none}
.service3 .step_box > li span {display:inline-block; width:60px; height:60px; background:#f7f7f7; border-radius:50%; text-align:center; line-height:60px; margin-right:10px}
.service3 .text_list1 li strong {color:#f15d22}
.service3 .text_list1 p {margin-top:10px}

.service5 .info_box {display:flex}
.service5 .info_box .img {width:30%; box-sizing:border-box}
.service5 .info_box .txt {width:calc(70% - 60px); box-sizing:border-box; margin-left:60px; background:#f7f7f7; border-radius:20px; padding:50px; font-weight:500; word-break:keep-all; display:flex; align-items:center}

.service5 .info_box2 {box-sizing:border-box; background:#f7f7f7; border-radius:20px; padding:30px; font-weight:500; word-break:keep-all; margin-bottom:50px}

.service5 .rehab {display:flex; flex-wrap:wrap; margin-left:-30px}
.service5 .rehab li {padding:30px; border:#eee solid 1px; border-radius:10px; display:flex; width:calc(50% - 30px); margin-left:30px; box-sizing:border-box}
.service5 .rehab li:nth-child(n+3) {margin-top:30px}
.service5 .rehab li span {background:#f7f7f7; border-radius:10px; margin-right:30px; width:100px; height:100px; display:flex; align-items:center; justify-content:center}
.service5 .rehab li div {width:calc(100% - 110px)}
.service5 .rehab li p {font-size:18px; font-weight:500; color:#f15d22; margin-bottom:10px}
.service5 .rehab li a {padding:5px 15px; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:5px}
.service5 .rehab li a:hover {box-shadow:3px 3px 5px #eee; background:#555; color:#fff}

.service5 .txt1 {background:#fbf5eb; padding:30px; border-radius:10px; font-size:17px; font-weight:500; text-align:center}

.service5 .care {display:flex; flex-wrap:wrap; margin-left:-30px}
.service5 .care li {padding:30px; border:#eee solid 1px; border-radius:10px; width:calc(50% - 30px); margin-left:30px; box-sizing:border-box}
.service5 .care li:nth-child(n+3) {margin-top:30px}
.service5 .care li p {font-size:18px; font-weight:500; color:#f15d22; margin-bottom:10px}

.service5 .promise {background:#f7f7f7; padding:30px; border-radius:10px; text-align:center; font-size:18px; color:#f15d22; font-weight:500}

.service5 .step {margin-top:20px}
.service5 .step li {line-height:1.5; position:relative; padding-left:65px; padding-bottom:10px; border-bottom:1px dotted #dbdbdb}
.service5 .step li label {background:#f15d22; color:#fff; padding:5px 10px 3px; box-sizing:border-box; border-radius:5px; font-size:0.8em; position:absolute; top:-2px ;left:0}
.service5 .step li+li {margin-top:13px}

.service6 .step {display:flex}
.service6 .step > li {width:33.333%}
.service6 .step > li+li {margin-left:30px}
.service6 .step > li > strong {color:#f15d22; font-size:1.2em; font-weight:500}
.service6 .step > li > ul {margin-top:15px; padding:25px; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:15px}
.service6 .step > li > ul > li {line-height:1.5; position:relative; padding-left:20px; box-sizing:border-box}
.service6 .step > li > ul > li::before {content:'·'; position:absolute; top:0; left:0}

.service6 .step2 {margin-top:20px}
.service6 .step2 li {line-height:1.5; position:relative; padding-left:40px; padding-bottom:10px; border-bottom:1px dotted #dbdbdb}
.service6 .step2 li label {background:#f15d22; color:#fff; padding:5px 10px 3px; box-sizing:border-box; border-radius:5px; font-size:0.8em; position:absolute; top:-2px ;left:0}
.service6 .step2 li+li {margin-top:13px}

.service10 h5 {display:inline-block}
.service10 .info_box3 {display:inline-block; font-family: 'GangwonEdu_OTFBoldA'; font-size:1.3em; margin-left:10px; color:#f15d22}

.faq_info {border:#eee solid 7px; padding:50px; line-height:1.5}
.faq_info .title {font-size:22px; font-weight:600; margin-bottom:30px}
.faq_info p {margin-bottom:20px}
.faq_info ul {margin-bottom:30px; margin-left:10px}
.faq_info ul li {position:relative; padding-left:30px}
.faq_info ul li+li {margin-top:10px}
.faq_info ul li label {position:absolute; left:0; top:-2px; background:#f05d21; padding:0 7px; border-radius:5px; color:#fff; font-weight:700}
.faq_info strong {color:#f05d21; font-weight:500}

.faq_sub {text-align:center; font-size:18px; font-weight:500}

.service7 .faq {border:#dbdbdb solid 1px; margin-top:-1px}
.service7 .faq .title {font-size:18px; background:#f7f7f7 url('/images/info/sub1_view.png') no-repeat 98%; line-height:40px; color:#333; font-weight:700; padding:20px 50px 20px 70px}
.service7 .faq .title.on {background:#f7f7f7 url('/images/info/sub1_view_on.png') no-repeat 98%}
.service7 .faq .title label {color:#f05d21; position:absolute; left:20px}
.service7 .faq .txt {border-top:#dbdbdb solid 1px; padding:30px 40px 30px 70px; font-size:15px; line-height:24px; display:none; position:relative; font-size:}
.service7 .faq .txt label {position:absolute; left:20px; font-size:18px; font-weight:700; color:#999}
.service7 .faq .txt .reply {font-size:16px; font-weight:500}
.service7 .faq .txt p+p {margin-top:20px}
.service7 .faq .txt .num > li {position:relative; padding-left:20px; font-weight:500; font-size:16px; margin-top:20px}
.service7 .faq .txt .num > li em {color:#f05d21; font-weight:700; position:absolute; left:0}
.service7 .faq .txt .num > li ul {margin-top:10px}
.service7 .faq .txt .num > li ul li {font-weight:400; font-size:15px}
.service7 .faq .txt .num > li ul li+li {margin-top:5px}
.service7 .faq .txt .mb {margin-bottom:20px}
.service7 .faq .txt .box {border:#dbdbdb solid 1px; padding:20px; margin-top:20px}
.service7 .faq .txt .box p {font-size:16px; font-weight:500; margin-bottom:10px}
.service7 .faq .txt p i {font-size:24px; margin-right:5px}

.guide .adm > li {border:#dbdbdb solid 1px; border-radius:10px; padding:30px; position:relative}
.guide .adm > li:nth-child(odd) {background:#f9f9f9}
.guide .adm > li+li {margin-top:40px}
.guide .adm > li+li:before {content:'▼'; position:absolute; left:50%; transform:translateX(-50%); top:-30px}
.guide .adm > li h6.nb {margin-bottom:0}

.guide .step_box {display:flex; flex-wrap:wrap; justify-content:center; margin-left:-30px}
.guide .step_box > li {width:calc(20% - 30px); margin-left:30px; position:relative; padding-right:30px; font-weight:500; box-sizing:border-box; text-align:center}
.guide .step_box > li:after {content:''; width:8px; height:8px; border-top:3px solid #555; border-right:3px solid #555; display:inline-block; transform:rotate(45deg); position:absolute; top:60px; right:0px}
.guide .step_box > li:last-child:after {display:none}
.guide .step_box > li span {display:inline-block; background:#f05d21; padding:5px 15px; border-radius:30px; text-align:center; color:#fff; font-weight:700; margin:10px 0; font-size:14px}
.guide .step_box > li p {font-weight:500}
.guide .step_box > li ul {margin-top:10px; background:#f7f7f7; padding:5px; border-radius:5px}
.guide .step_box > li li {font-weight:normal; text-align:left; padding-left:15px; position:relative}
.guide .step_box > li li:before {content:'·'; position:absolute; left:0}

.guide .or_tit {font-size:1.4em; font-weight:500; color:#f15d22; margin-bottom:20px}

.guide .txt_box {background:#f7f7f7; padding:30px; border-radius:10px}
.guide .txt_box2 {border:#ddd solid 1px; padding:30px; border-radius:10px}

.guide .guidance {border:#dbdbdb solid 1px; margin-top:-1px}
.guide .guidance .title {font-size:20px; background:#f7f7f7 url('/images/info/sub1_view.png') no-repeat 98%; line-height:40px; color:#333; font-weight:700; padding:20px 50px 20px 20px}
.guide .guidance .title.on {background:#f7f7f7 url('/images/info/sub1_view_on.png') no-repeat 98%}
.guide .guidance .txt {border-top:#dbdbdb solid 1px; padding:30px 40px; font-size:15px; line-height:24px; display:none}
.guide .guidance .txt span {color:#f05a29; font-size:18px; padding-right:5px}
.guide .guidance .txt h5 {margin-bottom:30px}
.guide .guidance .bg1 {background:#f9f9f9}
.guide .s_tit {font-size:18px; font-weight:700; margin-bottom:20px}

.guide .info_box {border-top:#ccc dotted 1px; border-bottom:#ccc dotted 1px; padding:20px 10px 0 10px}
.guide .info_box p {display:flex; flex-wrap:wrap}
.guide .info_box p span {display:flex; flex-wrap:wrap; align-items:center; margin-right:20px; position:relative; padding-left:50px; margin-bottom:20px}
.guide .info_box p i {padding:5px; font-size:1.5em; border:#eee solid 1px; color:#f15d22; border-radius:5px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); position:absolute; left:0; top:-5px}
.guide .info_box p label {color:#f15d22; font-weight:500; display:inline-block; margin-right:10px}

.guide .use_way > li {position:relative; padding-left:35px}
.guide .use_way > li+li {margin-top:20px}
.guide .use_way > li label {position:absolute; left:0; width:22px; height:22px; background:#f05d21; color:#fff; font-weight:700; text-align:center; border-radius:5px}
.guide .use_way > li ul {margin-top:10px}
.guide .use_way > li ul li {position:relative; padding:5px 0 5px 65px}
.guide .use_way > li ul li:before {content:'·'; position:absolute; left:0; top:5px}
.guide .use_way > li ul li i {font-size:1.5em; color:#f15d22; padding:5px; background:#f7f7f7; border-radius:3px; position:absolute; left:15px; top:-3px}
.guide .use_way > li ul li+li {margin-top:10px}

.guide .ment {padding:30px; text-align:center; border:#dbdbdb dotted 2px; border-radius:10px; font-family:'GangwonEdu_OTFBoldA'; font-size:22px}

.guide .table01 table table {border-top:#ccc solid 1px; margin-bottom:20px}
.guide .table01 table table th,
.guide .table01 table table td {padding:10px}

.guide .table01 .s_tit {font-weight:500; margin-bottom:10px}

.guide .title_box {font-size:18px; font-weight:500; text-align:center; word-break:keep-all; background:#fbf5eb; padding:30px; border-radius:10px}

.guide .service_list {display:flex; flex-wrap:wrap; margin-left:-30px}
.guide .service_list > div {box-sizing:border-box; width:calc(33.33% - 30px); margin-left:30px; border:#ccc solid 1px; border-radius:10px; padding:30px 20px; text-align:center; position:relative}
.guide .service_list > div:nth-child(n+4) {margin-top:30px}
.guide .service_list > div span {background:#f05d21; color:#fff; font-weight:700; padding:5px 12px; border-radius:5px; position:absolute; left:20px; top:20px}
.guide .service_list > div p {color:#f05d21; font-weight:600; margin:20px 0; font-size:17px; text-align:center}
.guide .service_list > div ul li {position:relative; padding-left:15px; word-break:keep-all; text-align:left}
.guide .service_list > div ul li:before {content:'·'; position:absolute; left:0}
.guide .service_list > div ul li+li {margin-top:10px}

.guide .step_text {display:flex; flex-wrap:wrap; border:#eee solid 1px; border-radius:10px; padding:20px 20px 0 20px}
.guide .step_text li {margin-right:30px; position:relative; padding-right:30px; font-weight:500; box-sizing:border-box; display:flex; align-items:center; margin-bottom:20px}
.guide .step_text li:after {content:''; width:8px; height:8px; border-top:3px solid #555; border-right:3px solid #555; display:inline-block; transform:rotate(45deg); position:absolute; top:23px; right:0px}
.guide .step_text li:last-child {padding-right:0; margin-right:0}
.guide .step_text li:last-child:after {display:none}
.guide .step_text li span {display:inline-block; width:60px; height:60px; background:#f7f7f7; border-radius:50%; text-align:center; line-height:60px; margin-right:10px}

.guide .list {display:none}

.guide .check_list li {display:flex; justify-content:space-between; align-items:flex-start; padding-right:30px}
.guide .check_list li+li {margin-top:5px}
.guide .check_list li span {font-weight:bold}

.board_info {border:#f9e8e1 solid 5px; padding:30px; margin-bottom:40px; line-height:1.5}
.board_info p {font-weight:500; margin-bottom:20px; font-size:18px; color:#f05d21}

.community5 .volunteer {display:flex; padding:50px 0; border-bottom:#eee solid 1px;}
.community5 .volunteer h4 {width:300px; margin-right:50px; margin-bottom:0}
.community5 .volunteer > div {width:calc(100% - 350px)}
.community5 .volunteer > div .part {display:flex; margin-left:-40px}
.community5 .volunteer > div .part li {width:calc(33.33% - 40px); margin-left:40px; text-align:center; word-break:keep-all; border:#ddd solid 1px; border-radius:10px; padding:30px 10px; box-sizing:border-box}
.community5 .volunteer > div .part li p {font-weight:500; margin:20px 0 10px 0; font-size:18px; color:#f05d21}
.community5 .volunteer > div .txt {font-size:18px; font-weight:500}
.community5 .volunteer > div .time {font-size:18px; display:flex; align-items:center}
.community5 .volunteer > div .time i {font-size:1.5em; color:#f15d22; margin-right:10px; padding:5px; background:#f7f7f7; border-radius:10px}
.community5 .volunteer > div .time strong {color:#f15d22; margin-left:10px; margin-right:20px}
.community5 .volunteer > div .step {display:flex; flex-wrap:wrap}
.community5 .volunteer > div .step > li {width:calc(20% - 30px); margin-right:30px; position:relative; padding-right:30px; font-weight:500; box-sizing:border-box; text-align:center}
.community5 .volunteer > div .step > li:after {content:''; width:8px; height:8px; border-top:3px solid #555; border-right:3px solid #555; display:inline-block; transform:rotate(45deg); position:absolute; top:60px; right:0px}
.community5 .volunteer > div .step > li:last-child {padding-right:0; margin-right:0}
.community5 .volunteer > div .step > li:last-child:after {display:none}
.community5 .volunteer > div .step > li p {font-weight:500; margin-top:10px}
.community5 .volunteer > div .step > li span {display:inline-block; width:80px; height:80px; border:#eee solid 1px; border-radius:10px; background:#f7f7f7; line-height:80px; text-align:center}

.community6 .info_box {background:#fbf5eb; padding:30px; border-radius:10px; text-align:center}
.community6 .info_box strong {color:#f15d22}

/*
.community6 .select_box {display:flex; border:#eee solid 1px; border-radius:5px; overflow:hidden}
.community6 .select_box a {width:50%; padding:20px; text-align:center}
.community6 .select_box a+a {border-left:#eee solid 1px}
.community6 .select_box a p {font-size:18px; font-weight:500; margin-bottom:10px}
.community6 .select_box a:hover,
.community6 .select_box a.active {background:#f15d22; color:#fff}
*/

.info1 .info_box {padding:30px; background:#fbf5eb; border-radius:10px; font-size:17px; font-weight:500}
.info1 .info_box p {margin-bottom:10px}

.info1 .info_box2 {padding:20px 30px; box-sizing:border-box; margin-bottom:20px; border:1px solid #dbdbdb; border-radius:15px}
.info1 .last {text-align:center; margin-top:80px; font-family: 'GangwonEdu_OTFBoldA'; font-size:1.5em}
.info1 .last span {color:#f15d22}

.info1 .feature {display:flex; flex-wrap:wrap}
.info1 .feature > div {box-sizing:border-box; width:25%; padding:30px 20px; border:#eee solid 1px; margin-left:-1px; margin-top:-1px}
.info1 .feature > div p {font-size:18px; font-weight:500; color:#f15d22; margin-bottom:20px}

.info1 .disease {border:#dbdbdb solid 1px; padding:20px; margin-top:-1px}
.info1 .disease .tit {font-size:20px; background:url('/images/info/sub1_view.gif') no-repeat right; line-height:40px; color:#333; padding-right:50px}
.info1 .disease .tit.on {background:url('/images/info/sub1_view_on.gif') no-repeat right}
.info1 .disease .txt {border-top:#dbdbdb solid 1px; margin-top:20px; padding-top:20px; font-size:15px; padding-left:20px; line-height:24px; display:none}
.info1 .disease .txt span {color:#f05a29; font-size:18px; padding-right:5px}

.info2 .system {display:flex; border-top:#eee solid 1px; padding:50px 40px}
.info2 .system:nth-child(even) {background:#f7f7f7}
.info2 .system h4 {width:350px; margin-bottom:0}
.info2 .system .txt {width:calc(100% - 465px); padding:0 50px; box-sizing:border-box}
.info2 .system .txt p {word-break:keep-all; font-weight:500; font-size:17px; margin-bottom:20px; padding-bottom:10px; border-bottom:#dbdbdb dotted 2px}
.info2 .system .txt ul li {position:relative; padding-left:80px}
.info2 .system .txt ul li+li {margin-top:20px}
.info2 .system .txt ul li i {padding:5px; font-size:1.3em; background:#fff; border:#dbdbdb solid 1px; border-radius:5px; position:absolute; left:0; top:-5px; color:#f05a29}
.info2 .system .txt ul li label {position:absolute; left:40px; font-weight:500}
.info2 .system .txt span {display:block; margin-top:20px}


/*병원안내*/

.about1 .info_box {display:flex; flex-wrap:wrap; align-items:center; margin-bottom:70px}
.about1 .info_box div {box-sizing:border-box}
.about1 .info_box .img {width:50%; padding-right:100px}
.about1 .info_box .img img {border-radius:50px 0 100px}
.about1 .info_box .txt {width:50%; font-size:17px}
.about1 .info_box p {font-size:30px; margin-bottom:20px}
.about1 .info_box strong {color:#f15d22}

.about1 .movie {margin-bottom:80px; text-align:center}
.about1 .movie video {width:100%; max-width:980px}

.about1 .mission {display:flex; flex-wrap:wrap; align-items:flex-start}
.about1 .mission h4 {width:300px; font-size:30px; margin-bottom:30px; color:#f15d22; position:relative; padding-bottom:20px; text-align:left}
.about1 .mission h4:before {content:''; width:30px; height:4px; border-radius:5px; background:#ddd; position:absolute; left:0; bottom:0}
.about1 .mission div {width:calc(100% - 300px)}
.about1 .mission p {margin-bottom:20px; font-size:22px; font-weight:500}
.about1 .mission span {display:block; font-size:17px; color:#888; font-weight:400}

.about1 .mission ul {margin-top:10px}
.about1 .mission ul > li {text-align:left; position:relative}
.about1 .mission ul > li+li {margin-top:20px}
.about1 .mission ul > li label {display:block; margin-bottom:5px; font-weight:500; position:relative; padding-left:35px; font-size:17px}
.about1 .mission ul > li label em {display:inline-block; background:#f15d22; color:#fff; width:25px; height:25px; border-radius:3px; position:absolute; left:0; text-align:center; font-weight:700}
.about1 .mission ul > li ul {margin-top:10px; margin-left:35px}
.about1 .mission ul > li ul li {position:relative; padding-left:15px}
.about1 .mission ul > li ul li:before {content:'·'; position:absolute; left:0}
.about1 .mission ul > li ul li+li {margin-top:5px}

.about2 .greeting {}
.about2 .greeting p+p {margin-top:20px}
.about2 .greeting .title {font-size:22px; font-weight:500; background:#fff; margin-top:-60px; padding:40px 40px 40px 0; background:#fff; display:inline-block; width:80%; box-sizing:border-box}
.about2 .greeting .title strong {color:#f15d22}
/*
.about2 .greeting .ment {background:#f7f7f7; padding:30px; margin:50px 0}
.about2 .greeting .ment span {font-family:'GangwonEdu_OTFBoldA'; font-size:22px; display:block; margin-bottom:10px}
*/
.about2 .greeting .sign {font-weight:500; font-size:20px; margin-top:50px; text-align:right}
.about2 .greeting .sign img {display:inline-block; margin-left:10px; max-width:150px}

.about3 .floor {width:88%; margin:0 auto; display:flex; align-items:center; margin-bottom:100px}
.about3 .floor .left {width:83%}
.about3 .floor .left > div {padding:0 50px 0 30px; box-sizing:border-box; position:relative}
.about3 .floor .left > div > p {position:absolute; text-align:center; top:50%; left:0; transform:translateY(-50%); padding:10px 20px; box-sizing:border-box; border-radius:10px; background:#fdeada}
.about3 .floor .left .txt {padding:30px; box-sizing:border-box; border-radius:15px; background:#f47018; color:#fff; text-align:center; margin-bottom:30px; font-size:1.1em}
.about3 .floor .left .txt.green {background:#a4b036}
.about3 .floor .left .txt.blue {background:#5d93b8}
.about3 .floor .left .txt.gray {background:#7f7f7f; margin-bottom:0}
.about3 .floor .right {width:17%}
.about3 .floor .right .img+.img {margin-top:10px}
.about3 .floor .right .img img {box-shadow:5px 5px 10px rgba(100,100,100,0.2)}

.about3 .facilities {display:flex; flex-wrap:wrap; margin-left:-30px}
.about3 .facilities h5 {width:100%; margin-left:30px}
.about3 .facilities a {width:calc(25% - 30px); margin-left:30px; margin-bottom:30px}
.about3 .facilities a .img {background:#f7f7f7; min-height:200px}
.about3 .facilities a p {text-align:center; margin-top:10px}

.about5 .info_box {display:flex; flex-wrap:wrap; align-items:center; border:#eee solid 1px; border-radius:10px; overflow:hidden}
.about5 .info_box .img {width:40%; box-sizing:border-box}
.about5 .info_box .txt {width:60%; box-sizing:border-box; font-size:19px; font-weight:500; line-height:1.8; padding-left:80px}
.about5 .info_box span {color:#f15d22; font-size:20px}
.about5 .info_box strong {font-size:22px; position:relative; display:inline-block; font-weight:500}
.about5 .info_box strong:before {content:''; width:100%; height:10px; background:#fadfd4; position:absolute; left:0; bottom:8px; z-index:-1}

.about5 .txt {font-weight:500; font-size:19px; margin-bottom:20px}
.about5 .ethics {border:#eee solid 1px; padding:50px; background:#f7f7f7}
.about5 .ethics > ul > li {position:relative; padding-left:20px; font-weight:500; font-size:17px}
.about5 .ethics > ul > li+li {margin-top:20px}
.about5 .ethics > ul > li label {position:absolute; left:0; color:#f15d22; font-weight:700}
.about5 .ethics > ul > li ul {margin-top:10px}
.about5 .ethics > ul > li ul li {font-weight:400; font-size:16px; position:relative; padding-left:15px}
.about5 .ethics > ul > li ul li:before {content:''; position:absolute; left:0; width:4px; height:4px; background:#f15d22; border-radius:50%; top:10px}

.about5 .finance {padding:50px; border:#f4f4f4 solid 7px; border-radius:10px; font-size:17px; font-weight:500; text-align:center}

.about5 .promise {/*text-align:center;*/ background:#f7f7f7; padding:50px; border-radius:10px}
.about5 .promise p {margin-bottom:20px}
/*
.about5 .promise img {max-width:400px}
.about5 .promise p {font-size:25px; font-weight:700; color:#f15d22; margin:20px 0}
.about5 .promise span {font-size:20px; font-weight:500; font-family:'GangwonEdu_OTFBoldA'; display:block}
*/

.about6 .cooperate {display:flex; flex-wrap:wrap; margin-left:-40px}
.about6 .cooperate a {width:calc(25% - 40px); margin-left:40px}

.about7 .list {display:none}

.about7 .map_txt {display:flex; flex-wrap:wrap; margin-top:50px}
.about7 .map_txt div {width:50%; display:flex; align-items:flex-start}
.about7 .map_txt i {font-size:1.5em; background:#555; color:#fff; padding:10px; border-radius:5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); margin-right:30px}
.about7 .map_txt label {font-weight:500; display:block; color:#f15d22}

.about7 .route {background:#f7f7f7; padding:20px; border-radius:10px}
.about7 .route a {margin-right:20px}
.about7 .route span {display:inline-block}

.about7 .transit {padding-left:20px}
.about7 .transit li {position:relative; padding:30px 0 30px 200px; border-bottom:#ddd dotted 1px}
.about7 .transit li label {font-weight:500; position:absolute; left:0; padding-left:20px}
.about7 .transit li label:before {content:''; width:10px; height:10px; border-radius:50%; background:#eba900; display:block; position:absolute; left:0; top:5px}
.about7 .transit li label em {color:#eba900; font-weight:500; margin-right:10px}

.about8 .info_tel {display:flex; flex-wrap:wrap; align-items:flex-start}
.about8 .info_tel li {display:flex; flex-wrap:wrap; align-items:center; width:33.33%; position:relative; box-sizing:border-box; padding-left:50px}
.about8 .info_tel i {padding:7px; font-size:1.2em; background:#f15d22; color:#fff; border-radius:5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); position:absolute; left:0; top:-5px}
.about8 .info_tel label {font-weight:500; display:block; color:#f15d22; margin-right:20px}

.about8 .parking {background:#f7f7f7; padding:50px}


/*재단 및 후원안내*/

.foundation1 .introduce {border:#eee solid 1px; border-radius:100px 0 50px 0; padding:50px; box-sizing:border-box; font-size:17px; text-align:center}
.foundation1 .introduce p {font-size:24px; color:#f05a29; margin-bottom:20px; font-weight:600}

.foundation1 .mission {padding:30px; background:#fbf5eb; border-radius:50px; font-size:18px; font-weight:500; text-align:center}
.foundation1 .mission p {color:#f05a29; margin-bottom:10px; font-size:20px}

.foundation1 .back {display:flex}
.foundation1 .back > div {box-sizing:border-box}
.foundation1 .back .photo {width:260px}
.foundation1 .back .txt {width:calc(100% - 260px); padding-left:80px}
.foundation1 .back p+p {margin-top:30px}
.foundation1 .back .point {font-size:20px; font-weight:500}
.foundation1 .back strong {font-family:'GangwonEdu_OTFBoldA'; font-size:20px}

.foundation1 .activity {display:flex; margin-left:-30px}
.foundation1 .activity > div {width:calc(25% - 30px); margin-left:30px; box-sizing:border-box; border:#eee solid 1px; padding:20px; border-radius:20px; text-align:center}
.foundation1 .activity > div p {font-size:20px; color:#f05a29; margin-bottom:20px; font-weight:500; text-align:center; margin:30px 0 20px 0}
.foundation1 .activity > div ul li {text-align:left}

.foundation1 .txt1 {font-size:17px; font-weight:500; text-align:center; background:#f7f7f7; padding:20px; border-radius:10px}

.foundation2 .mind {display:flex; font-size:17px}
.foundation2 .mind > div {box-sizing:border-box}
.foundation2 .mind .img {width:40%}
.foundation2 .mind .txt {width:60%; padding-left:60px; word-break:keep-all}
.foundation2 .mind p+p {margin-top:30px}
.foundation2 .mind .point {font-size:20px; margin-bottom:20px; font-weight:600}
.foundation2 .mind strong {color:#f05a29}

.foundation3 .info_box {text-align:center; font-size:17px}
.foundation3 .info_box p {font-family:'GangwonEdu_OTFBoldA'; font-size:30px; margin-bottom:20px}

.foundation3 .support {display:flex; flex-wrap:wrap; padding-top:50px; border-top:#ddd dotted 1px; align-items:center}
.foundation3 .support > div {box-sizing:border-box}
.foundation3 .support .img {width:30%}
.foundation3 .support .txt {width:70%; padding-left:60px}
.foundation3 .support .txt p {margin-bottom:30px}
.foundation3 .support .txt .title {color:#f05a29; font-size:22px; font-weight:600}
/*
.foundation3 .support.reverse {flex-direction: row-reverse}
.foundation3 .support.reverse .txt {padding-left:0; padding-right:60px; text-align:right}
*/

.foundation4 .info_box {padding:50px; border:#f4f4f4 solid 7px; border-radius:10px; font-size:17px; font-weight:500; text-align:center}


.calendar {margin-bottom:50px}
.calendar > p {margin-bottom:10px; display:flex; justify-content:center; align-items:center}
.calendar > p span {font-size:30px; font-weight:700}
.calendar > p span strong {color:#009c0f}
.calendar > p span,
.calendar > p a {margin-right:20px}
.calendar > p a:last-child {margin-right:0}
.calendar > ul > li > div.Sun > time {color:#de3634;}
.calendar > ul > li > div.Sat > time {color:#477cd8;}
.calendar > ul > li > div time em {float:right; font-size:14px}
.calendar > ul > li > div time p strong {font-weight:normal; margin-top:10px; display:inline-block}


.agree {border:1px solid #999; margin-bottom:40px; padding:20px; font-size:16px}
.agree .detail {height:450px; overflow-y:scroll}
.agree .box {background:#f7f7f7; padding:20px; margin-bottom:20px; text-align:center}
.agree p {margin-bottom:20px}
.agree p.tit {font-weight:700; margin-bottom:20px}
.agree ul {margin-bottom:30px}
.agree ul li {font-size:16px; position:relative; padding-left:25px}
.agree ul li+li {margin-top:10px}
.agree ul li label {position:absolute; left:0}
.agree ul li ul {margin-top:10px; margin-bottom:10px}
.agree ul li ul li {padding-left:0}
.agree ul li ul li+li {margin-top:3px}
.agree .btn_box {text-align:center; margin-left:-20px}
.agree .btn_box p.txt {margin-bottom:20px}
.agree .btn_box.last {padding-bottom:0}
.agree .btn_box input {margin-left:20px}

.agree table {border-top:#555 solid 1px; font-size:15px; margin-bottom:30px}
.agree table th,
.agree table td {padding:10px 5px}
.agree table thead th {background:#f7f7f7}



.sub_page .btn_area {text-align:center; margin-left:-10px; font-size:0; margin-top:-10px}
.sub_page .btn_area.right {text-align:right}
.sub_page .btn_area.left {text-align:left}
.sub_page .btn_area.tit {margin-bottom:20px}
.sub_page .btn_area a,
.sub_page .btn_area input,
.sub_page .btn_area button {display:inline-block; margin-left:10px; margin-top:10px}
.sub_page .btn_area i {margin-left:5px}

.layerPop {height:auto; clear:both; background:#FFF; display:none; padding:50px !important; border:#f15d22 solid 3px; border-radius:30px; position:relative; max-width:1300px !important; box-sizing:border-box}
.layerPop .title {font-size:30px; font-weight:700; position:relative; margin-bottom:50px; padding-left:20px}
.layerPop .title:before {content:''; width:5px; height:20px; background:#f15d22; border-radius:3px; position:absolute; left:0; top:0}
.layerPop .title span {font-size:22px; color:#bbb; position:relative; padding-left:20px; display:inline-block; margin-left:20px}
.layerPop .title span:before {content:''; width:3px; height:15px; background:#ddd; position:absolute; left:0}
.layerPop h5 {font-size:25px; margin-bottom:50px; color:#f15d22}
.layerPop h6 {font-size:20px; margin-bottom:30px}
.layerPop ul {padding-bottom:30px; border-bottom:#dbdbdb solid 1px; margin-bottom:50px}
.layerPop ul.last {margin-bottom:0}
.layerPop ul li {padding-left:15px; position:relative}
.layerPop ul li:before {content:'·'; position:absolute; left:0}
.layerPop ul li+li {margin-top:10px}

.member .box1 {border:#e3e3e3 solid 1px; padding:30px}
.member .box1 p+p {margin-top:20px}
.member h4 {font-size:18px; margin-bottom:30px}
.member .mb {margin-bottom:20px}
.member .ml {margin-left:20px}
.member  ul {}
.member  ul > li {margin-bottom:10px}
.member  ul > li:last-child {margin-bottom:0}
.member  ul > li > ul {margin:10px 0 10px 20px}
.member  ul > li > ul > li  {margin-bottom:10px}
.member  ul > li > ul > li:last-child {margin-bottom:0}
.member .table01 {font-size:15px}
.member .table01 p {margin-top:20px}