@charset "utf-8";

* { margin: 0; padding: 0; }
ol,ul {list-style: none; }
.clear {	clear: both;}
.floatLeft {	float: left;}
.floatRight {	float: right;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ margin:0;  padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul {list-style: none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
abbr, acronym {border:0;}
a{outline:1;   text-decoration:none; color:#666;}
em { font-style:normal; }
body { font: 12px /1.4 Dotum, "돋움", sans-serif; color:#666;}
.h { display:none; }

body { width:100%; overflow-x:hidden;
	font-size:12px; line-height:1.5;
	font-family: 'NanumGothicWeb',dotum,arial;
	color: #777; font-weight:bold; *letter-spacing:-1px;
	background-color:#fff;
	-webkit-text-size-adjust:none;}

table { border-spacing:0px!important;}


a { text-decoration:none; color:#777;}
.marTop5 { margin-top:5px!important; }
.marTop10 { margin-top:10px!important; }
.marTop20 { margin-top:20px!important; }
.marBottom40 { margin-bottom:40px!important; }

/* 480 해상도 이하 */

.header { width:100%; height:37px;  position:relative;
text-align:center; padding-top:7px;
/*background:-webkit-gradient(linear, left top, left bottom, from(#0371d1), to(#00529a), color-stop(0.6, #a1a1a1));*/
background:-webkit-gradient(linear, left top, left bottom, from(#0371d1), to(#00529a));}
.btnHome { position:absolute; top:8px; left:3%;}
.btnList { position:absolute; top:8px; right:3%;}
.btnHome>img { width:34px; height:27px; }
.btnList>img { width:34px; height:27px; }
.header h1 {}
.header h1 img { width:178px; height:26px; }

.container { width:92%; padding:4%; }
.container h2 { width:96%; background-color:#eaeef9; border:1px solid #e3e8f4; font-weight:bold; font-size:18px; font-family:arial; padding:2%; color:#2758b6; letter-spacing:-1px;  }
.container h2 span { font-family:dotum;font-size:16px; font-weight:bold}
.container h3 { font-size: 14px; color:#333; margin-top:18px; font-weight:bold}
.txt { font-size:12px; color:#888; margin-top:7px; font-weight:normal}
.container h3.blue { font-size: 14px; color:#333; margin-top:18px; color:#295ab7; font-weight:bold; }

.inputBox { letter-spacing:-1px; background-color:#eee; padding:0px 4%; padding-top:11px; padding-bottom:8px; margin-top:10px;}
.inputBox table { width:100%; vertical-align:center; color:#555; }
.inputBox table input { width:116px; height:14px; border:1px solid #ccc;}
.inputBox table input.idn { width:50px;}
.inputBox table img { width:61px; height:36px;vertical-align:center; }
.agree {padding-top:10px}
.agree input { position:relative; top:2px;}
.agree label { font-size:11px; font-weight:normal; margin-left:5px; }

.tableA { width:100%; text-align:left; border:1px solid #d7dfec;  border-spacing:0px!important;}
.tableA th { background-color:#eaeef9; width:30%;height:30px; padding-left:3%; border:1px solid #d7dfec; }
.tableA td { background-color:#fff; width:62%;height:30px; padding-left:3%; border:1px solid #d7dfec;}
.tableA input { width:105px; height:15px; border:1px solid #ccc;}

.tableA2 { width:100%; border:1px solid #d7dfec;  border-spacing:0px!important;}
.tableA2 th { background-color:#eaeef9; width:25%;height:50px; border:1px solid #d7dfec;  text-align:center!important;}
.tableA2 td { background-color:#fff; height:50px; border:1px solid #d7dfec; text-align:center!important;}
.tableA2 input { width:105px; height:15px; border:1px solid #ccc;}

.tableD { width:100%; text-align:left; border:1px solid #d7dfec;  border-spacing:0px!important; font-size:11px;}
.tableD th { background-color:#eaeef9; width:30%;height:30px; padding-left:3%; border:1px solid #d7dfec; }
.tableD td { background-color:#fff; width:62%;height:30px; padding-left:3%; border:1px solid #d7dfec;}
.tableD label { margin-right:6px;}


.tableB { width:100%; text-align:center; border:1px solid #ccc;  border-spacing:0px!important;}
.tableB th { background-color:#eee; height:30px;  border:1px solid #ccc; text-align:center; color:#444; }
.tableB td { background-color:#fff;  padding-left:3%; border:1px solid #ccc; padding:5px 0px; font-weight:normal}

.tableC { vertical-align:top; }
.tableC td { vertical-align:top; padding-bottom:15px; font-weight:normal; }

.th1 { width:40%;}
.th2 { width:60%;}
.inputS { width:44px!important;}
.inputL { width:180px!important;}
.btn { text-align:center; margin-top:10px; }
.btn img { width:76px; height:26px; }

.medSec { width:100%; min-height:250px;}
.medSec li { width:25%; height:60px; text-align:center; float:left; margin-bottom:7px; }
.medSec li img { width:68px; height:59px; }

.info1 { width:93%; background:url(../img/iconTri.gif) no-repeat 0px 2px; background-size:16px 13px; padding-left:7%;}
.info3 { width:100%; background:url(../img/h4_bluet.gif) no-repeat 0px 0px; background-size:16px 19px; padding-left:7%;}
.picDoc { width:29%; height:100px; float:left; text-align:center;}
.picDoc img { width:85px; height:100px; }
.sizeA { width:70%!important; float:right; }
.tname { height:30px!important;}
.tpart { height:67px!important; }

.sizeA td img { width:46px; height:18px;  position:relative; top:3px; margin-left:4px; border:1px solid #ccc; }
.sizeA td span { position:relative; top:-1px;}
.pr { margin-bottom:5px!important; height:102px; }

.roundTit { width:100%; padding:6px 0px; 	cursor:pointer;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	background:-webkit-gradient(linear, left top, left bottom, from(#0371d1), to(#00529a)); color:#fff; font-size:14px; font-weight:bold;
	text-align:center; }
.roundTit span { display:inline-block; width:15px; height:10px; overflow:hidden; background:url(../img/arrowDown.png) no-repeat 0px 0px; background-size:15px 20px;
	position:relative; top:1px; left:5px; }

.roundTit2 { width:100%; padding:6px 0px; 	cursor:pointer;
	border-top-left-radius:6px; position:relative;
	border-top-right-radius:6px;
	background:-webkit-gradient(linear, left top, left bottom, from(#0371d1), to(#00529a)); color:#fff; font-size:14px; font-weight:bold;
	text-align:center; }


.roundTit span.active { background-position:0px -10px; }
.viewDetail { padding:4%; border:1px solid #d9e1ed; background-color:#eaeef9; }

.subH4 { font-size:12px; font-weight:bold; color:#444; }
.blue2 { color:#295ab7!important; font-weight:bold; font-size:12px;}
.btnAgree { }
.btnAgree img { width:131px; height:25px; }
.btnCancel img { width:61px; height:25px; }


.roundTit3 {  padding:4px 0px; padding-left:5%;	cursor:pointer; position:relative;
	background-color:#fff; border:1px solid #ddd;  color:#666; font-size:13px; font-weight:bold;
	text-align:left; }
.roundTit3 span { display:inline-block; width:15px; height:10px; overflow:hidden; background:url(../img/arrowDown2.png) no-repeat 0px 0px; background-size:15px 20px;
	position:absolute; top:10px; right:9%; }
.roundTit3 span.active { background-position:0px -10px; }
.viewDetail3 { padding:5px; padding-left:5%; padding-right:5%; border:1px solid #d9e1ed; background-color:#eaeef9; text-align:left; border-bottom:none; border-top:none; display:block; font-weight:normal;}
.subway { width:260px; height:140px;}
.bus { width:260px; height:311px; }
.train { width:260px; height:119px;}
.terminal { width:260px; height:67px;  }
.stops { width:268px; height:30px;}
.airplane { width:260px; height:34px;}
.runtime { width:268px; height:50px; }





.modi { }
.modi span { position:relative; top:-2px; }
.btnSel1 { width:46px; height:17px; position:relative; top:2px; left:5px; }

.boxA { padding:13px 0px; text-align:center; background-color:#eaeef9; border:1px solid #d7dfec; color:#295ab7; margin-top:20px; }
.alignC { text-align:center; }
.alignC img { width:75px; height:25px; margin-top:20px;}

.mask { width:100%; height:210%; background-color:#000; opacity:0.8; position:absolute; top:0px; left:0px; z-index:30; display:none; }
.pop { width:90%; position:absolute; top:60px; left:5%; background-color:#fff; z-index:40; display:none; }
.pop h2 { background-color:#295ab7; font-size:15px; font-weight:bold; color:#fff; padding:10px 0px; padding-left:10px; position:relative;  }
.pop h2 a { position:absolute; top:10px; right:10px; font-weight:bold; color:#fff; }
.popCon { width:94%; padding:3%; }
.chk2 { font-size:11px; font-weight:normal;}
.chk2 input { position:relative; top:2px; margin-right:5px;}
.ra { position:relative; top:2px; margin-right:3px;  }
.modi strong { color:red;}
.prevMonth { display:block; position:absolute; top:6px; left:20px;}
.prevMonth img { width:7px; height:11px; }
.nextMonth { display:block; position:absolute; top:6px; right:20px;}
.nextMonth img { width:7px; height:11px; }

.tableE { width:100%; text-align:center;}
.tableE th { width:14.2%; border:1px solid #d7dfec; background-color:#eaeef9; color:#295ab7; font-weight:bold; height:30px; text-align:center;}
.tableE td { width:14.2%; border:1px solid #d7dfec; background-color:#fff; color:#666; font-weight:bold; height:30px; text-align:center;}
.tableE td.active1 { background-color:#eee; color:#666; }
.tableE td.active2 { background-color:#6acbee; color:#fff; }

.gr { display:inline-block; width:11px; height:11px; border:1px solid #ccc; background-color:#6acbee; position:relative; top:1px;}
.bb { display:inline-block; width:11px; height:11px; border:1px solid #ccc; background-color:#eee; position:relative; top:1px; }
.coInfo { text-align:right;}
.dateUp { border:1px solid #d7dfec; padding:4%;}

.tab2 { height:20px; }
.tab2 li { width:24%; float:left; height:20px; text-align:center; font-weight:bold; color:#666; border:1px solid #d8d9df;border-bottom:1px solid #d8d9df; padding:3px 0px;
	border-top-left-radius:6px; border-top:4px solid #d8d9df;
	border-top-right-radius:6px; background-color:#f3f3f5; }
.tab2 li.active {  background-color:#fff; color:#295ab7; border-bottom:none;}
.transportation { letter-spacing:-2px;}
.tab2 li div { width:100%; min-height:300px;  }

.tabCon > li {  width:100%; min-height:300px;  position:absolute; top:40px; left:0px; display:none; color:#555; padding-top:2px;  }
.tabBox { position:relative; }
.gmnoprint { display:none!important;}

/* 2018-12-18 입원안내 탭 추가 */
.tab3 { height:44px; }
.tab3 li { width:24%; float:left; height:44px; text-align:center; font-weight:bold; color:#666; border:1px solid #d8d9df;border-bottom:1px solid #d8d9df; padding:10px 0px; border-top-left-radius:6px; border-top:4px solid #d8d9df; border-top-right-radius:6px; background-color:#f3f3f5; box-sizing:border-box; }
.tab3 li:nth-child(4) { padding:3px 0px; }
.tab3 li.active {  background-color:#fff; color:#295ab7; border-bottom:none;}
.tab3 li div { width:100%; min-height:300px; }
.inpatinet_guide > li { top:50px; }
.inpatinet_guide > li h4 { color:#2c4995; font-weight:bold; padding:0 0 10px; }
.inpatinet_guide > li h4 + img { width:100%; margin:0 0 10px; }
.inpatinet_guide > li ol + h4 { padding:10px 0; }
.inpatinet_guide ol li { margin-top:11px; }
.inpatinet_guide ol li:nth-child(1) { margin-top:0; }
.inpatinet_guide ol li strong { color:#000; display:block; }
.inpatinet_guide ol li > span { position:relative; padding-left:8px; display:block; font-weight:normal; margin-top:4px; margin-left:12px; }
.inpatinet_guide ol li span:nth-child(1) { margin-top:0; }
.inpatinet_guide ol li span:after { content:'-'; display:block; position:absolute; top:0; left:0; }
.inpatinet_guide ol .blue { color:#2a5ab7; font-weight:normal;}
.inpatinet_guide ol .blue_dash { content:'-'; display:block; position:absolute; top:0; left:0; }
.inpatinet_guide ol strong.blue { color:#2a5ab7; font-weight:bold; }
.inpatinet_guide ol li.no_dash > span { padding-left:0; }
.inpatinet_guide ol li.no_dash > span:after { display:none; }
.inpatinet_guide ol li.dot_list span span { position:relative; padding-left:8px; margin-left:10px; display:block; }
.inpatinet_guide ol li.dot_list span span:after{ display:block; content:'\22C5'; position:absolute; top:0; left:0; }
.inpatinet_guide .tableB tr td.bgeee { background:#eee; text-align:center; padding-left:0; }
.inpatinet_guide .tableB tr td { text-align:left; padding-left:10px; }
.inpatinet_guide .tableB + h4 { padding:10px 0; }


/*

@media all and (min-width:480px) and (max-width:2000px){

.header { width:100%; height:60px;  position:relative;background:-webkit-gradient(linear, left top, left bottom, from(#0371d1), to(#00529a)); text-align:center; padding-top:15px; border-bottom:1px solid #f0efee;}
.btnHome { position:absolute; top:13px; left:3%;}
.btnList { position:absolute; top:13px; right:3%;}
.btnHome>img { width:61px; height:50px; }
.btnList>img { width:61px; height:50px; }
.header h1 img { width:235px; height:43px; }


}

*/

/* 메인 */
.picMain { max-width:100%;  margin:0 auto; }
.picFrame { width:100%; text-align:center; line-height:0; }
.iconSet { width:100%; /*min-height:250px;*/ height:100%; padding-top:30px; position:relative; top:-5px; border-bottom:0px solid #2859c2}
.iconSec { width:33.3%; height:90px; float:left; text-align:center; margin-bottom:10px;  }
.iconSec1 { width:25%; float:left; text-align:center; border:0px; }
.iconSec1 img { width:100%; border:0px;vertical-align:top; }
.iconSec1 a {display:block;}
.iconSet2 { width:100%; /*min-height:100px;*/ height:100%; position:relative; border-bottom:0px solid #2859c2; background: #333c45;}
.iconSet2 .line2 { width:100%; position:relative; float:left; display:block; }
.iconSet2 img { width:100%; border:0; margin:0; padding:0;vertical-align:top;}

.iconSec img { width:95px; height:90px; }
.iconPc {text-align:center; position:relative;}

.info_wrap {/**/}
.info_wrap p {width:20%;float:left;}
.info_wrap .reserve {width:39.6875%;}
.info_wrap .tel1 {width:20.3125%;}
.info_wrap p img {width:100%;}


/*2014-07-30*/
.txt02{border:1px solid #d2d2d2;font-size:12px;font-family:"돋움", Dotum;font-weight:normal;color:#666;height:21px;line-height:21px;padding:0 5px;vertical-align:middle;outline:0}
.btn01_s span{display:block;background-color:#267cb4;height:21px;line-height:21px;padding:0 5px;min-width:23px;cursor:pointer;text-align:center;color:#fff;font-weight:bold;font-size:12px}
.btn01_s{display:inline-block;background-color:#dddddd;height:21px;padding:0 !important;padding-bottom:1px !important;vertical-align:middle; width:50px;}
.cbt1, .mdpart .cbt2{display:inline-block;margin-left:10px}
.cbt1{width:41px}
.container div.search { width:100%; background-color:#eaeef9; border:1px solid #e3e8f4; font-weight:bold; font-size:12px; font-family:arial; color:#2758b6; letter-spacing:-1px; text-align:center; padding:10px 0; margin:15px 0; }



.footer {
	background: #333c45;
	padding: 5% 6.25%;
	color: #fff;
	font-weight: normal;
	font-size: 0.9em;
	letter-spacing: -0.5px;
	line-height: 1.7em;
	float:left;/*family 사이트 때문에 있음, 삭제했다가 다시 원복 */
	position:relative;
	z-index:1;
	width:100%;/*20180718추가*/
	box-sizing:border-box;/*20180718추가*/
}
.footer img {padding-bottom:10px; width:100%;}
.footer a {color:#fff;}
.footer_blog { float:right; width:35%; margin-top:-3px; }  /* 2018-09-04 추가*/
.footer_blog img { width:100%; padding-bottom:0; }  /* 2018-09-04 추가*/



/* 2019-06-17 다음 api 추가 */
.map_road_btn { width:100%; font-size:0; text-align:center; }
.map_road_btn span { width:44%; display:inline-block;}
.map_road_btn span:first-child { margin-right:2%; }
.map_road_btn span img { display:block; width:100%; height:auto; }



/* 2019-07-03 dot_list 추가 */
div.dot_list { display:inline-block; width:auto; }
div.dot_list p { position:relative; padding-left:8px; margin-left:10px; display:block; text-align:left; }
div.dot_list p:after{ display:inline-block; content:'•'; position:absolute; top:0; left:0; }




/* 2019-08-29 메인 유튜브 추가 */
.iconSet:after { clear:both; display:block; content:''; }
.iconSet2 .info_wrap:after { clear:both; display:block; content:''; }
.iconPc:after { clear:both; display:block; content:''; }
.youtubeWrap { width:100%; position:relative; top:0; height:100%; padding:0 3% 11px; box-sizing:border-box; }
.youtubeWrap .title { font-weight:bold; width:100%; text-align:center; color:#000; font-size:16px; padding:14px 0; line-height:1; letter-spacing:-1px; }
.youtubeWrap .title img { width:129px; }
.youtubeWrap a { width:100%; display:block; cursor:pointer; }
.youtubeWrap a img { width:100%; height:auto; display:block; }
.youtubeWrap a .txt { display:block; color:#000;  letter-spacing:-1px; font-size:16px; font-weight:bold; }


/* 2019-10-15 네이버로그인 추가 */
.inputBox.naver_login hr { width:100%; height:1px; border:0; background:#ddd; margin:10px 0; text-align:left; padding:0; }
.inputBox.naver_login .naver_btn { width:100%; }
.inputBox.naver_login .naver_btn a { display:block; }
.inputBox.naver_login .naver_btn a img { display:block; width:100%; height:auto; }


/* 2019-11-13 링크 배너 추가 */
.bannerWrap { width:100%; position:relative; padding:15px 0; }
.bannerWrap a { display:block; width:100%; }
.bannerWrap a img { width:100%; }


/* 2020-04-08 입퇴원수속창구 위치보기 버튼 추가 */
.btn_location { width:46%; min-width:170px; display:block; float:right; background:#ec7621; color:#fff; text-align:center; font-size:12px; height:30px; line-height:30px; }
.btn_location img { height:20%; }

/* 2021-03-26 진료예약 완료 step4  코로나안내 추가 */
.warning_box{margin:20px 0;padding:15px 10px;background-color:#fff3ed;border:1px solid #ff5a00;}
.warning_box p{margin-top:5px;font-size:12px;color:#ff5a00;word-break:keep-all;}
.warning_box p:first-child{margin-top:0;}


/*   진료예약 - mini 팝업  */
.popup_mini{position: fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.6);z-index:99;align-items:center;display:flex;}
.popup_mini .cont_area{position:relative;margin-left:5%;width:90%;border:3px solid #11426b;background-color:#fff;box-sizing:border-box;}
.popup_mini .close_btn{position:absolute;right:0;top:0;display:block;width:40px;height:40px;font-size:0;line-height:0;background:url("../img/popup_mini_close.png") center no-repeat;}
.popup_mini .conts{padding:30px 15px;}
.popup_mini .conts p{font-size: 13px;color:#333;line-height: 1.2rem;word-break:keep-all;}
.popup_mini .conts .agree{margin:25px auto 20px;padding:15px 0;text-align:center;border:solid #11426b;border-width:1px 0;}
.popup_mini .conts .agree .input_checkbox{display:inline-block;}
.popup_mini .conts .agree .input_checkbox label{font-size: 13px;line-height:24px;}
.popup_mini .ok_btn{margin:0 auto;display:block;padding:7px 0;width: 110px;color:#fff;text-align:center;font-size: 12px;background-color:#11426b;}