@charset "utf-8";

/* Tab */
.con_tab{clear:both;}
.con_tab ul{display:inline-block;width:100%;margin-left:1px}
.con_tab ul li {float:left; margin-left:-1px;}
.con_tab ul li:first-chlid {margin-left:0;}
.con_tab ul li a{display:block; padding:15px 0; text-align:center; border:1px solid #e0e0e0; border-bottom:1px solid #000; font-family:'NotoKrR' , sans-serif; font-size:15px; background:#f1f1f1;}
.con_tab ul li a.on{position:relative; z-index:1; color:#000; border:1px solid #000; border-bottom:1px solid #fff; background:#fff; box-shadow:0 -2px 3px rgba(0,0,0,0.2);}
.con_tab ul li a:hover{color:#000; border:1px solid #ddd; border-bottom:1px solid #000; background:#eaeaea; transition-duration:0.2s;}
.con_tab ul li a.on:hover {color:#000; border:1px solid #000; border-bottom:1px solid #fff; background:#fff;}

.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33.3%;}
.con_tab ul.no4 li{width:25%;}
.con_tab ul.no5 li{width:20%;}


/* 로그인센터>사이트맵, 이용안내>병원시설 공통 */
.con_tab2{display:inline-block;width:100%;border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;}
.con_tab2 ul li {float:left;}
.con_tab2 ul li:first-chlid a{margin-left:0;}
.con_tab2 ul li a{display:block;margin:-1px 0 0 -1px;padding:15px 0;line-height:22px;font-size:16px;color:#888;text-align:center;border:1px solid #dfdfdf;background:#f3f3f3;}
.con_tab2 ul li a.on{color:#fff;background:#0e4ab7;border:1px solid #0e4ab7;}
.con_tab2 ul li a:hover{color:#000;margin:-1px 0 0 -1px;border:1px solid #ddd;background:#e9e9e9; transition-duration:0.2s;}
.con_tab2 ul li a.on:hover{color:#fff;background:#0e4ab7;border:1px solid #0e4ab7;}

.con_tab2 ul{width:100%;}
.con_tab2 ul.no2 li{width:50%;}
.con_tab2 ul.no3 li{width:33.3%;}
.con_tab2 ul.no4 li{width:25%;}
.con_tab2 ul.no5 li{width:20%;}
.con_tab2 ul.no6 li{width:16.6%;}

.tab_b{margin-bottom:40px;}


/* Table */
table th{font-weight:normal;font-family:'NotoKrB';}

table.table1{width:100%; border-top:1px solid #969696; border-bottom:1px solid #ccc; border-collapse:collapse;}
table.table1 thead th{padding:12px 0; color:#000; font-size:15px; text-align:center; background:#f7f7f9; border-left:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
table.table1 tbody th{background:#f7f7f9;}
table.table1 tbody th,
table.table1 tbody td{padding:15px 10px 14px; color:#444; font-size:15px; text-align:center; border-top:1px solid #e9e9e9; }
table.table1 tbody th,
table.table1 tbody td{border-left:1px solid #e9e9e9;}
table.table1 thead th:first-child,
table.table1 tbody td:first-child,
table.table1 tbody th:first-child {border-left:none;}
table.table1 tbody td img,
table.table1 tbody td input{vertical-align:middle;}
table.table1 td.left{text-align:left; padding-left:10px;}
table.table1 td.right{text-align:right; padding-right:10px;}
table.table1 td.center{text-align:center !important;}
table.table1 td.bg{background:#fafafa;}
table.table1.left td{text-align:left;}

table.table1.line{margin-left:-1px;border-right:1px solid #e9e9e9;}
table.table1.line thead th:first-child,
table.table1.line tbody td:first-child,
table.table1.line tbody th:first-child {border-left:1px solid #e9e9e9;}
.sarea,
.over_table{width:840px;overflow:hidden;}

/* 의료선교박물관 > 이용안내 */
table.table1.museum thead th,
table.table1.museum tbody th,
table.table1.museum tbody td{padding:8px 10px;font-size:13px;}



/* 진료 및 예약 > 진료과소개 타임테이블 */
table.table2{width:100%;text-align:center;border-top:1px solid #dfdfdf;}
table.table2 thead th{padding:5px 0;font-family:'NotoKrB';font-size:14px;color:#444;background:#f9f9f9;}
table.table2 thead td, table.table2 tbody td{padding:5px 0;}
table.table2 th, table.table2 td{border-bottom:1px solid #dfdfdf;}
table.table2 tbody th{font-family:'NotoKrB';font-size:13px;color:#666;}
table.table2 tbody td{height:25px;font-size:13px;}

/* 비급여진료비안내 */
table.table3 {width:100%; border-top:1px solid #969696; border-bottom:1px solid #ccc; border-collapse:collapse;}
table.table3 thead th {padding:12px 0; color:#000; font-size:14px; text-align:center; background:#f7f7f9; border-left:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
table.table3 tbody th {background:#f7f7f9;}
table.table3 tbody th,
table.table3 tbody td {padding:15px 5px 14px; color:#444; font-size:13px; text-align:center; border-top:1px solid #e9e9e9; }
table.table3 tbody th,
table.table3 tbody td {border-left:1px solid #e9e9e9;}
table.table3 thead th:first-child,
table.table3 tbody td:first-child,
table.table3 tbody th:first-child {border-left:none;}
table.table3 tbody td img,
table.table3 tbody td input  {vertical-align:middle;}
table.table3 td.left {text-align:left; padding-left:10px;}
table.table3 td.right {text-align:right; padding-right:10px;}
table.table3 td.bg {background:#fafafa;}
table.table3.left td{text-align:left;}

/* Contents */
h3.tit{color:#000; font-size:20px; margin-bottom:15px; font-family:'NotoKrB';font-weight:700;letter-spacing:-1px;}
h3.h3_t{margin-top:55px;}
h4.tit{color:#333; font-size:17px; margin-bottom:10px; font-family:'NotoKrB';font-weight:700; letter-spacing:-1px;}
h4.h4_t{margin-top:30px;}

h3.tit2{color:#000; font-size:26px;}


.gray_box {padding:28px; background:#f5f5f5; line-height:22px; font-size:15px; color:#444; font-family:'NotoKrR' , sans-serif;}
.gray_box2{padding:55px 75px;text-align:center;background:#f3f3f3;}
.gray_box3{padding:20px; background:#eee; line-height:22px; font-size:15px; color:#444; font-family:'NotoKrR' , sans-serif;}

.line_box {padding:20px; border:1px solid #eee; line-height:1.3; }

/* List */
ul.list li{margin-bottom:5px; padding-left:17px; font-size:15px; line-height:24px; color:#333;}
ul.list li>em{margin-left:-17px;}
ul.list2{margin:5px 0 10px 0;}
ul.list2 li{background:url(/img/common/list2_bu.gif) no-repeat left 10px; margin-bottom:3px; padding:0 0 0 12px; line-height:22px;}
ul.list3{margin:5px 0 20px 0;}
ul.list3 li{background:url(/img/common/list3_bu.gif) no-repeat left 10px; padding:0 0 0 10px; font-size:14px; color:#666;}

/*포인트텍스트*/
.point_txt{padding-left:28px;background:url(/img/common/icon_notibox.gif) no-repeat 0 4px;background-size:18px auto;font-family:'NotoKrM';font-size:14px; }


/*버튼정의*/
.btn_w{width:100%;text-align:center;margin:25px 0;}
.btn_w.line{border-top:1px dashed #ccc;margin:40px 0;padding-top:30px;}
.btn_w.solide_line{border-top:1px solid #dfdfdf;padding-top:30px;}

.con_btn{display:inline-block;padding:0 24px;height:43px;line-height:43px;font-family:'NotoKrM' , sans-serif;font-size:16px;color:#fff;text-align:left;cursor:pointer;letter-spacing:-0.05em;vertical-align:middle;-webkit-transition:all 200ms;transition:all 200ms;}
.con_sbtn{display:inline-block;padding:0 19px;height:38px;line-height:38px;font-family:'NotoKrM' , sans-serif;font-size:14px;color:#fff;text-align:left;cursor:pointer;letter-spacing:-0.05em;vertical-align:middle;-webkit-transition:all 200ms;transition:all 200ms;}
.con_ssbtn{display:inline-block;padding:0 19px;height:35px;line-height:35px;font-family:'NotoKrM' , sans-serif;font-size:14px;color:#fff;text-align:left;cursor:pointer;letter-spacing:-0.05em;vertical-align:middle;-webkit-transition:all 200ms;transition:all 200ms;}
input.con_btn, 
input.con_sbtn{line-height:100%;}
.con_btn.file{padding-right:50px;}
.con_sbtn.file{padding-right:45px;}
.con_ssbtn.file{padding-right:45px;}


.con_btn.gray,
.con_sbtn.gray{color:#fff;background:#6f7b91;border:1px solid #6f7b91;}
.con_btn.gray:hover,
.con_sbtn.gray:hover,
.con_ssbtn.gray:hover{background:#626f87;border:1px solid #626f87;}

.con_btn.blue,
.con_sbtn.blue,
.con_ssbtn.blue{color:#fff;background:#2237a2;border:1px solid #2237a2;}
.con_btn.blue:hover,
.con_sbtn.blue:hover,
.con_ssbtn.blue:hover{background:#1e308b;border:1px solid #1e308b;}

.con_btn.white,
.con_sbtn.white{color:#444;background:#fff;border:1px solid #999;}
.con_btn.white:hover,
.con_sbtn.white:hover{color:#fff;background:#444;border:1px solid #444;}

.con_btn.red,
.con_sbtn.red{color:#fff;background:#e04545;border:1px solid #e04545;}
.con_btn.red:hover,
.con_sbtn.red:hover{color:#fff;background:#d73e3e;border:1px solid #d73e3e;}



.con_btn.file.gray,
.con_sbtn.file.gray{color:#fff;border:1px solid #6f7b91;background:#6f7b91 url(/img/common/icon_file_btn.gif) no-repeat right 50%;}
.con_sbtn.file.gray{background:#6f7b91 url(/img/common/icon_file_sbtn.gif) no-repeat right 50%;}
.con_btn.file.gray:hover,
.con_sbtn.file.gray:hover{color:#fff;border:1px solid #626f87;background:#626f87 url(/img/common/icon_file_btn.gif) no-repeat right 50%;}
.con_sbtn.file.gray:hover{background:#626f87 url(/img/common/icon_file_sbtn.gif) no-repeat right 50%;}

.con_btn.file.blue,
.con_sbtn.file.blue{border:1px solid #2237a2;background:#2237a2 url(/img/common/icon_file_btn.gif) no-repeat right 50%;}
.con_sbtn.file.blue{background:#2237a2 url(/img/common/icon_file_sbtn.gif) no-repeat right 50%;}
.con_ssbtn.file.blue{border:1px solid #2237a2;background:#2237a2 url(/img/common/icon_file_btn.gif) no-repeat right 50%;}
.con_ssbtn.file.blue{background:#2237a2 url(/img/common/icon_file_sbtn.gif) no-repeat right 50%;}

.con_btn.file.blue:hover,
.con_sbtn.file.blue:hover{border:1px solid #1e308b;background:#1e308b url(/img/common/icon_file_btn.gif) no-repeat right 50%;}
.con_sbtn.file.blue:hover{background:#1e308b url(/img/common/icon_file_sbtn.gif) no-repeat right 50%;}
.con_ssbtn.file.blue:hover{border:1px solid #1e308b;background:#1e308b url(/img/common/icon_file_btn.gif) no-repeat right 50%;}
.con_ssbtn.file.blue:hover{background:#1e308b url(/img/common/icon_file_sbtn.gif) no-repeat right 50%;}


.con_btn.file.white,
.con_sbtn.file.white{color:#444;border:1px solid #999;background:#fff url(/img/common/icon_file_btn2.gif) no-repeat right 50%;}
.con_sbtn.file.white{background:#fff url(/img/common/icon_file_sbtn2.gif) no-repeat right 50%;}
.con_btn.file.white:hover,
.con_sbtn.file.white:hover{color:#fff;border:1px solid #444;background:#444 url(/img/common/icon_file_btn.gif) no-repeat right 50%;}
.con_sbtn.file.white:hover{background:#444 url(/img/common/icon_file_sbtn.gif) no-repeat right 50%;}


/* 문단 */
.paragrapH{clear:both; width:100%; display:inline-block; text-align:justify; word-break:keep-all;}
.paragrapH.gap_t{margin-top:40px;}
.paragrapH p{margin-top:12px;}
.paragrapH p:first-child, .paragrapH .mimg:first-child{margin-top:0;}
.paragrapH ul, .paragrapH ol, .paragrapH dl{margin-top:12px !important;}
.paragrapH .mimg.fr{margin-left:20px; margin-bottom:10px;}
.paragrapH .mimg.fl{margin-right:20px; margin-bottom:10px;}
.paragrapH ul p{margin-top:0;}


/* 컬러공통박스 */
.htit_box{position:absolute;right:0;width:350px;height:220px;box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.3);z-index:1;display:inline-block;}
.htit_box .btxt{margin-top:42px;padding-left:50px;font-size:25px;line-height:33px;font-family:'NotoKrB', sans-serif;color:#fff;letter-spacing:-0.05em;background:url(/img/common/line_boxtit.gif) no-repeat left 15px;}
.htit_box .btxt .eng{font-weight:700;letter-spacing:1px;}
.htit_box .stxt{padding:20px 0 0 50px;font-size:14px;line-height:22px;color:#fff;}
.htit_box .btn_area{position:relative;display:inline-block;width:95px;height:20px;float:right;margin:30px 35px 0 0;background:url(/img/common/arr_line.png) no-repeat 50% 0;}
.htit_box .illust{position:absolute;}


/* 아이콘박스 */
.icon_box{position:relative;padding:25px 25px 40px 25px;background:#e7edf8;}
.icon_box .area{padding:45px 30px;background:#fff;-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);}
.icon_box .txt_area{padding-left:265px;}
.icon_box .area .btxt{font-size:25px;font-family:'NotoKrM';color:#222;letter-spacing:-0.05em;}
.icon_box .area .stxt{margin-top:15px;font-size:14px;font-family:'NotoKrM';color:#666;line-height:22px;letter-spacing:-0.05em;}
.icon_box .area .etc_txt{font-size:14px;font-family:'NotoKrM';color:#222;letter-spacing:-0.05em;}
.icon_box .icon{position:absolute;}
.icon_box .icon1{top:60px;left:75px;}
.icon_box .icon2{top:70px;left:50px;}
.icon_box .icon3{top:0;left:60px;}
.icon_box .icon4{top:92px;left:55px;}
.icon_box .icon5{top:75px;left:75px;}/*진료및예약 > 건강증진센터*/
.icon_box .icon6{top:53px;left:75px;}/*이용안내 > 증명서발급 - 환자진료기록사본발급안내*/

.icon_box .museum_box_txt{margin-top:15px;}
.icon_box .museum_box_txt li{font-size:14px;font-family:'NotoKrM';color:#666;line-height:22px;text-indent:-15px;padding-left:15px}
.icon_box .museum_box_txt li.red_txt{color:#e61717;}

/*내용_이미지+리스트*/
.img_box {display:inline-block; width:100%;}
.img_box .list_area {width:645px; float:right;}


/****** 환자권리장전&병원윤리강령&사랑나눔 공통 리스트 ******/
.dot_list{margin-top:25px;}
.dot_list li{margin-bottom:8px;padding-left:10px;font-size:14px;color:#666;line-height:22px;font-family:'NotoKrM';background:url(/img/common/dot_list.gif) no-repeat 0 10px;}
.dot_list li span{font-family:'NotoKrM';}
.imgbox{width:100%;display:inline-block;}


/****** 이미지 상단타이틀 박스 ******/
.imgbox_tit .white_box{padding:45px 55px 45px 35px;width:310px;background:rgba(255,255,255,0.9);}
.imgbox_tit .white_box .btxt{font-size:30px;color:#222;line-height:38px;letter-spacing:-0.05em;font-family:'NotoKrL', sans-serif;}
.imgbox_tit .white_box .stxt{margin-top:20px;font-size:14px;color:#666;line-height:24px;}
.imgbox_tit .white_box .tel{margin-top:20px;font-size:15px;color:#222;font-family:'NotoKrM', sans-serif;}
.imgbox_tit .white_box .tel span{letter-spacing:0;font-family: 'Lato', sans-serif;font-weight:700;}

.imgbox_tit.bg1 .white_box,
.imgbox_tit.bg8 .white_box{width:330px;padding:45px 35px;}
.imgbox_tit.bg5 .white_box{width:325px;padding:50px 35px 45px;}

.imgbox_tit.bg1,
.imgbox_tit.bg5,
.imgbox_tit.bg7,
.imgbox_tit.bg8{padding-top:30px;height:420px;}
.imgbox_tit.bg1{background:url(/img/03share/share01tit_bg.jpg) no-repeat 0 0;}
.imgbox_tit.bg8{background:url(/img/03share/share01tit_bg8.jpg) no-repeat 0 0;}
.imgbox_tit.bg2{padding-top:100px;height:350px;background:url(/img/03share/share02tit_bg.jpg) no-repeat 0 0;}
.imgbox_tit.bg203{padding-top:100px;height:350px;background:url(/img/03share/share0203tit_bg.jpg) no-repeat 0 0;}
.imgbox_tit.bg204{padding-top:100px;height:350px;background:url(/img/03share/share0204tit_bg.jpg) no-repeat 0 0;}

.imgbox_tit.bg4{padding-top:130px;height:370px;background:url(/img/03share/share04tit_bg.jpg) no-repeat 0 0;}
.imgbox_tit.bg5{background:url(/img/01treatment/health_tit_bg.jpg) no-repeat 0 0;}
.imgbox_tit.bg6{padding-top:130px;height:320px;background:url(/img/03use/funeral_tit_bg.jpg) no-repeat 0 0;}
.imgbox_tit.bg7{background:url(/img/03share/hospice_tit_bg.jpg) no-repeat 0 0;}/*이용안내-호스피스*/



/************ STEP ************/

/****** step01 ******/
.step_type01{width:100%;border-bottom:1px solid #dfdfdf;}
.step_type01 .box{padding:35px 0 35px 230px;border-top:1px solid #dfdfdf;}
.step_type01 .box .btxt{margin-top:5px;font-size:19px;font-family:'NotoKrB', sans-serif;color:#444;letter-spacing:-0.05em;}
.step_type01 .box .btxt span{margin-right:5px;font-size:15px;font-family:'Lato', sans-serif;font-weight:600;letter-spacing:0;}
.step_type01 .box ul.step_list{margin-top:15px;}
.step_type01 .box ul.step_list li{margin-bottom:6px;padding-left:15px;font-size:14px;line-height:20px;background:url(/img/common/step01_li_icon01.gif) no-repeat 0 8px;}
.step_type01 .box ul.step_list li ul{margin:4px 0 8px;}
.step_type01 .box ul.step_list li ul li{padding-left:10px;margin-bottom:2px;background:url(/img/common/step01_li_icon02.gif) no-repeat 0 9px;}
.step_type01 .rsv_btn_w{margin-top:15px;}

/* 시작-step01(이용안내-입원진료-입퇴원절차) */
.step_type01 .box .stxt{margin-top:15px;font-size:14px;color:#666;line-height:20px;}
.step_type01 .box dl{display:inline-block;margin-top:20px;font-size:14px;}
.step_type01 .box dl dt{display:inline-block;float:left;width:80px;font-family:'NotoKrB', sans-serif;line-height:20px;}
.step_type01 .box dl.red dt{color:#cc3232;}
.step_type01 .box dl.blue dt{color:#4758bf;}
.step_type01 .box dl dd{float:left;width:530px;color:#666;line-height:22px;}
.step_type01 .box dl dd ul{display:inline-block;width:100%;}
.step_type01 .box dl dd ul li{padding-left:8px;background:url(/img/common/line_step_type01_list.gif) no-repeat 0 10px;}

/* 아이콘 */
.step_type01 .box.icon1_1{background:url(/img/01treatment/icon_h_step01.gif) no-repeat 70px 50%;} /*진료및예약-건강증진센터-건강검진절차*/
.step_type01 .box.icon1_2{background:url(/img/01treatment/icon_h_step02.gif) no-repeat 70px 50%;}
.step_type01 .box.icon1_3{background:url(/img/01treatment/icon_h_step03.gif) no-repeat 70px 50%;}
.step_type01 .box.icon1_4{background:url(/img/01treatment/icon_h_step04.gif) no-repeat 70px 50%;}
.step_type01 .box.icon1_5{background:url(/img/01treatment/icon_h_step05.gif) no-repeat 70px 50%;}
.step_type01 .box.icon1_6{background:url(/img/01treatment/icon_h_step06.gif) no-repeat 70px 50%;}

.step_type01 .box.icon2_1{background:url(/img/03use/icon_t_step01.gif) no-repeat 70px 50%;} /*이용안내-외래진료-외래진료절차*/
.step_type01 .box.icon2_2{background:url(/img/03use/icon_t_step02.gif) no-repeat 70px 50%;}
.step_type01 .box.icon2_3{background:url(/img/03use/icon_t_step03.gif) no-repeat 70px 50%;}
.step_type01 .box.icon2_4{background:url(/img/03use/icon_t_step04.gif) no-repeat 70px 50%;}
.step_type01 .box.icon2_5{background:url(/img/03use/icon_t_step05.gif) no-repeat 70px 50%;}
.step_type01 .box.icon2_6{background:url(/img/03use/icon_t_step06.gif) no-repeat 70px 50%;}

.step_type01 .box.icon3_1{background:url(/img/03use/icon_f_step01.gif) no-repeat 71px 50%;} /*이용안내-장례식장-이용절차*/
.step_type01 .box.icon3_2{background:url(/img/03use/icon_f_step02.gif) no-repeat 81px 50%;}
.step_type01 .box.icon3_3{background:url(/img/03use/icon_f_step03.gif) no-repeat 71px 50%;}
.step_type01 .box.icon3_4{background:url(/img/03use/icon_f_step04.gif) no-repeat 83px 50%;}
.step_type01 .box.icon3_5{background:url(/img/03use/icon_f_step05.gif) no-repeat 72px 50%;}
.step_type01 .box.icon3_6{background:url(/img/03use/icon_f_step06.gif) no-repeat 73px 50%;}

.step_type01 .box.icon4_1{background:url(/img/03use/icon_p_step01.gif) no-repeat 71px 50%;} /*이용안내-입원진료-입퇴원절차*/
.step_type01 .box.icon4_2{background:url(/img/03use/icon_p_step02.gif) no-repeat 81px 50%;}
.step_type01 .box.icon4_3{background:url(/img/03use/icon_p_step03.gif) no-repeat 84px 50%;}
.step_type01 .box.icon4_4{background:url(/img/03use/icon_p_step04.gif) no-repeat 83px 50%;}
.step_type01 .box.icon4_5{background:url(/img/03use/icon_p_step05.gif) no-repeat 72px 50%;}
.step_type01 .box.icon4_6{background:url(/img/03use/icon_p_step06.gif) no-repeat 73px 50%;}


/****** step02 ******/
.step_type02{padding:0 105px;overflow:hidden;}
.step_type02 ol{margin-bottom:-40px;}
.step_type02 ol li{padding-bottom:40px;background:url(/img/common/step2_arrow.png) no-repeat center bottom;}
.step_type02 ol li dl{border:1px solid #b3b3b3;text-align:center;background:#fff;padding:15px 0;}
.step_type02 ol li dl dt{display:inline-block;width:60px;font-size:14px;font-family:'Lato', sans-serif;font-weight:700;letter-spacing:0;vertical-align:top;}
.step_type02 ol li dl dd{display:inline-block;font-size:16px;text-align:left;font-family:'NotoKrM', sans-serif;color:#000;line-height:24px;letter-spacing:-1px;vertical-align:top;}
.step_type02 ol li .support{margin:15px 0 -5px 0;text-align:center;color:#666;background:#f3f3f3;}

.step_type02 ol li.step01 dl{border-top:3px solid #00a4bf;}
.step_type02 ol li.step01 dl dt{color:#00899f;}
.step_type02 ol li.step02 dl{border-top:3px solid #0099d6;}
.step_type02 ol li.step02 dl dt{color:#007fb2;}
.step_type02 ol li.step03 dl{border-top:3px solid #115bc1;}
.step_type02 ol li.step03 dl dt{color:#115bc1;}
.step_type02 ol li.step04 dl{border-top:3px solid #523ebd;}
.step_type02 ol li.step04 dl dt{color:#533dcf;}
.step_type02 ol li.step05 dl{border-top:3px solid #893ebd;}
.step_type02 ol li.step05 dl dt{color:#7119af;}
.step_type02 ol li.step06 dl{border-top:3px solid #bd3eb6;}
.step_type02 ol li.step06 dl dt{color:#bd3eb6;}

.step_type02.type2{width:520px;padding:0 42px 0 0;margin:0 auto;background:url(/img/common/step2_arrow2.png)no-repeat right 20px;}


/****** step03 ******/
.step_type03{width:100%;}
.step_type03 ol{display:inline-block;width:100%;background:url(/img/common/arr_step_type03.gif) no-repeat 0 20px;}
.step_type03 ol li{float:left;}
.step_type03 ol li .num{margin:0 auto;width:58px;height:58px;font-size:27px;text-align:center;line-height:58px;font-family:'Lato', sans-serif;color:#888;border:1px solid #dfdfdf;border-radius:100%;background:#fff;}
.step_type03 ol li dl{margin-top:20px;text-align:center;}
.step_type03 ol li dl dt{font-size:15px;font-family:'Lato', sans-serif;letter-spacing:0;font-weight:700;color:#284fce;}
.step_type03 ol li dl dd.btxt{font-size:19px;font-family:'NotoKrB', sans-serif;color:#222;}
.step_type03 ol li dl dd.stxt{padding:0 40px;margin-top:10px;font-size:14px;color:#666;line-height:22px;}
.step_type03 ol.no4 li{width:25%;}
.step_type03 ol.no3 li{width:33.33%;}




/*모바일 스크롤 안내*/
.mscroll_guide {display:none;}




/***************1280***************/
@media all and (max-width:1280px){


}




/***************1023***************/
@media all and (max-width:1023px){
	
	/****** 이미지 상단타이틀 박스 ******/
	.imgbox_tit{background-size:100% auto !important;}

	/*내용_이미지+리스트*/
	.img_box .list_area{width:auto;float:left;margin-left:20px;}
	

}



/***************900***************/
@media all and (max-width:900px){

/* Contents */
.gray_box2{padding:45px 50px;}

/* 아이콘박스 */
.icon_box .area .stxt br{display:none;}

/****** 이미지 상단타이틀 박스 ******/
.imgbox_tit{background-size:auto !important;padding:30px 0;height:auto !important;}
.imgbox_tit .white_box{padding:45px 35px !important;}
.imgbox_tit .white_box .btxt{font-size:28px;line-height:35px;}

.mimg img{width:100%;}

/************ STEP ************/
/****** step01 ******/
.step_type01 .box dl dt{display:block;width:100%;margin-bottom:5px;}
.step_type01 .box dl dt br{display:none;}

/****** step03 ******/
.step_type03 ol{background-size:100%;}
.step_type03 ol li .num{margin:0 auto;width:58px;height:58px;font-size:23px;text-align:center;line-height:58px;font-family:'Lato', sans-serif;color:#888;border:1px solid #dfdfdf;border-radius:100%;background:#fff;}
.step_type03 ol li dl{margin-top:15px;}
.step_type03 ol li dl dt{font-size:14px;font-family:'Lato', sans-serif;letter-spacing:0;font-weight:700;color:#284fce;}
.step_type03 ol li dl dd.btxt{font-size:17px;font-family:'NotoKrB', sans-serif;color:#222;}
.step_type03 ol li dl dd.stxt{padding:0 40px;margin-top:10px;font-size:14px;color:#666;line-height:22px;}


}


/***************768***************/
@media all and (max-width:768px){

/* Tab */
.con_tab ul li{display:table;}
.con_tab ul li a{display:table-cell;vertical-align:middle;padding:10px;height:40px;font-size:14px;}

/* 로그인센터>사이트맵, 이용안내>병원시설 공통 */
.con_tab2 ul.no4 li{width:25%;}
.con_tab2 ul.no5 li{width:33.3%;}

/* 테이블 */
table.table1,
table.table2,
table.table3{word-break:break-all !important;}

/* Contents */
h3.tit {font-size:19px; margin-bottom:10px;}
h3.h3_t {margin-top:35px;}
h4.tit {font-size:17px; margin-bottom:5px;}
h4.h4_t {margin-top:15px;}
.gray_box2{padding:45px 20px;}

h3.tit2 {font-size:22px !important; margin-bottom:10px;}
h3.tit2.h3_t {margin-top:35px;}

/* 아이콘박스 */
.icon_box .txt_area{padding:0 25px 140px 25px;text-align:center;}
.icon_box .icon{top:auto !important;bottom:0;left:0 !important;width:100%;text-align:center;}
.icon_box .icon img{width:150px;}

/****** 이미지 상단타이틀 박스 ******/
.imgbox_tit{padding: 20px !important;height:auto !important;}
.imgbox_tit .white_box{width:auto !important;padding:30px !important;}
.imgbox_tit .white_box .btxt{font-size:25px;text-align:center;}
.imgbox_tit .white_box .btxt br{display:none;}
.imgbox_tit .white_box .stxt{text-align:center;}
.imgbox_tit .white_box .tel{text-align:center;}

/****** step02 ******/
.step_type02{width:auto;padding:0 10px;}
.step_type02.type2{width:500px;background:url(/img/common/step2_arrow2_768px.png)no-repeat right 20px;}
.step_type02 ol li dl dt,
.step_type02.type2 ol li dl dt{width:auto;}
.step_type02 ol li dl dd,
.step_type02.type2 ol li dl dd{display:block;text-align:center;}

/****** step03 ******/
.step_type03{margin-top:0;}
.step_type03 ol{background:url(/img/common/vertical_arr_step_type03.gif) no-repeat 18px bottom;}
.step_type03 ol li{position:relative;float:none;margin:30px 0;width:100% !important;}
.step_type03 ol li .num{position:absolute;}
.step_type03 ol li dl{display:block;text-align:left;margin-left:75px;}
.step_type03 ol li dl dd.stxt{padding:0;margin-top:10px;font-size:14px;}


}


/********************640********************/
@media all and (max-width:640px){

/* Table */
table.table1 thead th{padding:10px 0;font-size:14px;}
table.table1 tbody th,
table.table1 tbody td {padding:10px;font-size:14px;}

.over_table{width:100% !important;overflow:visible !important;}

/* Contents */
h3.tit {font-size:17px;}
h3.tit2 {font-size:20px;}
h3.h3_t {margin-top:30px;}
h4.tit {font-size:15px;}
h4.h4_t {margin-top:10px;}
.gray_box2{padding:30px 20px;}

/* List */
ul.list li{padding-left:15px;font-size:14px;line-height:22px;}
ul.list2 li{background-position:left 10px;padding:0 0 0 10px;}
ul.list3{margin:5px 0 10px 0;}
ul.list3 li{font-size:13px;line-height:20px;}

/* 아이콘박스 */
.icon_box .area .btxt{font-size:23px;line-height:30px;}

/*내용_이미지+리스트*/
.img_box .fl{float:none;text-align:center;}
.img_box .list_area{float:none;margin-left:0;}

/****** 이미지 상단타이틀 박스 ******/
.imgbox_tit .white_box{width:auto !important;padding:20px !important;}
.imgbox_tit .white_box .btxt{font-size:23px;}


/************ STEP ************/
/* 시작-step01(이용안내-입원진료-입퇴원절차) */
.step_type01{/* border:1px solid red; */}
.step_type01 .box{padding:125px 20px 35px 20px;background-position:50% 30px !important;}

/****** step02 ******/
.step_type02{width:auto;padding:0 10px;}
.step_type02.type2{width:80%;}
.step_type02 ol li dl dd,
.step_type02.type2 ol li dl dd{font-size:14px;line-height:25px;}

/*모바일 스크롤 안내*/
.mscroll_guide {display:block;padding:15px 10px 15px 80px; font-size:14px; color:#444; word-break:keep-all; border-radius:3px; background:url(/img/common/mscroll_guide_ico.gif) no-repeat 20px 50%; box-shadow:1px 1px 5px #c7ced4;}
.mscroll_guide span {color:#ff720a;}
.mscroll_guide.s_top{margin-top:30px;}
.mscroll_guide.s_bottom{margin-bottom:30px;}
.mscroll {overflow-y:hidden; padding-bottom:20px;}
.mscroll table {width:650px !important; margin-top:10px;}


}


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

/* Tab */
.con_tab ul li a{padding:10px 5px;height:55px;font-size:13px;}

/* 로그인센터>사이트맵, 이용안내>병원시설 공통 */
.con_tab2 ul.no2 li,
.con_tab2 ul.no3 li,
.con_tab2 ul.no4 li,
.con_tab2 ul.no5 li{width:50%;}

/* 아이콘박스 */
.icon_box .txt_area{padding-left:15px;padding-right:15px;}

/****** 이미지 상단타이틀 박스 ******/
.imgbox_tit .white_box .btxt{font-size:19px;line-height:23px;}
.imgbox_tit .white_box .stxt{margin-top:10px;}

/* 컬러공통박스 */
.htit_box .btxt{font-size:23px;margin-top:35px;}


/************ STEP ************/
/****** step01 ******/
.step_type01 .box{padding:90px 20px 35px 20px;background-size:60px !important;}
.step_type01 .box .btxt{font-size:17px;}
.step_type01 .box dl{display:inline-block;margin-top:20px;font-size:14px;}
.step_type01 .box dl dd{float:none;width:auto;}
.step_type01 .box.icon4_3,
.step_type01 .box.icon3_4,
.step_type01 .box.icon3_2{background-size:45px !important;}
.step_type01 .box.icon3_1,
.step_type01 .box.icon3_6,
.step_type01 .box.icon3_3{background-size:55px !important;}
.step_type01 .box .btxt{font-size:15px;text-align:center;}
.step_type01 .box .btxt span{display:block;}
.step_type01 .box dl{display:inline-block;margin-top:20px;font-size:14px;}
.step_type01 .box dl dt{display:block;width:100%;margin-bottom:5px;text-align:center;}
.step_type01 .box dl dt br{display:none;}
.step_type01 .box dl dd{float:none;width:auto;}


/****** step03 ******/
.step_type03 ol{background-position:12px bottom;}
.step_type03 ol li .num{width:45px;height:45px;line-height:45px;font-size:20px;}
.step_type03 ol li dl{margin-left:60px;}
.step_type03 ol li dl dd.btxt{font-size:15px;}
.step_type03 ol li dl dd.stxt{margin-top:5px;font-size:13px;}


}

/********************320********************/
@media all and (max-width:320px){

/************ STEP ************/
/****** step01 ******/
.step_type01 .box .btxt{font-size:15px;text-align:center;}
.step_type01 .box .btxt span{display:block;}
.step_type01 .box dl{display:inline-block;margin-top:20px;font-size:14px;}
.step_type01 .box dl dt{display:block;width:100%;margin-bottom:5px;}
.step_type01 .box dl dt br{display:none;}
.step_type01 .box dl dd{float:none;width:auto;}

/****** step02 ******/
.step_type02.type2{background:url(/img/common/step2_arrow2_320px.png)no-repeat right 20px;}


}