@charset "utf-8";

/*팝업*/
.layerPopup {z-index:101; display: none; position:absolute; left: 50%; right: 0; width: auto; height:auto;}
.popup_dim {position:fixed; left:0; top:0; right: 0; bottom: 0;  background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); z-index:100;}
.popup {position: relative; margin: 0 auto; margin-top: 5%; padding: 20px 45px; background-color: #fff; }

.pop_hd {text-align: center; padding: 20px 0; border-bottom: 1px solid #444;}
.pop_hd .title {padding: 10px 0; font-weight: 400; font-size: 30px; color: #222; line-height: 30px;}
.pop_cont {padding:20px; font-size: 16px; line-height: 1.5;}
.pop_cont .btn-bot {margin-top: 20px;}
.pop_btns {display: table; width: 100%; table-layout:fixed; background-color: #5a5a5a;}
.pop_btns a {display: table-cell; vertical-align: top; line-height: 30px; border-radius: 0;}

.p_close {position: absolute; right: 0; top: 0; width: 50px; height: 50px; font-size: 0; background-color: #005836;}
.p_close span {position: relative; width: 30px; height: 2px; background-color: #fff; transform:rotate(45deg);}
.p_close span:after {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background-color: #fff; transform:rotate(-90deg);}
.scrollY {overflow-y:auto; }


.tbl_pop {font-size: 15px; color: #888888;}
.tbl_pop tbody th {padding: 8px 0; height: 38px; font-weight: normal; text-align: left;}
.tbl_pop tbody td {padding: 8px 20px; height: 38px; }
.tbl_pop tbody .inp_radio {margin-right: 20px;}


/*alert팝업*/
.popup_alert {z-index: 1001; display: none; min-width:300px; max-width:400px;}
.popup_alert .popup {padding: 0; text-align: center; font-size: 15px; line-height: 1.5;}
.popup_alert .popup .txt {padding: 40px 30px; background-color: #f2f2f2; border: 1px solid #dedede; border-bottom: 0;}
.popup_alert .popup .txt .h1 {margin-bottom: 20px; font-weight: 700; font-size: 18px; color: #463c5a;}
.popup_alert .popup .btns {display: table; width: 100%; table-layout:fixed; background-color: #1d549d;}
.popup_alert .popup .btns a {display: table-cell; vertical-align: top; line-height: 30px;}


/*아이디찾기*/
.popup_find {width: 500px;}
.popup_find .txt1 {font-size: 18px; color: #444;}
.popup_find .txt1 .t1 {padding: 40px 0; text-align: center; font-size: 46px;}
.popup_find .txt2 {font-size: 20px; color: #444; text-align: center; padding: 40px 0;}



/*치료 증례 - 자가진단*/
.popup_selftest {width: 1160px;}
.popup_selftest .pop_cont {padding-left: 0; padding-right: 0;}
.popup_selftest .list {padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.popup_selftest .inp_checkbox {display: block;}
.popup_selftest .inp_checkbox input + span {width: 100%; height: auto; padding-left: 10px; padding-top: 13px; padding-bottom: 13px; padding-right: 30px; font-size: 17px; color: #555; box-sizing:border-box;}
.popup_selftest .inp_checkbox input + span::after, .popup_selftest  .inp_checkbox input + span:after {left: auto; right: 10px; top: 10px; width: 20px; height: 20px;}
.popup_selftest .inp_checkbox input:checked + span::before, .popup_selftest .inp_checkbox input:checked + span:before {left: auto; right: 10px; top: 12px; width: 20px; height: 20px;}
.popup_selftest .inp_checkbox input:checked + span {background-color: #f8f8f8;}
.popup_selftest .b {padding: 30px 0; margin-top: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}
.popup_selftest table {width: auto; margin: 0 auto; margin-top: 20px;}
.popup_selftest th {padding-right: 30px; font-weight: 400; padding: 5px;}
.popup_selftest td {padding: 5px; height: 40px; vertical-align: middle; text-align: left;}

.box_test {visibility: hidden; margin-top: 80px;}
.box_test .h1 {margin-bottom: 10px; font-weight: 600; font-size: 18px; color: #222;}
.box_test .info {display: table; width: 100%; padding: 30px; background-color: #e8eef5; box-sizing:border-box;}
.box_test .info > div {display: table-cell; vertical-align: middle;}
.box_test .info > div.lft {font-size: 28px; color: #1d549d;}
.box_test .info > div.lft p {text-align: center;}
.box_test .info > div.lft span {display: block;}
.box_test .info > div.rgh {font-size: 17px; color: #222; line-height: 1.5;}


/*이용안내 - 의료진소개*/
.popup_doctor1 {width: 1160px;}
.popup_doctor1 .pop_hd {padding: 0; border-bottom: 0;}
.popup_doctor1 .thumb {position: absolute; left: 0; top: 0;}
.popup_doctor1 .thumb p{padding:30px 30px 0 30px;width:260px;font-weight:bold;font-size:28px;color:#000;font-style:italic;}
.popup_doctor1 .info {margin-left: 300px;}
.popup_doctor1 .info .tit {position: relative; margin-bottom: 30px;}
.popup_doctor1 .info .tit p {font-size: 18px; color: #222; line-height: 1;}
.popup_doctor1 .info .tit p span {display: block; margin-top: 12px; font-size: 32px; font-weight: 600;}
.popup_doctor1 .info .tit .r {position: absolute; right: 0; bottom: 0;}
.popup_doctor1 .info .tit .btn-pk {width: 140px;}
.popup_doctor1 .info .txt {padding-top: 30px; border-top: 1px solid #ddd;}
.popup_doctor1 .info .txt li {display: block; margin-bottom: 30px; font-size: 16px; line-height: 1.3;}
.popup_doctor1 .info .txt .h1 {margin-bottom: 20px; font-weight: 600; font-size: 24px; color: #222; line-height: 1;}
.popup_doctor1 .info .txt .t1 {margin-bottom: 10px;}


/*병원안내 - 협력기관*/
.popup_cooperation1 {width: 1160px;}
.popup_cooperation1 .pop_cont {padding-left: 0; padding-right: 0;}

/*병원안내 - 예약취소*/
.popup_cancel {width: 600px;}
.popup_cancel .pop_cont {padding-left: 0; padding-right: 0;}

/*이용안내 - 주차장안내*/
.popup_parking1 {width: 500px;}
.popup_parking1 .img {margin-bottom: 20px;}


/*부위별진료안내 - 진료절차*/
.popup_spine1 {width: 500px;}
.popup_spine1 .img {margin-bottom: 20px;}



/*치료방법 - 재활운동치료*/
.popup_youtube {width: 800px;}
.popup_youtube .popup {padding: 0;}
.popup_youtube .pop_hd {padding: 0;}
.popup_youtube .pop_cont {padding: 0;}
.cont_you {position: relative; height: 0; padding-bottom: 56.5%;}
.cont_you iframe {position: absolute; left: 0; top: 0; width: 100%; height:100%;}


/*부위별질환 - 관련기사*/
.popup_article {width: 1160px;}
.popup_article .pop_cont {padding:10px; max-height:600px; overflow:auto;}


/*메인팝업*/
.wrap_mainPopup {z-index: 999999; position: absolute; left: 50%; top: 200px; transform:translateX(-50%); font-size: 0; max-width:1500px;}
.mainPopup {display: inline-block; vertical-align: top; max-width: 500px; display: none;}
.mainPopup .botm {overflow:hidden; background-color: #000; padding: 10px; color: #fff; text-align: left;}
.mainPopup .botm button {float: right; color: #fff; font-size: 14px;}

/*checkbox design*/
.mainPopup .inp_checkbox {z-index:0; position: relative; display: inline-block; line-height: 1; vertical-align: middle; font-size: 0;}
.mainPopup .inp_checkbox input {position: absolute; visibility:hidden; display: block \0/IE8;}
.mainPopup .inp_checkbox input + span {
	position:relative;
	display:inline-block;
	padding-left:25px;
	font-size: 14px; height:16px; line-height:16px;
	cursor:pointer; vertical-align:top;
}
.mainPopup .inp_checkbox input + span::after,
.mainPopup .inp_checkbox input + span:after {
	content:"";
	width:14px; height:14px;
	position:absolute; left:0; top:0;
	border: 1px solid #ddd;
	background-color: #fff;
}
.mainPopup .inp_checkbox input:checked + span:after {
	background-color: #00416e;
	border-color: #00416e;
}
.mainPopup .inp_checkbox input:checked + span::before,
.mainPopup .inp_checkbox input:checked + span:before {
    content:"";
	z-index: 1; color: #fff;
	position:absolute; left:0; top:0; text-align: center; width:16px; height:16px;
	background-image: url('../img/icons/ico_select_on.png');
	background-repeat: no-repeat; background-position: center center;
}

.mainPopup .inp_checkbox input + span ~ .inp_txt,
.mainPopup .inp_checkbox input + span ~ .select1 {margin-left: 5px; visibility: visible; position: static; vertical-align: middle;  pointer-events: none; background-color: #f9f9f9;}
.mainPopup .inp_checkbox input:checked + span ~ .inp_txt,
.mainPopup .inp_checkbox input:checked + span ~ .select1 {pointer-events: auto; background-color: #fff;}



@media (max-width:1200px){
	.popup_doctor1 {width: 90%;}

	/*메인팝업*/
	.wrap_mainPopup {max-width:500px;}
}

@media (max-width:960px){
	.p_close {right: 0; top: 0; width: 40px; height: 48px;}
	.p_close span {width: 20px;}

	.popup {margin-top: 0; padding: 10px 15px 20px;}
	.pop_cont {padding: 15px 0 0; font-size: 12px; font-size: 0.75rem;}

	.pop_hd {padding: 0;}
	.pop_hd .title {padding: 10px 0; font-size: 18px; font-size: 1.125rem; line-height: 30px;}
	.pop_hd p {padding-bottom: 10px; font-size: 12px; font-size: 0.75rem;}

	.tbl_pop {font-size: 12px; font-size: 0.75rem;}
	.tbl_pop tbody th {padding: 5px 0; height: 30px;}
	.tbl_pop tbody td {padding: 5px 10px; height: 30px; }
	.tbl_pop tbody .inp_radio {margin-right: 10px;}


	/*alert팝업*/
	.popup_alert .popup {min-width:250px; font-size: 13px; font-size: 0.8125rem;}
	.popup_alert .popup .txt {padding: 20px 20px;}
	.popup_alert .popup .txt .h1 {margin-bottom: 20px; font-size: 16px; font-size: 1rem;}
	.popup_alert .popup .btns {}
	.popup_alert .popup .btns a {line-height: 20px;}


	/*아이디찾기*/
	.popup_find {width: 90%;}
	.popup_find .txt1 {font-size: 12px; font-size: 0.75rem;}
	.popup_find .txt1 .t1 {padding: 30px 0 10px; font-size: 22px; font-size: 1.375rem;}
	.popup_find .txt2 {font-size: 16px; font-size: 1rem; padding: 30px 0;}



	/*치료 증례 - 자가진단*/
	.popup_selftest {width: 90%;}
	.popup_selftest .list {padding-bottom: 20px; margin-bottom: 20px; }
	.popup_selftest .inp_checkbox input + span {font-size: 12px; font-size: 0.75rem; padding-top: 5px; padding-bottom: 5px; line-height: 1.3;}
	.popup_selftest .inp_checkbox input + span::after, .popup_selftest .inp_checkbox input + span:after,
	.popup_selftest .inp_checkbox input:checked + span::before, .popup_selftest .inp_checkbox input:checked + span:before {top: 50%; margin-top: -10px; right: 0;}
	.popup_selftest .b {padding: 10px 0; margin-top: 15px; font-size: 13px; font-size: 0.8125rem;}
	.popup_selftest table {margin-top: 0; font-size: 12px; font-size: 0.75rem;}
	.popup_selftest th {padding-right: 30px; padding: 5px;}
	.popup_selftest td {padding: 5px; height: 40px; }

	.box_test {margin-top: 20px;}
	.box_test .h1 {margin-bottom: 10px; font-size: 15px; font-size: 0.9375rem;}
	.box_test .info {display: block; padding: 15px;}
	.box_test .info > div {display: block;}
	.box_test .info > div.lft {margin-bottom: 10px; font-size: 20px; font-size: 1.25rem;}
	.box_test .info > div.rgh {font-size: 12px; font-size: 0.75rem;}

	
	/*이용안내 - 주차장안내*/
	.popup_parking1 {width: 90%;}
	.popup_parking1 .img {margin-bottom: 20px;}

		
	/*부위별진료안내 - 진료절차*/
	.popup_spine1 {width: 90%;}
	.popup_spine1 .img {margin-bottom: 20px;}




	/*이용안내 - 의료진소개*/
	.popup_doctor1 {width: 90%;}
	.popup_doctor1 .popup {background-color: #f4f5f6;}
	.popup_doctor1 .pop_hd {height: 25px;}
	.popup_doctor1 .thumb {position: static; float: left; width: 165px; margin-bottom: 20px;}
	.popup_doctor1 .info {margin-left: 0;}
	.popup_doctor1 .info .tit {margin-bottom: 0; margin-left: 180px;}
	.popup_doctor1 .info .tit p {font-size: 13px; font-size: 0.8125rem;}
	.popup_doctor1 .info .tit p span {margin-top: 10px; font-size: 20px; font-size: 1.25rem;}
	.popup_doctor1 .info .tit .r {position: static; margin-top: 70px;}
	.popup_doctor1 .info .tit .btn-pk {width: 100%; margin-top: 10px;}
	.popup_doctor1 .info .txt {clear: both; padding-top: 0; border-top: 0;}
	.popup_doctor1 .info .txt li {display: block; padding: 15px 15px; margin-bottom: 0; font-size: 12px; font-size: 0.75rem; border: 1px solid #ddd; border-top: 0; background-color: #fff;}
	.popup_doctor1 .info .txt .h1 {display: none;}
	.popup_doctor1 .info .txt .t1 {margin-bottom: 5px;}
	.popup_doctor1 .info .tab {clear: both;}
	.i-aft.i_doc1 {padding-left: 0;}
	.i-aft.i_doc1:after {content:none;}
	.i-aft.i_doc2 {padding-left: 0;}
	.i-aft.i_doc2:after {content:none;}


	/*치료방법 - 재활운동치료*/
	.popup_youtube {width: 90%;}
	.popup_youtube .p_close {top: -48px;}


	/*병원안내 - 협력기관*/
	.popup_cooperation1 {width: 90%;}
	.popup_cooperation1 .pop_cont {padding-left: 0; padding-right: 0;}

	/*병원안내 - 예약취소*/
	.popup_cancel {width: 90%;}
	.popup_cancel .pop_cont {padding-left: 0; padding-right: 0;}


	/*부위별질환 - 관련기사*/
	.popup_article {width: 90%;}
	.popup_article .pop_cont {padding-left: 0; padding-right: 0;}

	/*메인팝업*/
	.wrap_mainPopup {width: 70% !important; top: 120px;}
	.mainPopup {width: 100%;}
}