@charset "utf-8";
/*  sub */
.col-md-2 { position:relative; float:left; width:47%;  margin:0 1.5%;}

@media screen and (max-width:976px){
.col-md-2 {  width:98%;  margin:0 1% 0px;}

}

@font-face {
    font-family: 'KCCImkwontaek';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/KCCImkwontaek.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub_wrap {position:relative; float:left; width:100%; padding-top:195px;}
.sub_bg { height:230px;  background-repeat:no-repeat; background-position:50% 0;}
.sub_bg.bg01 { background-image:url(/images/sub/s_visual1.jpg); background-size:cover;}
.sub_bg.bg02 { background-image:url(/images/sub/s_visual2.jpg); background-size:cover;}
.sub_bg.bg03 { background-image:url(/images/sub/s_visual3.jpg); background-size:cover;}
.sub_bg.bg04 { background-image:url(/images/sub/s_visual4.jpg); background-size:cover;}
.sub_bg.bg05 { background-image:url(/images/sub/s_visual5.jpg); background-size:cover;}
.sub_bg.bg06 { background-image:url(/images/sub/s_visual6.jpg); background-size:cover;}
.sub_bg.bg07 { background-image:url(/images/sub/s_visual1.jpg); background-size:cover;}
.sub_bg.bg08 { background-image:url(/images/sub/s_visual8_new.jpg); background-size:cover;}

.visual-copy { position: relative; float:left; width:100%; margin:95px 0 0;text-align:center;   }
.visual-copy  dt {float:left; width:100%; margin:0px 0 15px ; color:#fff;  font-size:33px; line-height:35px; font-weight:500; text-shadow:1px 1px 1px #666 }
.visual-copy  dd {float:left; width:100%; font-size:18px; line-height:24px; color:#fff;opacity:1; text-shadow:1px 1px 1px #444 }


.divide-line {position: relative; float:left; width:100%; height:1px ; border-top:1px solid #ddd; margin:30px 0;}
.divide-dash {position: relative; float:left; width:100%; height:1px ; border-top:1px dashed #ddd; margin:30px 0;}



@media screen and (max-width:977px){
.sub_wrap { padding-top:90px;}
.sub_bg { height:150px; }

.visual-copy {  margin-top:60px; }
.visual-copy  dt {  font-size:28px; line-height:30px; }

}


@media screen and (max-width:767px){
.sub_wrap { padding-top:55px;}
.sub_bg { height:120px; }

.visual-copy {  margin-top:45px; }
.visual-copy  dt {  font-size:23px;}
}






/* sub_top */
.sub_top { display:none; position:relative;float:left; width:100%; height:48px; background:#fbfbfb url(../img/bg_sub_top.png) repeat-x 0 0;border-bottom:1px solid #ddd;}
.sub_top .sub_top_in { position:relative; z-index:50; max-width:1200px; margin:0 auto;}
.snb:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.snb>div { float:left; position:relative; margin-right:-1px;}
.snb .home>a { display:block; width:52px; height:48px; padding-top:15px; background-color:#797a7c; text-align:center;}
.snb .home>a:before { content:"\e800"; display:inline-block; font-family:'Linearicons-Free'; font-size:17px; line-height:17px; color:#fff;}
.snb>.depth1_area, .snb>.depth2_area { width:230px;}
.snb>.depth1_area, .snb>.depth2_area  a {color:#1b3cb8; }
.snb .open_depth { display:block; position:relative; height:48px; padding:12px 20px 12px 25px; border:1px solid #ccc;border-top:0; background-color:#fff; color:#555; font-size:14px; white-space:nowrap;}
.snb .open_depth.on { background-color:#fff;}
.snb .open_depth:after { content:"\f0d7"; display:inline-block; position:absolute; top:18px; right:14px; font-family:'FontAwesome'; font-size:15px; line-height:15px; color:#9a9a9a;}
.snb .open_depth.on:after { content:"\f0d8"; top:17px;}
.snb .menu { display:none; position:absolute; top:48px; left:0; width:100%;}
.snb .menu>li>a { display:block; padding:12px 5px 13px 25px; border:1px solid #ccc; border-top:none; background-color:#f4f4f4; color:#555; font-size:14px;}
.snb .menu>li>a:hover { background-color:#fff; color:#222;}

/* sub_title */
.sub_title { max-width:100%; margin:0 auto; padding-bottom:20px; padding-top:20px;text-align:center;}
.sub_title>h2 { padding-top:20px; color:#333; font-size:37px; font-weight:500; line-height:40px;}
/*.sub_title>h2>span { display:block; font-weight:100;width:35px; height:1px; background:#444; margin:15px auto 0;}*/
.sub_title>h2>em { color:#777; font-size:70%; font-weight:400;}
.sub_title>p { padding-top:12px; color:#777; font-size:16px; font-weight:300;}

.sub_title2 {position:relative;float:left; width:100%; font-size:23px; color:#333; font-weight:400;margin-top:40px; margin-bottom:20px; }
.sub_title2 span  { display:inline-block; width:20px; height:21px; margin-right:5px; background:url(/images/sub/ico_square.png) no-repeat center 5px; }
.sub_title2 p { padding-top:5px; padding-left:25px;color:#777; font-size:15px; font-weight:400;}
.sub_title2.first {margin-top:0;}
.sub_title2.mt {margin-top:60px;}

.sub_title3 {position:relative;float:left; width:100%; font-size:18px; color:#2942ad; font-weight:400;margin-top:20px; margin-bottom:10px; }
.sub_title3 span  { display:inline-block; width:14px; height:14px; margin:0 4px;border-radius:30px;background:#fff; border:3px solid #3852c1 }
.sub_title3 p {padding-top:5px; padding-left:23px;color:#777; font-size:15px; font-weight:400;}
.sub_title3.first {margin-top:0}

@media screen and (max-width:976px) {
.sub_title2 { font-size:18px;  margin-bottom:10px;margin-top:25px; }
.sub_title2 span  {  width:14px; height:21px; margin-right:5px; background:url(/images/sub/ico_square.png) no-repeat center 8px;  background-size:14px 14px;}

.sub_title3 { font-size:16px; }
.sub_title3 span  { width:11px; height:11px; }

}

@media screen and (max-width:767px) {
.sub_title2 { margin-top:20px; }


}

/* 페이지 인식을 위한 부분 */
#page01 .menu  a.menu1,
#page02 .menu  a.menu2, 
#page03 .menu  a.menu3,
#page04 .menu  a.menu4,
#page05 .menu  a.menu5,
#page06 .menu  a.menu6,
#page07 .menu  a.menu7,
#page08 .menu  a.menu8,
#page09 .menu  a.menu9,
#page10 .menu  a.menu10,
#page11 .menu  a.menu11,
#page12 .menu  a.menu12,
#page13 .menu  a.menu13{ color:#1d52ca;font-weight:500; border-bottom:3px solid #1d52ca; opacity:1;}

#s_navi {position:relative;float:left; width:100%; margin:0px 0 0; border-bottom:1px solid #dedede; border-top:1px solid #eee; background:#f8f8f8;}
#s_navi .menu {position:relative; max-width:1200px; margin:0 auto; text-align:center; background:url(/images/sub/gnbline.png) repeat-x left 51px; }
#s_navi .menu li {display:inline-block; width:auto; padding:0;list-style:none;}
#s_navi .menu li:first-child {background:none;}
#s_navi .menu li a {display:block; line-height: 22px; padding:13px 25px; margin:0 0px 0; border-bottom:3px solid #f8f8f8; font-size:17px; color:#555;  letter-spacing:-.02em;  }
#s_navi .menu li a:hover{ color:#1d52ca;border-right:0; opacity:1; border-bottom:3px solid #1d52ca; 
		-webkit-transition:300ms ease-out 0ms;
		-moz-transition:300ms ease-out 0ms;
		-ms-transition:300ms ease-out 0ms;
		transition:300ms ease-out 0ms;		}
#s_navi .menu li a.inter {padding:0px 15px !important}
#s_navi .menu li a.width2 { padding:0px 30px;}

@media screen and (max-width:1200px){
 #s_navi .menu li a { font-size:15px;margin:0 0px 0;}

}
@media screen and (max-width:977px){
  #s_navi {display:none;}
}



/* ss-gnb 3차메뉴*/
#pg01 .ss_gnb  a.menu1,
#pg02 .ss_gnb  a.menu2, 
#pg03 .ss_gnb  a.menu3,
#pg04 .ss_gnb  a.menu4,
#pg05 .ss_gnb  a.menu5,
#pg06 .ss_gnb  a.menu6,
#pg07 .ss_gnb  a.menu7,
#pg08 .ss_gnb  a.menu8,
#pg09 .ss_gnb  a.menu9,
#pg10 .ss_gnb  a.menu10,
#pg11 .ss_gnb  a.menu11,
#pg12 .ss_gnb  a.menu12 { border:1px solid #2546b4; background:#2546b4; color:#fff;position: relative;  z-index: 2;}

/* ss_gnb */
.ss_gnb { max-width:100%; margin:0px;}
.ss_gnb ul { display:table; width:100%;padding:0; cursor:auto !important; padding-left:1px; text-align:center;}
.ss_gnb ul li {display:inline-block; position:relative; width:20%; text-align:center; z-index:1; margin:-1px 0 0 -1px;}
.ss_gnb ul.col4 li {width:25%;}
.ss_gnb ul li a { display:block; line-height:50px; color:#555; font-size:16px;  border:1px solid #ddd;}
.ss_gnb ul li:hover { position: relative;  z-index: 2;}
.ss_gnb ul li:hover a { border:1px solid #2546b4; color:#2546b4; z-index: 2;}


@media screen and (max-width:1100px) {
.ss_gnb ul li a {  font-size:14px;}

}


@media screen and (min-width:977px) and (max-width:100%) {/* (min-width:977px) and (max-width:1216px)  */

}
@media screen and (max-width:977px) {
.sub_top { display:block;}

}

@media screen and (min-width:977px) and (max-width:1216px) {/* (min-width:977px) and (max-width:1216px)  */

/* sub_top */
	.sub_top .sub_top_in {  max-width:100%;}

	/* sub_title */
	.sub_title { max-width:960px;}
	.sub_title>p>.span2 { display:block;}

	/* ss_gnb */
	.ss_gnb { max-width:100%; }


}

@media screen and (max-width:1200px){/* max-width:976 */
  /* sub_top */
	.public_btn { display:none;}

	/* sub_title */
	.sub_title { padding:0 22px 20px;}

	/* ss_gnb */
	.ss_gnb { margin:0px auto 20px; padding:0 5px;}

}

@media screen and (max-width:977px){
.ss_gnb {display:none}
}

@media screen and (max-width:767px){
/* sub_top */
	.sub_top { height:35px; background:#f7f7f7; background-size:1px 35px; border-bottom:1px solid #ddd;}
	.snb { padding-left:35px;}
	.snb .home { position:absolute; top:0; left:0; z-index:10;}
	.snb .home>a { width:35px; height:35px; padding-top:6px;}
	.snb .home>a:before { font-size:13px; line-height:13px;}
	.snb>.depth1_area, .snb>.depth2_area { width:50%;}
	.snb>.depth1_area, .snb>.depth2_area  a {color:#1b3cb8}
	.snb .open_depth { height:35px; padding:7px 12px 8px 7px; font-size:12px; overflow:hidden; text-overflow:ellipsis;}
	.snb .open_depth:after { top:13px; right:6px; font-size:9px; line-height:9px;}
	.snb .open_depth.on:after { top:12px;}
	.snb .menu { top:35px;}
	.snb .menu>li>a { padding:7px 5px 8px 7px; font-size:12px;}

	/* sub_title */
	.sub_title { padding:20px 4% 20px;}
	.sub_title>h2 { padding-top:0px; font-size:30px;}
    .sub_title>h2 span {width:35px; height:1px; background:#444; margin:10px auto 0;}
	.sub_title>p { padding-top:5px; font-size:15px; font-weight:400;}

	/* ss_gnb 
	.ss_gnb { margin:0px auto 20px; }
	.ss_gnb ul li {  width:25%;}
	.ss_gnb ul li a { line-height:40px;font-size:14px; margin-top:-1px; }

*/
}

@media screen and (max-width:500px){
.sub_title>h2 {font-size:25px;}
.sub_title>p { padding-top:0px; font-size:14px;}
}




/* 본문내용 */
.contents { position:relative;float:left; width:100%; margin:20px 0 30px; font-size:16px; line-height:26px; padding:0; }

@media screen and (max-width:1200px){
.contents {width:96%; margin:20px 2% 20px; font-size:14px; line-height:24px; }

}
@media screen and (max-width:976px){

  .contents  {font-size:14px; line-height:22px;}
}
@media screen and (max-width:780px){
  .contents { width:96%;  margin:0px 2% 30px }
}


/* 병원소개 */
#outline {position:relative; display:block;float:left;width:100%;}
#outline .box {position:relative; float:left; width:100%;  background:#f5f5f5; border:1px solid #e9e9e9; padding:20px 45px;  }
#outline .img-wrap {display:inline-block;float:right; width:150px;}
#outline .box dl {display:inline-block; width:80%;}
#outline .box dl dt {float:left; display:block; width:100%; font-size:35px; line-height:35px; color:#235ccf; margin-bottom:15px;}
#outline .box dl dt span {display:block; font-size:16px; color:#999; letter-spacing:.07em; font-family: 'OpenSans-Regular';}
#outline .box dl dd { float:left;display:block; width:100%; font-size:17px; line-height:24px; color:#777; }

#outline .st-process {position:relative; float:left; width:100%; margin:30px 0; text-align:center;}
#outline .st-process li {display:inline-block; float:left; width:155px; margin-left:18px; margin-bottom:10px;}
#outline .st-process li:first-child {margin-left:0; }

#outline .q-box {position:relative; float:left; width:100%; margin-bottom:30px;}
#outline .q-box img {width:100%; }
#outline .q-box h3 {position:absolute; left:0px; top:0px;font-size:25px; color:#666; font-weight:300; }
#outline .q-box h3 em {font-weight:400;}
#outline .q-box h3 span {display:block; width:30px; height:2px; background:#555; margin-top:15px;}
#outline .q-box h4 {position:relative; float:left; width:100%; text-align:center; margin:15px 0; font-size:25px; line-height:32px; color:#555}

#outline .msm {position:relative; float:left; width:100%; margin:30px 0; }
#outline .msm li {display:inline-block; float:left; width:22%; margin:0 1.5% 10px; }
#outline .msm li img { }

#outline .treat-step {position:relative; float:left; width:100%; text-align:center; margin:20px 0}

@media screen and (max-width:1210px){
#outline .st-process li { width:13.2%; margin:0 0.5% 10px;}
#outline .st-process li img {width:100%;}

#outline .msm li img {width:100%;}
}


@media screen and (max-width:976px){
#outline .box { padding:15px 30px;  }
#outline .img-wrap { width:15%;}
#outline .img-wrap img {width:90%;}
#outline .box dl dt { font-size:25px; line-height:25px; margin-bottom:10px;}
#outline .box dl dt span {font-size:13px; }
#outline .box dl dd { font-size:15px; line-height:20px; }
#outline .box dl dd br {display:none;}

#outline .q-box h4 { font-size:18px; line-height:22px; color:#555}

#outline .msm { margin:20px 0; }
}

@media screen and (max-width:677px){
#outline .box { padding:10px 15px;  }

#outline .img-wrap { width:15%; text-align:right; margin-top:10px;}
#outline .box dl {  width:80%;}
#outline .box dl dt { font-size:20px; line-height:20px; }
#outline .box dl dt span {font-size:12px; letter-spacing:0;  }
#outline .box dl dd { font-size:13px; line-height:18px;}

#outline .q-box h4 { font-size:16px;}

}
@media screen and (max-width:500px){
#outline .st-process {  margin:20px 0;}
#outline .st-process li { width:23%;margin:0 1% 10px;}
#outline .st-process li:first-child {margin:0 1% 10px; }

}



/* 인사말 */
.greeting { position:relative; float:left; width:100%;}
.greeting .block1 { float:left; width:50%; margin:20px 0;}
.greeting .block2 { float:right; width:50%;margin:20px 0;}
.greeting h3 {float:left; width:100%; margin-bottom:10px; font-size:37px; line-height:48px; font-weight:200; color:#888; text-align:center;}

.greeting ul {float:left; width:100%; padding:0 30px;}
.greeting ul li {display:block; float:left; width:100%; margin:10px 0; font-size:17px; line-height:27px;}
.greeting ul li em {display:inline-block; margin-left:5px; color:#333; font-size:140%;}

.greeting .img_hp3 {width:150px; margin-left:20px;}

@media screen and (max-width:1200px){
.greeting img {width:98%;}
.greeting h3 { margin-bottom:20px; font-size:30px; line-height:40px; }
.greeting ul li {  font-size:16px; }

}

@media screen and (max-width:1100px){
.greeting ul { padding:0 10px;}
.greeting ul li { margin:5px 0;line-height:21px; font-size:15px; }

}


@media screen and (max-width:977px){
.greeting .block1 { margin:10px 0;}
.greeting .block2 { margin:10px 0;}

.greeting h3 { margin-bottom:0px; font-size:24px; line-height:30px; padding:0 20px;}
.greeting h3 br { display:none; }
.greeting ul li {  font-size:15px; }
}
@media screen and (max-width:890px){
.greeting ul li {  font-size:13px; line-height:19px; margin:0px 0 10px; }
}

@media screen and (max-width:767px){
.greeting .block1 { width:100%;}
.greeting .block2 { width:100%;}

.greeting h3 {  font-size:20px; line-height:27px; letter-spacing:-.07em; }
.greeting ul li {  font-size:14px;line-height:22px; }

.greeting .img_hp3 {float:right;}
}


/* 비전 미션 */
.vision-wrap { position:relative; float:left;width:100%; background:url(/images/sub/bg_vision.jpg) no-repeat center 0; background-size:cover; text-align:center; padding:0px 0 80px}
.vision-wrap  h3 { background:#fff;width:auto;margin:0 auto;  width:120px; padding:0px 20px; margin-top:-15px; font-size:20px; color:#444;  font-family: 'proximanova-bold-webfont'; letter-spacing:0;text-transform:uppercase;}
.vision-wrap  h4 { float:left;width:100%;   font-size:20px; margin-bottom:15px; color:#444;  font-family: 'proximanova-bold-webfont'; letter-spacing:0; text-transform:uppercase;}

.vision-wrap .vision {position:relative; width:50%;margin:30px auto;  background:#fff; border-radius:100px; border:1px solid #ddd; }
.vision-wrap .vision dt {display:block; font-size:35px; line-height:35px; padding-top:20px; padding-bottom:30px;}
.vision-wrap .vision dd {display:block; font-size:21px; line-height:24px; color:#777; font-weight:300; padding:15px 0 30px }

.vision-wrap .mission {position:relative; float:left; width:90%; margin:80px 5%;}
.vision-wrap .mission li {display:inline-block; float:left; width:20%; font-size:19px; line-height:26px; color:#444; letter-spacing:-.1em;}
.vision-wrap .mission li img { margin-bottom:12px;}
.vision-wrap .mission li span {font-size: 17px; line-height: 24px;}

@media screen and (max-width:1216px){
.vision-wrap .vision { padding:0 20px;}
.vision-wrap .vision dt {font-size:28px; line-height:30px;padding-top:15px; }
.vision-wrap .vision dd {font-size:18px; line-height:24px; padding:10px 0 25px }

}

@media screen and (max-width:977px){
.vision-wrap {padding:0px 0 30px}
.vision-wrap .vision {margin:10px auto;  }
.vision-wrap h3 { margin-top:-10px; font-size:18px; }
.vision-wrap h4 { font-size:18px; }

.vision-wrap .vision dt {font-size:24px; padding-top:10px;  }
.vision-wrap .vision dd {font-size:15px; line-height:21px;padding:5px 0 20px}

.vision-wrap .mission { width:90%; margin:50px 5%;}
.vision-wrap .mission li {font-size:16px; line-height:21px;}
.vision-wrap .mission li img { margin-bottom:10px; width:70%;}
.vision-wrap .mission li span {font-size: 14px; line-height: 19px;}

}

@media screen and (max-width:677px){
.vision-wrap  h3 { margin-top:-8px; }

.vision-wrap .vision dt {font-size:21px; padding-top:15px;  }
.vision-wrap .vision dd {font-size:14px; line-height:19px;padding:8px 0 20px}
.vision-wrap .mission {  margin:30px 5% 0;}
.vision-wrap .mission li {font-size:14px; line-height:18px;}
.vision-wrap .mission li span {font-size: 13px; line-height: 17px;}


}

@media screen and (max-width:500px){
.vision-wrap .mission li {width:48%; margin:0 1% 20px;}

}



/* 연혁 */
.about_title {font-size:35px; line-height:35px; font-family: 'proximanova-bold-webfont'; margin:40px 0 30px; letter-spacing:0; text-align:center;}
.about_history {padding:0px 0;position:relative; float:left; width:100%; }
.about_history ul {overflow:hidden; zoom:1; float:left; width:100%; background:url(/images/sub/history_line.png) repeat-y center top;}
.about_history ul li {clear:both; width:50%; padding-bottom:30px; border:0px solid #eee;}
.about_history ul li:last-child {padding-bottom:0;}
.about_history ul li.fl {text-align:right; padding-right:2%;}
.about_history ul li.fr {padding-left:2%;float:right;}
.about_history ul li  .date-em {display:inline-block; float:right;}
.about_history ul li p.year {font-size:25px;line-height:25px; margin-bottom:10px;font-family: 'proximanova-bold-webfont'; letter-spacing:0.02em; color:#444; position:relative;}
.about_history ul li p.year span.point {display:block; width:16px; height:16px; background:url(/images/sub/point.png) no-repeat center center; position:absolute; top:5px;}
.about_history ul li.fl p.year {padding-right:15px;}
.about_history ul li.fr p.year {padding-left:15px;}
.about_history ul li.fl p.year span {right:-5.5%;}
.about_history ul li.fr p.year span {left:-5.5%;}
.about_history ul li p.list { position:relative; font-size:16px; line-height:24px; color:#666; margin:10px 0;}
.about_history ul li p.list span {position:absolute; top:0; color:#bbb; font-size:10px;}
.about_history ul li.fl p.list {padding-right:15px;}
.about_history ul li.fl p.list span {right:0;}
.about_history ul li.fl p.list em {margin:0 5px}
.about_history ul li.fr p.list em {margin:0 5px}
.about_history ul li.fr p.list {padding-left:15px;}
.about_history ul li.fr p.list span {left:7px;}
.about_history ul li.fl p.list span {right:7px;}


#tab_contents {position:relative;float:left; width: 100%;  }
#tab_contents > ul.tabs {display:table;  width:100%; height:46px;}
#tab_contents > ul.tabs > li {display:table-cell; position:relative; width:20%; text-align:center; vertical-align:middle;}
#tab_contents > ul.tabs > li a { display:block; padding:10px 0 12px; color:#555; background:#fff; font-size:18px; margin-left:-1px; font-weight:500;border:1px solid #dedede; }
#tab_contents > ul.tabs > li.active a  {border:1px solid #324db2; color:#fff; background:#324db2;}
#tab_contents > ul.tabs > li.active a:after { content:""; display:block; position:absolute; bottom:-12px; left:50%; width:0; height:0; margin-left:-6px; border:6px solid #324db2; 
                      border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent;}
#tab_contents .tab_container1 { clear: both;float:left;width:100%;  }
#tab_contents .tab_content { position:relative; float:left;width:100%;margin:0px 0 ;}

#tab_st {position:relative;float:left; width: 100%;min-width:520px; }
#tab_st > ul.tabs {display:table;  width:100%; height:45px; margin-bottom:30px;}
#tab_st > ul.tabs > li {display:table-cell; position:relative; width:20%; text-align:center; vertical-align:middle;}
#tab_st > ul.tabs > li a.first {border-left:1px solid #dedede;}
#tab_st > ul.tabs > li a { display:block; line-height:45px; color:#555; background:#fff; font-size:17px; font-weight:400;border-top:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #324db2; z-index:1 }
#tab_st > ul.tabs > li.active a  {border:1px solid #324db2;height:47px; border-bottom:1px solid #fff;color:#324db2; background:#fff; z-index:5}
#tab_st .tab_container1 { clear: both;float:left;width:100%;  }
#tab_st .tab_content { position:relative; float:left;width:100%;}



@media screen and (max-width:998px) {

	.about_history ul li.fr p.year span {left:-25px;}
	.about_history ul li.fl p.list br {display:none;}
    
	#tab_contents > ul.tabs { height:35px;}
    #tab_contents > ul.tabs > li a { padding:0px; line-height:35px; font-size:15px;font-weight:400;}

	#tab_st > ul.tabs { height:40px; margin-bottom:20px;}
	#tab_st > ul.tabs > li a {  line-height:40px; font-size:14px;}
	#tab_st > ul.tabs > li.active a  {height:42px; }



}

@media screen and (max-width:800px) {
    .about_history  { background-size:100%;}
	.about_history ul {background-position:left 15px top; padding-left:40px;}
	.about_history ul li {width:100%; float:none;}
	.about_history ul li p.year span.point {top:4px;}
	.about_history ul li.fl {text-align:left;}
	.about_history ul li.fr {padding-left:0;}
	.about_history ul li.fl p.list {padding:0 0 0 15px;}
	.about_history ul li.fl p.list span { left:9px; right:auto; }
	.about_history ul li.fr p.list span { left:9px;}
	.about_history ul li.fr p.year {padding:0;}
	.about_history ul li.fl p.year span {right:auto; left:-33px;}
	.about_history ul li.fr p.year span {left:-34px;}
	.about_history ul li  .date-em { float:left;}


}


@media screen and (max-width:640px) {

	.about_history {padding:0px 0;}
	.about_title {font-size:25px; line-height:30px; margin:30px 0 20px;}
	.about_title span {font-size:18px; line-height:23px;}
	.about_history ul { padding-left:30px;}
	.about_history ul li p.year {font-size:20px; font-weight:600;}
	.about_history ul li p.year span.point {top:3px; left:-23px;}
	.about_history ul li p.list {font-size:13px; line-height:22px;}
	.about_history ul li.fr p.year span {left:-23px;}

	#tab_st > ul.tabs { height:35px;}
	#tab_st > ul.tabs > li a {  line-height:35px; font-size:12px;}
	#tab_st > ul.tabs > li.active a  {height:37px; }

}

@media screen and (max-width:460px) {

	.about_history ul li.fr p.year span {left:-29px;}
	
}

#inside {position:relative; display:block; width:100%; margin:0 auto; }
#inside  * { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }



/* 층별안내-------------------- */
#tab_floor {position:relative;float:left; width: 100%; }
#tab_floor > ul.tabs {display:table;  width:100%; height:45px; }
#tab_floor > ul.tabs > li {display:table-cell; position:relative; width:5%; text-align:center; border-left:1px solid #fff; vertical-align:middle;}
#tab_floor > ul.tabs > li:first-child { border-left:0;}
#tab_floor > ul.tabs > li a { display:block; line-height:45px; color:#fff; background:#9da9b4; font-size:17px; font-weight:400; z-index:1 }
#tab_floor > ul.tabs > li.active a  {color:#fff; background:#385bb4; z-index:5}
#tab_floor .tab_container1 { clear: both;float:left;width:100%; background:url(/images/sub/pattern_floor.png) repeat; border:1px solid #dadbdd;border-right:1px solid #435179; }
#tab_floor .tab_content { position:relative; float:left;width:100%;}
#tab_floor h2 {float:left; display:block;font-size:30px; line-height:30px; color:#555; padding-left:10px; margin:10px 0 20px; }
#tab_floor h2 span {  font-size:120%; color:#12aacb; font-family: 'proximanova-bold-webfont';}

.floor-inner {position:relative;float:left; width: 80%; background:#fcfcfc;  padding:30px 20px; }
.floor-info {position:relative;float:left; width: 20%;  padding:20px; }
.floor-info ul {float:left; width:100%; }
.floor-info ul li {display:block; float:left; position:relative; width:100%; margin:1px 0; padding-left:10px; font-size:15px; color:#fff;}
.floor-info ul li:before {content:"";position:absolute; width:5px; height:1px; background:#fff; left:0; top:12px;}

.floor-view {float:left; width:100%; text-align:center;margin-bottom:25px;}

.floor-photo {float:left; width:100%; padding:0 10px;}
.floor-photo li {display:inline-block;float:left; width:47%; margin:0 1.5% 10px; background:#fff; padding:7px; border:1px solid #dedede; }
.floor-photo li img {width:100%;}

@media screen and (max-width:998px) {

#tab_floor > ul.tabs { height:35px; }
#tab_floor > ul.tabs > li a { line-height:35px;  font-size:14px; }

#tab_floor h2 {font-size:25px; line-height:30px; }

.floor-info { padding:10px; }
.floor-info ul li { margin:2px 0; font-size:13px;}

}

@media screen and (max-width:667px) {
#tab_floor .tab_container1 {  border-right:1px solid #dadbdd;}

#tab_floor h2 {font-size:20px; line-height:25px;  padding-left:0px;   }

.floor-inner {width: 100%; padding:15px 20px; }
.floor-info {width: 100%;  padding:10px 15px; }
.floor-info ul li {display:inline-block;  width:31.3%; margin:2px 1% ; font-size:12px;}
.floor-info ul li:before {top:10px;}
.floor-info ul li.col2 { width:48%;}

.floor-photo { margin:0px 0 0; padding:0 0px;}
.floor-photo li { padding:4px; }


}

/* 교통 */
.addinfo {position:relative; float:left; width:100%; margin-top:20px;}
.addinfo dt {float:left; width:100%; font-size:36px; line-height:46px;font-family: 'yoon320'; color:#222;}
.addinfo dd {float:left; width:100%; font-size:17px; line-height:24px; color:#666; padding-left:5px;}


@media screen and (max-width:999px){
.addinfo {width:100%;}
.inquiry-num {width:100%;padding-left:0px; }

.addinfo dt { font-size:30px; line-height:40px;}
.addinfo dd { font-size:13px; line-height:20px; }

}



@media screen and (max-width:500px){
.addinfo dt { font-size:24px; line-height:34px;}

}

#traffic {position:relative; float:left; width:100%;margin:30px 0 0; padding-top:35px; background:url(/images/sub/bg_pattern.jpg) repeat-x left top;}
#traffic .block1 {position:relative; float:left; width:50%;}
#traffic .block2 {position:relative; float:left; width:50%;}
#traffic .block3 {position:relative; float:left; width:100%; margin-top:40px;}
#traffic h2 {position:relative; float:left; width:100%;color:#222; font-size:24px;padding-left:35px; line-height:30px; margin-bottom:20px;}
#traffic h2:before {font-size:30px; position:absolute; left:0; top:0px;font-family: 'fontello2';}
#traffic .ico-bus:before {content:"\e80b";  font-size:35px; left:5px !important}
#traffic .ico-tube:before {content:"\f239"; }
#traffic .ico-car:before {content:"\f1b9"; font-size:27px; }
#traffic dl {position:relative; float:left; width:100%;}
#traffic dl dt {position:relative; float:left; width:100%; padding-left:42px; font-size:17px;line-height:35px;margin-top:20px;  color:#333; counter-increment: number;}
#traffic dl dt:before {content: '0'counter(number) ;position:absolute; left:0; width:35px; height:35px;font-size:16px; text-align:center; color:#fff;font-weight:bold;
                        border-radius:100%;font-family: 'OpenSans-Regular';}
#traffic dl dt.first {margin-top:0;}
#traffic .or1:before { background:#14afbe;}
#traffic .or2:before { background:#1c56a4;}
#traffic .or3:before { background:#504bb7; }
#traffic .or4:before { background:#2e3989; }
#traffic .or5:before { background:#3f3f43; }
#traffic .or6:before { background:#242427; }
#traffic .or7:before { background:#14afbe; }
#traffic .or8:before { background:#1c56a4; }
#traffic dl dd {display:block; float:left; width:100%; padding-left:42px; font-size:15px; color:#666;}
#traffic dl dd span { color:#333; padding:0 7px;}

#daumRoughmapContainer1508312583328 { display:block;}
#daumRoughmapContainer1508315966208 { display:none; }
@media screen and (max-width:999px){
#traffic .block1 { width:100%; }
#traffic .block2 { width:100%;  margin-top:40px; }
#traffic h2 {margin-bottom:10px;}
}


@media screen and (max-width:767px){
#traffic h2 {font-size:20px;padding-left:35px; padding-left:30px;}
#traffic h2:before {font-size:25px; }
#traffic .ico-bus:before { font-size:30px; }
#traffic .ico-car:before {font-size:23px; }
#traffic dl dt { padding-left:35px; font-size:16px;line-height:30px;}
#traffic dl dt:before {width:30px; height:30px;font-size:15px;}
#traffic dl dd {padding-left:35px;font-size:13px;}

#daumRoughmapContainer1508312583328 { display:none;}
#daumRoughmapContainer1508315966208 { display:block; }
}


 /* 진료과 */
.parts-wrap {position:relative; float:left; width:100%; text-align:center;}
.parts-wrap li {display:inline-block; float:left; width:285px; margin:0 0 20px 20px; border:1px solid #ccc; background:#f7f7f9}
.parts-wrap li:first-child { margin-left:0; }
.parts-wrap li  a {display:block; width:100%; height:100%;}
.parts-wrap li .img-wrap {display:blcok; float:left; width:100%; padding:30px 0; border-bottom:1px dotted #ddd;background:#fff;}
.parts-wrap li p {display:block; float:left; width:100%; padding:12px 0; color:#333;font-size:17px;}



@media screen and (max-width:1216px){
.parts-wrap li { width:23%; margin:0 1% 20px; }
.parts-wrap li:first-child { margin-left:1%; }
}

@media screen and (max-width:976px){
.parts-wrap li .img-wrap { padding:20px 0; }
.parts-wrap li p { padding:10px 0; font-size:15px; letter-spacing:-.10em;}

}

@media screen and (max-width:767px){
.parts-wrap li .img-wrap { padding:15px 0; }
.parts-wrap li .img-wrap img {height:65px}
.parts-wrap li p {font-size:14px; }

}

@media screen and (max-width:620px){
.parts-wrap li { width:48%;  }
.parts-wrap li p {font-size:15px; }

}


/* 진료 지원 부서 */
.support .cont1 {margin-top:50px;}
.support .cont1 .img {margin-bottom:10px;}
.support .cont2 {overflow:hidden; margin-top:50px;}
.support .cont2 .img {width:46%; float:left;}
.support .cont2 .text {width:50%; float:right;}


@media screen and (max-width:767px){
.support .cont2 .img {width:100%; float:none; margin-bottom:10px;}
.support .cont2 .text {width:100%; float:none;}

}


/* 의료진소개 */
.dr-box {position:relative; float:left; width:48%; margin:0 1% 20px; border:1px solid #ddd; padding:15px;}
.dr-box .img-wrap {position:relative; float:left; width:30%;}
.dr-box .img-wrap img {width:100%;}
.dr-box h2 {float:left; width:100%;font-size:23px; line-height:24px; color:#444;margin:5px 0 25px; }
.dr-box h2 span { display:inline-block;margin-left:7px;font-size:70%;padding:1px 7px; background:#fff;border:1px solid #6585d0; color:#204aab; border-radius:3px; vertical-align:top;}

.dr-box dl {position:relative; float:right; width:65%; }
.dr-box dl dt {float:left; width:100%; font-size:16px; color:#333;margin-bottom:5px;}
.dr-box dl dd {float:left; width:100%; font-size:14.5px; color:#888;}
.dr-box .btn-wrap { position:absolute;width:60%; bottom:20px; right:20px;font-size:14px;line-height:30px; text-align:center;}

.dr-box .btn-doctor {float:left; width:30%; height:30px; }
.dr-box .btn-doctor a {display:block; float:left; width:100%; height:100%; background:#1c9ff2; color:#fff;}
.dr-box .btn-press {float:left; width:42%; height:30px;margin-left:0.5%;}
.dr-box .btn-press a {display:block; float:left; width:100%; height:100%; background:#396fcf; color:#fff;}
.dr-box .btn-book {float:left; width:26%; height:30px;margin-left:0.5%;}
.dr-box .btn-book a {display:block; float:left; width:100%; height:100%; background:#13459f; color:#fff;}

@media screen and (max-width:1216px){
.dr-box { padding:12px;}
.dr-box .btn-wrap {  bottom:12px; right:12px;font-size:13px;}

}

@media screen and (max-width:976px){
.dr-box h2 {font-size:19px; line-height:20px; margin:3px 0 10px; }
.dr-box dl dt {font-size:14px;margin-bottom:3px; }
.dr-box dl dd {font-size:13px;}

}


@media screen and (max-width:890px){
.dr-box h2 {font-size:24px; line-height:24px; margin:5px 0 20px; }
.dr-box dl dt {font-size:16px;margin-bottom:5px; }
.dr-box dl dd {font-size:15px;}

.dr-box { width:100%; margin:0 0 20px; padding:25px;}
.dr-box .btn-wrap { bottom:25px; right:30px;font-size:15px;}

}

@media screen and (max-width:667px){
.dr-box { padding:12px;}
.dr-box .btn-wrap {  bottom:12px; right:12px;font-size:13px;}
.dr-box h2 {font-size:19px; line-height:20px; margin:3px 0 10px; }
.dr-box dl dt {font-size:14px;margin-bottom:3px; }
.dr-box dl dd {font-size:13px;}

.dr-box .btn-wrap { line-height:25px;}
.dr-box .btn-doctor { height:25px; }
.dr-box .btn-press { height:25px;}
.dr-box .btn-book {height:25px;}



}

@media screen and (max-width:460px){

.dr-box .btn-wrap {font-size:12px;}

}


/* 진료시간표 */
.btn-book2 {float:right; display:inline-block; height:35px; text-align:center;  line-height:35px; margin-bottom:5px; margin-right:7px;}
.btn-book2 a {display:block; padding:0 20px; background:#13459f;font-size:16px; color:#fff;}

.btn-list {float:right; display:inline-block; height:35px; text-align:center;  line-height:35px;margin-bottom:5px; }
.btn-list a {display:block; padding:0 20px; background:#444; font-size:16px;color:#fff; }


.time-tb-wrap {position:relative; float:left; width:100%;}
.time-tb-wrap .img-wrap {float:left; width:13.5%;}
.time-tb-wrap .img-wrap img {width:100%; }
.time-tb-wrap .dr-detail {float:right;width:84%; font-size:19px; color:#777; margin-bottom:10px;}

.time-tb-wrap h3 {float:left;display:inline-block; width:auto; font-size:21px; color:#777; margin-bottom:20px;}
.time-tb-wrap h3 span {margin-left:15px; padding:3px 12px; color:#fff; font-size:16px; background:#1d52ca;border-radius:2px;}
.timetable { float:left;width:100%; border-top:2px solid #2657c4;}
.timetable th { color:#555; padding:11px 5px; font-size:15px; background:#fff; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.timetable th:first-child {border-left:1px solid #ebebeb;}
.timetable th.row1 {background:#e6edf5}
.timetable th.row2 {background:#e1efd3}
.timetable td { padding:12px 5px; font-size:15px; text-align:center; color:#666; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; }
.timetable td:first-child {border-left:1px solid #ebebeb;}


/* 20160912추가 */
.am-check { background:#f1f6fa; }
.pm-check { background:#f8f6ee; }
.none-check{ background:#fff; }
.ico_clinic {background:url(/images/sub/ico_clinic.png) no-repeat center ;}
.ico_operate {background:url(/images/sub/ico_operate.png) no-repeat center ;}
.ico_special {background:url(/images/sub/ico_sp.png) no-repeat center ;}
.ico_visit {background:url(/images/sub/ico_visit.png) no-repeat center ;}

.none-check table td{text-align:left;}



/* 의료진 인사말 */
.dr-message {position:relative; float:left; width:100%; }
.dr-message h3 {float:left; width:100%; font-size:25px; line-height:35px; margin-bottom:10px;}
.dr-message li {display:block; float:left; width:100%; font-size:15px; line-height: color:#777; margin-bottom:10px;}






@media screen and (max-width:976px){
.btn-book2 { height:28px; line-height:28px; margin-right:5px;}
.btn-book2 a { padding:0 15px;font-size:14px; }
.btn-list {height:28px; line-height:28px; margin-right:5px; }
.btn-list a { padding:0 15px;font-size:14px;  }

.time-tb-wrap .img-wrap { width:15%;}
.time-tb-wrap .dr-detail {width:83%; }


.timetable th { padding:7px; font-size:13px;}
.timetable td { padding:7px; font-size:13px; }

}

@media screen and (max-width:767px){
.time-tb-wrap .img-wrap { width:18%;}
.time-tb-wrap .dr-detail {width:80%; }

}

@media screen and (max-width:667px){
.timetable th { padding:5px 0;}
.timetable td { padding:5px 0;  }

}

@media screen and (max-width:500px){
.time-tb-wrap .img-wrap {float:left; width:100%; text-align:center; margin-bottom:20px;}
.time-tb-wrap .img-wrap img {width:40%; }
.time-tb-wrap .dr-detail {float:left;width:100%;}


}

.note1 {position:relative; float:left; width:100%; padding-left:17px;  font-size:15px; color:#444; margin:10px 0;}
.note1:before {content:'※'; position:absolute; left:0; top:0px;}

.note-box { position:relative; float:left; width:100%; background:#fbfbfb; border:1px solid #d5d7dc; padding:15px 5px; text-align:center; margin-bottom:25px;}
.note-box span {display:inline-block; margin:0 20px; font-size:16px; line-height:15px; color:#555;}
.note-box span em {display:inline-block; margin-right:5px;}
.note-box  img {vertical-align:top;}

@media screen and (max-width:767px){
.note1 { font-size:14px;}

.note-box span { margin:0 10px; font-size:15px;}

}



.order-list1 {position:relative; float:left; width:100%; }
.order-list1 p {float:left; width:100%;color:#333; padding-left:5px; font-size:17px; margin-bottom:5px; }
.order-list1 li {display:block;position:relative; float:left; width:100%;color:#555; padding-left:15px; font-size:15px; line-height:22px !important; margin-bottom:3px;}
.order-list1 li:before {content:''; position:absolute; left:7px; top:10px; width:3px; height:3px; background:#2453bd}
.order-list1 li .hit { display:inline-block;padding-left:15px;margin-left:20px;border-left:1px solid #c0cee4; }
.order-list2 {position:relative; float:left; width:100%; }
.order-list2 li {display:block;position:relative; float:left; width:100%;color:#555; padding-left:15px; font-size:17px; line-height:24px !important; margin-bottom:5px; letter-spacing:-.02em;}
.order-list2 li:before {content:''; position:absolute; left:7px; top:10px; width:3px; height:3px; background:#2453bd}
.order-list3 {position:relative; float:left; width:100%; }
.order-list3 li {display:block;position:relative; float:left; width:50%;color:#555; padding-left:0; font-size:15px; line-height:22px !important; margin-bottom:3px;}
.order-list3 li.w100p {width:100%;}
.order-list3 li span {width:20px; height:20px; line-height:20px; background:#14afbe; color:#fff; text-align:center; border-radius:50% 50%; float:left; margin-right:5px;}


@media screen and (max-width:976px){
.order-list1 p { font-size:15px; }
.order-list1 li {font-size:13px; line-height:19px !important;color:#777;}
.order-list1 li:before { top:8px;left:8px;}

.order-list2 li {font-size:14px; line-height:20px !important;color:#777;}
.order-list2 li:before { top:8px;left:8px;}

.order-list3 li {font-size:13px; line-height:19px !important;color:#777;}
.order-list3 li:before { top:8px;left:8px;}

}

@media screen and (max-width:640px){
.order-list3 li {width:100%;}

}




/* 진료예약 */
.book-order {position:relative; float:left; width:100%; text-align:center; margin-bottom:120px;}
.book-order li {display:inline-block;position:relative; width:19.5%; padding-left:2.5%; border:0px solid #eee; background:url(/images/sub/arrow1.png) no-repeat left ; }
.book-order2 li {display:inline-block;position:relative; width:24.5%; padding-left:2.5%; border:0px solid #eee; background:url(/images/sub/arrow1.png) no-repeat left 7px center ; background-size: 15px !important;}
.book-order li.col4 {width:22%; padding-left:3%;}
.book-order li:first-child {background:none;padding-left:0; }
.book-order li dl {display:block;position:relative;margin:0 auto; width:151px; height:151px; border-radius:100%;}
.book-order3 li dl {display:block;position:relative;margin:0 auto; width:151px; height:151px; color: #232323; border-radius: 0;}
.book-order li dl dt {display:block;float:left;width:100%;margin:19% 0 8px;}
.book-order li dl dd {display:block;float:left;width:100%;font-size:17px; color:#fff; line-height:20px;}
.book-order li dl dd  span {font-size:15px;}
.book-order li .bk-lt {position:absolute;top:160px; width:80%; text-align:left;  margin:0 10% 0 5%;padding:5px; background:#fbfbfb;border:1px solid #ccc; border-radius:5px;}
.book-order li .bk-lt p {float:left;position:relative; width:100%; font-size:13px; color:#666; padding-left:10px;}
.book-order li .bk-lt p:before {content:'';position:absolute; left:4px;top:12px; width:2px; height:2px; background:#888;}
.or_bg1 {background:#f1b002}
.or_bg2 {background:#f58502}
.or_bg3 {background:#7fb824}
.or_bg4 {background:#46a8e6}
.or_bg5 {background:#3a67e8}

.book-order-m {display:none;}

.book-order-sq {position:relative; float:left; width:100%;}
.book-order-sq li {display:inline-block; position:relative;float:left;text-align:center; width:20%; padding-left:2.5%;  background:url(/images/sub/arrow1.png) no-repeat 5% ; background-size:10px 18px }
.book-order-sq li p {display:block;position:relative; height:55px; color:#333; line-height:50px; font-size:17px; border:3px solid #9cb1ef;}
.book-order-sq li:first-child {background:none;padding-left:0; }

.book-order2 li{}
.book-order2 li div{padding: 1em; font-size: 1.25em; border: 4px solid #1d52ca; color: #232323; height: 100px; display: flex; justify-content: center; align-items: center; flex-direction: column; font-weight: 500;}
.book-order2 li p{ margin-top: 0.5em; font-size: 0.875em; color: #666;}

/* 의무기록사본절차 */
.cert-order {position:relative; float:left; width:100%;}
.cert-order li {display:table; float:left; position:relative;text-align:center; width:33.3%; padding-left:30px; height:95px; background:url(/images/sub/arrow1.png) no-repeat 3% ; background-size:10px 18px; margin-bottom:20px;}
.cert-order li dd {display:table-cell; *margin-top:10px;  vertical-align:middle;  color:#333; font-size:17px; line-height:23px; border:3px solid #9cb1ef;}
.cert-order li:first-child {background:none;padding-left:0;}
.cert-order li dd p {font-size:14px;line-height:18px; color:#888;}

@media screen and (max-width:976px){
.cert-order li dd {font-size:15px; line-height:20px; padding:0 10px}
.cert-order li dd br {display:none;}
.cert-order li dd p {font-size:13px;line-height:16px;}

}

@media screen and (max-width:640px){
.cert-order li { height:110px;}

}

@media screen and (max-width:460px){
.cert-order li {width:95%;height:80px; margin:5px 0;  }
.cert-order li:first-child { width:95%;padding-left:30px; }

}

/* 예약방법 */
.book-sort {position:relative; float:left; width:100%; border-top:2px solid #2546b4}
.book-sort li {display:block; float:left; width:100%; padding:25px 0; border-bottom:1px solid #ddd;}
.book-sort li dl {position:relative; float:right; width:85%; padding:0 10px;}
.book-sort li dl dt {float:left; width:100%;font-size:19px; margin-bottom:10px; font-weight:500;}
.book-sort li dl dd {float:left; width:100%;font-size:15px; color:#777; line-height:22px;}
.book-sort li dl .number {float:left; width:100%; font-size:25px;font-family: 'proximanova-bold-webfont';margin-bottom:10px;}
.book-sort li dl .number:before {content: '\e892';  display:inline-block; margin-right:5px; font-family: 'fontello';}
.book-sort li dl .note {float:left; padding:8px 15px; font-size:18px;width:100%;margin-top:8px;  background:#f8f9f9; border:1px dashed #d1d5da; border-radius:5px; }
.book-sort li.ico_bk1 { background:url(/images/sub/ico_call2.png ) no-repeat 5% ;}
.book-sort li.ico_bk2 { background:url(/images/sub/ico_book.png ) no-repeat 5% ;}
.book-sort li.ico_bk3 { background:url(/images/sub/ico_loc.png ) no-repeat 5% ;}
.book-sort li.ico_bk4 { background:url(/images/sub/ico_who.png ) no-repeat 5% ;}
.book-sort li.ico_bk5 { background:url(/images/sub/ico_time.png ) no-repeat 5% ;}
.book-sort li.ico_file { background:url(/images/sub/ico_file.png ) no-repeat 5% ;}
.book-sort li.ico_bed { background:url(/images/sub/ico_bed.png ) no-repeat 5% ;}
.book-sort .bk-list {position:relative;float:left; width:100%;font-size:15px; color:#777; padding-left:10px; line-height:22px;}
.book-sort .bk-list:before {content:''; width:3px; height:3px; background:#666; position:absolute; left:3px; top:9px;}

.btn-rev {position:absolute; right:10px; top:30%; }
.btn-rev a {display:block; padding:0 20px;font-size:15px;  line-height:37px; color:#fff; background:#2546b4; }

/* 진료후 절차  */
.after-order {position:relative; float:left; width:100%; border-radius:5px; border:1px solid #cdd0d9; background:#f8f8f9; padding:20px 25px;}
.after-order li {display:block; float:left; width:100%; padding-top:15px; margin-top:15px;border-top:1px dashed #ddd;}
.after-order li:first-child {margin-top:0; padding-top:0; border-top:0}
.after-order li dt { position:relative; float:left; width:100%;font-size:18px; color:#183598; padding-left:20px; margin-bottom:5px;}
.after-order li dt:before {content:''; position:absolute;left:0; top:5px; width:7px; height:7px; border:4px solid #2546b4; border-radius:10px;}
.after-order li dd {float:left; width:100%; padding-left:20px;font-size:16px; color:#555; }
.after-order li dd  span {display:inline-block; color:#12aedb;  margin:0 10px;}

@media screen and (max-width:976px){
.book-order li {background-size:17px 30px }
.book-order li dl { width:125px; height:125px; }
.book-order li dl dt {margin:22% 0 8px;}
.book-order li dl dt img {height:35px;}
.book-order li dl dd {font-size:15px; line-height:15px;}
.book-order li dl dd span {font-size:12px; }
.book-order li .bk-lt {top:130px}

.book-order-sq li { background:url(/images/sub/arrow1.png) no-repeat 4% ; background-size:7px 15px }
.book-order-sq li p {height:45px; line-height:40px; font-size:15px; border:2px solid #9cb1ef;}


.book-sort li { padding:20px 0;}
.book-sort li dl dt {font-size:17px; margin-bottom:5px; }
.book-sort li dl dd {font-size:13px; line-height:18px;}
.book-sort li dl .number {font-size:20px;margin-bottom:5px;}
.book-sort li dl .note { padding:5px 10px; font-size:16px; }
.book-sort li.ico_bk1 { background-size:55px 55px}
.book-sort li.ico_bk2 { background-size:55px 55px}
.book-sort li.ico_bk3 { background-size:55px 55px}

/* 진료후 절차  */
.after-order { padding:12px 15px;}
.after-order li dt { font-size:16px;padding-left:15px;}
.after-order li dt:before { top:6px;left:2px ;width:5px; height:5px; border:3px solid #2546b4;}
.after-order li dd { padding-left:15px;font-size:14px;  }

}

@media screen and (max-width:767px){
.book-order li {background-size:10px 18px }
.book-order li dl { width:100px; height:100px; }
.book-order li dl dt {margin:20% 0 5px;}
.book-order li dl dt img {height:25px;}
.book-order li dl dd {font-size:13px;line-height:14px; }
.book-order li dl dd span {font-size:11px; }

.book-order li .bk-lt {  top:110px; margin:0;}

.book-order-sq li { width:33.3%; padding-left:5%;margin-bottom:10px; }


.book-sort li dl { width:80%; padding:0 5px 0 0;}
.book-sort li dl dt {font-size:16px;  }
.book-sort li dl .number {font-size:18px;}
.book-sort li dl .note { font-size:14px; }
.book-sort li.ico_bk1 { background-size:45px 45px}
.book-sort li.ico_bk2 { background-size:45px 45px}
.book-sort li.ico_bk3 { background-size:45px 45px}

.btn-rev {position:relative;float:left; right:auto; top:auto;margin-top:5px; }
.btn-rev a { padding:0 15px;font-size:13px;  line-height:31px; }



}

@media screen and (max-width:600px){
.book-order {display:none;}
.book-order.book-order2 {display:flex; flex-direction: column; align-items: center;}
.book-order.book-order2 li{width: 90%; background: none; padding-left: 0; margin-top: 20px;}
.book-order-m {display:block;position:relative;  float:left; width:100%;}
.book-order-m li {display:block;float:left; width:100%; margin:3px 0;}
.book-order-m li .img-wrap {float:left; display:inline-block; text-align:center; width:62px; height:62px;line-height:62px; border-radius:100%; }
.book-order-m li .img-wrap img {height:28px;  vertical-align:middle;}
.book-order-m li dl {float:left;width:75%; display:inline-block; margin:20px 0 0 10px; color:#444; font-size:16px;}
.book-order-m li dl dd { display:inline-block; margin-left:15px;}
.book-order-m li dl dd span { display:inline-block;position:relative;padding-left:10px; margin:0 10px;font-size:13px; color:#666; }
.book-order-m li dl dd span:before {content:'';position:absolute; left:4px;top:11px; width:2px; height:2px; background:#888;}
}


/* table */
.tb-style1 { float:left;width:100%; border-top:2px solid #3b4fa4}
.tb-style1 th { color:#3b4fa4; padding:11px 5px; font-size:16px; background:#fff; border-bottom:1px solid #3b4fa4; border-left:1px solid #3b4fa4;}
.tb-style1 th:first-child {border-left:0px;}
.tb-style1 td { padding:10px 5px; font-size:15px; text-align:center; color:#666; border-bottom:1px solid #d6d7dd; border-left:1px solid #d6d7dd; }
.tb-style1 td:first-child {border-left:0; color:#3b4fa4; background:#f7f8fb}

.tb-style2 { float:left;width:100%;border-top:1px solid #3b4fa4; }
.tb-style2 th { border-top:1px solid #3b4fa4; color:#3b4fa4; padding:10px 5px; font-size:16px; background:#f6f7fa; border-bottom:1px solid #3b4fa4; border-left:1px solid #8091d8;}
.tb-style2 th:first-child {border-left:0px;}
.tb-style2 td { padding:10px 15px; font-size:15px; line-height:22px; text-align:center; color:#666; border-bottom:1px solid #d6d7dd; border-left:1px solid #d6d7dd; }
.tb-style2 td:first-child {border-left:0;}
.tb-style2 td.st2 {border-left:1px solid #d6d7dd;  }
.tb-style2 .none_bott { border-bottom:0;}

.tb-style5 { float:left;width:100%; border-top:2px solid #555}
.tb-style5 th {padding:10px 5px; font-size:16px; background:#f4f5f7;color:#1a45b0; border-bottom:1px solid #d6d7dd; border-left:1px solid #b2b9cd;}
.tb-style5 th:first-child {width:16%;border-left:0px;}
.tb-style5 td {padding:8px 10px; font-size:15px; color:#666; border-bottom:1px solid #d6d7dd; border-left:1px solid #d6d7dd; }
.tb-style5 td.first { width:16%;border-left:0; color:#444;  font-size:20px;}

/* 주요전화번호 */
.mainnumber {overflow: hidden;}
.tb-style6 { float:left;width:49.5%; border-top:2px solid #555}
.mainnumber table:first-child {margin-right: 1%;}
.tb-style6 th {padding:10px 5px; font-size:16px; background:#f4f5f7;color:#1a45b0; border-bottom:1px solid #d6d7dd; border-left:1px solid #b2b9cd;}
.tb-style6 th.title {background: #d7d9dd}
.tb-style6 th:first-child {width:16%;border-left:0px;}
.tb-style6 td {padding:8px 10px; font-size:15px; text-align:center; color:#666; border-bottom:1px solid #d6d7dd; border-left:1px solid #d6d7dd; }
.tb-style6 td.first { width:16%;border-left:0; color:#444;  font-size:20px;}

/* 외래진료일정표 */
.tb-style3 { float:left;width:100%; border-top:2px solid #555}
.tb-style3 th { width:10.5%; padding:10px 5px; font-size:16px; background:#f4f5f7;color:#1a45b0; border-bottom:1px solid #5f78d6; border-left:1px solid #b2b9cd;}
.tb-style3 th:first-child {width:16%;border-left:0px;}
.tb-style3 td { width:10.5%; padding:8px 5px; font-size:15px; text-align:center; color:#666; border-bottom:1px solid #d6d7dd; border-left:1px solid #d6d7dd; }
.tb-style3 td.first { width:16%;border-left:0; color:#444;  font-size:20px;}
.tb-style3 .dvd {height:1px;padding:0;border-left:0; border-top:1px dashed #bac6e7}
.tb-style3 span {display:inline-block;width:50%;padding:0 5px;margin:0 0px; border:0px solid #f00}
.tb-style3 span img {width:100%}

.tb-style4 { float:left;width:100%; }
.tb-style4 th {color:#3b4fa4; padding:10px 5px; font-size:16px; background:#f6f7fa; border-bottom:1px solid #d6d7dd; border-left:1px solid #d6d7dd; }
.tb-style4 th:first-child {border-left:0px;}
.tb-style4 th.first {border-top:2px solid #3b4fa4; }
.tb-style4 td { padding:8px 15px; font-size:15px; text-align:center; color:#666; border-bottom:1px solid #d6d7dd; border-left:1px solid #d6d7dd; }
.tb-style4 td.first {border-top:2px solid #666; }
.tb-style4 td:nth-last-child(1) {text-align:left;}


@media screen and (max-width:976px){
.tb-style3 td.first {  font-size:18px;}
.tb-style3 span {display:block;width:90%;margin:4px 5%;}

.tb-style5 td.first {  font-size:18px;}

}

@media screen and (max-width:780px){
.tb-style6 {width:100%;}
.mainnumber table:first-child {margin-right: 0; margin-bottom: 30px;}
}

@media screen and (max-width:667px){
.tb-style1 th { padding:7px 3px; font-size:14px;}
.tb-style1 td { padding:5px 3px; font-size:13px;  }

.tb-style2 th { padding:7px 3px; font-size:14px;}
.tb-style2 td { padding:5px 3px; font-size:13px;line-height:19px;}

.tb-style3 th { padding:7px 3px; font-size:14px;}
.tb-style3 td { padding:5px 3px; font-size:13px;}
.tb-style3 td.first {  font-size:15px;}


.tb-style4 th { padding:7px 5px; font-size:14px;}
.tb-style4 td { padding:5px 5px; font-size:13px;}
.tb-style4 td.first {  font-size:15px;}

.tb-style5 th { padding:7px 3px; font-size:14px;}
.tb-style5 td { padding:5px 3px; font-size:13px;}
.tb-style5 td.first {  font-size:15px;}

.tb-style6 th { padding:7px 3px; font-size:14px;}
.tb-style6 td { padding:5px 3px; font-size:13px;}
.tb-style6 td.first {  font-size:15px;}

}

/* 입퇴원절차 */
.bein { position:relative; float:left; width:100%; text-align:center; margin-bottom:30px;}
.bein-mobile { display:none;}

@media screen and (max-width:1216px){
.bein img { width:90%;}
}

@media screen and (max-width:580px){
.bein { display:none;}
.bein-mobile { display:block;position:relative; float:left; width:100%; text-align:center; padding:0 30px; margin-bottom:20px;}
.bein-mobile img {}
}

/* 병문안 안내 */
.visit-wrap {position:relative; float:left; width:100%; padding:30px; border:5px solid #eee; border-top:7px solid #1ac3e7;border-left:7px solid #1ac3e7;}
.visit-wrap .img-wrap {float:left; width:15%; text-align:center;}
.visit-wrap  dl {float:left; width:80%;}
.visit-wrap  dl dt {float:left; width:100%; font-size:24px; color:#2546b4; margin:7px 0;}
.visit-wrap  dl dd {float:left; width:100%; font-size:17px; color:#777; line-height:24px; }

@media screen and (max-width:976px){
.visit-wrap { padding:20px; border:5px solid #eee; border-top:5px solid #1ac3e7;border-left:5px solid #1ac3e7;}
.visit-wrap  dl dt { font-size:20px;margin:0px 0 7px; }
.visit-wrap  dl dd { font-size:14px;  line-height:20px; }

}

@media screen and (max-width:667px){
.visit-wrap .img-wrap {width:25%;}
.visit-wrap .img-wrap img {height:55px}
.visit-wrap  dl { width:75%;}

}


/* 구비서류 */
.require-wrap {position:relative; float:left; width:100%; border-top:1px solid #6b7fc7; margin-bottom:20px;}
.require-wrap li { display:block; position:relative;float:left; width:100%; padding:25px 10px; border-bottom:1px solid #d5daeb}
.require-wrap .req-col {position:relative; float:left; width:50%; border-left:1px dashed #d5daeb}
.require-wrap .req-col.first {border-left:0;}
.require-wrap .img-wrap {float:left; width:17%; text-align:center;}
.require-wrap dl {float:left;position:relative;width:80%; margin:2% 0;}
.require-wrap dl dd {font-size:18px; line-height:22px; color:#444;}
.require-wrap dl dd p {font-size:80%; display:block; padding-top:3px; color:#666;}
.require-wrap .btn-req {position:absolute; right:20px; top:25%; text-align:center;}
.require-wrap .btn-req a {display:block; padding:3px 15px; border:1px solid #1266c0; border-radius:0px; font-size:15px; color:#444;}
.require-wrap .btn-req a span {display:inline-block;margin-right:10px;}
.require-wrap .btn-req a span img {vertical-align:top;margin-top:7px;}


@media screen and (max-width:1180px){
.require-wrap li {  padding:15px 10px; }
.require-wrap .img-wrap { width:25%; }
.require-wrap dl { margin:5px 0;width:75%;}
.require-wrap dl dd {font-size:16px; line-height:18px;}
.require-wrap .btn-req {position:relative; right:auto; top:auto;float:left; margin-top:10px;}
.require-wrap .btn-req a { padding:2px 10px;  font-size:13px; }
.require-wrap .btn-req a span img {vertical-align:top;margin-top:5px;}


}

@media screen and (max-width:767px){
.require-wrap li {  padding:0px 0px; }
.require-wrap .req-col {width:100%; border-left:0; border-top:1px solid #d5daeb; padding:15px 0;}
.require-wrap .req-col.first {border-top:0;}
.require-wrap .img-wrap { width:17%; }
.require-wrap .img-wrap img{ height:60px}
.require-wrap dl { width:80%;}
}
@media screen and (max-width:500px){
.require-wrap .img-wrap { width:23%; }
.require-wrap .img-wrap img{ height:55px}
.require-wrap dl { width:75%;margin-top:5px;}
.require-wrap dl dd {font-size:15px; line-height:16px;}


}


/* sitemap  */
.sitemap {  }
	.sitemap-item { position: relative; margin-top: 70px; }
	.sitemap-item:first-child { margin-top: 0; }
	.sitemap-item-title { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #1a54b4; color: #1b1d21; font-size: 24px; font-weight: normal; line-height: normal }
	.sitemap-item-aside { display: inline-block; overflow: visible; position: absolute; top: -3px; right: 0; height: 30px; margin: 0; padding: 0 10px; border: 1px solid #bcd1e8; background: #fff; color: #3378c1; font-size: 12px; line-height: 30px; text-align: center; vertical-align: middle; text-decoration: none; white-space: nowrap; box-sizing: border-box; }
	.sitemap-item-aside:hover { border-color: #1a54b4; background: #1a54b4; color: #fff; }
	.sitemap-item-list { overflow: hidden; position: relative; }
	.sitemap-item-list ul li { word-wrap: break-word; }
	.sitemap-item-list ul li a { display: inline-block; }
	.sitemap-item-list > ul { overflow: hidden; position: relative; margin-top: -40px; margin-left: -1px; }
	.sitemap-item-list > ul > li { display: inline-block; position: relative; width: 16.6%; margin-right: -4px; padding-left: 34px; vertical-align: top; box-sizing: border-box; }
	.sitemap-item-list > ul > li:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 1px; height: 999999%; background: #e7e8eb; vertical-align: top; }
	.sitemap-item-list > ul > li > .sitemap-item-list-title { display: inline-block; margin: 40px 0 0 0; color: #1a54b4; font-size: 18px; font-weight:500; line-height: normal; letter-spacing: -1px; }
	.sitemap-item-list > ul > li > ul { margin: 15px 0 -7px; padding-right: 10px; }
	.sitemap-item-list > ul > li > ul > li { margin: 7px 0; }
	.sitemap-item-list > ul > li > ul > li > a { color: #44484f; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: -1px; }
	.sitemap-item-list > ul > li > ul > li > ul { margin-bottom: 8px; }
	.sitemap-item-list > ul > li > ul > li > ul > li { position: relative; margin: 3px 0; padding-left: 12px; }
	.sitemap-item-list > ul > li > ul > li > ul > li:before { content: ''; display: block; overflow: hidden; position: absolute; top: 7px; left: 3px; width: 4px; height: 4px; background: #909297; font-size: 0; line-height: 0; }
	.sitemap-item-list > ul > li > ul > li > ul > li > a { color: #72767e; font-size: 13px; font-weight: normal; line-height: normal; }

	@media all and (max-width: 1040px) { /* +16 */
		.sitemap-item-list > ul > li { width: 33.3%; padding-left: 30px; }
	}
    
	@media all and (max-width: 767px) { 
	     .sitemap-item-title { font-size: 20px; }
	    .sitemap-item-list > ul > li > .sitemap-item-list-title { font-size: 17px; font-weight:500;  }
		.sitemap-item-list > ul > li { width: 50%; padding-left: 20px; }
	}


/*  약관 */
#provision { position:relative; float:left;  width:100%; padding-bottom:20px;  border-top:2px solid #124fb3;}
#provision .head { border-bottom:1px solid #ddd; padding:25px 10px;font-size:17px; line-height:26px;color:#555; }
#provision h3 {position:relative;float:left; width:100%; font-size:18px; padding-left:20px;  line-height:20px; color:#124fb3; margin-bottom:15px; font-weight:500; margin-top:30px; }
#provision h3:before { content:""; position:absolute ;left:0px; top:4px; width:7px; height:7px; border:4px solid #1b5bc7; border-radius:100%;}
#provision .exp {position:relative;display:block; float:left;width:100%; padding-left:0px;font-size:16px; color:#666; line-height:24px; margin-bottom:10px;}

#provision .pt-list {padding-left:20px; }
#provision .pt-list li {position:relative;display:block; float:left;width:100%; padding-left:27px; counter-increment: number; font-size:16px; color:#555; line-height:22px; margin-bottom:5px;}
#provision .pt-list li:before {content: counter(number)'.' ; position:absolute; width:27px; text-align:center; top:0px; left:0px; font-size:17px;font-weight:500;line-height:22px;  color:#555; 
                             font-family: 'OpenSans-Regular';  }
#provision .pt-list dt {float:left;width:100%;font-size:17px; color:#0d84c1;font-weight:500; margin:10px 0 5px; }
#provision .pt-list dd {position:relative;display:block; float:left;width:100%; padding-left:15px; font-size:15px; color:#777; line-height:22px; margin-bottom:5px;font-family: 'NanumBarunGothic';}
#provision .pt-list dd:before {content:""; position:absolute; width:5px; height:5px;  top:7px; left:2px;  border:1px solid #333; border-radius:6px; }
#provision .pt-list p {position:relative;display:block; float:left;width:100%; padding-left:0px;font-size:15px; color:#555; line-height:22px; margin-bottom:5px;font-family: 'NanumBarunGothic';}
#provision .pt-list  ul {position:relative;float:left; width:100%; margin:5px 0 10px;}
#provision .pt-list  ul li {position:relative;float:left; width:100%;font-size:15px !important; color:#777 !important;counter-increment:none !important; padding-left:15px !important; margin-bottom:2px !important;font-family: 'NanumBarunGothic';}
#provision .pt-list  ul li:before {content:"" !important; position:absolute; top:11px; left:4px; 
									line-height:21px !important;width:6px; height:1px; background:#666;
									font-family: 'OpenSans-Regular';  }


@media screen and (max-width:976px){
#provision {  padding:0 0px 12px; }
#provision h1 { font-size:18px; line-height:18px; margin-top:30px; margin-bottom:8px;  }
#provision h3 { font-size:16px;  margin-bottom:5px; margin-top:15px;}
#provision .pt-list li { font-size:14px; color:#555; line-height:22px; margin-bottom:5px;}
#provision .pt-list dd  {font-size:14px; }
#provision .pt-list li:before { width:27px;font-size:14px; text-align:center; top:0px; left:5px;}
#provision .pt-list  ul {margin:5px 0;}
#provision .pt-list  ul li {font-size:13px !important;}

#provision .pt-list p {font-size:14px; }

}



/* --------------  온라인 진료예약 ------------------------------------------------------------------------------------ */

.reservation-title { float:left;border-top:1px solid #ddd; padding:20px;border:1px solid #ececf0; border-top:1px solid #2b64c3; background:#f8f9fa;font-family: 'NanumBarunGothic';}
.agreement {}
.agreement .agreement-cont {float:left; width:100%;padding:15px; background:#f7f8f9; border:1px solid #cbccd2; font-size:14px; line-height:22px; height:150px; overflow-y:scroll; color:#666}
.agreement .check-box {float:left; width:100%; padding:10px; border-bottom:1px solid #e7e9ed; background:#f9fafc; text-align:right; }
.agreement .check-box span {display:inline-block;margin:0 5px; font-size:15px; color:#555;}

.input-text20 {width:20%; }
.input-text30 {width:30%; }
.input-text45 {width:45%; }
.input-text90 {width:90%; }
.input-text100 {width:100%; }


.select-num {width:15%; }
.select-title {width:30%; }

.reservation-form {}
.reservation-form th { width:15%; padding:12px 20px; border-bottom:1px solid #d4d7dd;text-align:left;background:#f7f7f8; color:#1d52ca; font-size:16px; }
.reservation-form th.first {border-top:2px solid #1d52ca}
.reservation-form td { width:85%;padding:12px 15px;border-left:1px solid #d4d7dd; border-bottom:1px solid #d4d7dd; font-size:16px; color:#777;}
.reservation-form td.first {border-top:2px solid #999}
.reservation-form td span {display:inline-block;margin:0 5px;}

.calendar { background:#7992d4 url(/images/sub/ico_calendar.png) no-repeat center; width:52px; height:42px;}
textarea.substance { width:100%; height:200px;}

.rev-btn-wrap {float:left; width:100%; padding:30px 0; text-align:center;}
.rev-btn-wrap .btn-reservation {display:inline-block; margin:0 10px; background:#324db2 !important; height:45px; line-height:45px; color:#fff; font-size:17px; padding:0 40px;}
.rev-btn-wrap .btn-cancel {display:inline-block; margin:0 10px; background:#e3e7ea !important; height:45px; line-height:45px; color:#555;  font-size:17px;  padding:0 40px;}

.cps {display:inline-block; vertical-align:middle;width:10px; height:13px; background:url(/images/sub/ico_cps.png) no-repeat center 0 ; margin:5px;}/* 필수 */
.btn-confirm { background:#7992d4; padding:0 20px; color:#fff; font-size:15px; height:42px;margin:0 5px;}


@media screen and (max-width:976px){
.agreement .check-box span {margin:0 3px;font-size:13px; }

.input-text20 {width:30%; }
.input-text30 {width:40%; }

.input-text45 {width:100%;}
.input-text90 {width:100%; }

.select-num {width:30%; }
.select-title {width:50%; }

.reservation-form th {padding:7px 10px;font-size:14px; }
.reservation-form td {padding:7px 10px; font-size:14px;}

.calendar { background:#7992d4 url(/images/sub/ico_calendar_m.png) no-repeat center; width:36px; height:29px; }
.btn-confirm { font-size:13px; height:29px;margin:0 3px;}

textarea.substance { height:100px;}

.rev-btn-wrap {padding:20px 0;}
.rev-btn-wrap .btn-reservation { margin:0 5px;  height:35px; line-height:35px;  font-size:15px; padding:0 20px;}
.rev-btn-wrap .btn-reservation a {display:block;}
.rev-btn-wrap .btn-cancel { margin:0 5px; height:35px; line-height:35px;  font-size:15px;  padding:0 20px;}
.rev-btn-wrap .btn-cancel a {display:block;}


}

@media screen and (max-width:767px){
.reservation-form th { width:25%;padding:5px 7px;font-size:13px; }
.reservation-form td { width:75%;padding:5px 7px; font-size:13px;}


}

@media screen and (max-width:550px){
.reservation-form th { width:30%;padding:5px;font-size:12px; }
.reservation-form td { width:70%;padding:5px; font-size:12px;}
}



















/*--------------- 로그인 --------------------------------------------------------------------------------------------------------------------*/
.login-wrap {}
.login-wrap h2 { text-align:center; color:#444; line-height:30px; font-size:28px; padding:0px 0 10px; font-weight:500;}
.login-wrap h3 { text-align:center; color:#888; line-height:22px; font-size:16px; padding:0px 0 10px; }
.login-wrap .inner-wrap { width:80%;margin:15px auto; border:1px solid #dadce4; background:#f7f7f9;}
.login-wrap .login-wrap { background:#fff; width:100%; padding:60px 100px 50px;}
.login-wrap .img-login {display:inline-block; vertical-align:top; width:20%; padding:0; text-align:center; }
.login-wrap .mem-info {display:inline-block; width:55%;vertical-align:top;padding:0 10px;}
.login-wrap .mem-info p {width:100%; margin:3px 0;}
.login-wrap .btn_all_login {display:inline-block; width:20%; height:107px;vertical-align:top; background:#3253b2; color:#fff; font-size:18px; margin:5px 0;}

.input-idpw {height:50px; width:100%; }

.login-wrap .find-wrap {width:100%; display:block; border-top:1px dashed #e3e3ec;padding:30px 15% 40px}
.login-wrap .find-wrap dl { display:inline-block; width:40%; margin:0 4%; text-align:center;}
.login-wrap .find-wrap dl dt { display:block; font-size:15px; color:#555; margin-bottom:10px;}
.login-wrap .find-wrap dl dd { display:block; width:170px;margin:0 auto;}
.login-wrap .find-wrap dl dd a { display:block; width:100%; height:35px; line-height:35px; background:#3abdc5; font-size:14px; color:#fff;}

@media screen and (max-width:1080px){
.login-wrap .find-wrap {padding:20px 5% 30px}
.login-wrap .find-wrap dl {width:49%; margin:0 0%; padding:0 20px;}

}

@media screen and (max-width:976px){
.login-wrap h2 { font-size:24px;  padding:0px 0 5px;}
.login-wrap h3 { font-size:14px;  padding:0px 0 5px; }
.login-wrap .img-login {width:110px }
.login-wrap .img-login img {width:110px !important;margin:3px 0;}
.login-wrap .inner-wrap { width:90%;}
.login-wrap .login-wrap {  width:100%; padding:40px 40px 30px;}

.login-wrap .find-wrap {padding:20px 10px 20px}
.login-wrap .find-wrap dl { padding:0 5px;}
.login-wrap .find-wrap dl dt { font-size:13px; }
.login-wrap .find-wrap dl dd a { height:30px; line-height:30px; font-size:12px;}
}

@media screen and (max-width:667px){
.login-wrap h2 { font-size:19px; }
.login-wrap h3 { font-size:14px; line-height:18px; padding:0 30px;  }

.login-wrap .img-login { display:none; }
.login-wrap .login-wrap {   padding:30px 20px 20px;}
.login-wrap .mem-info { width:70%;}
.login-wrap .btn_all_login { width:28%; height:91px;font-size:15px;}
.input-idpw {height:42px; }

}

@media screen and (max-width:550px){
.login-wrap .inner-wrap { width:96%;}
.login-wrap .login-wrap {   padding:20px 10px 12px;}

.login-wrap .btn_all_login { width:26%; height:81px;}
.input-idpw {height:37px; }

.login-wrap .find-wrap dl { display:block; width:100%; margin-bottom:15px;}

}




/*---------------- 회원가입 ------------------------------------------------------------------------------------------------- */
.join-step-wrap {position:relative; float:left; width:100%; text-align:center;}
.join-step-wrap li {display:inline-block; float:left; height:60px; line-height:60px; font-size:17px; width:33.33%; background:#f0f1f3; color:#555; border-left:3px solid #fff;}
.join-step-wrap li.on { background:#3253b2; color:#fff;}
.join-step-wrap li:first-child { border-left:0;}

.join-btn-wrap {float:left; width:100%; padding:30px 0; text-align:center;}
.join-btn-wrap .btn-join {display:inline-block; margin:0 10px; background:#324db2 !important; height:45px;padding:0 40px;}
.join-btn-wrap .btn-join a {display:block;  color:#fff; font-size:17px; line-height:45px;}
.join-btn-wrap .btn-join-cancel {display:inline-block; margin:0 10px; background:#e3e7ea !important; height:45px;  color:#555;  font-size:17px;  padding:0 40px;}
.join-btn-wrap .btn-join-cancel a {display:block; color:#555;  font-size:17px;line-height:45px;}

.join-complete { position:relative; float:left; width:100%; border:7px solid #ececec; padding:50px 10% 30px; text-align:center; margin:40px 0 20px }
.join-complete h3 {display:block; font-size:25px; line-height:30px; padding:20px 0 30px; border-bottom:1px solid #ececec; font-weight:500; letter-spacing:-.07em;}
.join-complete h3 p {display:block; padding-top:10px; font-size:16px; line-height:23px; color:#777; }


@media screen and (max-width:976px){
.join-step-wrap li { height:50px; line-height:50px; font-size:15px;}


.join-btn-wrap { padding:20px 0;}
.join-btn-wrap .btn-join { margin:0 5px;  height:35px;padding:0 20px;}
.join-btn-wrap .btn-join a {font-size:14px; line-height:35px;}
.join-btn-wrap .btn-join-cancel { margin:0 5px;  height:35px;padding:0 20px;}
.join-btn-wrap .btn-join-cancel a{font-size:14px; line-height:35px;}

.join-complete {  border:5px solid #ececec; padding:30px 5% 20px; text-align:center; margin:30px 0 20px }
.join-complete img {height:75px}
.join-complete h3 { font-size:19px; line-height:25px; padding:15px 0 20px;font-weight:400;  }
.join-complete h3 p { padding-top:5px; font-size:14px; line-height:20px;}


}

@media screen and (max-width:550px){
.join-step-wrap li { height:40px; line-height:40px; font-size:12px;}

}



/* 대동씨의 하루 */
.allday {}
.allday ul {margin-top:20px;}
.allday li {display:inline-block;float:left;  width:47%; margin:1.5%; text-align:center;}
.allday li img { margin-bottom:15px;}
.allday li dt { font-size:24px; line-height:25px;}
.allday li dt em {font-weight:500;}
.allday li dt span {display:block; width:6px; height:6px;  border-radius:6px; background:#999; margin:10px auto; }
.allday li dd {font-size:15px; color:#777; line-height:22px;}


@media screen and (max-width:976px){
.allday li dt { font-size:20px; line-height:20px;}
.allday li dt span { width:4px; height:4px;   margin:7px auto; }
.allday li dd {font-size:14px; line-height:20px;}

}

@media screen and (max-width:667px){
.allday li dt { font-size:18px; line-height:18px;}
.allday li dd {font-size:13px; line-height:18px;}

}

@media screen and (max-width:500px){
.allday li { width:98%; margin:1%; }

}

.phrase1 {display:block; text-align:center; font-size:32px; line-height:40px; margin:20px 0; font-weight:300; color:#555;}
.phrase1 span {display:inline-block; margin:0 10px ; }
.phrase1 span img {height:21px; vertical-align:top;}
.phrase1 p { display:block; font-size:18px; line-height:26px; color:#666; margin-top:10px;}

.phrase2 {display:block; text-align:center; font-size:21px; line-height:30px; margin:20px 0; font-weight:300; color:#555;}

@media screen and (max-width:976px){
.phrase1 { font-size:24px; line-height:30px; }
.phrase1 span img {height:16px; }
.phrase1 p { font-size:16px; line-height:24px;}

}


/* 대동씨의 고백 */
#story2 {position:relative; display:block;float:left;width:100%;}
#story2 .box {position:relative; float:left; width:100%;  background:#f5f5f5; border:1px solid #e9e9e9; padding:20px 45px;  }
#story2 .img-wrap {display:inline-block;float:right; width: 220px; padding-top: 30px;}
#story2 .box dl {display:inline-block; width:80%;}
#story2 .box dl dt {float:left; display:block; width:100%; font-size:24px; line-height:28px; color:#222; margin-bottom:15px;}
#story2 .box dl dd { float:left;display:block; width:100%; font-size:17px; line-height:24px; color:#777; }

#story2 .sto_img {text-align:center; width:100%}

#daumRoughmapContainer1535355902159 {display:block;}
#daumRoughmapContainer1535355991365 {display:none}

@media screen and (max-width:976px){
#story2 .box { padding:15px 30px;  }
#story2 .img-wrap { width:15%;}
#story2 .img-wrap img {width:90%;}
#story2 .box dl dt { font-size:22px; line-height:25px; margin-bottom:10px;}
#story2 .box dl dd { font-size:15px; line-height:20px; }
#story2 .box dl dd br {display:none;}

#story2 .sto_img img {width:80%}
}

@media screen and (max-width:767px){

#daumRoughmapContainer1535355902159 {display:none;}
#daumRoughmapContainer1535355991365 {display:block}
}

@media screen and (max-width:677px){
#story2 .box { padding:10px 15px;  }

#story2 .img-wrap { width:20%; text-align:right; margin-top:10px;}
#story2 .box dl {  width:80%;}
#story2 .box dl dt { font-size:18px; line-height:22px; }
#story2 .box dl dd { font-size:13px; line-height:18px;}

}



/* regent */
.regent {}
.regent .img {margin-bottom:40px;}
.regent .block {display:inline-block; float:left; width:47%; margin:0 1.5%; }
.regent dl {float:left; width:100%; margin-bottom:30px;}
.regent dl dt {display:block; font-size:25px; line-height:30px; margin-bottom:10px; }
.regent dl dd {display:block; font-size:15px; color:#777; line-height:24px;}
.regent .ass { position:relative; float:left; width:100%;font-size:22px; line-height:24px; color:#333; margin:20px 0 10px;padding-left:10px; }
.regent .ass span {margin-right:7px;}
.regent .ass-box { position:relative; float:left; width:100%; padding-left:20px; margin-top:10px;}
.regent .ass-box li {position:relative;display:inline-block; float:left; width:33%; margin-bottom:15px; padding-left:27px; font-size:17px; color:#555;}
.regent .ass-box li:before {content:''; position:absolute; left:0; top:3px;width:22px; height:22px; background:url(/images/sub/check2.png) no-repeat left ;}

@media screen and (max-width:1024px){
.regent dl { margin-bottom:15px;}
.regent dl dt { font-size:19px;  margin-bottom:5px;}
.regent dl dd { font-size:14px; color:#777; line-height:20px;}

.regent .ass {padding-left:0px;}
.regent .ass-box {padding-left:0px;}
.regent .ass-box li { width:50%;font-size:15px;  padding-left:23px;}
.regent .ass-box li:before {top:2px;width:18px; height:18px; background:url(/images/sub/check2.png) no-repeat left ; background-size:18px 18px;}

}


@media screen and (max-width:767px){
.regent .block { width:98%; margin:0 1%; }

}

@media screen and (max-width:500px){
.regent .ass-box li { width:100%;}
}



.img-list1 {position:relative; float:left; width:100%; }
.img-list1 li {display:inline-block;float:left; width:24%; margin:0 0.5%; margin-bottom:10px; background:#fff; border:1px solid #eee; padding:5px 5px 10px; font-size:14px; color:#555; text-align:center;}
.img-list1 li img {width:100%; margin-bottom:10px;}

@media screen and (max-width:767px){
.img-list1 li { width:48%; margin:0 1% 10px;padding:4px 4px 5px;}
.img-list1 li img { margin-bottom:5px;}
}

.img-list2 {position:relative; float:left; width:100%; }
.img-list2 li {display:inline-block;float:left; width:19%; margin:0 0.5%; margin-bottom:10px; background:#fff; border:1px solid #eee; padding:5px 5px 10px; font-size:14px; color:#555; text-align:center;}
.img-list2 li img {width:100%; margin-bottom:10px;}

@media screen and (max-width:767px){
.img-list2 li { width:48%; margin:0 1% 10px;padding:4px 4px 5px;}
.img-list2 li img { margin-bottom:5px;}
}

.img-list3 {position:relative; float:left; width:100%; }
.img-list3 li {display:inline-block;float:left; width:32.333333%; margin:0 0.5%; margin-bottom:10px; background:#fff; border:1px solid #eee; padding:5px 5px 10px; font-size:14px; color:#555; text-align:center;}
.img-list3 li img {width:100%; margin-bottom:10px;}

@media screen and (max-width:767px){
.img-list3 li { width:48%; margin:0 1% 10px;padding:4px 4px 5px;}
.img-list3 li img { margin-bottom:5px;}
}

.narae-class {position:relative; float:left; width:100%; border:1px dashed #93b0d8; background:#f5f7fa; padding:30px; border-radius:7px;}
.narae-class h2 {position:relative; float:left; width:100%; font-size:25px; text-align:center; line-height:25px; color:#444; border-bottom:1px solid #e0e7f1; padding-bottom:20px; margin-bottom:20px;}
.narae-class ul {}
.narae-class li {display:block; position:relative; float:left; padding-left:30px; font-size:16px; color:#666; margin-bottom:10px; counter-increment: number;}
.narae-class li:before {content: counter(number, decimal) ;position:absolute;  left:0; top:0; width:25px; height:25px; text-align:center; border-radius:100%; background:#1c59ac; color:#fff;}



/* 대동씨의회상 */
.reminisce {margin-top:60px; margin-bottom:20px; width:100%; float:left;}
.reminisce .img {margin-bottom:40px;}
.reminisce .block {display:inline-block; float:left; width:47%; margin:0 1.5%; }
.reminisce dl {float:left; width:100%; margin-bottom:30px;}
.reminisce dl dt {display:block; font-size:25px; line-height:30px; margin-bottom:10px; }
.reminisce dl dd {display:block; font-size:15px; color:#777; line-height:24px;}

@media screen and (max-width:1024px){
.reminisce dl { margin-bottom:15px;}
.reminisce dl dt { font-size:19px;  margin-bottom:5px;}
.reminisce dl dd { font-size:14px; color:#777; line-height:20px;}

}


@media screen and (max-width:767px){
.reminisce .block { width:98%; margin:0 1%; }

}


/* 전문프로그램 */
.pro_cont {width:100%; padding-bottom:40px; border-bottom:1px dashed #eee; overflow:hidden;}


/* 낮병원 마루 */
.maru .ass-box { position:relative; float:left; width:100%; padding-left:20px; margin-top:10px;}
.maru .ass-box li {position:relative;display:inline-block; float:left; width:50%; margin-bottom:15px; padding-left:27px; font-size:17px; color:#555;}
.maru .ass-box li:before {content:''; position:absolute; left:0; top:3px;width:22px; height:22px; background:url(/images/sub/check2.png) no-repeat left ;}

.maru_cont1 {width:100%; overflow:hidden;}
.maru_cont1 .maru_cont1_text {width:50%; float:left;}
.maru_cont1 .maru_cont1_text ul {overflow:hidden; width:100%;}
.maru_cont1 .maru_cont1_text li {width:50%; float:left; margin:5px 0}
.maru_cont1 .maru_cont1_img {width:50%; float:left;}
.maru_cont1 .maru_cont1_img ul {width:100%; overflow:hidden; text-align:center;}
.maru_cont1 .maru_cont1_img li {float:right; border:1px solid #eee; padding:5px; margin-right:10px;}


.maru-sort {position:relative; float:left; width:100%; border-top:2px solid #2546b4}
.maru-sort li {display:block; float:left; width:100%; min-height:170px; padding:25px 0; border-bottom:1px solid #ddd;}
.maru-sort li dl {position:relative; float:right; width:78%; padding:0 10px;}
.maru-sort li dl dt {float:left; width:100%;font-size:19px; margin-bottom:10px; font-weight:500;}
.maru-sort li dl dd {float:left; width:100%;font-size:15px; color:#777; line-height:22px;}
.maru-sort li dl .number {float:left; width:100%; font-size:25px;font-family: 'proximanova-bold-webfont';margin-bottom:10px;}
.maru-sort li dl .number:before {content: '\e892';  display:inline-block; margin-right:5px; font-family: 'fontello';}
.maru-sort li dl .note {float:left; padding:8px 15px; font-size:18px;width:100%;margin-top:8px;  background:#f8f9f9; border:1px dashed #d1d5da; border-radius:5px; }
.maru-sort li.ico_maru10 { background:url(/images/sub/maru10.png ) no-repeat 5% ;}
.maru-sort li.ico_maru11 { background:url(/images/sub/maru11.png ) no-repeat 5% ;}
.maru-sort li.ico_maru12 { background:url(/images/sub/maru12.png ) no-repeat 5% ;}
.maru-sort .bk-list {position:relative;float:left; width:100%;font-size:15px; color:#777; padding-left:10px; line-height:22px;}
.maru-sort .bk-list:before {content:''; width:3px; height:3px; background:#666; position:absolute; left:3px; top:9px;}


@media screen and (max-width:1024px){
.maru .ass-box {padding-left:0px;}
.maru .ass-box li { width:50%;font-size:15px;  padding-left:23px;}
.maru .ass-box li:before {top:2px;width:18px; height:18px; background:url(/images/sub/check2.png) no-repeat left ; background-size:18px 18px;}

}

@media screen and (max-width:976px){
	
	.maru-sort li dl {width:70%}
	.maru-sort li { padding:20px 0; min-height:auto;}
	.maru-sort li dl dt {font-size:17px; margin-bottom:5px; }
	.maru-sort li dl dd {font-size:13px; line-height:18px;}
	.maru-sort li dl .number {font-size:20px;margin-bottom:5px;}
	.maru-sort li dl .note { padding:5px 10px; font-size:16px; }
	.maru-sort li.ico_maru10 { background-size:auto 80px}
	.maru-sort li.ico_maru11 { background-size:auto 80px}
	.maru-sort li.ico_maru12 { background-size:auto 80px}
}

@media screen and (max-width:947px){
	.maru_cont1 .maru_cont1_text {width:100%; float:none;}
	.maru_cont1 .maru_cont1_img {width:100%; float:none;}

	.maru_cont1 .maru_cont1_img li {display:inline-block; float:none;}

	
}

@media screen and (max-width:767px){
	.maru-sort li dl { width:65%; padding:0 5px 0 0;}
	.maru-sort li dl dt {font-size:16px;  }
	.maru-sort li dl .number {font-size:18px;}
	.maru-sort li dl .note { font-size:14px; }
	.maru-sort li.ico_maru10 { background-size:auto 70px}
	.maru-sort li.ico_maru11 { background-size:auto 70px}
	.maru-sort li.ico_maru12 { background-size:auto 70px}
}


@media screen and (max-width:500px){
.maru .ass-box li { width:100%;}
.maru_cont1 .maru_cont1_img li {width:45%;}
.maru_cont1 .maru_cont1_img li img {width:100%;}
}


/*지역연계실*/
.arealink {}
.arealink .topbn {margin-top:40px;}

/* 꿈이생겼습니다 */
.dream {position:relative; width:100%; background:url(/images/sub/story11_bg.png) no-repeat center top; background-size:100% auto;}
.dream .onestop-step {position:relative; overflow:hidden; width:100%; text-align:center; margin:40px 0}

/* 희망을준대동병원 */
.hope {}
.hope .text-step {position:relative; overflow:hidden; width:100%; text-align:center; margin:40px 0}




#harfwrap {float:left; width:100%; overflow:hidden; position:relative; margin-top:60px;}
#harfwrap .harf1 {float:left; width:49%; margin-right:1%;}
#harfwrap .harf2 {float:right; width:49%; margin-left:1%;}

@media screen and (max-width:976px) {
#harfwrap {margin-top:25px; }
}

@media screen and (max-width:767px) {
#harfwrap { margin-top:20px; }
}

@media screen and (max-width:601px){
#harfwrap .harf1 {float:left; width:100%; margin-right:0; margin-bottom:20px;}
#harfwrap .harf2 {float:left; width:100%; margin-left:0;}
}




.recommend {position:relative; float:left; width:90%; margin:0 5%; text-align:center;}
.recommend ul {margin-top:10px;}
.recommend li {display:inline-block; float:left; width:25%; font-size:19px; line-height:26px; color:#444; letter-spacing:-.1em;}
.recommend li img { margin-bottom:12px;}
.recommend li span {font-size: 17px; line-height: 24px;}

@media screen and (max-width:977px){
.recommend { width:90%; margin:0 5%;}
.recommend li {font-size:16px; line-height:21px;}
.recommend li img { margin-bottom:10px; width:70%;}
.recommend li span {font-size: 14px; line-height: 19px;}

}

@media screen and (max-width:677px){               
.recommend {  margin:0 5% 0;}
.recommend li {font-size:14px; line-height:18px;}
.recommend li span {font-size: 13px; line-height: 17px;}

}

@media screen and (max-width:500px){
.recommend li {width:48%; margin:0 1% 20px;}

}



.nfbwrap {float:left; width:100%; position:relative; margin-top:80px;}

@media screen and (max-width:677px){               
.nfbwrap {margin-top:7%;}

}

.am_hp{font-size: 2em; font-weight: 500; background: url(/images/sub/bb.png) no-repeat left center; height: 60px; padding-left: 70px; display: inline-block; line-height: 60px;}
.am_hp span{color: #376cde;}

@media all and (max-width:640px){
    .am_hp{font-size: 1em;}
}

ul.story13{display: flex;justify-content: space-around; flex-wrap: wrap; clear: both;}
ul.story13 li{width: 19%;}
ul.story13 li p{text-align: center; line-height: 1.8em;}
ul.story13 li h3{background-color: #376cde; color: #fff; font-size: 1.25em; text-align: center; padding: 0.5em;}
ul.story13 li h4{background-color: rgba(135,206,235,0.2); color: #232323;text-align: center; padding: 0.5em;}

@media all and (max-width:920px){
    ul.story13 li{width: 48%; margin-bottom: 0.5em;}
}
@media all and (max-width:480px){
    ul.story13{justify-content: center;}
    ul.story13 li{width: 96%;}
}

.crct_table tr td.txt_left { text-align: left; padding-left: 1%; }
.crct_table tr td.txt_left > div { display: flex; }
.crct_table tr td.txt_left > div > p:first-child { padding-right: 6px; color: blue; }

.crct1_3_txtbox p:first-child { font-size: 1.5em; color: #3b4fa4; font-weight: bold; padding-top: 20px; padding-bottom: 10px; }
.crct1_3_txtbox p:last-child { font-size: 1.2em;  padding-top: 20px;}
.crct1_3_txtbox p:last-child span { font-size: 1.8em; letter-spacing: 4px; font-family: 'KCCImkwontaek'; padding-left: 14px; color: #010101; }






.tabmenu2 { overflow: hidden; text-align: center; margin: 3% auto 50px; }
.tabmenu2 li { width: 200px; display: inline-block; *zoom:1; *display: inline; }
.tabmenu2 li a { display: block; line-height: 3.5em; border:1px solid #ddd; font-size: 1em; color:#555; }
.tabmenu2 li a:hover { color:#2954ae;  }
.tabmenu2 li.on a { background:#2954ae; color:#fff; }

.tabmenu2_2 li {width:250px;}

.tabmenu2 li.wide { width: 200px; }


@media screen and (max-width:1200px) {
.tabmenu2 li { width: 160px; }
}

@media screen and (max-width:976px) {

.tabmenu2 { }
.tabmenu2 li { width: 24%; margin-bottom: 3px; }

.tabmenu2_2 li {width:32.5%}

}

@media screen and (max-width:767px) {

.tabmenu2 li { font-size: 0.85em; }

}

@media screen and (max-width:568px) {

.tabmenu2 li { padding: 0; width: 30%; }

}

/* 페이지 인식을 위한 부분 */
#page01 .tabmenu2  a.menu1,
#page02 .tabmenu2  a.menu2,
#page03 .tabmenu2  a.menu3,
#page04 .tabmenu2  a.menu4 { background:#14afbe; color:#fff; }



.agent_list { width: 90%; margin: 0 auto; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.agent_list.mt { margin-top: 4%; }

.agent_img { width: 33%; max-width: 360px; }
.agent_img img { display: block; width: 100%; }

.agent_img img.agent1_mo { display: none;}

.agent_table { width: 65%; height: auto; }
.agent_table > .timetable { height: 100%; }
.agent_table th { background: #f1f6fa; }
.agent_table td { padding: 2% 4%; }
.agent_table td ul { text-align: left; }

.agent_table td ul li { position: relative; padding-bottom: 4px; }
.agent_table td ul li::before { content: "·"; color: #2657c4; position: absolute; left: -8px; }


@media screen and (max-width:1160px) {
	.agent_list { height: auto; }
	.agent_table td ul li { position: relative; padding-bottom: 4px; }
	.agent_img img.agent1_mo { display: block;}
	.agent_img img.agent1_pc { display: none;}
}
@media screen and (max-width:980px) {
	.agent_list { height: auto; }
}
@media screen and (max-width:680px) {
	.agent_img { margin: 0 auto 2vw; }
	.agent_table td ul li { position: relative; padding-bottom: 2px; }
}
@media screen and (max-width:560px) {
	.agent_img { width: 100%; }
	.agent_table { width: 100%; }
	.agent_list.mt { margin-top: 10%; }
	.agent_img { margin: 0 auto 4vw; }
}
@media screen and (max-width:480px) {
	.agent_table td { padding: 2% 4%;  }
	.agent_table th {  }
}
@media screen and (max-width:400px) {
	.agent_table tr th { font-size: 0.9em; }
	.agent_table tr td { font-size: 0.9em; }
}

.map_btn{display:flex; justify-content:center; border:1px solid #eee; padding:40px; margin-bottom:30px;}	
.map_btn a{border:1px solid #dedede; display:inline-block; line-height:48px; width:200px; color:#000; position:relative; padding-left:50px;}	
.map_btn a.naver{background:url(/images/sub/naver.png) no-repeat left 13px center;}	
.map_btn a.kakao{background:url(/images/sub/kakao.png) no-repeat left 13px center;}