/* 서브 공통 */

#header.sub_head {position: static; border-bottom: 1px solid #e5e5e5; background: #fff;}
#header.sub_head .gnb .gnb_arrow {background: url("/images/sub_gnb_arrow.png") center no-repeat; background-size: 100%;}
#header.sub_head .gnb > li > a {color: #000;}
#header.sub_head .head h1 img.logo {display: none;}
#header.sub_head .head h1 img.sub_logo {display: inline-block;}
#header.sub_head .head_right span.search_ic {background: url("/images/sub_search_ic.png") center no-repeat; background-size: 100%;}
#header.sub_head .head_right span.log_ic {background: url("/images/sub_log_ic.png") center no-repeat; background-size: 100%; }
#header.sub_head .head_right span.log_ic:before {background: rgba(0,0,0,0.5);}
#header.sub_head .head_right span.mypage_ic {background: url("/images/sub_mypage_ic.png") center no-repeat; background-size: 100%;}
#header.sub_head .head_btn {background: url("/images/head_btn_on.png") center no-repeat; background-size: 100%;}


#sub_content {padding-top: 100px; margin-bottom: 150px;}
.sub_inner {max-width: 1400px; width: 100%; margin: 0 auto;}
.sub_txt_wrap {text-align: center; margin-bottom: 70px;}
.sub_txt_wrap h2 {color: #000; font-size: 50px; line-height: 58px; font-weight: 700;}
.sub_txt_wrap p {color: #000; font-size: 22px; line-height: 30px; font-weight: 300; margin-top: 10px;}
.sub_txt_wrap p.dd_sub_text {display: none;}

/* 주변 치과*/

.sub_map {position: relative; height: 940px;}
.sub_map .root_daum_roughmap .wrap_map {height: 940px !important;}
.sub_map .root_daum_roughmap .wrap_controllers {display: none !important;}
.sub_map .roughmap_maker_label {display: none;}
/*  .sub_map .root_daum_roughmap img {opacity: 0;} */ 
.sub_map .root_daum_roughmap fieldset {display: none !important;}


.submap_fixed {position: absolute; top: 50%; transform: translateY(-50%); left: 60px; box-shadow: 0 0 10px rgba(0,0,0,0.25); z-index: 500; max-width: 460px; width: 100%; border-radius: 25px; overflow: hidden;} 
.submap_fixed .submap_tp {background: #089fe2; position: relative; height: 80px; }
.submap_fixed .submap_tp h4 {position: absolute; top: 50%; transform: translateY(-50%); left: 20px; color: #fff; font-size: 18px; font-weight: 300;}
.submap_fixed .submap_tp span {position: absolute; top: 50%; transform: translateY(-50%); right: 20px; color: #fff; font-size: 18px;}
.submap_fixed .submap_tp span .submap_ic {display: inline-block; vertical-align: middle; width: 15px; height: 18px; background: url("/images/submap_ic.png") center no-repeat; background-size: 100%; margin-right: 5px;}
.submap_menu {padding: 40px 20px; background: #fff;}
.submap_menu h3 {color: #212224; font-size: 18px; line-height: 26px; font-weight: 300;}
.submap_menu h3 strong {font-weight: 700;}
.submap_tbl li {margin-top: 15px; border-radius: 25px; border: 1px solid #e7e7e7; overflow: hidden; }
.submap_tbl li a {display: table; width: 100%;}
.submap_tbl li .img_wrap {position: relative; display: table-cell; width: 175px; height: 175px; border-radius: 25px; overflow: hidden; text-align: center; vertical-align: middle; }
.submap_tbl li .img_wrap img {/* position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); max-width: 100%; max-height: 100%; width: 100%; height: 100%; */ width: 100%;}
.submap_tbl li .txt_wrap {display: table-cell; width: calc(100% - 175px); vertical-align: middle; padding: 0 20px; background: #fff;}
.submap_tbl li .txt_wrap h4 {color: #212224; font-size: 20px; line-height: 28px; font-weight: 700;}
.submap_tbl li .txt_wrap p {color: #868787; font-size: 16px; line-height: 23px; font-weight: 300; word-break: keep-all; margin-top: 5px;}
.submap_tbl li .txt_wrap .txt_wrap2 {color: #868787; font-size: 16px; line-height: 23px; font-weight: 300; word-break: keep-all; margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.submap_tbl li .txt_wrap span {display: inline-block; color: #089fe2; font-size: 15px; line-height: 23px; font-weight: 700; margin-top: 5px;}
.submap_tbl li .txt_wrap em {display: block; text-align: right; color: #868787; font-size: 16px; line-height: 22px; font-weight: 300; margin-top: 10px;}
.submap_tbl li .txt_wrap em .submap_ic2 {display: inline-block; vertical-align: middle; width: 15px; height: 18px; background: url("/images/submap_ic2.png") center no-repeat; background-size: 100%; margin-right: 10px;}

.submap_fx {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index: 500; background: #fff; padding: 0 10px; height: 40px; border: 2px solid #089fe2; border-radius: 10px; line-height: 36px;}
.submap_fx p {color: #3e3e3e; font-size: 16px;}
.submap_fx p .submap_ic3 {display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: #089fe2 url("/images/submap_ic3.png") center no-repeat; background-size: 10px;  border-radius: 50%; margin-top: -2px;}
.submap_fx:after {content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -9px; width: 14px; height: 9px; background: url("/images/submap_ic4.png") center no-repeat; background-size: 100%;}

.submap_fixed.mob_fixed {display: none;}

.submap_tbl {overflow-y: auto; height: 560px;}

@media (max-width: 1400px) {
	#sub_content {padding: 7.1429vw 3.5714vw 0; margin-bottom: 10.7143vw;}
	.sub_txt_wrap { margin-bottom: 5.0000vw;}
	.sub_txt_wrap h2 { font-size: 3.5714vw; line-height: 4.1429vw; }
	.sub_txt_wrap p { font-size: 1.5714vw; line-height: 2.1429vw;  margin-top: 0.7143vw;}

	/* 주변 치과*/

	.sub_map { height: 67.1429vw;}
	.sub_map .root_daum_roughmap .wrap_map {height: 67.1429vw !important;}


	.submap_fixed {left: 4.2857vw; box-shadow: 0 0 0.7143vw rgba(0,0,0,0.25); max-width: 32.8571vw; border-radius: 1.7857vw; } 
	.submap_fixed .submap_tp {height: 5.7143vw; }
	.submap_fixed .submap_tp h4 {left: 1.4286vw;  font-size: 1.2857vw; }
	.submap_fixed .submap_tp span {right: 1.4286vw;  font-size: 1.2857vw;}
	.submap_fixed .submap_tp span .submap_ic {  width: 1.0714vw; height: 1.2857vw; margin-right: 0.3571vw;}
	.submap_menu {padding: 2.8571vw 1.4286vw; }
	.submap_menu h3 { font-size: 1.2857vw; line-height: 1.8571vw; }
	.submap_tbl li {margin-top: 1.0714vw; border-radius: 1.7857vw;  }
	.submap_tbl li .img_wrap {  width: 12.5000vw; height: 12.5000vw; border-radius: 1.7857vw; }
	.submap_tbl li .txt_wrap { width: calc(100% - 12.5000vw);  padding: 0 1.4286vw;}
	.submap_tbl li .txt_wrap h4 { font-size: 1.4286vw; line-height: 2.0000vw; }
	.submap_tbl li .txt_wrap p { font-size: 1.1429vw; line-height: 1.6429vw; margin-top: 0.3571vw;}
	.submap_tbl li .txt_wrap .txt_wrap2 { font-size: 1.1429vw; line-height: 1.6429vw; margin-top: 0.3571vw;}
	.submap_tbl li .txt_wrap span {  font-size: 1.0714vw; line-height: 1.6429vw;  margin-top: 0.3571vw;}
	.submap_tbl li .txt_wrap em {   font-size: 1.1429vw; line-height: 1.5714vw;  margin-top: 0.7143vw;}
	.submap_tbl li .txt_wrap em .submap_ic2 { width: 1.0714vw; height: 1.2857vw; margin-right: 0.7143vw;}

	.submap_fx { padding: 0 0.7143vw; height: 2.8571vw; border: 0.1429vw solid #089fe2; border-radius: 0.7143vw; line-height: 2.5714vw;}
	.submap_fx p { font-size: 1.1429vw;}
	.submap_fx p .submap_ic3 {  width: 1.4286vw; height: 1.4286vw; background-size: 0.7143vw; margin-top: -0.1429vw;}
	.submap_fx:after {bottom: -0.6429vw; width: 1.0000vw; height: 0.6429vw; }

	.submap_tbl {height: 40.0000vw;}
}

@media (max-width: 1024px) {
	#sub_content {padding: 9.7656vw 3.9063vw 0; margin-bottom: 14.6484vw;}
	.sub_txt_wrap { margin-bottom: 6.8359vw;}
	.sub_txt_wrap h2 { font-size: 4.8828vw; line-height: 5.6641vw; }
	.sub_txt_wrap p { font-size: 2.1484vw; line-height: 2.9297vw;  margin-top: 0.9766vw;}

	/* 주변 치과*/

	.sub_map { height: 91.7969vw;}
	.sub_map .root_daum_roughmap .wrap_map {height: 91.7969vw !important;}


	.submap_fixed.pc_fixed {display: none;}
	.submap_fixed.mob_fixed {display: block;}
	.submap_fixed {position: static; transform: translateY(0); box-shadow: none; max-width: 100%; border-radius: 2.4414vw; margin: 4.8828vw 3.9063vw 0; width: auto;} 
	.submap_fixed .submap_tp {height: 9.7656vw; border-bottom-left-radius: 2.4414vw; border-bottom-right-radius: 2.4414vw;}
	.submap_fixed .submap_tp h4 {left: 1.9531vw;  font-size: 2.3438vw; }
	.submap_fixed .submap_tp span {right: 1.9531vw;  font-size: 2.5391vw;}
	.submap_fixed .submap_tp span .submap_ic {  width: 2.4414vw; height: 2.9297vw; margin-right: 0.4883vw;}
	.submap_menu {padding: 3.9063vw 0; background: none;}
	.submap_menu h3 { font-size: 2.3438vw; line-height: 3.1250vw; }
	.submap_tbl li {margin-top: 1.9531vw; border-radius: 2.4414vw;  }
	.submap_tbl li .img_wrap {  width: 34.1797vw; height: 34.1797vw; border-radius: 2.4414vw; }
	.submap_tbl li .txt_wrap { width: calc(100% - 34.1797vw);  padding: 0 2.9297vw;}
	.submap_tbl li .txt_wrap h4 { font-size: 2.7344vw; line-height: 3.5156vw; }
	.submap_tbl li .txt_wrap p { font-size: 2.3438vw; line-height: 3.1250vw; margin-top: 0.4883vw;}
	.submap_tbl li .txt_wrap .txt_wrap2 { font-size: 2.3438vw; line-height: 3.1250vw; margin-top: 0.4883vw;}
	.submap_tbl li .txt_wrap span {  font-size: 2.1484vw; line-height: 2.9297vw;  margin-top: 0.4883vw;}
	.submap_tbl li .txt_wrap em {   font-size: 2.9297vw; line-height: 3.1250vw;  margin-top: 3.9063vw;}
	.submap_tbl li .txt_wrap em .submap_ic2 { width: 1.9531vw; height: 2.4414vw; margin-right: 0.9766vw;}

	.submap_fx { padding: 0 0.9766vw; height: 3.9063vw; border: 0.1953vw solid #089fe2; border-radius: 0.9766vw; line-height: 3.5156vw;}
	.submap_fx p { font-size: 1.5625vw;}
	.submap_fx p .submap_ic3 {  width: 1.9531vw; height: 1.9531vw; background-size: 0.9766vw; margin-top: -0.1953vw;}
	.submap_fx:after {bottom: -0.8789vw; width: 1.3672vw; height: 0.8789vw; }

	.submap_tbl {height: 54.6875vw;} 
}

@media (max-width: 768px) {

	#sub_content {padding: 13.0208vw 2.6042vw 0; margin-bottom: 19.5313vw;}
	.sub_txt_wrap { margin-bottom: 9.1146vw;}
	.sub_txt_wrap h2 { font-size: 5.8594vw; line-height: 7.1615vw; }
	.sub_txt_wrap p { font-size: 3.1250vw; line-height: 4.1667vw;  margin-top: 1.3021vw;}

	/* 주변 치과*/

	.sub_map { height: 65.1042vw;}
	.sub_map .root_daum_roughmap .wrap_map {height: 65.1042vw !important;}


	.submap_fixed {max-width: 100%; border-radius: 3.2552vw; margin: 6.5104vw 2.6042vw 0; width: auto;} 
	.submap_fixed .submap_tp {height: 13.0208vw; border-bottom-left-radius: 3.2552vw; border-bottom-right-radius: 3.2552vw;}
	.submap_fixed .submap_tp h4 {left: 2.6042vw;  font-size: 3.1250vw; }
	.submap_fixed .submap_tp span {right: 2.6042vw;  font-size: 3.3854vw;}
	.submap_fixed .submap_tp span .submap_ic {  width: 3.2552vw; height: 3.9063vw; margin-right: 0.6510vw;}
	.submap_menu {padding: 5.2083vw 0; background: none;}
	.submap_menu h3 { font-size: 3.1250vw; line-height: 4.1667vw; }
	.submap_tbl li {margin-top: 2.6042vw; border-radius: 3.2552vw;  }
	.submap_tbl li .img_wrap {  width: 45.5729vw; height: 45.5729vw; border-radius: 3.2552vw; }
	.submap_tbl li .txt_wrap { width: calc(100% - 45.5729vw);  padding: 0 3.9063vw;}
	.submap_tbl li .txt_wrap h4 { font-size: 3.6458vw; line-height: 4.6875vw; }
	.submap_tbl li .txt_wrap p { font-size: 3.1250vw; line-height: 4.1667vw; margin-top: 0.6510vw;}
	.submap_tbl li .txt_wrap .txt_wrap2 { font-size: 3.1250vw; line-height: 4.1667vw; margin-top: 0.6510vw;}
	.submap_tbl li .txt_wrap span {  font-size: 2.8646vw; line-height: 3.9063vw;  margin-top: 0.6510vw; word-break: keep-all;}
	.submap_tbl li .txt_wrap em {   font-size: 3.9063vw; line-height: 4.1667vw;  margin-top: 5.2083vw;}
	.submap_tbl li .txt_wrap em .submap_ic2 { width: 2.6042vw; height: 3.2552vw; margin-right: 1.3021vw;}

	.submap_fx { padding: 0 1.3021vw; height: 5.2083vw; border: 0.2604vw solid #089fe2; border-radius: 1.3021vw; line-height: 4.6875vw;}
	.submap_fx p { font-size: 2.0833vw;}
	.submap_fx p .submap_ic3 {  width: 2.6042vw; height: 2.6042vw; background-size: 1.3021vw; margin-top: -0.2604vw;}
	.submap_fx:after {bottom: -1.1719vw; width: 1.8229vw; height: 1.1719vw; }

	.submap_tbl {height: auto;}
}