@charset "utf-8";

@import url("confirm.css");

* {font-size:15px;}

/* 폼양식 */
input[type=text] { height:30px; padding:5px; background:#fff; border:1px solid #dadada; }
input[type=password] { height:30px; padding:5px; background:#fff; border:1px solid #dadada; }
select { height:30px; background:#fff; border:1px solid #dadada; }

/* 제목스타일 */
.mtop5 { margin-top:5px; }
.con_h { height:50px; }
.con_btit { padding-bottom:10px; font-size:24px; line-height:36px; font-family:'Nanum Square-b'; color:#475893; }
.guide_txt { color:#007abc }
.sub_title {font-family:'NanumSquare'; font-weight:bold; font-size:24px; line-height:24px; color:#237cc1; margin:0 0 20px; }
.underline {border-bottom:2px #237cc1 solid;width:25px; margin:0 0 40px;}
.search_total { color:#007abc }
.search_total span { float:right; color:#007abc }
.search_total:after {content: ''; display:block; clear:both; visibility:hidden; }

/* 테이블스타일 */
.table_type01 table { width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #000; border-right:none; }
.table_type01 table thead th { background:#eff2f8; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #000; padding:10px 0; font-weight:bold; }
.table_type01 table tbody th { background:#f5f5f5; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:10px 0; font-weight:bold; }
.table_type01 table td { border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:10px 0; text-align:center; }
.table_type01 table tr td:last-child,
.table_type01 table tr th:last-child { border-right:none; }
.table_type01.left table tr td,
.table_type01 th.left,
.table_type01 td.left { text-align:left; padding:10px 15px }
.table_type01 .last { border-right:none; }
.table_type01 th.c_info { background:#eff2f8; }
.table_type01 td.c_info { background:#f5f5f5; }
.table_type01.pad th, .table_type01.pad td { padding:5px 0 }
.table_type01.pad td.left { text-align:left; padding:5px 5px }
.table_type01 table thead th.san { background:#57bbf9; color:#fff }
.table_type01 table tbody td.san { background:#ebf7fe }
.table_type01 table .red { color:red }

/* 내용구분 */
.con_sec { margin-bottom:60px; }
.con_sec b { color:#427b06 }

/* 이미지 */
.img_r {float:right; margin-left:30px }
.img_r2 {float:right;background:#fff;border:1px solid #dcdcdc; padding:5px; margin-left:30px; }
.img_r2 img {border:1px solid #e8e8e8;}

.img_l {float:left; margin-right:30px }
.img_l2 {float:left;background:#fff;border:1px solid #dcdcdc; padding:5px; margin-right:30px }
.img_l2 img {border:1px solid #e8e8e8}

.img_c { text-align:center; border:1px solid #e8e8e8; background:#fff; margin-top:30px; padding:20px 0 }

.img_c2 { background:#fff; margin-top:30px; }
.img_c2 img {border:1px solid #e8e8e8}

.img_c3 { text-align:center; border:1px solid #e8e8e8; background:#fff; margin-top:20px; padding:20px 0 }

/* 텍스트 박스 스타일 */
.text_box { background:#eff2f8; padding:30px; }
.text_box2 { position:relative; background:#eff2f8; margin-top:30px; padding:70px 30px 30px; }
.text_box3 { padding:50px 0 50px 50px; background:#eff2f8 }
.text_box4 { padding:40px; background:#eff2f8 }

/* 제목스타일 */
h4 {margin-bottom:30px; font-family:'Nanum Square-b';font-size:24px; color:#2a94bd; background: url('/images/common/bullet_02.gif') left bottom no-repeat; padding:0 0 15px; }
.box_tit { position:relative; margin:-70px 0 30px -30px; width:200px; height:50px; line-height:50px; text-indent:30px; background:#44acd4; 
font-family:'Nanum Square-b'; font-size:18px; color:#fff }
.box_tit2 { position:relative; margin:-70px 0 30px -30px; width:400px; height:50px; line-height:50px; text-indent:30px; background:#44acd4; 
font-family:'Nanum Square-b'; font-size:18px; color:#fff }
.box_tit3 { position:relative; margin:-30px 0 30px -30px; width:200px; height:50px; line-height:50px; text-indent:30px; background:#44acd4; 
font-family:'Nanum Square-b'; font-size:18px; color:#fff }
.box_tit4 { position:relative; margin:-30px 0 30px -30px; width:400px; height:50px; line-height:50px; text-indent:30px; background:#44acd4; 
font-family:'Nanum Square-b'; font-size:18px; color:#fff }
.box_tit:before, .box_tit2:before, .box_tit3:before, .box_tit4:before { position:absolute; top:0; right:-10px; content:""; height:0; width:0; border-left:10px solid #44acd4; border-top:25px solid transparent; 
border-bottom:25px solid transparent; }

.care_tit { padding:20px; line-height:21px; background:#1f7dab; font-size:18px; font-weight:bold; color:#fff}
.care_tit span { display:inline-block; padding-top:10px; font-size:14px;  color:#fff }
.right_tit { padding:15px 20px; line-height:21px; background:#34a0d1; font-size:18px; font-weight:bold; color:#fff }

.stit { padding-bottom:10px; font-size:18px; font-weight:bold; color:#2a94bd }
.stit2 { padding:30px 0 10px; font-size:18px; font-weight:bold; color:#2a94bd }
.stit3 { padding:0 0 20px; font-size:18px; font-weight:bold; color:#333 }

/* 목록스타일 */
.list_type01 li { background:url('../images/common/bullet_03.gif') no-repeat 0 9px; padding-left:18px; padding-bottom:5px; }
.list_type01_2 li { background:url('../images/common/bullet_03.gif') no-repeat 38px 9px; padding-left:53px; padding-bottom:5px; }
.list_type01 li:last-child, 
.list_type01_2 li:last-child { padding-bottom:0}
.list_type02 li { background:url('../images/common/bullet_04.gif') no-repeat 0 9px; padding-left:10px; padding-bottom:5px;  }

/* 박스스타일1 */
.con_box_wrap1 { margin-top:50px; padding:50px 0 50px 50px; background:#f5f5f5; border:1px solid #dcdcdc }
.con_box1 { float:left; width:370px; margin-right:30px; }
.con_box1.last { margin-right:0; }
.con_box1 dt { height:45px; line-height:45px; background:#53a502; text-align:center; font-size:16px; font-weight:bold; color:#fff }
.con_box1 dd { height:300px; background:#fff url('../images/common/arrow_icon3.gif') no-repeat center top; border:1px solid #dcdcdc; border-top:none; padding:20px; }
.con_box1 dd .img { text-align:center}
.con_box1.he2 dd { height:240px; }

/* 박스스타일2 */
.con_box_wrap2 { border:1px solid #dcdcdc }
.con_box2 { position:relative; padding-right:50px; padding-bottom:10px; background:url('../images/common/dot_line.gif') repeat-x left bottom  }
.con_box2.last { background:none }
.con_box2 .num { position:relative;position:absolute; left:30px; top:0; width:60px; height:60px; line-height:60px; border-radius:70px; text-align:center; background:#44acd4; font-family:'Nanum Square-b'; font-size:24px; color:#fff }
.con_box2 .num.st { font-size:18px }
.con_box2 dl { margin:30px 0 30px 120px; }
.con_box2 dt { padding-bottom:10px; font-size:18px; font-weight:bold; color:#2a94bd }
.con_box2 li { background:url('../images/common/bullet_04.gif') no-repeat 0 10px; padding-left:10px; padding-bottom:10px }
.con_box2 dd .img { text-align:center}

/* 박스스타일 */
.num { display:inline-block; width:30px; height:30px; line-height:30px; border-radius:30px; margin:0 10px 5px 0; text-align:center; background:#44acd4; 
font-family:'Nanum Square-b'; font-size:16px; color:#fff }
.num2 { display:inline-block; width:30px; height:30px; line-height:30px; border-radius:30px; margin:0 10px 5px 0; text-align:center; background:#53a502; 
font-family:'Nanum Square-b'; font-size:16px; color:#fff }
.num3 { display:inline-block; width:25px; height:25px; line-height:25px; border-radius:25px; margin:0 10px 5px 0; text-align:center; background:#44acd4; 
font-family:'Nanum Square-b'; font-size:16px; color:#fff }
.info_box { margin-top:5px; height:30px; line-height:30px; background:#53a502; text-align:center; font-size:15px; font-weight:bold; color:#fff }

/* 박스스타일3 */
.con_box3 { border:1px solid #dcdcdc; padding:30px  }

/* 검사순서 */
.step_wrap { overflow:hidden; margin-top:30px; }
.step { position:relative; float:left; width:255px; height:150px; margin-right:15px; padding:15px; font-size:14px; border-radius:5px; 
background:#44acd4; color:#fff }
.step:last-child { margin-right:0; }
.step_arrow { float:left; width:0; height:0; margin:50px 15px 0 0; border-top:25px solid transparent; border-left:30px solid #999; border-bottom:25px solid transparent; }
.step p { margin-bottom:15px; width:40px; height:40px; line-height:40px; border-radius:30px; background:#1f7dab; font-family:'Nanum Square-b'; font-size:20px; color:#fff; text-align:center }

/* 순서2 */
.step2 { position:relative; float:left; width:168px; height:130px; margin-right:10px; padding:15px; font-size:14px; border-radius:5px; text-align:center; background:#44acd4; color:#fff }
.step2:last-child { margin-right:0; }
.step_arrow2 { float:left; width:0; height:0; margin:50px 10px 0 0; border-top:15px solid transparent; border-left:20px solid #999; border-bottom:15px solid transparent; }
.step2 p { margin:0 auto 15px; width:40px; height:40px; line-height:40px; border-radius:30px; background:#1f7dab; font-family:'Nanum Square-b'; font-size:18px; color:#fff; text-align:center }

/* 인사말 */
.greeting_box1 { padding:30px 0 0 580px; height:340px; background:url('../images/sub05/sub_11.jpg') no-repeat 0 bottom; }
.greeting_tit1 { padding-left:10px; height:50px; line-height:54px; font-size:40px; font-family:'Nanum Square-b'; color:#fff; background:#34a0d1; letter-spacing:-1px }
.greeting_tit2 { padding-top:10px; line-height:1; font-size:40px; font-family:'Nanum Square-b'; color:#9cbdd6; letter-spacing:-1px }
.greeting_tit3 { padding-top:15px; line-height:1.5; font-size:24px; font-family:'Nanum Square-b'; color:#666; }
.greeting_sign { padding:60px 50px 0 0; text-align:right; font-size:18px; font-family:'Nanum Square-b'; color:#000; }
.greeting_con { padding:50px 0; margin-bottom:50px; line-height:30px; font-size:15px; color:#333; background:url('../images/common/dot_line.gif') repeat-x left bottom}

/* 의료진 소개 */
.medical_tit { margin-bottom:20px; font-size:30px; font-family:'Nanum Square-b'; color:#333 }
.medical_tit span { font-size:30px; font-family:'Nanum Square-b'; color:#34a0d1 }
.medical_sign { padding:20px 0; font-size:16px; font-family:'Nanum Square-b'; color:#000; }

/* 찾아오시는 길 ---------------------------------------*/
.contact_all_wrap{margin-top:20px;background:#f1f1f1;border:1px solid #ddd;color:#333;padding:30px 0}
.contact_all_wrap:after {content: ''; display:block; clear:both; visibility:hidden; }
.contact_tit {font-family:'NanumSquare'; font-size:20px; color:#000;font-weight:bold;text-align:center;}
.contact_info {font-size:14px; line-height:21px; text-align:center; }
.contact_info span {color:#000;font-weight:bold;margin:0 10px 0 20px;}

.map_all_wrap{margin:50px 0;}
.map_all_wrap:after {content: ''; display: block; clear: both; visibility: hidden; } 
.map_tit {float:left; width:150px; height:140px; font-family:'NanumSquare'; font-size:20px; color:#000;font-weight:bold;text-align:center}
.subway {background:url('../images/sub05/sub_51.gif') no-repeat center bottom; }
.bus {background:url('../images/sub05/sub_52.gif') no-repeat center bottom; }
.line4 {display:inline-block;margin-right:10px;border:5px solid #2864d6; background:#fff; width:40px; height:40px; line-height:33px; border-radius:40px; 
font-family:'Nanum Square-b'; text-align:center; font-size:18px; color:#2864d6; font-weight:bold;}
.line1 {display:inline-block;margin-right:10px;border:5px solid #1b3697; background:#fff; width:40px; height:40px; line-height:33px; border-radius:40px; 
font-family:'Nanum Square-b'; text-align:center; font-size:18px; color:#1b3697; font-weight:bold;}

/* 지선 */
.bus_g1 { display:inline-block; margin:0 10px 3px 0; width:40px; height:20px; line-height:20px; border-radius:3px; background:#5fb73c; border:1px solid #53a135;
font-family:'돋움'; text-align:center; font-size:11px; color:#fff; font-weight:bold;}
/* 마을 */
.bus_g2 { display:inline-block; margin:0 10px 3px 0; width:40px; height:20px; line-height:20px; border-radius:3px; background:#80c52e; border:1px solid #72b423;
font-family:'돋움'; text-align:center; font-size:11px; color:#fff; font-weight:bold;}
/* 일반 */
.bus_g3 { display:inline-block; margin:0 10px 3px 0; width:40px; height:20px; line-height:20px; border-radius:3px; background:#00aeab; border:1px solid #009996;
font-family:'돋움'; text-align:center; font-size:11px; color:#fff; font-weight:bold;}
/* 직행 */
.bus_g4 { display:inline-block; margin:0 10px 3px 0; width:40px; height:20px; line-height:20px; border-radius:3px; background:#d9362e; border:1px solid #bb1811;
font-family:'돋움'; text-align:center; font-size:11px; color:#fff; font-weight:bold;}
/* 급행 */
.bus_g5 { display:inline-block; margin:0 10px 3px 0; width:40px; height:20px; line-height:20px; border-radius:3px; background:#c757cc; border:1px solid #b242b7;
font-family:'돋움'; text-align:center; font-size:11px; color:#fff; font-weight:bold;}
/* 좌석 */
.bus_g6 { display:inline-block; margin:0 10px 3px 0; width:40px; height:20px; line-height:20px; border-radius:3px; background:#4f60bc; border:1px solid #3c4ca7;
font-family:'돋움'; text-align:center; font-size:11px; color:#fff; font-weight:bold;}

.map_info_wrap {float:right; width:1050px; border-top:2px solid #333; }
.map_info_tit {border-radius:3px; margin-bottom:20px; width:220px; height:27px; line-height:27px; text-indent:20px; color:#fff; font-size:15px; background:#34a0d1; }
.map_info_tit2 {border-radius:3px; margin-bottom:20px; width:220px; height:27px; line-height:27px; text-indent:20px; color:#fff; font-size:15px; background:#66af00; }
.map_info dl {display:table; width:100%; font-size:14px; line-height:21px; }
.map_info dt {display:table-cell; width:280px; padding:15px 0px; border-bottom:1px solid #ccc; color:#000; font-weight:bold; padding-left:15px; }
.map_info dd {display:table-cell; padding:15px 0px; border-bottom:1px solid #ccc; vertical-align:middle; }
.map_info.bg1 { background:#f7fcfe }
.map_info.bg2 { background:#fbfef8 }


/* 내부사진 */
.gallery_tit_bg { float:left; width:390px; height:560px; margin:30px 0; background:#124d78 url("../images/sub05/sub_32_bg.png") repeat; }
.gallery_tit { width:390px; height:560px; padding:50px; background:url('../images/sub05/sub_32.png') no-repeat 50px 90% }

/* 박스 */
.sub_search { position: relative; overflow:hidden; text-align:center; background:#f6f6f6; border:1px #d9d9d9 solid; padding: 20px; margin:0 0 30px; }
.guide_box  { overflow:hidden; background:#f6f6f6; border:1px #d9d9d9 solid; padding:20px; margin:0 0 30px; }
.guide_box li { padding-bottom:5px;}

/* 검색폼 */
.search_select { font-size: 13px; padding: 0; background: #FFF; border:1px #aaa solid; width:100px; height:30px; line-height: 30px; }
.search_input { font-size: 13px; padding: 0 10px; background: #FFF; border:1px #aaa solid; width: 360px; height:30px; line-height: 30px; }
a.search_btn, .search_btn { display:inline-block; margin:0 0 0 5px; width: 50px; height: 30px; line-height: 30px; background: #464e6b; border:none; color:#fff; cursor:pointer;}

/* 약관동의 */
.agree_check_tit { padding:10px 0 10px; font-size:13px; color:#414141; font-weight:bold }
.agree_check { text-align:center; padding:15px 0 30px; font-size:14px; color:#414141; }
.agree_check_stit { display:inline-block; padding-right:35px; font-size:15px; color:#414141; font-weight:bold }
.tab_content { overflow-x:auto; overflow-y:scroll; height:200px; border:1px solid #777; padding:20px; }
.agree p { margin:10px 0; font-size:13px; }
.agree dl {padding: 0 0 20px 0;}
.agree dt { font-weight:bold; font-size:16px; padding-bottom:10px; color:#000}
.agree dd { font-size:14px; }
.agree ol { margin:10px 0 10px -20px; }
.agree li { font-size:14px; background:url('../images/common/bullet_03.gif') no-repeat 0 9px; padding-left:15px; padding-bottom:5px; }

/* 게시판 버튼영역  -------------------------------------------------------- */
.bbs_btn_box { margin:20px 0; text-align:center; line-height:40px; }
.bbs_btn_box2 { margin:20px 0; line-height:40px; }

/* 버튼 */
a.btn01, .btn01 { vertical-align:top; display:inline-block; padding:0 30px; height:40px; line-height:40px; border:1px solid #475893; background:#475893; text-align:center; font-weight:bold; color:#fff; }
a.btn02, .btn02 { vertical-align:top; display:inline-block; padding:0 30px; height:40px; line-height:40px; border:1px solid #237cc1; background:#237cc1; text-align:center; font-weight:bold; color:#fff; }
a.btn03, .btn03 { vertical-align:top; display:inline-block; padding:0 30px; height:40px; line-height:40px; border:1px solid #ccc; background:#fff; text-align:center; font-weight:bold; color:#464646; }
a.btn_gr { vertical-align:top; display:inline-block; height:30px; line-height:30px; padding:0 10px; background:#707580; color:#fff; font-weight:bold; text-align:center; }

a.btn011, .btn011 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #475893; background:#475893; text-align:center; font-weight:bold; color:#fff; }
a.btn021, .btn021 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #237cc1; background:#237cc1; text-align:center; font-weight:bold; color:#fff; }
a.btn031, .btn031 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #ccc; background:#fff; text-align:center; font-weight:bold; color:#464646; }
a.btn041, .btn041 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #707580; background:#707580; text-align:center; font-weight:bold; color:#fff; }

a.btn011.he, .btn011.he { height:30px; line-height:30px; }

/* 라디오버튼 */
input[type="radio"] { width:20px; height:20px; }
input[type="radio"] + label { position:relative; display:inline-block; padding:6px 30px 0 27px; height:27px; 
background:url('../images/common/radio_no.png') no-repeat 0 7px; background-size:20px 20px; vertical-align:top; cursor:pointer; }
input[type="radio"]:checked + label:after { position:absolute; left:0; top:7px; width:20px; height:20px; content:"";
background:url('../images/common/radio_ch.png') no-repeat; background-size:20px 20px; }
input[type="radio"] { display: none; }

/* 체크박스 */
input[type="checkbox"] { width:18px; height:18px; margin-right:10px; }
input[type="checkbox"] + label { position:relative; display:inline-block; padding:4px 0 0 27px; height:24px; background:url('../images/common/checkbox_no.gif') no-repeat 0 6px; 
vertical-align:top; cursor:pointer; }
input[type="checkbox"]:checked + label:after { position:absolute; left:0; top:6px; width:18px; height:18px; content:""; background:url('../images/common/checkbox_ch.gif') no-repeat }
input[type="checkbox"] { display: none; }


/*비급여 안내 테이블*/
table.sub05_06 {width: 100%; margin: 0px auto; border: 1px solid #dadada; border-top: 2px solid #000; }
table.sub05_06 tr.bgColor {background:#ebf7fe;}
table.sub05_06 thead th {padding: 10px 0; background: #1c557e; border-bottom: 1px solid #000; color:#fff; font-weight: bold; font-size: 16px; text-align: center;}
table.sub05_06 tbody th {padding: 5px 10px; border-top: 1px solid #dadada; border-right: 1px solid #dadada; font-weight: bold; font-size: 16px; text-align: center;} 
table.sub05_06 tbody td {padding: 5px 10px; border-top: 1px solid #dadada; font-weight: normal; font-size: 16px; text-align: right;}


/* 탈장의 종류 및 치료 /sub04/sub_02.php */
.con_sec .imgCon {margin-top: 20px; margin-bottom: 20px; border: 1px solid #53A502; width: fit-content;}
.con_sec .imgCon img {width: 290px;}
.con_sec .imgCon span {font-size: 12px; padding: 4px 0; text-align: center; display: block; background: #6B6B6B; color: #fff;}
.con_sec .list_ul {margin-left: 15px; position: relative;}
.con_sec .list_ul li:before {left: 0px; position: absolute; content: attr(data-marker);}
.con_sec .list_ul li[data-marker] {padding-left: 18px;}
.con_sec p.indent {display: flex;}
.con_sec p.indent span:first-child {flex-shrink: 0;}
.con_sec p.indent span.pd_left {padding-left:3px;}