@charset "utf-8";
.col-md-2 { position:relative; float:left; width:50%;  padding:0 1.5%; box-sizing:border-box;}

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

}


#subContent {width:100%;}
.s_content {width:1400px;  min-height:600px ;margin:45px auto 50px; overflow:hidden;  font-family:'Roboto', sans-serif; font-weight:300;}

#rout {width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#rout ul {width:1400px; margin:0 auto; overflow:hidden;}
#rout ul li {float:left; font-size:14px; color:#686868; font-family:'Roboto', sans-serif; line-height:50px; background:url(/eng/images/sub/ico_rout.png) no-repeat right center; padding-right:15px; margin-right:10px;}
#rout ul li:last-child {background:none; padding-right:0; margin-right:0;}
#rout ul li.home span {display:inline-block; width:14px; background:url(/eng/images/sub/ico_home.png) no-repeat center center; text-indent:-9999px}

#s_gnb {width:260px; float:left;}
#s_gnb h2 {width:100%; height:135px; font-size:20px; line-height:22px; color:#fff; background:#0054a6 url(/eng/images/sub/s_gnbBG.png) no-repeat right bottom; font-family:'PoppinsL'; font-weight:normal; box-sizing:border-box; padding-left:20px; display:table;}
#s_gnb h2 span {font-family:'PoppinsB'}
#s_gnb h2 p {display:table-cell; vertical-align:middle;}
#s_gnb ul {width:100%;}
#s_gnb ul li a {display:block; width:100%; font-size:16px; line-height:22px; padding:20px 35px 20px 18px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; font-family:'Roboto', sans-serif; position:relative;}
#s_gnb ul li a:hover {color:#1aabc0}
#s_gnb ul li a:hover::after {content:">"; font-size:16px; font-family:'Spoqa Han Sans'; font-weight:500; position:absolute; top:50%; right:15px; margin-top:-11px}

#s_gnb ul.menu02{background:#f6f6f6} 
#s_gnb.s0201 .menu0201,
#s_gnb.s0202 .menu0202{color:#666; font-weight:500;}

#s_gnb.page01 a.menu1,
#s_gnb.page02 a.menu2,
#s_gnb.page03 a.menu3,
#s_gnb.page04 a.menu4,
#s_gnb.page05 a.menu5,
#s_gnb.page06 a.menu6,
#s_gnb.page07 a.menu7,
#s_gnb.page08 a.menu8,
#s_gnb.page09 a.menu9,
#s_gnb.page10 a.menu10 {color:#1aabc0; background-image:url(/images/sub/s_gnb_arrow_on.png); font-weight:500;}

#s_gnb.page01 a.menu1::after,
#s_gnb.page02 a.menu2::after,
#s_gnb.page03 a.menu3::after,
#s_gnb.page04 a.menu4::after,
#s_gnb.page05 a.menu5::after,
#s_gnb.page06 a.menu6::after,
#s_gnb.page07 a.menu7::after,
#s_gnb.page08 a.menu8::after,
#s_gnb.page09 a.menu9::after,
#s_gnb.page10 a.menu10::after {content:">"; font-size:16px; font-family:'Spoqa Han Sans'; font-weight:500; position:absolute; top:50%; right:15px; margin-top:-11px}


