@charset "utf-8"; 

/* float */
.fl{float:left;}
.fr{float:right;}

/* 새창뜨는것 */
a.link_line{color:#4c8bc7;text-decoration:underline;padding-right:15px;background:url(/img/common/new_window.gif) no-repeat right 50%;}
a.link_line:hover{font-weight:600;color:#2267a9;}

/* 제목정의 */
h3.tit{margin-bottom:13px; padding-left:10px; color:#000; font-size:20px; font-weight:600; background:url(/img/common/h3_bu.gif) no-repeat 0 3px; }
h3.tit.h3_t{margin-top:38px; }

h4.tit{margin-bottom:10px; padding-left:15px; color:#000; font-size:18px; font-weight:600; background:url(/img/common/h5_bu.gif) no-repeat 0 7px; }
h4.tit.h4_t{margin-top:30px; }

h5.tit{margin-bottom:12px; padding-left:15px; color:#000; font-size:17px; font-weight:600; background:url(/img/common/h5_bu2.gif) no-repeat 0 7px; }
h5.tit.h5_t{margin-top:30px; }

/* 리스트 */
ul.list li{padding-left:12px; margin-bottom:5px; color:#383838; background:url(/img/common/list_bu.gif) no-repeat 0 10px; }
ul.list li ul.list2{margin-top:3px; margin-bottom:10px; }
ul.list2 li{padding-left:10px; margin-bottom:2px; color:#383838; font-size:14px; background:url(/img/common/list_bu2.gif) no-repeat 0 10px; }
ul.list li ul.list3{margin-top:5px; margin-bottom:10px;  }
ul.list li ul.list3 li{padding-left:8px;}
ul.list3 li{padding-left:8px; margin-bottom:0; color:#4f4f4f; font-size:13px; background:url(/img/common/list_bu3.gif) no-repeat 0 9px; }

/* dl 리스트 */
.dl_basic dl{overflow:hidden; margin-bottom:20px; padding-bottom:15px;border-bottom:1px dashed #ccc;}
.dl_basic dt{float:left;width:190px; font-weight:600; padding-left:17px;color:#000;font-size:17px;background:url(/img/common/h5_bu.gif) no-repeat 0 7px; }
.dl_basic dd{float:right;width:600px; }

/* 강조문구 */
.st{color:#000; font-weight:600; }/*black*/
.st_r{color:#ce303a; font-weight:600; }/*red*/
.st_b{color:#0057c3; font-weight:600; }/*blue*/

/* 상단 경고 및 공지 내용 */
.info_txt{padding:4px 0 8px 38px; /*background:url(/img/common/feel_icon.png) no-repeat 0 0;*/ }

.point_box{margin-top:20px;padding-top:20px;border-top:1px dashed #ddd;}
.point_box li{margin:3px 0;padding-left:25px;background:url(/img/common/notice.gif) no-repeat left top 4px; }

/* 아이콘 들어가는 박스 */
.icon_box{padding:30px; background:#faf4e0; border:1px solid #ddd;}
.icon_box .icon{min-height:106px; padding-left:130px;background-repeat:no-repeat;background-position:0 50%; }

/* 페이지별 아이콘(여기에 추가했으면 아래에 모바일일때 나오는  css도 같이 적용하고 확인하기) */
.icon_box .icon010102{background-image:url(/img/common/icon010102.png);}
.icon_box .icon010104{background-image:url(/img/common/icon010104.png);}
.icon_box .icon010602{background-image:url(/img/common/icon010602.png);}
.icon_box .icon01060301{background-image:url(/img/common/icon01060301.png);}
.icon_box .icon01060302{background-image:url(/img/common/icon01060302.png);}
.icon_box .icon01060303{background-image:url(/img/common/icon01060303.png);}
.icon_box .icon01060304{background-image:url(/img/common/icon01060304.png);}
.icon_box .icon010701{background-image:url(/img/common/icon010701.png);}
.icon_box .icon030401{background-image:url(/img/common/icon030401.png);}
.icon_box .icon041001{background-image:url(/img/common/icon041001.png);}
.icon_box .icon050201{background-image:url(/img/common/icon050201.png);}
.icon_box .icon060701{background-image:url(/img/common/icon060701.png);}

.icon_box .box_tit{display:inline-block; *display:inline; zoom:1; margin-bottom:15px; color:#204794; font-weight:600; font-size:18px; border-bottom:1px solid #204794; }
.icon_box .box_txt{display:block; color:#53585d; font-size:14px; }

/* 전화번호안내박스 */
.tele_box{overflow:hidden;margin-bottom:30px;}
.tele_box li{float:left;width:50%;padding:10px 0;text-align:center;border-left:1px solid #e5e5e5;box-sizing:border-box;}
.tele_box li:first-child{border-left:0;}
.tele_box li dt{padding-top:72px;margin-bottom:5px;font-size:16px;font-weight:600;color:#333;letter-spacing:-1px;}
.tele_box li dt.icon01{background:url(/img/01treat/s0701_icon01.gif) no-repeat top center;} /*호스피스01 */
.tele_box li dt.icon02{background:url(/img/01treat/s0701_icon02.gif) no-repeat top center;} /*호스피스02 */
.tele_box li dt.icon03{background:url(/img/01treat/s0701_icon03.gif) no-repeat top center;} /*호스피스03 */
.tele_box li dt.icon04{background:url(/img/05custom/s0107_icon01.gif) no-repeat top center;} /*전화번호안내01 */
.tele_box li dt.icon05{background:url(/img/05custom/s0107_icon02.gif) no-repeat top center;} /*전화번호안내02 */
.tele_box li dt.icon06{background:url(/img/05custom/s0107_icon03.gif) no-repeat top center;} /*전화번호안내03 */
.tele_box li dd{font-family:'Roboto',sans-serif;font-weight:400;font-size:23px;color:#ce303a;}
.tele_box li dd strong{font-weight:500;}

/* 절차안내박스_밑으로내려오는형태 */
.process_box{margin:0 50px;}
.process_box li{overflow:hidden;padding-bottom:22px;margin-bottom:5px;background:url(/img/common/icon_arrow_dw.png) no-repeat 110px 60px;}
.process_box li.last{padding-bottom:0;margin:0;background:none;}
.process_box dt{float:left;display:block;width:240px;height:50px;background:url(/img/common/bg_rbox_blue.png) no-repeat;text-align:center;font-weight:600;line-height:50px;color:#ce303a;letter-spacing:-1px;}
.process_box dd{float:left;display:block;width:330px;padding:13px 0 0 115px;background:url(/img/common/line_process.png) no-repeat 0 21px;font-size:14px;letter-spacing:-0.025em;}
.process_box dd li{padding:0 0 0 10px;background:url(/img/common/icon_square_blue.gif) no-repeat 0 10px;line-height:20px;}

/* 절차안내박스_숫자가있는형태 */
.process2_box{margin:0 auto;text-align:center;}
.process2_box li{overflow:hidden;padding-top:20px;margin-top:10px;background:url(/img/common/icon_arrow_dw.png) no-repeat center top;}
.process2_box li:first-child{padding:0;margin:0;background:none;}
.process2_box li dl{height:50px;margin:0 auto;font-weight:600;}
.process2_box li dt{float:left;width:50px;height:50px;background:url(/img/common/bg_cir_red.png) no-repeat;font-family:'Roboto',sans-serif;font-size:17px;line-height:50px;color:#fff;letter-spacing:-1px;}
.process2_box li dd{float:left;padding-left:20px;text-align:left;font-size:15px;color:#252525;line-height:50px;}

/* 절차안내박스_오른쪽화살표 */
.process3_box{margin:10px 0 20px;text-align:center; font-weight:600;}
.process3_box ul{overflow:hidden;}
.process3_box ul li{background:url(/img/common/icon_arrow_rit.gif) no-repeat 10px 50%;}
.process3_box ul li:first-child{background:none;padding-left:0!important;}
.process3_box ul li span{display:block;height:40px;padding:10px 0;font-size:14px;line-height:40px;letter-spacing:-1px;}
.process3_box ul li .line2{line-height:20px;}

.process3_box ul.column3 li{float:left;width:260px;padding-left:35px;}
.process3_box ul.column3 .odd{background:url(/img/common/bg_pr03_rbox_red2.gif) no-repeat;}
.process3_box ul.column3 .even{background:url(/img/common/bg_pr03_rbox_blue2.gif) no-repeat;}

.process3_box ul.column4 li{float:left;width:190px;padding-left:30px;}
.process3_box ul.column4 .odd{background:url(/img/common/bg_pr03_rbox_red.gif) no-repeat;}
.process3_box ul.column4 .even{background:url(/img/common/bg_pr03_rbox_blue.gif) no-repeat;}

/* 절차안내박스_아래방향 외래진료 절차안내 */
.process4_box{}
.process4_box li{overflow:hidden;padding:30px 0 22px 0; /*margin-bottom:10px;*/ border-bottom:1px dashed #ccc; background:url(/img/common/icon_arrow_dw.png) no-repeat 50px 0;}
.process4_box li.first{padding-bottom:0;margin:0;background:none;}
.process4_box dl{overflow:hidden; margin-bottom:20px;}
.process4_box dt{float:left;display:block;width:200px;  font-weight:600;  /*line-height:50px;*/color:#000;font-size:17px;}
.process4_box dd{float:left;display:block;width:530px;padding:0px 0 0 85px;background:url(/img/common/line_process.png) no-repeat -50px 21px;}
.process4_box dd li{padding:0 0 0 10px;background:url(/img/common/icon_square_blue.gif) no-repeat 0 10px;line-height:20px; border:none;}


/* 기본박스 */
.gray_box{padding:30px; background:#f8f8f8; border:1px solid #dbdbdb; }

.topline_box{padding:30px; background:#f6f7fc; border:1px solid #d3d4d5; border-top:2px solid #204794;}
.topline_box .bg060302{background:url(/img/common/bg060302.png) no-repeat 95% 50%}

.topline_box2{padding:50px 30px; background:#fdfcf2; border:1px solid #d3d4d5; border-top:2px solid #204794;}

.line_box{padding:30px;  border:1px solid #d1d1d1;}

/* 동영상박스 */
.video_box{padding:10px; text-align:center; background:#f6f7fc /*url(/img/common/video_bg.gif) no-repeat 0 0*/; /*border:1px solid #d1d1d1;*/}
.video_box iframe {margin-bottom:20px;}


/* 묻고답하기 */
.qna_wrap{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #ccc;}
.qna{width:100%;margin-bottom:5px;overflow:hidden;clear:both;}
.qna .icon{float:left;width:30px; height:29px; line-height:29px;margin-right:10px;text-align:center;color:#fff;font-size:16px;font-weight:bold;}
.qna .cont{float:left;width:780px;font-size:15px;color:#000;padding:3px 0 0 0;}
.qna.quest{font-weight:600;}
.qna.quest .icon{background:url(/img/common/bg_q.png) no-repeat 0 0;}
.qna.answer .icon{background:url(/img/common/bg_a.png) no-repeat 0 0;}

/* 테이블 */
table.table1{width:100%; border-collapse:collapse; font-size:14.5px; }
table.table1 th,
table.table1 td{padding:12px 4px; text-align:center; border:1px solid #dfdfdf; }
table.table1 thead th{color:#222; font-weight:600; border-top:2px solid #222; border-bottom:1px solid #888; background:#f0f2fa;}
table.table1 thead th.noline{border-top:1px solid #dfdfdf; }
table.table1 tbody th{color:#222; font-weight:600; background:#f8f8f8; }
table.table1 tbody td{color:#0e0e0e; }
table.table1 tbody td.left{text-align:left; padding:12px; }
table.table1 tbody td.right{text-align:right; padding:12px; }
table.table1 tfoot th,
table.table1 tfoot td{ background:#fdfcf2;}

/* 1차탭정의 */
.con_tab{width:100%; }
.con_tab ul{width:100%;display:inline-block;}
.con_tab ul li{float:left; width:50%; margin-bottom:-1px; margin-right:-1px}
.con_tab ul li:first-child{}
.con_tab ul li a{display:block; padding:10px 0; text-align:center;font-size:15px;border:1px solid #909090;background:#fff;}
.con_tab ul li a:hover,
.con_tab ul li a.on{color:#fff; font-weight:600;border:1px solid #525252;background:#525252;}
.con_tab ul.no2 li{width:50%; }
.con_tab ul.no3 li,
.con_tab ul.no3_2 li{width:33.2%; }
.con_tab ul.no4 li{width:24.9%; }
.con_tab ul.no4_1 li{width:24.98%; }/* 의료진상세정보에 사용*/
.con_tab ul.no4_2 li{width:24.89%; }/*정보공개 정부3.0- 사전정보공개 -일반행정에 사용*/
.con_tab ul.no5 li{width:19.8%; }
.con_tab ul.no6 li{width:16.3%; }
.con_tab ul.no7 li{width:14.2%; }

.tab_b{margin-bottom:35px; }

/* 2차탭정의 */
.con_tab2{width:100%; }
.con_tab2 ul{display:inline-block; width:100%; border-bottom:1px solid #909090;}
.con_tab2 ul li{float:left;margin-right:-1px;}
.con_tab2 ul li a{display:block;margin-bottom:-1px; padding:7px 20px;text-align:center;border:1px solid #909090;font-size:14px;background:#fff;}
.con_tab2 ul li a:hover,
.con_tab2 ul li a.on{color:#fff; font-weight:600;border:1px solid #a70e18;text-decoration:none;background:#ce303a;}


/*버튼정의*/
.btn_wrap{width:100%;padding:30px 0;text-align:center;overflow:hidden;clear:both;}
.btn_w{width:100%; text-align:center; padding:25px 0; }

.con_btn{display:inline-block; padding:12px 20px; font-size:17px; font-weight:600; letter-spacing:-1px; text-align:center; cursor:pointer; border:0 none; /*border-radius:3px;*/}
.con_btn:hover{text-decoration:none; }
.con_sbtn{display:inline-block; padding:5px 12px; font-size:14px; font-weight:600; text-align:center; cursor:pointer; border:0 none; }
.con_sbtn:hover{text-decoration:none; }

.con_btn.blue,
.con_sbtn.blue{color:#fff; background:#204794; }
.con_btn.blue:hover,
.con_sbtn.blue:hover{color:#fff; background:#0f3070; }
.con_btn.red,
.con_sbtn.red{color:#fff; background:#ce303a; }
.con_btn.red:hover,
.con_sbtn.red:hover{color:#fff; background:#aa141e; }
.con_btn.orange,
.con_sbtn.orange{color:#fff; background:#ff9000; }
.con_btn.orange:hover,
.con_sbtn.orange:hover{color:#fff; background:#ed8600; }
.con_btn.gray,
.con_sbtn.gray{color:#fff; background:#525252; }
.con_btn.gray:hover,
.con_sbtn.gray:hover{color:#fff; background:#272727; }
.con_btn.green,
.con_sbtn.green{color:#fff; background:#5fbf2a; }
.con_btn.green:hover,
.con_sbtn.green:hover{color:#fff; background:#55b321; }

/*다운로드*/
.down_r{display:inline-block; padding:5px 12px 5px 35px; font-size:14px; font-weight:600; text-align:center; cursor:pointer; border-radius:0px; border:1px solid #ce303a; color:#fff !important; background:#ce303a url(/img/common/down_w.png) no-repeat 15px 50%; }
.down_r:hover{color:#fff; background:#aa141e url(/img/common/down_w.png) no-repeat 15px 50%;}
.down_b{display:inline-block; padding:5px 12px 5px 35px; font-size:14px; font-weight:600; text-align:center; cursor:pointer; border-radius:0px; border:1px solid #204794;color:#fff !important; background:#204794 url(/img/common/down_w.png) no-repeat 15px 50%; }
.down_b:hover{color:#fff; background:#0f3070 url(/img/common/down_w.png) no-repeat 15px 50%;}
.down_g{display:inline-block; padding:5px 12px 5px 35px; font-size:14px; font-weight:600; text-align:center; cursor:pointer;  border-radius:0px; border:1px solid #525252; color:#fff !important; background:#525252 url(/img/common/down_w.png) no-repeat 15px 50%; }
.down_g:hover{color:#fff; background:#272727 url(/img/common/down_w.png) no-repeat 15px 50%;}
.down_or{display:inline-block; padding:5px 12px 5px 35px; font-size:14px; font-weight:600; text-align:center; cursor:pointer;  border-radius:0px; border:1px solid #ff9000; color:#fff !important; background:#ff9000 url(/img/common/down_w.png) no-repeat 15px 50%; }
.down_or:hover{color:#fff; background:#ed8600 url(/img/common/down_w.png) no-repeat 15px 50%;}
.down_pdf{display:inline-block; padding:5px 12px 5px 35px; font-size:14px; font-weight:600; text-align:center; cursor:pointer;  border-radius:0px;  border:1px solid #b5b5b5; color:#535353 !important; background:#fff url(/img/common/pdf_icon.gif) no-repeat 15px 50%; }
.down_pdf:hover{color:#ce303a !important; border:1px solid #ce303a;  background:#fff url(/img/common/pdf_icon.gif) no-repeat 15px 50%;}

/*간편예약 개인정보*/
.info_agree{margin-bottom:30px;padding:30px;border:1px solid #dbdbdb;background:#f8f8f8;}
.info_agree .agree_box{margin-bottom:10px;border:1px solid #cfcfcf;background:#fff;height:140px;padding:20px;overflow-y:scroll;}
.info_agree .aree_txt label{vertical-align:middle;margin-right:15px;}
.info_agree .aree_txt input{vertical-align:middle;}

/* 조직도공통 */
.orgn_box{display:block;width:790px;margin:0 auto;}
.orgn_box li{text-align:center;}
.orgn_box .orgn01{overflow:hidden;margin-bottom:35px;}
.orgn_box .orgn01 li{width:240px;height:24px;padding:25px 0;margin:0 auto;border:3px solid #ce303a;background:#fff;font-size:18px;font-weight:600;color:#2e2e2e;text-align:center;}
.orgn_box .orgn01 ul.line2 li{height:46px;padding:14px 0;} /* 2줄일때 */
.orgn_box .orgn02,
.orgn_box .orgn03,
.orgn_box .orgn04{overflow:hidden;}
.orgn_box .orgn02 .fl{float:left;width:240px;}
.orgn_box .orgn02 .fr{float:right;width:240px;}
.orgn_box .orgn02 li{font-size:15px;font-weight:600;color:#fff;}
.orgn_box .orgn03 ul.column3{background:url(/img/common/bg_orgn03_c03.gif) no-repeat top center;} /* 부서3개 */
.orgn_box .orgn03 ul.column3 li{width:240px;}
.orgn_box .orgn03 ul.column5{background:url(/img/common/bg_orgn03_c05.gif) no-repeat top center;} /* 부서5개 */
.orgn_box .orgn03 ul.column5 li{width:130px;}
.orgn_box .orgn03 ul{padding-top:70px;}
.orgn_box .orgn03 li{float:left;margin-left:35px;background:url(/img/common/bg_orgn03_line.gif) repeat-y top center;}
.orgn_box .orgn03 li:first-child{margin-left:0!important;}
.orgn_box .orgn03 li dt{height:45px;margin-bottom:20px;background:#ce303a;line-height:45px;font-weight:600;color:#fff;}
.orgn_box .orgn03 li dd{height:30px;margin-top:10px;border:1px solid #ce303a;background:#fff;font-size:13px;line-height:30px;letter-spacing:-0.05em;color:#313131;}
.orgn_box .orgn04 li{font-size:15px;font-weight:600;color:#fff;}


/* 진료시간표 */
.vvsm_btn{display:inline-block;padding:2px 10px;font-size:13px;font-weight:600;text-align:center;vertical-align:middle;}
.vvsm_btn.red{color:#fff;border:1px solid #bc1419;background:#df3137;}
.vvsm_btn.orange{color:#fff;border:1px solid #db741d;background:#e67d28;}
.vvsm_btn.gray{color:#fff;border:1px solid #878787;background:#a5a5a5;}

/* 박스 step */
.step_list,
.step_list2{display:inline-block;width:100%; overflow:hidden;}
.step_list li,
.step_list2 li{float:left; width:45%; padding:2% 5% 2% 0%; background:url(/img/common/mstep_arr.png) no-repeat 95% 50%;}
.step_list.no3 li,
.step_list2.no3 li {width:28.333%;}
.step_list.no4 li,
.step_list2.no4 li {width:20%;}
.step_list li:last-child,
.step_list2 li:last-child {background:none; padding-right:0;}
.step_list li dl {width:100%;}
.step_list li dl dt{padding:10px 20px;border:1px solid #079f59;background:#079f59;font-weight:600;font-family:'Roboto',sans-serif;color:#fff;letter-spacing:0.01em; text-align:center;}
.step_list li dl dd,
.step_list2 li div{display:table; width:100%; min-height:100px;border:1px solid #079f59;font-size:15px;color:#222;word-break:keep-all; text-align:center;box-sizing:border-box;}
.step_list li dl dd p,
.step_list2 li div p{display:table-cell; vertical-align:middle; padding: 0 15px; line-height:1.5;}



.que_box{margin-top:15px;padding:20px 30px;background:#fdfdfd;border:1px dashed #555;}
.que_box dt{margin-bottom:10px;padding-left:25px;font-size:15px;font-weight:800;color:#000;background:url(/img/common/que_icon.gif) no-repeat left center / 16px;}
.que_box dd{font-size:14px;line-height:20px;}


.box_line{margin-top:15px;clear:both;overflow:hidden;border-left:2px solid #b9d6c9;border-top:2px solid #b9d6c9;}
.box_line dl{float:left;padding:30px 20px;width:50%;min-height:260px;border-bottom:2px solid #b9d6c9;border-right:2px solid #b9d6c9;box-sizing:border-box;}
.box_line dl dt{margin-bottom:25px;font-weight:800;font-size:20px;color:#079f59;}


.mscroll_guide,
.mscroll_guide2{display:none;}

/********************모바일********************/
@media(max-width:736px){ 

/* 제목정의 */
h3.tit{font-size:18px;background:url(/img/common/h3_bu.gif) no-repeat 0 2px;}
h4.tit{font-size:16px; background:url(/img/common/h5_bu.gif) no-repeat 0 3px; }
h5.tit{font-size:15px; font-weight:600; background:url(/img/common/h5_bu2.gif) no-repeat 0 5px; }

/* 리스트 */
ul.list li{font-size:13px;background-position:0 9px;}
ul.list li ul.list2{margin-top:3px; margin-bottom:10px; }
ul.list2 li{margin-bottom:5px;font-size:12px;line-height:18px;background-position:0 8px;}
ul.list li ul.list3{margin-top:5px; margin-bottom:10px;  }
ul.list li ul.list3 li{padding-left:8px;}
ul.list3 li{font-size:11px;}

/* dl 리스트 */
.dl_basic dt{float:none;width:100%; margin-bottom:7px;font-size:15px;background:url(/img/common/h5_bu.gif) no-repeat 0 5px; }
.dl_basic dd{float:none;width:100%; }

/* 1차탭정의 */
.con_tab ul li{}
.con_tab ul li a{font-size:13px;}
.con_tab ul.mo_line2, .con_tab ul.mo_line3{width:102%;}
.con_tab ul.mo_line2 li,
.con_tab ul.mo_line3 li{display:table; margin-left:-1px; margin-bottom:-1px;}
.con_tab ul.mo_line2 li a,
.con_tab ul.mo_line3 li a{display:table-cell; vertical-align:middle; }
.con_tab ul.mo_line2 li a{height:30px; line-height:15px;}
.con_tab ul.mo_line3 li a{height:45px; line-height:15px;}
.con_tab ul.no3 li{width:33.3%; }
.con_tab ul.no3_2 li{width:100%; }
.con_tab ul.no4 li,
.con_tab ul.no4_1 li{width:25%; }
.con_tab ul.no4_2 li{width:50%; }
.con_tab ul.no5 li{width:20%; }
.con_tab ul.no6 li{width:16.6%; }
.con_tab ul.no7 li{width:14.2%; }

/* 아이콘 들어가는 박스 */
.icon_box{padding:20px; }
.icon_box .icon{min-height:auto; padding-left:0; padding-top:90px;  text-align:center;  background-size:80px auto !important;}
.icon_box .icon ul{ text-align:left;}
.icon_box .box_tit{}
.icon_box .box_txt{font-size:14px;  text-align:left; }
.icon_box .icon010102{background:url(/img/common/icon010102.png) no-repeat 50% 0;}
.icon_box .icon010104{background:url(/img/common/icon010104.png) no-repeat 50% 0;}
.icon_box .icon010602{background:url(/img/common/icon010602.png) no-repeat 50% 0;}
.icon_box .icon01060301{background:url(/img/common/icon01060301.png) no-repeat 50% 0;}
.icon_box .icon01060302{background:url(/img/common/icon01060302.png) no-repeat 50% 0;}
.icon_box .icon01060303{background:url(/img/common/icon01060303.png) no-repeat 50% 0;}
.icon_box .icon01060304{background:url(/img/common/icon01060304.png) no-repeat 50% 0;}
.icon_box .icon010701{background:url(/img/common/icon010701.png) no-repeat 50% 0;}
.icon_box .icon030401{background:url(/img/common/icon030401.png) no-repeat 50% 0;}
.icon_box .icon041001{background:url(/img/common/icon041001.png) no-repeat 50% 0;}
.icon_box .icon050201{background:url(/img/common/icon050201.png) no-repeat 50% 0;}
.icon_box .icon060701{background:url(/img/common/icon060701.png) no-repeat 50% 0;}

/* 기본박스 */
.gray_box{padding:20px;  box-sizing:border-box;}
.topline_box{padding:20px 10px; box-sizing:border-box;}
.topline_box2{padding:20px 20px; box-sizing:border-box;}
.line_box{padding:20px;  box-sizing:border-box;}

/* 동영상박스 */
.video_box{padding:30px 20px;  box-sizing:border-box;}
.video_box video{width:100%; height:auto;}
.video_box iframe{height:300px !important;}

/* 묻고답하기 */
.qna .icon{float:left; font-size:16px;}
.qna .cont{ float:left;width:80%;font-size:14px;}

/* 테이블 */
table.table1{ font-size:13px;}

/* 절차안내박스_밑으로내려오는형태 */
.process_box{margin:0;padding:0 30px;box-sizing:border-box;}
.process_box li{overflow:hidden;padding-bottom:10px;margin-bottom:10px;background:url(/img/common/icon_arrow_dw.png) no-repeat bottom center;background-size:10px auto;}
.process_box li.last{padding-bottom:0;margin:0;background:none;}
.process_box dt{float:none;width:100%;height:50px;background:#fff;border:1px solid #345392;border-radius:30px;box-sizing:border-box;}
.process_box dd{float:none;width:100%;padding:0;margin:10px 0;background:none;font-size:12px;}
.process_box dd li{padding:0 0 0 10px;margin-bottom:0;}

/* 절차안내박스_숫자가있는형태 */
.process2_box{width:auto;}
.process2_box li{display:table;overflow:hidden;width:100%;background:url(/img/common/icon_arrow_dw.png) no-repeat center top;background-size:10px auto;vertical-align:middle;}
.process2_box li dl{display:table-cell;width:100%!important;height:50px;padding:0 20px;border:1px solid #ce303a;border-radius:30px;background:#fff!important;box-sizing:border-box;vertical-align:middle;}
.process2_box li dt{display:none;}
.process2_box li dd{float:none;padding-left:0;font-size:12px;line-height:18px;text-align:center;letter-spacing:-1px;}

/* 절차안내박스_오른쪽화살표 */
.process3_box ul li{display:table;float:none!important;width:100%!important;padding:15px 0 0 0!important;margin-bottom:10px;background:url(/img/common/icon_arrow_dw.png) no-repeat top center;background-size:10px auto;vertical-align:middle;}
.process3_box ul li:first-child{padding:0!important;}
.process3_box ul li span{display:table-cell;height:50px;padding:0;background:#fff!important;border-radius:30px;font-size:13px;vertical-align:middle;}
.process3_box ul li:nth-child(odd) span{border:1px solid #ce303a;}
.process3_box ul li:nth-child(even) span{border:1px solid #204795;}
.process3_box ul li .line2{line-height:17px;}


/* 절차안내박스_아래방향 외래진료 절차안내 */
.process4_box{}
.process4_box li{background:url(/img/common/icon_arrow_dw.png) no-repeat center 0;}
.process4_box dt{float:none;width:100% !important;}
.process4_box dd{float:none;width:100% !important;padding:0;background:none;}

/* 전화번호안내박스 */
.tele_box li{float:none;width:100%;margin-bottom:10px;border-left:0;border:2px solid #e5e5e5;box-sizing:border-box;}
.tele_box li:first-child{width:100%;border:2px solid #e5e5e5;}
.tele_box li dt{padding-top:0;background:none!important;}

/*버튼정의*/
.btn_w{padding:15px 0; }
.con_btn{padding:7px 20px; font-size:14px;}
.con_sbtn{ padding:3px 12px; font-size:13px; }

/*다운로드*/
.down_r, .down_b, .down_g, .down_or, .down_pdf{font-size:13px;}

/*간편예약 개인정보*/
.info_agree{padding:20px 10px;box-sizing:border-box;}
.info_agree .agree_box{margin-bottom:10px;border:1px solid #cfcfcf;background:#fff;height:140px;padding:20px;overflow-y:scroll;}
.info_agree .aree_txt label{vertical-align:middle;margin-right:15px;}
.info_agree .aree_txt input{vertical-align:middle;}

/* 조직도공통 */
.orgn_tip{font-size:12px;letter-spacing:-1px;}/* 모바일일때나오는안내 */
.orgn_box{width:480px;}
.orgn_box .orgn01{display:table;margin:0 auto 5px auto;vertical-align:middle;}
.orgn_box .orgn01 li{display:table-cell;width:168px;height:60px;padding:0;font-size:14px;line-height:18px;vertical-align:middle;box-sizing:border-box;}
.orgn_box .orgn01 ul.line2 li{height:60px;padding:0;} /* 2줄일때 */
.orgn_box .orgn02,
.orgn_box .orgn03{overflow:hidden;}
.orgn_box .orgn02 .fl{float:left;width:auto;}
.orgn_box .orgn02 .fr{float:right;width:auto;}
.orgn_box .orgn02 li,
.orgn_box .orgn04 li{font-size:12px;font-weight:600;color:#fff;}
.orgn_box .orgn03 ul.column3{background-size:480px auto;} /* 부서3개 */
.orgn_box .orgn03 ul.column3 li{width:150px;}
.orgn_box .orgn03 ul.column5{background-size:480px auto;} /* 부서5개 */
.orgn_box .orgn03 ul.column5 li{width:84px;}
.orgn_box .orgn03 ul{padding-top:40px;}
.orgn_box .orgn03 li{margin-left:15px;}
.orgn_box .orgn03 li dt{height:auto;padding:5px 10px;font-size:12px;margin-bottom:10px;line-height:20px;letter-spacing:-1px;}
.orgn_box .orgn03 li dd{height:auto;padding:5px 10px;font-size:12px;line-height:16px;letter-spacing:-1px;box-sizing:border-box;word-break:break-all;}


/***************기본테이블정의***************/
table.table1{width:100%;border-collapse:collapse;background:#fff;font-size:12px;}
table.table1 thead th,
table.table1 tbody th,
table.table1 tbody td{padding:8px 0;text-align:center;border:1px solid #dbdbdb;}
table.table1 thead th{color:#000;font-weight:bold;border-top:2px solid #666;background:#f9f9f9;/*dc2429*/}
table.table1 thead th.noline{border-top:1px solid #dbdbdb;}
table.table1 tbody td{color:#666;vertical-align:middle;}
table.table1.vt tbody td{vertical-align:top;}
table.table1 tbody th{color:#000;font-weight:bold;}
table.table1 .left{padding:8px 12px;text-align:left;}
table.table1 .right{padding:8px 12px;text-align:right;}
table.table1 .bg{background:#f9f8f5;}
table.table1 .bg2{background:#f7f6f0;}
table.table1 .bg3{background:#eef2f8;}
table.table1 .bg4{background:#f6f6f6;}
table.table1 .fir{border-top:2px solid #dc2429;}
table.table1 .fir2{border-top:2px solid #333;}
table.table1 ul.list li{font-size:12px}

table.table2{width:100%;border-collapse:collapse;background:#fff;font-size:12px;}
table.table2 thead th{padding:8px 0;}
table.table2 tbody th,
table.table2 tbody td{padding:8px 0;text-align:center;border:1px solid #dbdbdb;}
table.table2 tbody th{color:#bc393d;font-weight:bold;background:#fbf5ee;}
table.table2 tbody td.left{padding:8px 10px;text-align:left;}

/*모바일 스크롤 안내*/
.mscroll {overflow-y:hidden; padding-bottom:20px;}
.mscroll_guide {display:block; margin-bottom:20px; padding:25px 10px 25px 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;text-align:left;}
.mscroll_guide span {color:#ff720a;}
.mscroll table{width:736px !Important; margin-top:10px;}
.mscroll img{max-width:736px !Important;}

/* 박스 step */
.step_list li,
.step_list2 li{float:left;width:45% !important;background-position:98% 50%;}
.step_list li dl dt{font-size:14px; padding:6px 20px;}
.step_list li dl dd,
.step_list2 li div {min-height:100px;}

.que_box{padding:10px 15px;}
.que_box dt{font-size:14px;}
.que_box dd{font-size:13px;line-height:18px;}

.box_line{margin-top:15px;}
.box_line dl{float:none;padding:20px;width:auto;min-height:auto;}
.box_line dl dt{margin-bottom:15px;font-size:17px;}

}

/********************모바일********************/
@media(max-width:480px){ 

/* 박스 step */
.step_list li,
.step_list2 li {float:none;width:auto !important;padding:5px 0;background:0;}
.step_list li dl dd,
.step_list2 li div{display:block;width:auto;padding:10px;min-height:auto;text-align:center;}
.step_list li dl dd p,
.step_list2 li div p{display:block;padding:0;}

/*모바일 스크롤 안내*/
.mscroll2 {overflow-y:hidden; padding-bottom:20px;}
.mscroll_guide2 {display:block; margin-bottom:20px; padding:25px 10px 25px 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;text-align:left;}
.mscroll_guide2 span {color:#ff720a;}
.mscroll2 table{width:550px !Important; margin-top:10px;}
.mscroll2 img{max-width:550px !Important;}

}
