/*common
******************************************************/
.popup, .popup .body_inner{background:none;}
.popup h2{width:auto;padding:18px 10px;border-bottom:2px solid #4d4d4d;margin-bottom:10px;/* font-size:18px */}
.popup p.bul_round1{margin-bottom:10px;}
.popup p.bul_round1.text_red{color: red;}

table.left_th{width:100%;border-top:1px solid #ddd;border-bottom:1px solid #bbbfc2;}
table.left_th tr{border-bottom:1px solid #ddd;}
table.left_th th{background:#f6f6f6;padding:10px 20px;width:147px;text-align:center;}
table.left_th td{padding:10px 15px;}
table.left_th td strong{color:#000;}
table.left_th td label{margin-right:20px;}

.btn_close {display: inline-block;position: absolute;right: 10px;top: 5px;width:30px;height:30px;text-indent: -9999px;white-space: nowrap;overflow: hidden;cursor:pointer;z-index: 1002;}
.btn_close:before,  .btn_close:after{content: '';position: absolute;left: 0;right: 0;top: 50%;display: block;border-bottom: 2px solid #4d4d4d;transform: rotate(45deg);}
.btn_close:after{transform: rotate(-45deg);}

/*page
*****************************************************/
.hideArea {display: none;}
/*0000 intro 비밀번호 찾기*/
.pop_f-pass table.left_th th{width:70px}
.pop_f-pass table.left_th td{padding:10px}
.pop_f-pass .item{margin-bottom:5px}
.pop_f-pass .item1 select{width:100%}
.pop_f-pass input{border:1px solid #d3d3d3;background:#fff;padding:5px 10px;width:95%;height:19px;}/*20171123수정*/
.pop_f-pass .item6 select{width:25%}
@-moz-document url-prefix(){
	.pop_f-pass .item6 select{width:26%;};
}
html[class*="ie"] .pop_f-pass .item6 select{width:29%}
.pop_f-pass .item6 input{width:21%}
.pop_f-pass .item5 input{width:55%}
.ie6 .pop_f-pass .item6 input{width:25%;}
html[class*="ie"] .pop_f-pass .item6 input{width:25%}
.pop_f-pass .item6 span{width:4%;text-align:center;display:inline-block;.display:inline;zoom:1;}
.pop_f-pass .btn_wrap{display: block;width:100%;margin-top:14px;}
.pop_f-pass .btn_orange{padding:10px;/*margin-top:14px;*/min-width:120px;}
.pop_f-pass .btn_gra1{padding:10px;/*margin-top:14px;*/min-width:120px;}
.pop_f-pass .btn_gra3{height:25px; padding-left:5px;padding-right: 5px}
.pop_f-pass .item5 td{padding-top:10px;padding-bottom: 10px;}
.pop_f-pass.hideArea .item5 td{padding-top:10px;padding-bottom: 10px;}

/*0201 검진결과 조회*/
.sub0201_comparison .wrap{padding:0 10px 10px 10px;}
.sub0201_comparison h2{font-size:18px}
.sub0201_comparison table{border-top:1px solid #ddd}
.sub0201_comparison .chart_body{background:none;padding:30px 0}
.sub0201_comparison .btn_wrap{display:none;width:100%;}
.sub0201_comparison .btn_wrap button{width:100px;padding:4px 0;}

/*0202온라인 자가진단 결과 인쇄하기*/
.sub_test-result.popup #wrap{width:794px;}
.sub_test-result.popup #container, .sub_test-result.popup .content_wrap{padding:0;margin:0;}
.sub_test-result.popup .con_tab{min-height:1150px;border:7px solid #0147cc;position:relative;margin-bottom:50px;display:block}
.sub_test-result.popup .con_tab.tab_cover {background:#f3f7ff;}
.sub_test-result.popup .text_box{border:1px solid #d3d7ee;background:#fff;width:90%;margin:0 auto;text-align:center;font-size:22px;padding:25px 0;color:#444;}
.sub_test-result.popup .text_box .partition{margin:0 30px;color:#b3bcbd}
.sub_test-result.popup p.bottom_wrap{text-align:center;color:#555;font-size:18px;bottom:40px;width:100%;position:absolute;}
.sub_test-result.popup p.bottom_wrap .partition{margin:0 25px;}
.sub_test-result.popup .con_tab h3{font-size:1.5em;margin-bottom:10px;}
.sub_test-result.popup .con_tab h4{font-size:1.3em}
.sub_test-result.popup .lr_p30{padding:30px 30px 110px 30px}
.sub_test-result.popup thead th{text-align:center;}
.sub_test-result.popup .tab0 tbody th{width:130px}

/*0203 list 질환 및 알러지 추가/수정 팝업 .pop_input*/
/*0302 진료 상담*/
.sub0302-pop textarea, .pop_input textarea{width:100%;height:60px;border:1px solid #d3d3d3;font-size:12px;}
.sub0302-pop input, .pop_input input{width:96%;padding:3px 2%;border:1px solid #d3d3d3;font-size:12px;}
.sub0302-pop .item1 select{width:55%;margin-left:2%;font-size:12px;}
.sub0302-pop .item1 td select:first-child{width:42%;margin:0}
.sub0302-pop .item4 input{width:56%;}
.sub0302-pop .item4 img{margin:7px 6px 0 6px}
.sub0302-pop .item4 select{width:85px;font-size:12px;}
.sub0302-pop .btn_wrap, .pop_input .btn_wrap{width:100%}
.sub0302-pop button, .pop_input button{padding:5px 0;width:80px;margin:0 2px}
.pop_input h2{margin-bottom:0}
.pop_input table.left_th{border-top:none}
/* 0601 만족도 평가 팝업 */
/* .sub0601-pop h2{font-size:18px;margin-bottom:18px;margin-top:20px;color:#222;} */
.sub0601-pop p{line-height:20px;margin-left:10px;}
.sub0601-pop input[type="radio"]{margin:-4px 6px 0 0;}
.sub0601-pop .submit_group{text-align:center;background:none;padding:20px 0;}
.sub0601-pop .submit_group button{width:78px;height:29px;font-size:12px;}
.sub0601-pop .wrap{padding:0 30px;margin:0 auto;overflow:hidden;}

.sub0601-pop span.star2 {display: inline-block;width: 33px; height: 33px; background: url('/images/reserve/star2.png') no-repeat 0 0; text-indent: -9999px;cursor:pointer;background-size: 80px;}/*2016.0713 추가*/
.sub0601-pop span.star2.no {background-position:-40px 0 }/*2016.0713 추가*/

/*비번분실시 인증번호 받기*/
.pwProgress {width: 100%;margin-bottom: 20px}
.pwProgress ul{display: flex;background: #eaeaea}
.pwProgress ul li{float: left;width: 36%;padding: 10px 0;text-align: center;font-weight: bold;background:url('/images/intro/deco_arrow01.png') no-repeat right center;background-size: 15px}
.pwProgress ul.step2 li {background-image:url('/images/intro/deco_arrow02.png')}
.pwProgress ul.step3 li+li {background-image:url('/images/intro/deco_arrow02.png')}
.pwProgress ul li+li {width: 30%;padding-right: 5px}
.pwProgress ul li+li+li {width: 31%;background-image: none!important;}

.pwProgress ul li.active{color: #fff;background: #1759d0 url('/images/intro/deco_arrow01.png') no-repeat right center;background-size: 15px}
.pwProgress ul li+li+li.active{color: #fff;background-image: url('/images/intro/deco_arrow02.png');}

.comBox {box-sizing:border-box;position: absolute;top:58px;width: 100%;height: 300px;padding: 20px 0;border:1px solid #ddd;border-top:2px solid #4d4d4d;background: #fff;z-index: 100}
.comBox p {text-align: center;}
.comBox .comBox_list {overflow: auto;overflow-y:auto;height: 100px;margin: 20px 0 10px;padding: 10px 0 20px 30px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5}
.comBox li {padding: 0 0 10px}
.comBox input {width: auto}

.info_choice {padding:10px 0;margin-top:10px;border-top: 2px dotted #999;border-bottom: 2px solid #ccc}
.info_choice li{position: relative;padding: 5px 0}
.info_choice li input {position: absolute;top:0;left: 0;width: auto;padding: 5px 0}
.info_choice  li .lab_comm{display: inline-block;padding-left: 25px;word-break: break-all;}
.info_choice .txt_date{color: #999;}

.info_notice{margin-top: 10px;}
.popup .info_notice p.bul_round1{margin-bottom: 5px;}
.info_notice p.text_red{color: red;}

.inp_certify {margin-top: 10px;padding:20px;text-align: center;background:#f3f7ff}
.inp_certify input {width: 50%;vertical-align: middle;}
.inp_certify .btn_orange {margin: 0}


.calen table {width: 100%;font-size: 13px;background: #fff}
.calen table thead th {padding: 16px 0;text-align: center;font-size: 14px;font-weight: normal;background: #f3f7ff;border-top: 1px solid #e6e7eb;border-bottom:1px solid #e6e7eb;}
.calen table thead th + th {border-left: 1px solid #e6e7eb;}
.calen table tbody tr {border-bottom:1px solid #e6e7eb;}
.calen table tbody td {min-height: 30px;padding:10px 5px;text-align: left;}
.calen table tbody th + td, .calen table tbody td + td {border-left: 1px solid #e6e7eb;}
.calen table tbody td.empty {padding: 80px 0 !important;background: #fff}

.calen > button.close {display: none;}
.calen .innerWrap {position: relative;padding:10px 20px;}
.calen .topbox {position: relative;margin-bottom: 30px;text-align: center;}
.calen .topbox .monthCho {position: relative;width: 280px;margin: 0 auto;}
.calen .topbox .monthCho select {width: 100px;font-size: 15px;}
.calen .topbox .monthCho > a {display: inline-block;position: absolute;top:7px;left:5px;text-indent: -9999px;}
.calen .topbox .monthCho > a:before {content: '';position: absolute;top:0;left:0;width: 14px;height: 14px;border-left:2px solid #040404;border-bottom: 2px solid #040404;transform: rotate(45deg);}
.calen .topbox .monthCho > a.next {left:auto;right:20px;}
.calen .topbox .monthCho > a.next:before {transform: rotate(-135deg);}
.calen .topbox .dropdown {display: inline-block;width: 120px;}
.calen .topbox .dropdown span {font-size: 20px}
.calen .topbox > a {display: inline-block;position: absolute;top:10px;right:0;}
.calen .listWrap th{padding:8px;}
.calen .listWrap td {padding:0;}
.calen .listWrap thead th:first-child {color: #ff6c20;background: #f7f9fa}
.calen .listWrap thead th {border-bottom: none}
.calen .listWrap tbody tr {background-color: #fff!important;}
.calen .listWrap tbody tr:first-child {border-top: 1px solid #e6e7eb;}
.calen .listWrap tbody td {position: relative;vertical-align: top;}
.calen .listWrap tbody td span {display: block;}
.calen .listWrap tbody td a{display: block;min-height: 11vh;padding:5px;}
.calen .listWrap tbody td a > span{position: absolute;top:8px;left:8px;font-weight: bold;}
.calen .listWrap tbody td a > span.state {top:10px;left:30px;font-weight: normal;border-radius: 5px;}
.calen .listWrap .legend .reserv,
.calen .listWrap tbody td a .state {padding: 0px 10px;color: #fff;background: #1759d0;}
/*.calen .listWrap tbody td a.dayOff {ackground: #ffe6e3;border:1px solid #fff;}*/
.calen .listWrap tbody td a.dayOff {background: #f0f0f0;}
.calen .listWrap tbody td a.dayOff .state {color: #ff6c20;background: none}
.calen .listWrap tbody tr:hover td{background-color: transparent!important;}
.calen .listWrap tbody tr td:hover{background-color: transparent!important;border:1px solid #333;}
.calen .listWrap tbody tr td:first-child .day{color: #ff6c20;}
.calen .listWrap tbody tr td.today {border:1px solid #0C56B1}
.calen .listWrap .part {margin-top: 25px}
.calen .listWrap .legend span,
.calen .listWrap .part span {display: inline-block;position: relative;padding-left: 6px;font-size: 12px;color:red;text-align: left;}
.calen .listWrap .part span {display: block;}
.calen .listWrap .legend span:before,
.calen .listWrap .part span:before {content: '';position: absolute;top:7px;left: 0;width: 3px;height:3px;background:#ff6c20;border-radius: 50%} /*불가항목 옵션*/
/*.calen .listWrap .box {overflow: hidden;margin: 20px 0 0;padding: 20px 0;font-size: 13px;border-top:2px dotted #ddd;}*/
.calen .listWrap .legend {position: absolute;top:30px;right:30px;}
.calen .listWrap .legend .end,
.calen .listWrap .part .end {color:#999}
.calen .listWrap .legend .end:before,
.calen .listWrap .part span.end:before {background:#999} /*마감항목  옵션*/





.popup .btn_wrap .btn_gra1 {width: 100px;padding: 10px 0;}
.popup .map .btn_wrap,
.popup .calen .btn_wrap {width: 100%;}

/* 칼렌더 오전,오후 예약 버튼추가  - 20220405*/
.calen .listWrap tbody td .inner{display: block;min-height: 11vh;padding:8px;}
.calen .listWrap tbody td .inner > span{position: absolute;top:8px;left:8px;font-weight: bold;}
.calen .listWrap tbody td .inner > span.state {top:10px;left:30px;font-weight: normal;}
.calen .listWrap tbody td .inner .state {padding: 0px 10px;color: #fff;background: #5b9bd5;}
.calen .listWrap tbody td .inner.dayOff .state {color: red;background: none}

.calen .listWrap .part button{width: 100%;border: none;padding: 2px 0;margin-bottom:2px;color: #fff;}
.calen .listWrap .part button.c_am{background-color: #366edb;}
.calen .listWrap .part button.c_pm{background-color: red;}
.calen .listWrap .part button.c_off{background-color: #efefef;color: #444;cursor: default;}





/*rwd
***************************/
/*데스크탑, 태블릿 가로(아이패드1024,갤탭1280)*/
@media only screen and (min-width: 980px){

}

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

}

/*태블릿 세로*/
@media only screen and (min-width: 768px) and (max-width: 979px){
	
}

/*모바일*/
@media only screen and (max-width: 767px){
	.col2 table.left_th tr{border:none}
	.sub0601-pop span.star2 {background-size: 80px}

	.calen > button.close {display: inline-block;position: absolute;top:20px;right:15px;width: 20px;height: 20px;background: url('../images/common/btn_close.png') no-repeat center center;background-size: 20px;text-indent: -9999px;border:none;}
	.calen table {font-size: 12px;line-height: 1.2em}
	.calen .listWrap thead th:first-child {width:10% }
	.calen .listWrap tbody td a {padding: 3px}
	.calen .listWrap tbody td a .state {padding:0;}
	.calen .innerWrap {position: relative;padding:10px;}
	.calen .listWrap tbody td a > span {top:5px;left: 5px;letter-spacing: -1.5px;}
	.calen .listWrap tbody td a > span.state{position: relative;display: block;top:20px;left:0;}
	.calen .listWrap .legend span,
	.calen .listWrap .part span {font-size: 11px;}
	.calen .listWrap .legend {position: absolute;top:50px;right:10px;}
	.calen .listWrap .legend span,
	.calen .listWrap .part span {padding-left: 5px;}
	.calen .listWrap .legend span:before,
	.calen .listWrap .part span:before {width: 3px;height:3px;}

	/* 칼렌더 오전,오후 예약 버튼추가  - 20220405*/	
	.calen .listWrap tbody td .inner {padding: 3px}
	.calen .listWrap tbody td .inner .state {padding:0;}
	.calen .listWrap tbody td .inner > span {top:5px;left: 5px;letter-spacing: -1.5px;}
	.calen .listWrap tbody td .inner > span.state{position: relative;display: block;top:20px;left:0;}
	.calen .listWrap .part button{font-size: 11px;}




}

@media only screen and (max-device-width: 767px){
	.sub0201_comparison .btn_wrap{display:block}
	.sub0201_comparison .col2 table tr th{width:70px}
	.sub0201_comparison .chart_body{margin-bottom:10px}
}

/*모바일 가로(아이폰 이외)*/
@media only screen and (min-width: 481px) and (max-width: 767px){

}

/*max481*/
@media only screen and (max-width: 480px){
	.sub0601-pop .wrap{width:auto;padding:0;margin:0 10px;}
	.sub0601-pop table th{width:98px;padding:10px;}
	.sub0601-pop table td label{margin-right:10px;}
	.sub0601-pop table td{padding-left:10px;}
	.sub0601-pop p{margin-left:0;}
	.sub0601-pop .br{display:none;}
	.col2 table.left_th td, .col2 table.left_th th{border-right:none!important;border-left:none!important;}
	.popup p.bul_round1{letter-spacing: 0px;}/*20171123추가*/
	.comBox li {    padding: 0 0 15px;}/*20171123추가*/
	.comBox input {width: auto}/*20171123추가*/
	.inp_certify {padding:10px 0;}/*20171123추가*/
	.inp_certify input {width: 35%;height: 26px}/*20171123추가*/
	.inp_certify .btn_orange {min-width: 90px;height: 40px}/*20171123추가*/


}

/*모바일 가로(아이폰 기준)*/
@media only screen and (min-width: 321px) and (max-width: 480px){

}

/*모바일 세로*/
@media only screen and (max-width: 320px){
	/*
		.pop_f-pass input{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;height:27px;width:100%}
		.pop_f-pass .item6 select{width:30%}
		.pop_f-pass .item6 input{width:29%}
		.pop_f-pass .item6 span{width:3%}
	*/
	.sub0302-pop .item1 select{width:100%!important;margin-left:0}
	.sub0302-pop .item4 input{width:79%}
	.sub0302-pop .item4 select{width:100%}
	.sub0601-pop table th {width: 90px}/*20160714*/

	.pop_f-pass .btn_gra3{margin-top: 5px}/*20180629추가*/
	.pop_f-pass.hideArea .btn_gra3{margin-top: 5px}/*20180629추가*/
}

@media only screen and (max-width: 280px){
	/*.pop_f-pass table.left_th th{width:60px;padding:10px;}
	.pop_f-pass table.left_th td{padding-left:13px;}
	.pop_f-pass input{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;height:27px;width:100%}
	.pop_f-pass .item6 select{width:29%}
	@-moz-document url-prefix(){
		.pop_f-pass .item6 select{width:28%;};
	}
	.pop_f-pass .item6 input{width:29%}
	.pop_f-pass .item6 span{width:3%}	*/
}

@media screen and (orientation:portrait){}
@media screen and (orientation:landscape){}