/* sub_top */
.sub_top { display:none; position:relative;float:left; width:100%; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.sub_top .sub_top_in { position:relative; z-index:50; 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:50px; height:50px; text-align:center; font-size:0; background:#fff url("/eng/images/sub/ico_home.png") no-repeat center; background-size: 30% auto;  }
.snb>.depth1_area, .snb>.depth2_area { width:230px;}
.snb>.depth1_area, .snb>.depth2_area  a {color:#1aabc0; }
.snb .open_depth { display:block; position:relative; height:50px; line-height: 50px; padding:0 20px; border:1px solid #ccc;border-top:0; border-bottom: 0; background-color:#fff; color:#555; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.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:50px; 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;}


@media screen and (max-width:1399px){
	.s_content {width:100%}

	#rout ul {width:97%;}

	#s_gnb {width:22%; margin-left:1.5%}
}

@media screen and (max-width:976px){
	.s_content {margin-top:0;}

	#rout {display:none;}

	#s_gnb {display:none;}

	.sub_top { display:block; margin-bottom:2%}
	
	.snb .menu>li>a { padding:7px 5px 8px 7px; font-size:12px;}
	.snb  ul.menu02{background:#ccc} 
	.snb  ul.menu02 a{ padding:7px 5px 8px 7px; font-size:12px; color:#333;}


}


@media screen and (max-width:767px){
	/* sub_top */
	.sub_top { height:35px; background:#f7f7f7; border-bottom:1px solid #ddd; margin-bottom:10%}
	.snb { padding-left:35px;}
	.snb .home { position:absolute; top:0; left:0; z-index:10;}
	.snb .home>a { width:35px; height:35px;}
	.snb .home>a:before { font-size:13px; line-height:13px;}
	.snb>.depth1_area, .snb>.depth2_area { width:50%;}
	.snb .open_depth { height:35px; line-height: 35px; padding:0px 12px 0px 12px; 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;}
	
}

.page_wrap {width:1070px; float:right;}
.page_wrap h2.sub_title {font-size:36px; line-height:1.3em; letter-spacing:-0.04em; color:#333; font-family:'PoppinsB'; text-align:center; border-bottom:1px solid #e5e5e5; padding:25px 0}

.page_cont {margin-top:70px;}


@media screen and (max-width:1399px){
	.page_wrap {width:70%; margin-right:1.5%;}
}



@media screen and (max-width:976px){
	.page_wrap {width:97%; margin:7% auto 0; float:none;}


}

@media screen and (max-width:767px){
	.page_wrap h2.sub_title {font-size:2em; padding:4% 0}

	.page_cont {margin-top:10%}
}

/* 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:10px; height:10px; margin:0 4px -2px;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; }


}




.bold { font-weight:500;}
.bold1 { font-weight:300;}
.bold2 { font-weight:400;}

/* font-color  */
.fc_blue {color:#324db2 !important; }
.fc_bluegreen {color:#01a2a8 !important; }
.fc_green {color:#5aa30c !important; }
.fc_black {color:#222 !important; }

.fc_pink { color:#db6193 !important;}
.fc_red { color:#e71c0d !important;}
.fc_yellow { color:#cf9549 !important;}
.fc_orange { color:#e83f0b !important;}
.fc_3 { color:#333 !important;}
.fc_4 { color:#444 !important;}
.fc_7 { color:#777 !important;}
.fc_8 { color:#888 !important;}

.clear {clear:both;}


/* 비전 미션 */
.vision-wrap { position:relative; float:left;width:100%; background:url(/images/sub/bg_vision.jpg) no-repeat center 0; background-size:100% auto; 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:65%;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:100%; margin:80px auto;}
.vision-wrap .mission li {font-family:'Roboto'; display:inline-block; float:left; width:20%; padding:0.5%; box-sizing:border-box; font-size:19px; line-height:26px; color:#444; font-weight:500; letter-spacing:-.08em;}
.vision-wrap .mission li img { margin-bottom:12px;}
.vision-wrap .mission li span {font-size: 16px; line-height: 24px; font-weight:300;}

@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;}

}



/* 인사말 */
.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:35px; font-size:34px; line-height:48px; font-weight:200; color:#888; text-align:center;}

.greeting ul {float:left; width:100%; box-sizing:Border-box; }
.greeting ul li {display:block; float:left; width:100%; padding:0 10px; font-size:16px; line-height:26px;  box-sizing:Border-box; margin-bottom:15px;}
.greeting ul li em {display:inline-block; margin-left:5px; color:#333; font-size:140%;}

.greeting .img_hp3 {width:150px; margin-left:0px; margin-top:15px;}

@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 {line-height:21px; font-size:15px; }

}


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

.greeting h3 {font-size:24px; line-height:30px; padding:0 20px; box-sizing:border-box;}
.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:left; margin-left:0; margin-top:15px;}
}


/**/

.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;}


/* 대동씨의 하루 */
.allday {}
.allday ul {margin-top:20px;}
.allday li {display:inline-block;float:left;  width:47%; margin:1.5%; text-align:center;}
.allday li img {width:100%; 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 ;vertical-align:top;}
.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 25px ;  box-sizing:border-box;}
#story2 .img-wrap {display:inline-block;float:right; width:200px;}
#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.3%; margin-bottom:10px; background:#fff; border:1px solid #eee; box-sizing:Border-box; 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; box-sizing:border-box;}
.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; box-sizing:border-box;}
.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%;}

}


/* 진료후 절차  */
.after-order {position:relative; float:left; width:100%; border-radius:5px; border:1px solid #cdd0d9; background:#f8f8f9; padding:20px 25px; box-sizing:border-box;}
.after-order li {display:block; float:left; width:100%; padding-top:15px; margin-top:15px;border-top:1px dashed #ddd; box-sizing:border-box;}
.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-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;}


/* 병원소개 */
#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;  box-sizing:border-box;}
#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:32px; line-height:32px; color:#235ccf; margin-bottom:10px;}
#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; }

}

.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%;}

}

/* 의료진소개 */
.dr-box {position:relative; float:left; width:45%; margin:0 1% 20px; border:1px solid #ddd; padding:15px;}
.dr-box:nth-of-type(2n)+.dr-box{clear:both}
.dr-box .img-wrap {position:relative; float:left; width:30%;}
.dr-box .img-wrap img {width:100%;}
.dt-box .imgbox-wrap{width:100%; overflow:hidden;}
.dr-box .txtbox-wrap {display:none; position:relative; float:left; width:100%; padding-top:15px; margin-top:25px; border-top:1px dotted #ddd;}
.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:15px; color:#888;}
.dr-box .btn-wrap { position:static;width:65%; float:right; margin-top:20px; bottom:unset; right:unset;font-size:14px;line-height:30px; text-align:center;}

.dr-box .btn-doctor {float:left; width:30%; height:30px; background:#1c9ff2; color:#fff; cursor:pointer; }
.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:1400px){
.dr-box { padding:9px; margin:0 0.5% 8px;}
.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;}
.dr-box{width:46.5%}

}


@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; box-sizing:border-box;}
.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;}

}




/* 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;}
}


.fa_box_wrap{width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #ddd; padding:10px; margin-bottom:10px;}
.fa_box_wrap .img{width:50%; float:left;}
.fa_box_wrap .txt{width:50%; box-sizing:border-box; padding-left:30px; float:left;}
.fa_box_wrap .txt li{margin-bottom: 5px; }
.fa_box_wrap .txt dt{color:#2546B4; font-size:1.35em; font-weight:500; padding:4px 0;}
.fa_box_wrap .txt dt span{display:inline-block; width:4px; height:4px; border-radius:100%; background:#2546B4; margin-right:10px; margin-bottom:3px;}
.fa_box_wrap .txt dd{padding-left:8px; margin-bottom:2px;}
.fa_box_wrap .txt a{margin-top:10px; display:inline-block; background:#1C9FF2; color:#FFF; padding:8px 15px; font-size:1.1em;}

@media screen and (max-width:776px){
	.fa_box_wrap .img{width:100%;}
	.fa_box_wrap .txt{width:100%; padding-left:0px; padding-top:15px;}

}

.qna_box_wrap{border-top:2px solid #1E8BEF; width:100%; overflow:hidden;}
.qna_box_wrap .box{border-bottom:1px solid #ddd; width:100%; overflow:hidden; padding:15px; box-sizing:border-box;}
.qna_box_wrap .t{cursor:pointer; font-size:1.4em; padding:5px 0 0px; font-weight:500; box-sizing:border-box;}
.qna_box_wrap .c{display:none; background:#f9f9f9; box-sizing:border-box; margin-top:15px; border-top:1px dotted #ddd; padding:15px; font-size:1.1em; line-height:1.8em;}
.qna_box_wrap .box:first-child .c{display:block}
.qna_box_wrap .c .tel_box{border:1px solid #f1f1f1; background:#FFF; box-sizing:border-box; padding:10px; margin:15px auto;}
.qna_box_wrap .c .tel_box b{display:block;}