@charset "utf-8";


/******************************03병원소개******************************/


/*인사말*/
.greeting_wrap{display: inline-block;width: 100%; height:481px;}
.greeting_wrap img{float:left;}
.greeting_wrap .greeting_ftxt_wrap{display: inline-block;width:380px;float: left;padding-left: 25px;box-sizing: border-box;}
.greeting_wrap.case02{margin-top: 60px;padding:0; box-sizing: border-box;background: none;}
.greeting_wrap .greeting_ftxt{display:inline-block;width: 400px;font-family:'Lato',sans-serif;font-size:20px;font-weight:600;
color:#aeaeae;letter-spacing:4px;margin-bottom:40px;background: url(/img/03intro/greeting_bg2.gif) repeat-x 0 16px;}
.greeting_wrap .greeting_ftxt span{display: inline-block;width: 116px;background: #fff;}
.greeting_wrap p{margin-bottom:20px;font-size:16px;color:#333;line-height:26px;word-break:keep-all;}
.greeting_wrap p.gt01{font-family: 'NotoKrL',sans-serif;font-size: 28px;color: #000;line-height: 40px;margin-bottom: 68px;word-break: keep-all;letter-spacing: -0.05em;}
.greeting_wrap p.gt01.type2 {font-size:28px; line-height:1.4;}
.greeting_wrap p.gt01 span{font-family: 'NotoKrB',sans-serif;color:#2385f3;letter-spacing: -2.6px;}
.greeting_wrap p.mbno{margin-bottom:0;}
.greeting_wrap p.right{text-align:right;margin:60px 0;}
.greeting_wrap p.right span{font-family: 'NotoKrM',sans-serif;font-size: 20px;}
.greeting_wrap ul.gt_list{margin-bottom:26px;}
.greeting_wrap ul.gt_list li{padding-left:15px;word-break:keep-all;background: url(/img/03intro/greeting_dot.gif) no-repeat 0 7px;}
.greeting_wrap ul li span.bb{font-family: 'NotoKrB',sans-serif;color: #2385f3;}



/*연혁*/
.history_wrap .top_img {position:relative; width:100%; height:240px; background:url('/img/03intro/history_img.jpg')no-repeat 0 0;}        
.history_wrap .top_img .wbox {position:absolute; bottom:0; left:30px; padding:30px; background:#fff; display:inline-block; font-size:0; line-height:0; }
.history_wrap .top_img .tit {font-size:30px; line-height:1; color:#000; margin:0 0 20px 0; font-family:'NotoKrB';}
.history_wrap .top_img .con {color:#838383; font-size:16px;}       

.history_wrap {width:100%; margin-top:50px;}
.history_wrap .box:first-child {border-top:2px solid #000;}
.history_wrap .box {display:inline-block; width:100%; border-top:1px dashed #ddd; padding:30px 0;}
.history_wrap .box .year {float:left; font-family:'Lato'; font-weight:400; width:113px; height:38px; background:#2d4478; border-radius:50px; line-height:38px; text-align:center; Font-size:22px; color:#fff;  box-shadow:5px 5px 10px rgba(0,0,0,0.2);  letter-spacing:-1px;}
.history_wrap .box > dl {position:relative; display:inline-block; float:right; width:600px; padding-left:30px;}
.history_wrap .box > dl dt {position:absolute; padding-left:20px; color:#000; font-weight:normal; padding-top:8px; font-size:16px; font-family:'Lato','NotokrM',sans-serif;}
.history_wrap .box > dl dd {font-size:16px; line-height:1.4; padding:8px 0; padding-left:120px; width:450px; background:none; letter-spacing:-1px; color:#555555; word-break:keep-all;}
.history_wrap .box > dl dd.history_img {padding:15px 0 15px 20px; width:580px; background:none;}
.history_wrap .box > dl {position:relative; background:url('/img/03intro/history_line.gif')repeat-y;}
.history_wrap .box > dl::after {width:23px; height:23px; position:absolute; top:0; left:-11px; content:''; background:url('/img/03intro/history_dot.gif');}


/* 역대원장 */
.hdirector_w {display:inline-block; width:100%;}
.hdirector_w .box {position:relative; float:left; width:29.33%; height:250px;padding:17px 2%;}
.hdirector_w .box img{display:block;background:#ddd;margin:0 auto;}
.hdirector_w .box dl {display:block;text-align:center;}
.hdirector_w .box dl dt {padding-top:15px;font-family:'Lato','NotoKrM',sans-serif;font-weight:400;font-size:13px;color:#0b71e5;}
.hdirector_w .box dl dd.name {padding-top:7px;font-family:'NotoKrB',sans-serif;font-size:23px;line-height:1; color:#1c1c1c;}
.hdirector_w .box dl dd.year {padding-top:7px; height:30px;font-family:'Lato',sans-serif;font-size:14px; font-weight:400; color:#888;}


/*개요*/
.overview_wrap .top_img {width:100%; height:240px; background:url(/img/03intro/overview_bg.jpg); margin-bottom:20px;}
.overview_wrap .top_img p {padding:50px;}
.overview_wrap ul {overflow:hidden; }
.overview_wrap ul li {width:200px; height:218px; border:1px solid #ddd; float:left; margin-left:14px; margin-bottom:18px; text-align:center; color:#666; letter-spacing:-0.08em;}
.overview_wrap ul li.fir {margin-left:0;}
.overview_wrap ul li p {font-size:20px; margin-bottom:10px; font-family:'NotoKrM',sans-serif; color:#1c1c1c; padding-top:130px; background-repeat:no-repeat; background-position:50% center;}
.overview_wrap ul li p.icon1 {background-image: url(/img/03intro/overview_icon1.png)}
.overview_wrap ul li p.icon2 {background-image: url(/img/03intro/overview_icon2.png)}
.overview_wrap ul li p.icon3 {background-image: url(/img/03intro/overview_icon3.png)}
.overview_wrap ul li p.icon4 {background-image: url(/img/03intro/overview_icon4.png)}
.overview_wrap ul li p.icon5 {background-image: url(/img/03intro/overview_icon5.png)}
.overview_wrap ul li p.icon6 {background-image: url(/img/03intro/overview_icon6.png)}
.overview_wrap ul li p.icon7 {background-image: url(/img/03intro/overview_icon7.png)}
.overview_wrap ul li p.icon8 {background-image: url(/img/03intro/overview_icon8.png)}
.overview_wrap ul li p.icon9 {background-image: url(/img/03intro/overview_icon9.png)}
.overview_wrap ul li p.icon10 {background-image: url(/img/03intro/overview_icon10.png)}
.overview_wrap ul li p.icon11 {background-image: url(/img/03intro/overview_icon11.png)}

/*미션*/
.mission .mbx_tit{height: 104px;font-size: 22px;font-family: 'NotoKrM',sans-serif;color: #000;text-align: center;border: 3px solid #d8d8d8;box-sizing: border-box;margin: 31px 0 38px 0;}
.mission .mbx_tit p.tit{display: inline-block;width: 202px; height: 47px;font-family: 'Lato',sans-serif;font-size: 20px;font-weight: 600;color: #fff;text-align: center;line-height: 47px;border-radius: 47px;margin-top: -23px;background: #0a4aa2;}
.mission .mbx_tit p.txt{padding-top: 25px;letter-spacing: -0.075em;}

.mission .mission_titbox{display:flex; flex-wrap:wrap; align-items:center; margin-bottom:50px; padding:50px 40px; word-break:keep-all; color:#fff; background:url(/img/03intro/bg_ideo.jpg) no-repeat center / cover; box-shadow:0 5px 15px rgba(0,0,0,0.3); box-sizing:border-box;}
.mission .mission_titbox .tit{width:100%; line-height:1.6; font-size:30px; font-weight:700;}
.mission .mission_titbox .tit .eng{opacity:.7; display:block; width:100%; font-size:16px; font-weight:500; letter-spacing:.5px;}
.mission .mission_titbox .txt{position:relative; width:100%; margin-top:40px; padding-left:32px; line-height:1.6; font-size:18px;}
.mission .mission_titbox .txt:before{content:""; position:absolute; left:0; width:2px; height:100%; background:#fff;}
.mission .mission_titbox .txt .yel_color{color:#ffebb6;}

.mission ul li.icon01{background: url(/img/03intro/mission_icon01.gif) no-repeat left 50%;}
.mission ul li.icon02{background: url(/img/03intro/mission_icon02.gif) no-repeat left 50%;}
.mission ul li.icon03{background: url(/img/03intro/mission_icon03.gif) no-repeat left 50%;}
.mission ul li.icon04{background: url(/img/03intro/mission_icon04.gif) no-repeat left 50%;}
.mission ul li.icon05{background: url(/img/03intro/mission_icon05.gif) no-repeat left 50%;}
.mission ul li .mbx_info{margin-left: 154px;border: 2px solid #dadada;padding: 30px;margin-top: 10px;}
.mission ul li.icon01 .mbx_info{margin-top:55px;}
.mission ul li .mbx_info p.tit{font-size: 20px;font-family: 'NotoKrM',sans-serif;color: #000;line-height: 1;margin-bottom: 20px;}
.mission ul li .mbx_info p.tit span.eng{color: #467dc2;font-weight: 600;padding-right: 10px;}

.mission_list{margin-bottom:50px; padding-bottom:50px; border-bottom:2px dashed #ddd;}
.mission_list ul{display:flex; align-items:center; justify-content:space-between; gap:20px 0;}
.mission_list ul li{display:flex; flex-direction:column; align-items:center; gap:15px 0;}
.mission_list ul li::before{content:""; display:block; width:123px; height:123px; border-radius:50%; background-position:center; background-repeat:no-repeat;}
.mission_list ul li.icon01::before{background-color:#245da2; background-image:url(/img/03intro/misson_icon01.png);}
.mission_list ul li.icon02::before{background-color:#6a94c6; background-image:url(/img/03intro/misson_icon02.png);}
.mission_list ul li.icon03::before{background-color:#24a0ac; background-image:url(/img/03intro/misson_icon03.png);}
.mission_list ul li.icon04::before{background-color:#54a78b; background-image:url(/img/03intro/misson_icon04.png);}
.mission_list ul li.icon05::before{background-color:#449ace; background-image:url(/img/03intro/misson_icon05.png);}
.mission_list ul li p{line-height:1.4; text-align:center; color:#000; font-size:20px;}

/*비전*/
.stella_txt{margin-bottom:15px; font-size: 50px;line-height: 1; color:#000; font-weight: 700;letter-spacing: 0;}
.stella_txt span{color:#1d5393;}

.vision_wrap {width:100%; }
.vision_wrap .tit.stella{width:100%;height:263px;font-size: 66px;line-height: 1;color: #fff;font-weight: 800;letter-spacing: 0;padding: 205px 0 0 72px;box-sizing: border-box;background:url(/img/03intro/vision_fir_bg.jpg) no-repeat 0 0; background-size:cover;}
.vision_wrap .txt {font-size:16px; line-height:26px; text-align:center; font-family: 'NotoKrR', sans-serif;padding-top:50px;color:#000;}
.vision_wrap .txt span{display:inline-block;width:100%;font-size:21px;line-height:1;font-family:'Lato','NotoKrB',sans-serif;color:#1677e6;margin-bottom:35px;}
.vision_wrap .vbx {display:inline-block;width:100%;height: 305px;margin-top: 60px;padding-top: 64px;background: url(/img/03intro/vision_sec_bg.gif) no-repeat 50% top;}
.vision_wrap .v_video {width:80%; margin:0 auto; margin-top:40px;}

.vision_wrap img{max-width:75%;}
.vision_wrap .vision_stella img{width:100%; max-width:300px;}

.vision_wrap .vbx2 {text-align:center;}
.vision_wrap .vbx2 .txt1 {text-align:center; font-size:40px; font-family:'Lato',sans-serif; font-weight:900; color:#000; margin-bottom:40px;}
.vision_wrap .vbx2 .txt2 {text-align:center; display:inline-block;  padding:30px 80px; line-height:1; border:2px solid #636363; font-size:25px; color:#000; border-radius:50px; letter-spacing:-0.05em;
box-shadow:0 10px 20px rgba(0,0,0,0.1); margin-bottom:30px;}

.vision_wrap .vbx3 {text-align:center; overflow:hidden;}
.vision_wrap .vbx3 h3 {text-align:left;}

.vision_wrap .vbx3 dl {width:158px; float:left; font-family:'NotoKrM'; margin-left:14px;  letter-spacing:-0.05em; /* background:url(/img/03intro/vision_line.gif)repeat-y 50% 0; */}
.vision_wrap .vbx3 dl:nth-of-type(1) {margin-left:0;}
.vision_wrap .vbx3 dl dt {width:100%; height:212px; font-size:15px; margin-bottom:30px; background:#285793;  color:#fff;  word-break:keep-all;}
.vision_wrap .vbx3 dl dt p.tit {font-size:21px; padding:30px 0 90px 0; font-family:'NotoKrB';}
.vision_wrap .vbx3 dl.icon1 dt {background:#285793 url(/img/03intro/vision_icon01.gif) no-repeat 50% 43%;}
.vision_wrap .vbx3 dl.icon2 dt {background:#318de2 url(/img/03intro/vision_icon02.gif) no-repeat 50% 43%;}
.vision_wrap .vbx3 dl.icon3 dt {background:#01adfd url(/img/03intro/vision_icon03.gif) no-repeat 50% 43%;}
.vision_wrap .vbx3 dl.icon4 dt {background:#8cce19 url(/img/03intro/vision_icon04.gif) no-repeat 50% 43%;}
.vision_wrap .vbx3 dl.icon5 dt {background:#fda826 url(/img/03intro/vision_icon11.gif) no-repeat 50% 43%;}

.vision_wrap .vbx3 dl dd {display:table; width:100%; height:55px; margin:10px 0 0 0; }
.vision_wrap .vbx3 dl dd span {display:table-cell; width:100%;  word-break:keep-all; margin:5px 0; background:#ddd; vertical-align:middle; line-height:1.4; color:#222;}
.vision_wrap .vbx3 dl.icon1 dd span{background:#edf5ff; border:2px solid #c7cdd6;}
.vision_wrap .vbx3 dl.icon2 dd span{background:#daedff; border:2px solid #afcef3;}
.vision_wrap .vbx3 dl.icon3 dd span{background:#e5f5fb; border:2px solid #a9d6e6;}
.vision_wrap .vbx3 dl.icon4 dd span{background:#f0ffd6; border:2px solid #c6dc9e;}
.vision_wrap .vbx3 dl.icon5 dd span{background:#fdf0db; border:2px solid #f7d59f;}

.vision_wrap .vbx4 ul {overflow:hidden; display:inline-block; width:100%; padding:0 0 20px 0;}
.vision_wrap .vbx4 ul li {width:30.8%; float:left; text-align:center; font-size:18px; padding:18px 0; border-radius:50px; border:2px solid #ddd; margin:0 1%;
font-family:'NotoKrM'; letter-spacing:-0.05em; box-shadow:0 10px 10px rgba(0,0,0,0.1); }
.vision_wrap .vbx4 ul li.num1 {border-color:#285793; color:#222;}
.vision_wrap .vbx4 ul li.num2 {border-color:#fda826; color:#222;}
.vision_wrap .vbx4 ul li.num3 {border-color:#8cce18; color:#222;}

.vision_wrap .box {clear:both;}
.vision_wrap .box .ethics {display: inline-block;width: 849px;box-shadow: 10px 8px 20px 0px rgba(0,0,0,0.09);}
.vision_wrap .box .ethics ul li{float:left;width: 284px;height:258px;color:#fff;border: 1px solid #e9e9e9;box-sizing: border-box;margin: 0 0 -1px -1px;}
.vision_wrap .box .ethics ul li.bg01{background: url(/img/03intro/vision_icon05.gif) no-repeat 50% 16%;}
.vision_wrap .box .ethics ul li.bg02{background:url(/img/03intro/vision_icon06.gif) no-repeat 50% 16%;}
.vision_wrap .box .ethics ul li.bg03{background:url(/img/03intro/vision_icon07.gif) no-repeat 50% 16%;}
.vision_wrap .box .ethics ul li.bg04{background:url(/img/03intro/vision_icon08.gif) no-repeat 50% 16%;}
.vision_wrap .box .ethics ul li.bg05{background:url(/img/03intro/vision_icon09.gif) no-repeat 50% 16%;}
.vision_wrap .box .ethics ul li.bg06{background:url(/img/03intro/vision_icon10.gif) no-repeat 50% 16%;}
.vision_wrap .box .ethics ul li dl {text-align:center;margin-top:112px;}
.vision_wrap .box .ethics ul li dl dt {width:100%;font-family:'Lato',sans-serif;font-size:23px;font-weight:600;color:#000;}
.vision_wrap .box .ethics ul li dl dd::before{content:"";display:block;width:24px;height:3px;margin: 18px auto;background:#ffa630;}
.vision_wrap .box .ethics ul li dl dd {width:100%;color:#464646;}


/*심볼마크*/
.s0306 {width:100%;}
.s0306 .symbol {display:inline-block;width: 100%;text-align: center;}
.s0306 .symbol .img {float:left; width:305px; border-right:1px solid #dfdfdf;}
.s0306 .symbol .infobox.symbolbox {width: 100%;padding-top: 199px;box-sizing: border-box;background: url(/img/03intro/symbol_bg.jpg) no-repeat 0 0 / 100%;}
.s0306 .symbol .infobox.symbolbox .tit{margin-bottom:10px;}
.s0306 .symbol .infobox.symbolbox .tit dt{display:inline-block;margin-right:10px;font-size:15px;font-weight:600;letter-spacing:-1px;color:#000;vertical-align:middle;}
.s0306 .symbol .infobox.symbolbox .tit dd{display:inline-block;width:auto;height:25px;font-size:0;line-height:0;vertical-align:middle;}
.s0306 .symbol .infobox.symbolbox .tit dd img{height:100%;}
.s0306 .symbol .infobox.symbolbox .txt {display: block;width: 790px;padding: 40px 40px 40px 236px;margin: 0 auto;box-sizing: border-box;border: 1px solid #e2e2e2;box-shadow: 1px 1px 20px 3px rgba(0,0,0,0.16);background: url(/img/03intro/symbol_logo.jpg) no-repeat 40px 50% #fff;}
.s0306 .symbol .infobox.symbolbox .txt p {font-family: 'NotoKrR',sans-serif;font-size: 16px; color: #333;line-height: 26px;}
.s0306 .symbol .infobox.symbolbox .txt p span{font-family: 'Lato','NotoKrR',sans-serif;color: #0b71e5;font-weight: 600;}
.btn.sym {display:inline-block;padding: 15px 24px;margin-top:30px;border: 1px solid #d1d1d1;border-radius: 50px;line-height: 1;background: #fff;}
.btn.sym a.down_btn:first-child{border-left:0;}
.btn.sym a.down_btn{font-family: 'Lato','NotoKrM',sans-serif;color: #222;padding: 14px 12px;border-left: 1px solid #d1d1d1;}
.btn.sym a.down_btn span{display:inline-block;padding-left:22px;background: url(/img/03intro/symbol_down_arrow.gif) no-repeat 0 50%;}

.s0306 .sign_list {display:inline-block; width:100%;}
.s0306 .sign_list .box {display: inline-block;width: 100%;padding: 40px 0 30px;margin-bottom: 30px;text-align: center;border: 1px solid #e2e2e2;box-sizing: border-box;background: url(/img/03intro/bg_grid.gif) repeat;}
.s0306 .sign_list .box .img {float: left;width: 50%;}
.s0306 .sign_list .box .img.pt img{padding-top: 12px;}

/*마스코트*/
.s0306 .mascot{position: relative;height: 231px;background: url(/img/03intro/mas_bg2.gif);}
.s0306 .mascot p{font-family: 'NotoKrL',sans-serif;font-size: 30px;line-height: 42px;color: #000;padding: 67px 50px 0;}
.s0306 .mascot p span{font-family: 'NotoKrR',sans-serif;font-size: 24px;}
.s0306 .mascot p strong{font-family: 'NotoKrB',sans-serif;}
.s0306 .mascot img{position:absolute;top:69px;right:65px;}
.s0306 p.mas_txt{font-family: 'NotoKrM',sans-serif;font-size: 16px;line-height: 26px;}
.s0306 .symbol.bx{position: relative;border: 1px solid #e2e2e2;margin-top: 62px;padding: 35px 0;background: url(/img/03intro/bg_grid.gif) repeat;}
.s0306 .symbol.bx .img {width:100%;}
.s0306 .symbol.bx p.name{position: absolute;top: -22.5px;left: 22px;display: inline-block;width: 265px;line-height: 45px;text-align: center;font-size: 16px;font-family: 'NotoKrM',sans-serif;color: #3d3101;border: 2px solid #000;border-radius: 45px;background: #ffd431;}
.s0306 .mascot_list{border: 1px solid #e2e2e2;padding: 65px 0;box-sizing: border-box;text-align: center;background: url(/img/03intro/bg_grid.gif) repeat;}
.s0306 .mascot_list ul{display:flex;flex-wrap:wrap;padding:0 20px;box-sizing:border-box;}
.s0306 .mascot_list ul li{width:50%;}
.s0306 .mascot_list ul li img{width:264px;height:198px;object-fit:contain;}
.s0306 .mascot_list .btn.sym a.down_btn{font-size:14px;}


/*홍보자료*/
.video_wrap {position:relative;}
.video_wrap .box{position:relative; border:1px solid #ddd; text-align:left; padding:30px;box-sizing: border-box;}
.video_wrap .box video {width:100%;}
.video_wrap .box .tit {font-size:26px; color:#12305a; letter-spacing:-0.08em; font-family:'NotoKrB'; line-height:1; margin-bottom:10px;}
.video_wrap .img {position:absolute; bottom:-65px; right:0;}
.video_wrap .box .con_btn.red {position:absolute !important; top:40px; right:20px;}

/*사랑의 섬김*/
.imgbox {position:relative; width:100%; height:400px; background-repeat:no-repeat; background-position:center center; margin-bottom:30px;}
.imgbox .wbox {position:absolute; left:30px; bottom:0; width:318px; background:#fff; letter-spacing:-0.08em; padding: 0 28px;}
.imgbox.bg1 {background:url(/img/03intro/imgbox_bg1.jpg)}
.imgbox.bg2 {background:url(/img/03intro/imgbox_bg2.jpg)}
.imgbox.bg3 {background:url(/img/03intro/imgbox_bg3.jpg)}
.imgbox.bg4 {background:url(/img/03intro/imgbox_bg4.jpg)}

.imgbox .tit {font-size:38px; line-height:1; font-family:'NotoKrM'; color:#222; padding:40px 0 25px 0;}
.imgbox .txt {font-size:15px; line-height:24px; color:#767676; margin-bottom:40px;}
.imgbox .call {margin-bottom:30px; font-size:20px; font-weight:800; font-family:'Lato'; letter-spacing:0; line-height:20px; vertical-align:middle;}
.imgbox .call span {display:inline-block; padding:20px; background:url(/img/03intro/call_icon.png)no-repeat 0 0; vertical-align: middle;margin-right: 10px;}

/* 사랑의 섬김 - 사회사업 */
.team_social{position:relative;}
.team_social .social_box{position:relative; display:flex; flex-wrap:wrap; justify-content:center; gap:60px 0; margin:0 auto; padding-top:90px;}
.team_social .social_box::before,
.team_social .social_box::after{content:""; position:absolute; left:50%; top:calc(50% + 15px); width:390px; height:390px; border-radius:50%; transform:translate(-50%, -50%); background:#ecf6fd url(/img/03intro/social_logo.png) no-repeat center / 210px 81px; z-index:-1;}
.team_social .social_box::after{width:456px; height:456px; border:1px solid #add9f6; background:none;}
.team_social .social_box dl{display:flex; flex-direction:column; align-items:center; gap:15px; width:33.333%;}
.team_social .social_box dl dt{position:relative; display:flex; align-items:center; justify-content:center; width:185px; height:185px; border-radius:50%; background:#a5dbff;}
.team_social .social_box dl dt::before{content:""; position:absolute; left:50%; top:50%; width:160px; height:160px; border-radius:50%; transform:translate(-50%, -50%); background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}
.team_social .social_box dl dt .tit{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; font-size:18px; font-weight:700; color:#000;}
.team_social .social_box dl dt .tit::before{content:""; display:block; width:69px; height:69px; background-repeat:no-repeat; background-size:100% auto;}

.team_social .social_box dl dd{width:220px; padding:15px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box;}

.team_social .social_box dl.icon01{order:2; margin-top:-90px;}
.team_social .social_box dl.icon01 dt .tit::before{background-image:url(/img/03intro/social_icon01.png);}
.team_social .social_box dl.icon02{order:3;}
.team_social .social_box dl.icon02 dt{align-self:flex-start; background:#d8f5fd;}
.team_social .social_box dl.icon02 dt .tit::before{background-image:url(/img/03intro/social_icon02.png);}
.team_social .social_box dl.icon03{order:6;}
.team_social .social_box dl.icon03 dt{align-self:flex-start; background:#d3fffc;}
.team_social .social_box dl.icon03 dt .tit::before{background-image:url(/img/03intro/social_icon03.png);}
.team_social .social_box dl.icon04{order:5; margin-top:90px;}
.team_social .social_box dl.icon04 dt .tit::before{background-image:url(/img/03intro/social_icon04.png);}
.team_social .social_box dl.icon05{order:4;}
.team_social .social_box dl.icon05 dt{align-self:flex-end; background:#d8f5fd;}
.team_social .social_box dl.icon05 dt .tit::before{background-image:url(/img/03intro/social_icon05.png);}
.team_social .social_box dl.icon06{order:1;}
.team_social .social_box dl.icon06 dt{align-self:flex-end; background:#d3fffc;}
.team_social .social_box dl.icon06 dt .tit::before{background-image:url(/img/03intro/social_icon06.png);}

.team_social .social_box dl.icon01 dt,
.team_social .social_box dl.icon02 dt,
.team_social .social_box dl.icon06 dt{order:1;}

/*사랑의 섬김 자원봉사*/
.voluntary_wrap p,
.voluntary_wrap ul.list li,
.voluntary_wrap table {letter-spacing:-0.05em;}

/* 호스피스 완화 의료 */
.service_step ul {display:inline-block; }
.service_step ul li {width: 190px; float:left; padding-left:30px; font-size:0; line-height:1; letter-spacing:-0.05em; word-break:keep-all;
background:url(/img/common/cs_arrow.gif) no-repeat 5px 50%;}
.service_step ul li:first-child {padding-left:0; background:none;}
.service_step ul li .box {width:100%; min-height: 300px; border: 1px solid #d5d5d5;box-sizing: border-box;border-radius: 10px;
padding: 100px 15px 0 15px;text-align: center; float:left; font-size:15px;  line-height:1.4; background-repeat:no-repeat; background-position:50% 12px;}
.service_step ul li .box.icon1 {background-image:url(/img/03intro/service_icon01.gif);}
.service_step ul li .box.icon2 {background-image:url(/img/03intro/service_icon02.gif);}
.service_step ul li .box.icon3 {background-image:url(/img/03intro/service_icon03.gif);}
.service_step ul li .box.icon4 {background-image:url(/img/03intro/service_icon04.gif);}
.service_step ul li .box .tit {font-size:16px; padding:5px 10px; background:#0a4aa2; border-radius:50px; color:#fff; letter-spacing:-0.05em; font-family:'NotoKrM';}
.service_step ul li .box .part,
.service_step ul li .box .stit {font-size:15px; padding:12px 0; font-family:'NotoKrB'; }
.service_step ul li .box .part {color:#1677e6; border-bottom:1px dashed #ddd;}
.service_step ul li .box .stit {color:#14b415;} 

.facilities_wrap .tit{font-family:'NotoKrM'; font-size:18px; margin:10px 0; color:#222;}
.hospice_wrap > *{letter-spacing:-0.02em;}


/*안전보건 경영방침*/
.safe_cont{text-align: center;line-height: 0;}
.safe_cont .safe_tit{font-size: 30px;font-weight: 700;color: #000;margin-bottom: 40px}
.safe_cont .safe_stit{font-size: 17px;line-height: 27px;color: #000;border:1px dotted #d5d5d5;padding: 30px;background: #f5f5f5;}
.safe_cont .safe_txt{display: inline-block;text-align:left;margin: 70px 0;font-size: 17px;}
.safe_cont .safe_txt p{position:relative;padding-left: 40px;line-height: 30px;}
.safe_cont .safe_txt p:nth-child(n+2){margin-top: 25px;}
.safe_cont .safe_txt p span{position: absolute;left: 0;display:block;width: 30px;height: 30px;line-height: 30px;color:#fff;border-radius: 100%;font-weight: 700;text-align: center;box-shadow: 2px 2px 13px rgb(0 0 0 / 40%);background: #162766;}
.safe_cont p.tac{color: #000;font-size: 17px;}
.safe_cont p.tac.sign{font-weight: 600;color: #333;font-size: 20px;margin-top: 30px;line-height: 1;}

/* 윤리강령 */
.ethics_wrap .gray_box{margin-bottom:50px; padding:35px 30px; background:#f3f3f3;}
.ethics_wrap .gray_box p{line-height:1.6; text-align:center; word-break:keep-all; font-size:20px; color:#333;}
.ethics_wrap .ethics_list li:nth-child(n+2){margin-top:30px;}
.ethics_wrap .ethics_list li .tit{position:relative; margin-bottom:15px; padding-left: 40px;line-height: 30px; font-size:20px; font-weight:700; color:#000;}
.ethics_wrap .ethics_list li .tit span{position: absolute;left: 0;display:block;width: 30px;height: 30px;line-height: 30px; font-size:17px; color:#fff;border-radius: 100%;font-weight: 700;text-align: center; background: #162766;}
.ethics_wrap .ethics_list li .line_box{border-radius:15px;}


/****************************** 태블릿 ******************************/
@media all and (max-width:1024px){

/*인사말*/
.greeting_wrap{padding-left: 0;height: auto;}
.greeting_wrap img{width:50%;height:auto;}
.greeting_wrap .greeting_ftxt_wrap{width: 50%;padding-left: 20px;}
.greeting_wrap .greeting_ftxt{width:100%;}
.greeting_wrap p.gt01{font-size: 24px;word-break: keep-all;margin-bottom: 50px;}
.greeting_wrap p.gt01 span br{display:none;}
.greeting_wrap.case02{margin-top:0;font-size: 15px;line-height: 23px;}

/*연혁*/
.history_wrap .top_img {background-size:cover;}     
.history_wrap .top_img .wbox {top:30px; bottom:auto;}
.history_wrap .top_img .tit {font-size:24px;}
.history_wrap .top_img .con {font-size:15px;}       

.history_wrap .box{position:relative;}
.history_wrap .box .year{position: absolute;float: none;top: 0;left: 0;height: 30px;width: 95px;line-height: 30px;font-size: 18px;margin-top: 20px;}
.history_wrap .box > dl{ float:none;  margin: 30px 0 0 50px; }
.history_wrap .box dl dd{width:100%;box-sizing:border-box; font-size:15px;}
.history_wrap .box dl dd.history_img{width:100%;padding:0;}
.history_wrap .box dl dd.history_img img{width:100%;margin-bottom:30px;}


/*개요*/
.overview_wrap ul li{width:23.3%;height: 150px;}
.overview_wrap ul li p{padding-top: 80px;background-size: 50px auto;}

/*미션*/
.mission .mission_titbox .txt br{display:none;}

.mission img{width:100%;}


/*비전*/
.vision_wrap .vbx{height:auto;margin: 50px 0;padding-top:47px;}
.vision_wrap .vbx ul li{width: 19.7%;padding-left:7%;}
.vision_wrap .vbx ul li p.cir{height: 150px;font-size: 17px;background-size: 35px auto !important;}
.vision_wrap .vbx ul li p.cir_txt{font-size: 15px;line-height: 20px;}

.vision_wrap .vbx2 .txt1 {font-size:35px;}
.vision_wrap .vbx2 .txt2 {font-size:22px;}
.vision_wrap .vbx2 .mimg  {max-width:80%; margin:0 auto;}


.vision_wrap .vbx3 dl {width:19%; margin-left:1%;}
.vision_wrap .vbx3 dl:nth-of-type(1) {margin-left:1%;}
.vision_wrap .vbx3 dl dt {width:100%; height:180px; font-size:14px; }
.vision_wrap .vbx3 dl dt p.tit {font-size:18px; padding:20px 0 80px 0; }


.vision_wrap .vbx4 ul li {width:31%; box-sizing:border-box; font-size:15px; padding:15px 0;}

.vision_wrap .box .ethics{width:100%;}
.vision_wrap .box .ethics ul li{width:33.4%;}


/*심볼마크*/
.s0306 .symbol .infobox.symbolbox .txt{width:96%; margin:0 2%; padding:20px 20px 20px 246px; }
.s0306 .symbol .infobox.symbolbox .txt p {font-size:15px; line-height:1.4; word-break:keep-all;}

/*홍보자료*/
.video_wrap iframe{height:400px !important;}

/*조직*/
.img_size > img{width:100%;}



/* 호스피스 완화 의료 */
.service_step ul {width:100%;}
.service_step ul li {width: 22%; padding-left:4%;}
.service_step ul li .box {font-size:14px; min-height:280px;}
.service_step ul li .box .tit {font-size:15px;}
.service_step ul li .box .part,
.service_step ul li .box .stit {font-size:14px; padding:10px 0;}


/*안전보건 경영방침*/
.safe_cont img{width:100%;}





}
/*****************************모바일 ******************************/
@media all and (max-width:767px){

/*인사말*/
.greeting_wrap img{width:100%;}
.greeting_wrap .greeting_ftxt_wrap{width:100%;padding-left:0;}
.greeting_wrap .greeting_ftxt{margin-bottom:20px;font-size:16px;}
.greeting_wrap p.gt01,
.greeting_wrap p.gt01.type2{margin-bottom: 30px;font-size: 22px;line-height: 1.3;}
.greeting_wrap p{font-size:15px;}
.greeting_wrap.case02{padding: 0;}
.greeting_wrap p.right{margin-top:40px;font-size:15px; margin-bottom:0;}
.greeting_wrap p.right span{font-size:17px;}

/*연혁*/
.history_wrap .top_img .tit {font-size:20px;}
.history_wrap .top_img .con {font-size:14px;}       

.history_wrap .box .year{font-size: 16px;}
.history_wrap .box > dl{width:auto; float:none;  margin: 0; margin-top: 40px; background:none; padding-left:0; }
.history_wrap .box > dl::after {display:none;}
.history_wrap .box > dl dt {padding-left:0; font-size:14px;}
.history_wrap .box dl dd{width:100%;box-sizing:border-box; font-size:14px; padding-left:90px; box-sizing:border-box;}
.history_wrap .box dl dd.history_img{width:100%;padding:0;}
.history_wrap .box dl dd.history_img img{width:100%;margin-bottom:30px;}


/* 역대원장 */
.hdirector_w .box{width:50%;height: auto;padding:0;}
.hdirector_w .box img{width:100px !important;height:100px !important;}
.hdirector_w .box dl dt{display: inline-block; width: 115px;}
.hdirector_w .box dl dd.name{font-size:18px;word-break: keep-all;}
.hdirector_w .box dl dd.year{font-size:12px;}

/*개요*/
.overview_wrap .top_img{height: 150px;background-position: 73% 50%;}
.overview_wrap .top_img p{padding:25px;}
.overview_wrap .top_img p img{display: block;width:50%;}
.overview_wrap ul li{width:47.5%;height: 120px;margin: 0 0 3% 0;}
.overview_wrap ul li:nth-child(even){margin-left: 3%;}
.overview_wrap ul li p{font-size: 17px;padding-top:63px;background-position: 50% 11px;}

/*미션*/
.mission .mbx_tit{font-size:17px;}
.mission > ul > li{background-size: 90px auto !important;background-position: 15px 20px !important;;}
.mission ul.list3 li{background: none;padding-left: 0;}
.mission ul li .mbx_info{margin-left: 0;padding: 20px 15px 20px 130px;}
.mission ul li .mbx_info p.tit{font-size:17px;}

.mission .mission_titbox{padding:40px 30px;}
.mission .mission_titbox .tit{font-size:25px;}
.mission .mission_titbox .tit .eng{font-size:14px;}
.mission .mission_titbox .txt{margin-top:30px; padding-left:12px; font-size:16px;}


.mission_list ul{flex-wrap:wrap; justify-content:center;}
.mission_list ul li{width:33.333%;}
.mission_list ul li p{font-size:15px;}


/*비전*/
.stella_txt{font-size:40px;}

.vision_wrap .tit.stella{height: 150px; line-height: 150px;padding: 0 0 0 10px;font-size: 26px;box-sizing: border-box;background-position: 67% 21%;}
.vision_wrap .txt{font-size: 15px;word-break: keep-all;}
.vision_wrap .txt span{font-size: 18px;line-height: 23px;margin-bottom: 20px;}
.vision_wrap .v_video {width:100%; margin:0 auto; margin-top:30px;}
.vision_wrap .v_video iframe {height:250px;}

.vision_wrap .vbx{background: none;padding-top: 0;}
.vision_wrap .vbx ul li{width:25%;padding-left: 0;}
.vision_wrap .vbx ul li p.cir{width: 100%;height: auto;padding: 20px 0 70px 0;border-radius: 0;background-position: 50% 71% !important;}
.vision_wrap .vbx ul li p.cir_txt{word-break: keep-all;font-size: 13px;box-sizing: border-box;margin-top: 11px;padding: 10px;}

.vision_wrap .vbx2 .txt1 {font-size:30px; margin-bottom:25px;}
.vision_wrap .vbx2 .txt2 {font-size: 16px; padding: 15px 30px; line-height: 1.4; word-break: keep-all;}
.vision_wrap .vbx2 .mimg  {max-width:80%; margin:0 auto;}

.vision_wrap .vbx3 {text-align:center;}
.vision_wrap .vbx3 dl {width:48%; display:inline-block; float:none; margin-bottom:20px; vertical-align:top;}
.vision_wrap .vbx3 dl dt {width:100%; font-size:14px; background-size:45px !important;}
.vision_wrap .vbx3 dl dt p.tit {font-size:17px;}

.vision_wrap .vbx3 dl dd {display:table; width:100%; height:55px; margin:10px 0 0 0; }
.vision_wrap .vbx3 dl dd span {display:table-cell; width:100%;  word-break:keep-all; margin:5px 0; background:#ddd; vertical-align:middle; line-height:1.4; color:#222;}

.vision_wrap .box .ethics ul li{width: 50%;height: 165px;background-size: 43px auto !important;background-position: 50% 0 !important;}
.vision_wrap .box .ethics ul li.bg01,
.vision_wrap .box .ethics ul li.bg02{height:180px;}
.vision_wrap .box .ethics ul li dl{margin-top:50px;}
.vision_wrap .box .ethics ul li dl dt{font-size: 18px;}
.vision_wrap .box .ethics ul li dl dd{padding: 10px;box-sizing: border-box;word-break: keep-all;}
.vision_wrap .box .ethics ul li dl dd::before {margin:10px auto;}

/*심볼마크*/
.s0306 .symbol .infobox.symbolbox{padding-top: 86px;background-size: contain;}
.s0306 .symbol .infobox.symbolbox .txt{padding: 95px 15px 15px 15px;word-break: keep-all;background-position: 50% 20px;background-size: 50px auto; margin: 0 2%;
    width: 96%;}
.btn.sym{display: block;border-radius: 0;padding: 0;margin-top:20px;}
.btn.sym a.down_btn{display: block;width: 100%;padding: 10px 0;border-top: 1px solid #d1d1d1;border-left: 0;margin-top: -1px;}
.s0306 .symbol .infobox.symbolbox .txt p {font-size:13px; line-height:1.5; letter-spacing:0;}
.s0306 .symbol .infobox.symbolbox .txt p br {display:none;}
.s0306 .sign_list .box{padding: 10px 15px;}
.s0306 .sign_list .box .img{float: none;width: 100%;margin:15px 0 20px;}
.s0306 .sign_list .box .img img{max-width:100%; width:auto;padding:0 10px;box-sizing:border-box;}

/*마스코트*/
.s0306 .mascot{height: 130px;background-position: 64%;background-size: cover;}
.s0306 .mascot p{padding: 20px; font-size:20px;line-height:30px;}
.s0306 .mascot p span{font-size:20px;}
.s0306 .mascot img{width:100px;right:0;}
.s0306 p.mas_txt{font-size:14px; line-height:1.6;}
.s0306 .symbol.bx{margin-top: 50px;padding: 40px 15px 15px;box-sizing: border-box;}
.s0306 .symbol.bx p.name{display: inline-block;width: 100%;box-sizing: border-box;left: 0;}
.s0306 .symbol.bx .img{float: none;border-right: 0;}
.s0306 .symbol.bx .img img{width:auto; max-width:100%;}
.s0306 .mascot_list ul li img{width:100%;height:100px;object-fit:contain;}

/*홍보자료*/
.video_wrap .box{word-break:keep-all; padding:20px;}
.video_wrap .box .con_btn.red{position:static !important;width:100%;box-sizing:border-box;text-align:center;margin-top:15px; font-size:14px; width:auto; height:auto; padding:5px 10px; width:100%; box-sizing:border-box;}
.video_wrap .box .tit {font-size:20px;}
.video_wrap iframe{height:auto !important; min-height:300px;}
.video_wrap .img{position: static;display: block;text-align: center;margin-top: 15px;}
.video_wrap .img img{width:140px;}


/*사랑의 섬김*/
.imgbox{height:330px;background-position: 60% 100% !important;}
.imgbox.bg2 .wbox .txt br{display:none;}
.imgbox .wbox{width: 90%;left:15px;padding: 15px;box-sizing: border-box;  text-align:center; }
.imgbox .tit{padding: 0;font-size: 20px;margin-bottom: 10px; text-align:center; padding-top:5px;}
.imgbox .txt{font-size: 13px;margin-bottom: 15px; line-height:1.6;}
.imgbox .call{display:inline-block; font-size: 17px;margin-bottom: 0;}

/* 사랑의 섬김 - 사회사업 */
.team_social .social_box{padding-top:0; gap: 0;}
.team_social .social_box::before{position:relative; left:auto; top:auto; width:100%; height:80px; margin-bottom:30px; transform:none; border-radius:0; background:#ecf6fd url(/img/03intro/social_logo.png) no-repeat center / auto 50%;}
.team_social .social_box::after{display:none;}
.team_social .social_box dl{width:100%; flex-direction:row; align-items:flex-start;}
.team_social .social_box dl:nth-child(n+2){margin-top:20px; padding-top:20px; border-top:1px dashed #ddd;}
.team_social .social_box dl dt{width:100px; height:auto; border-radius:10px; background:#fff; box-sizing:border-box;}
.team_social .social_box dl dt::before{display:none;}
.team_social .social_box dl dt .tit{font-size:17px;}
.team_social .social_box dl dt .tit::before{display:flex; align-items:center; justify-content:center; border:3px solid #a5dbff; border-radius:50%; background-color:#fff; background-position:center; background-size:70% auto;}
.team_social .social_box dl dd{width:calc(100% - 100px); padding:0; border:none; border-radius:0;}

.team_social .social_box dl.icon01{order:1; margin-top:0;}
.team_social .social_box dl.icon02{order:2;}
.team_social .social_box dl.icon03{order:3;}
.team_social .social_box dl.icon04{order:4;}
.team_social .social_box dl.icon05{order:5;}
.team_social .social_box dl.icon06{order:6;}

.team_social .social_box dl.icon01 dt, 
.team_social .social_box dl.icon02 dt,
.team_social .social_box dl.icon03 dt,
.team_social .social_box dl.icon04 dt,
.team_social .social_box dl.icon05 dt,
.team_social .social_box dl.icon06 dt{order:unset; align-self:flex-start; background:none;}


/* 호스피스 완화 의료 */
.service_step ul {width:100%;}
.service_step ul li {width: 100%; padding:0 0 20px 0; background:url(/img/common/cs_barrow.gif) no-repeat bottom center;}
.service_step ul li:first-child {background:url(/img/common/cs_barrow.gif) no-repeat bottom center;}
.service_step ul li:last-child {background:none;}
.service_step ul li .box {font-size:14px; min-height:auto; padding:80px 15px 15px 15px; background-size:60px;}
.service_step ul li .box .tit {font-size:14px;}
.service_step ul li .box .part,
.service_step ul li .box .stit {font-size:13px; }


/*안전보건 경영방침*/
.safe_cont .safe_tit{font-size:20px;margin-bottom:20px;}
.safe_cont .safe_stit{font-size: 16px;padding:20px;line-height: 24px;}
.safe_cont .safe_stit br{display:none;}
.safe_cont .safe_txt{margin:30px 0;font-size:16px;}
.safe_cont .safe_txt p{line-height:23px;}
.safe_cont .safe_txt p span{top:50%;margin-top:-15px;}
.safe_cont p.tac.sign{font-size:17px;}


/* 윤리강령 */
.ethics_wrap .gray_box{margin-bottom:30px; padding:25px;}
.ethics_wrap .gray_box p{font-size:17px;}
.ethics_wrap .ethics_list li:nth-child(n+2){margin-top:20px;}
.ethics_wrap .ethics_list li .tit{margin-bottom:10px; font-size:16px;}
.ethics_wrap .ethics_list li .tit span{top:3px; width:25px; height:25px; line-height:25px; font-size:14px;}


}

/*****************************모바일 ******************************/
@media all and (max-width:480px){

/* 미션 */
.mission_list ul li::before{width:80px; height:80px; background-size:80%;}

}