/********************************************************
■ 테이블
********************************************************/
/*기본 리스트 테이블*/
.basic{width:100%; margin: 0; clear: both; table-layout: fixed; border-top:2px solid #121212; border-bottom:2px solid #BCBCBC;}
.basic thead th{padding:1.25rem 0.5rem; text-align:center; font-size:0.8rem; font-weight:700; color:var(--gray5);  background:#F6F6F6;}
.basic td{padding:1.25rem 0.5rem; text-align:center; font-size:0.85rem; border-top:1px solid #BCBCBC;}
.basic th{padding:1.25rem 0.5rem; text-align:center; font-size:0.85rem; border-top:1px solid #BCBCBC; background:var(--lorange);}

/*테이블 td색상 테이블*/
.table-tdbg{width:100%; margin: 0; clear: both; table-layout: fixed;}
.table-tdbg thead th{padding:1rem 0.25rem; text-align:center;  font-weight:700; color:var(--gray7); border-bottom:2px solid #121212;}
.table-tdbg tbody :is(td, th){padding:1rem 0.25rem; text-align:center; border-bottom:4px solid #fff; border-top:4px solid #fff; background:#F6F6F6;}
.table-tdbg tbody tr:nth-child(even) :is(td, th){background: #FFF8F1} 
.table-tdbg tbody :is(td, th):first-child{border-radius:8px 8px 0 0;}
.table-tdbg tbody :is(td, th):last-child{border-radius:0 0 8px 8px;}

/*th 리스트*/
.th-list-half{display:flex; }
.th-list-half .th-list{width:50%;}

.th-list li{display:flex;}
.th-list li span{color:var(--gray9); flex-shrink: 0; display:inline-block; width:6rem; font-weight:500;}
.th-list li p{flex:1;     word-break: break-all;}
.th-list li:not(:first-child){margin-top:1rem;}

/*테이블*/
.normal { margin:0;  clear:both; width:100%;}
.normal thead tr th {color: var(--main); font-weight:500; background:var(--lorange); text-align:center; padding:1rem .5rem 0.9rem; border-top:2px var(--main) solid; border-bottom:1px var(--lgray6) solid; }
.normal tbody tr td {color: var(--gray6); padding:0.7rem 0.5rem; font-size:0.8rem; border-bottom:1px solid var(--lgray6);  text-align:center; vertical-align:middle;border-right: 1px solid var(--lgray6);}
.normal tbody tr td:last-child{border-right:none;}
.normal tbody tr th{color: var(--gray6); padding:0.7rem 0.5rem; font-size:0.8rem; font-weight:normal; border-bottom:1px solid var(--lgray6);  text-align:center; vertical-align:middle;border-right: 1px solid var(--lgray6); background:#f9f9f9;}
.normal tbody tr td.bg{background:var(--lgray3);}

/*테이블 경고데이터*/
.alert_data{color:var(--main) !important; font-weight:600;}

@media all and (max-width:767px){
	.table-wrap{position: relative; display: block;  overflow-x: auto; width: 100%;}
	.table-wrap table{width: 800px;}
	.table-wrap::-webkit-scrollbar {width:5px;height:5px;background-color:#eae9e9;}
	.table-wrap::-webkit-scrollbar-thumb {background-color:var(--main); -webkit-border-radius:5px;border-radius:5px;}
}


/********************************************************
■ 병원별 검진항목
********************************************************/
/*병원별 검진항목 - 팝업*/
.pop-wrap.wide{min-width:60rem}
.pop-wrap .pop-table-box{height:auto !important; overflow:unset;}
.pop-wrap .pop-table-wrap{position:relative; width:60rem; overflow-y:auto; height:calc(80vh - 7rem); padding:0; }
.pop-wrap .pop-table-wrap:before{content:''; position:absolute; left:0px; top:0px; height:1rem; width:100%; background:#fff;}
.pop-wrap .pop-table-wrap .pop_tb{float:left; }
.pop_tb{margin: 0; table-layout: fixed;  }
.pop_tb tbody th{padding:0.5rem 0.5rem; color:var(--main); background:var(--lorange);text-align:center; font-size:0.85rem; border-bottom:1px solid #BCBCBC;}
.pop_tb tbody th.vat{background:#fff;}
.pop_tb tbody td{position:relative; padding:0.5rem 0.5rem; height:2.75rem; text-align:center; font-size:0.85rem; border-bottom:1px solid #BCBCBC;}
.pop_tb tbody td:before{content:''; position:absolute; left:0px; top:6px; width:1px; height:calc(100% - 12px); background:var(--lgray5)}
.pop_tb.w55 .fix_head th{height:6rem;}
.pop_tb.w55  tbody td{text-align:left;}
.pop_tb .fix_head{position: sticky; top:0; z-index:1;  }
.pop_tb .fix_head:before{content:''; position:absolute; left:0px; top:0px; width:100%; height:2px; background:#121212;}
.pop_tb .fix_head:after{content:''; position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#BCBCBC;}
.pop_tb .fix_head th{ height:3rem;  border-radius: 4px; text-align: center; font-size: 1.1rem; font-weight: 700; color: var(--gray3); background: #F6F6F6;}
.pop_tb .fix_head th select{border:none; background-color:transparent; background-size:1.3rem 1.3rem;}



@media all and (max-width:1340px){
	.pop-wrap.wide{min-width:90vw; width:90vw;}
	.pop-scroll .pop-wrap-box div .pop-table-wrap{overflow-x:hidden; } 

	#comparison{width:90vw;}
	#comparison .pop-wrap-box > div{overflow-x:auto;}
}


/********************************************************
■ 예약현황
********************************************************/
/*예약현황 테이블*/
.checkIng td{background:var(--lorange);}
.checkIng td.checkIng-td{border-top:none; padding:0 1rem 1rem;}
.checkIng td.label-btn .btns + .btns{margin-top:5px;}

.checkIng_div{display:flex; gap:2rem; background:#fff; padding:2rem; border-radius:0.4rem;}
.checkIng_div .state{display:block; width:5.5rem; height:2rem; line-height:2rem; text-align:center; border-radius:1rem; color:#fff; background:var(--main); flex-shrink: 0;}
.checkIng_div div{flex:1; text-align:left; word-break: break-all;}
.checkIng_div .subject{font-size:1rem; font-weight:600; color:var(--black); flex-shrink: 0;}
.checkIng_div ul{margin-top:1rem;}
.checkIng_div ul li{position:relative; margin-top:0.7rem; display:flex; align-items: center; gap:0.5rem; font-size:0.9rem;}
.checkIng_div ul li i{flex-shrink: 0; width:1.5rem; height:1.5rem; background-color:#F3F3F3; background-size:0.9rem 0.9rem; border-radius:50%; background-position:50% 50%;}
.checkIng_div ul li.cash{border-bottom:1px solid #BCBCBC; padding-bottom:0.7rem;}
.checkIng_div ul li.cash b{font-size:0.9rem; color:var(--main);}
.checkIng_div ul li.cash i{background-color:#FFF5EB;}

/*과거검진이력 테이블*/
.checkEnd td.checkEnd-td{border-top:none; padding:0 1rem 1rem;}
.checkEnd td.checkEnd-td .checkEnd_div{display:flex; align-items: center; gap:2rem; background:#F6F6F6; padding:1rem 2rem; border-radius:0.4rem;}
.checkEnd td.checkEnd-td .checkEnd_div .state{display:block; width:5.5rem; height:2rem; line-height:2rem; text-align:center; border-radius:1rem; color:#fff; background:var(--gray9);}
.checkEnd td.checkEnd-td .checkEnd_div div{flex:1; text-align:left;}
.checkEnd td.checkEnd-td .checkEnd_div .subject{font-size:1rem; font-weight:600; }

/*예약변경버튼 팝업*/
.dropBox{position:relative; display: inline-block;}
.dropBox .dropUl{display:none; position:absolute; left:0px; top: 2.75rem; width: 100%; background: #fff; border: 1px solid var(--lgray6); border-radius: 6px; z-index: 1; text-align:center;}
.dropBox .dropUl a{display:block; padding:0.4rem 0.25rem; color:var(--gray7);}
.dropBox .dropUl li:not(:first-child){border-top:1px solid var(--lgray6);}
.dropBox.open  .dropUl{display:block; }

@media all and (max-width:767px){
	.label-table{border:none}
	.label-table colgroup,
	.label-table thead{display:none;}
	.label-table tr{position:relative; display:flex; flex-wrap:wrap;  border:1px solid #ddd; padding:1rem; border-radius:6px; }
	.label-table tr:not(:first-child){margin-top:1rem;}
	.label-table th,
	.label-table td{ width:100%; display:flex; align-items: center; border:none; padding:0.2rem; text-align:left;  font-size:0.95rem;}
	.label-table td:not(.label-btn):before{content: attr(data-label); color:var(--gray9); font-weight:600; display:inline-block; width:5rem;}
	.label-table td.label-btn{position:absolute; right:1rem; top:1rem; width:auto;}
	.label-table td.label-btn + td.label-btn {top:3.5rem;}
	.checkIng td.label-btn .btns + .btns{margin-top:0; margin-left:5px;}

	.label-table tr.checkIng{background:#FFF8F1; border-radius:6px 6px 0 0; border-bottom:none; }
	.label-table tr.checkIng.checkView{margin-top:0; border-radius:0 0 6px 6px; border-top-style:dashed; border-bottom:1px solid #ddd;}
	.label-table tr.checkIng.checkView td{width:100%; padding:0}
	.label-table tr.checkIng.checkView td:before{display:none;}
	
	.checkIng_div{flex:1; padding:1rem; flex-direction: column; gap:0.5rem;}
	
	.label-table tr.checkEnd{border-radius:6px 6px 0 0; border-bottom:none; }
	.label-table tr.checkEnd-view{margin-top:0; padding:0 1rem; background: #F6F6F6; border-radius:0 0 6px 6px; border-top-style:dashed; border-bottom:1px solid #ddd;}
	.label-table tr.checkEnd-view td:before{display:none;}
	.label-table tr.checkEnd-view .checkEnd-td{padding:0; width:100%;}
	.label-table tr.checkEnd-view td.checkEnd-td .checkEnd_div{flex:1; padding:1rem 0;}

	
}
@media all and (max-width:567px){
	.label-table tr.checkEnd-view td.checkEnd-td .checkEnd_div{flex-direction: column; gap:0.5rem; align-items: flex-start;}

	.label-table td.label-btn{position: relative; top:auto; right:auto;}
	.label-table td.label-btn + td.label-btn{top:auto;}
}


/*예약하기 단계*/
.checkup-step{background:#F6F6F6; border-radius:6px; padding:1.5rem 4rem; margin-bottom:2rem; }
.checkup-step ul{position:relative;display:flex; justify-content: space-between; }
.checkup-step ul li{position:relative; width:20%; text-align:center; font-size:0.85rem; color:#b2b2b2;  z-index:0;}
.checkup-step ul li:before{content:'';position:absolute; left:50%; top:1rem; width:110%; height:1px; border-top:10px dotted #E5E5E5; opacity: 0.5; z-index:-1;}
.checkup-step ul li .step-img{position:relative; display: flex; align-items: center;  justify-content: center; width:3rem; height:2.5rem; border-radius:6px; background:#EEEEEE; margin:0 auto 0.5rem;}
.checkup-step ul li .step-img em{position:absolute; left:-0.5rem; top:-0.5rem; width:1rem; height:1rem; line-height:1rem; background:#e4e4e4; color:#fff; border-radius:50%;font-size:0.75rem; text-align:center; outline: 4px solid #F6F6F6;}
.checkup-step ul li .step-img [class^="step"]{display:inline-block; width:1.7rem; height:1.7rem; background-size:100%; background-position:0 0; background-repeat:no-repeat;}
.checkup-step ul li .step-img .step01{background-image:url('../images/default/content/step_01_w.svg')}
.checkup-step ul li .step-img .step02{background-image:url('../images/default/content/step_02_w.svg')}
.checkup-step ul li .step-img .step03{background-image:url('../images/default/content/step_03_w.svg')}
.checkup-step ul li .step-img .step04{background-image:url('../images/default/content/step_04_w.svg')}
.checkup-step ul li .step-img .step05{background-image:url('../images/default/content/step_05_w.svg')}
.checkup-step ul li .step-img .step06{background-image:url('../images/default/content/step_06_w.svg')}
.checkup-step ul li .step-img .step07{background-image:url('../images/default/content/step_07_w.svg')}
.checkup-step ul li .step-img .step08{background-image:url('../images/default/content/step_08_w.svg')}
.checkup-step ul li .step-img .step09{background-image:url('../images/default/content/step_09_w.svg')}

.checkup-step ul li.on {color:var(--gray5); font-weight:600;}
.checkup-step ul li.on:after{content:'';position:absolute; left:50%; top:1rem; width:100%; height:1px; border-top:10px dotted var(--gray9); opacity: 1; z-index:-1;}
.checkup-step ul li:last-child:before,
.checkup-step ul li.on:last-child:after{display:none;}
.checkup-step ul li.on .step-img{background:#C6C6C6;}
.checkup-step ul li.on .step-img em{background:var(--green2)}
.checkup-step ul li.on .step-img .step01{background-image:url('../images/default/content/step_01.svg')}
.checkup-step ul li.on .step-img .step02{background-image:url('../images/default/content/step_02.svg')}
.checkup-step ul li.on .step-img .step03{background-image:url('../images/default/content/step_03.svg')}
.checkup-step ul li.on .step-img .step04{background-image:url('../images/default/content/step_04.svg')}
.checkup-step ul li.on .step-img .step05{background-image:url('../images/default/content/step_05.svg')}
.checkup-step ul li.on .step-img .step06{background-image:url('../images/default/content/step_06.svg')}
.checkup-step ul li.on .step-img .step07{background-image:url('../images/default/content/step_07.svg')}
.checkup-step ul li.on .step-img .step08{background-image:url('../images/default/content/step_08.svg')}
.checkup-step ul li.on .step-img .step09{background-image:url('../images/default/content/step_09.svg')}

/*건강검진 단계*/
.info-step ul li:before{border:none; height:21px; background:url('../images/default/content/icon_arrow.png')no-repeat 50% 50%; }
.info-step ul li.on:after{display:none;}

@media all and (max-width:1340px){
	.checkup-step{padding:1.5rem 1.5rem;}
}
@media all and (max-width:1030px){
	.checkup-step ul li:before,
	.checkup-step ul li.on:after{border-top-width:5px;}
	.info-step ul li:before{top:0.5rem; background-size:0.6rem auto; background-position:55% 50%;}
}
@media all and (max-width:767px){
	.checkup-step{margin-bottom:1rem;}
	.checkup-step{padding:1.5rem 0.5rem 1rem;}
	.checkup-step ul li{font-size:0;}
	.checkup-step ul li .step-img{width:2.5rem;}
	.checkup-step ul li .step-img em{outline-width:2px;}
}

/*예약현황단계 하단 버튼*/
.step-btns{display:flex; justify-content: space-between; margin-top:2rem;}

@media all and (max-width:767px){
	.step-btns .btns{min-width: 6.5rem; height: 2.5rem;  font-size: 0.9rem; gap: 0.25rem;}
}


/*병원선택*/
.hospital-wrap{display:flex; flex-wrap:wrap; gap:1.5rem 1rem; padding:1.5rem 1rem; border-radius:6px; background:var(--bg-gray);}
.hospital-wrap > div{border-radius:6px; }
.hsort-box{width:100%;display:flex; align-items: center; gap:0 1rem;}
.hsort-box .local-box{ display:flex; align-items: center; width:52%; background:#fff; border-radius:1.2rem; height:3rem; box-shadow:0 5px 10px rgba(0,0,0,0.3); padding:0 1rem;} 
.hsort-box select{border:none; width:100%; flex:1; background-color: transparent;}
.hsort-box .local-box i{width:1.2rem; height:1.2rem;}
.hsort-box .check-box{ display:flex; align-items: center; gap:0 1rem; width:calc(48% - 1rem);}
.hsort-box .check-box label{}
.hsort-box .check-box .sel-box{flex:1;display:flex; align-items: center;  background:#fff; border-radius:1.2rem; height:3rem; box-shadow:0 5px 10px rgba(0,0,0,0.3);color:var(--gray9); border:2px solid  var(--gray9);}
.hsort-box .check-box .sel-box select{background-color:transparent}

.hsort-map-box{width:52%;  background:#fff; height:27rem; overflow:hidden;}
.hsort-map-box .root_daum_roughmap_landing{width:100%; height:100%}
.hsort-map-box .root_daum_roughmap_landing .wrap_map{height:100%}

.hsort-lsit-box{width:calc(48% - 1rem); background:#fff; padding:1rem; height:27rem;}
.hsort-lsit-box .search-box{background:#EEEEEE; border-radius:6px; box-shadow:0 5px 10px rgba(0,0,0,0.3); padding:0.5rem; margin-bottom:1rem;}
.hsort-lsit-box .search-box .search_input_wrap{display:flex; align-items: center;}
.hsort-lsit-box .search-box .search_input_wrap .typeahead__field{flex:1; }
.hsort-lsit-box .search-box .search_input_wrap .typeahead__field input[type="text"]{border:none; border-radius:4px; height:2.5rem;}
.hsort-lsit-box .search-box .search_input_wrap .inbtn{width:2.5rem; height:2.5rem; font-size:0; background:url('../images/default/content/search.png')no-repeat 50% 50%; background-size:1.2rem 1.2rem; }

.hsort-lsit-box .list-box{height:calc(100% - 4.5rem); overflow-y:auto;}
.hsort-lsit-box .list-box .item{display:flex; padding:0.75rem 0.5rem; border-bottom:1px solid var(--lgray6);  cursor:pointer;}
.hsort-lsit-box .list-box .item .item-text{width:60%; order:1; padding-right:1rem;}
.hsort-lsit-box .list-box .item .item-text .dot{margin:0.4rem 0 0.7rem;  font-size:1.1rem; font-weight:700; padding-left:1.9rem; background:url('../images/default/content/dot.svg')no-repeat 0.2rem 50%;}
.hsort-lsit-box .list-box .item .item-text p{font-size:0.8rem; color:var(--gray6); margin-bottom:0.4rem;}
.hsort-lsit-box .list-box .item .item-img{width:40%; order:2; position:relative; border-radius:6px; overflow:hidden; }
.hsort-lsit-box .list-box .item .item-img img{position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%);}
.hsort-lsit-box .list-box .item.active{outline:2px solid var(--main);    outline-offset: -2px;  border-radius:6px;}

@media all and (max-width:1340px){
	.hsort-box .local-box{padding:0 1rem;}
}
@media all and (max-width:1030px){
	.hsort-box{flex-direction: column; align-items: flex-start; gap:1rem;}
	.hsort-box .local-box{width:100%; }
	
	.hsort-box .check-box{width:100%; justify-content: flex-start; flex-wrap:wrap; gap:0.75rem 0.5rem;}
	.hsort-box .check-box .chks{width:calc(50% - 0.25rem); }
	.hsort-box .check-box .chks input[type="checkbox"] + label{font-size:1rem;}
	.hsort-box .check-box .sel-box{width:100%; order:1;}
	
	.hsort-map-box{width:100%;  aspect-ratio: 2/1.5; height:auto;}
	.hsort-lsit-box{width:100%; }
	.hsort-lsit-box .list-box .item{align-items: flex-start}
	
	.hsort-lsit-box .list-box .item .item-img{width:30%; aspect-ratio: 1/1;}
	.hsort-lsit-box .list-box .item .item-text{width:70%;}
	
}
@media all and (max-width:767px){
	.hsort-box .local-box{padding-right:0.15rem;}
}


/*병원선택 확인박스*/
.choice-hospital{display:flex; align-items: center; border-radius:6px; box-shadow:0 2px 10px rgba(0,0,0,0.1); background:#fff; margin-bottom:2rem; overflow:hidden;}
.choice-hospital .ch-img{position:relative; flex-shrink: 0; width: 14rem; aspect-ratio: 3 / 2; overflow:hidden; }
.choice-hospital .ch-img img{position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%);}
.choice-hospital .ch-text{flex:1; display:flex; align-items: center; padding:0 2rem;}
.choice-hospital .ch-text div{flex:1}
.choice-hospital .ch-text .dot{font-size:1.25rem; margin-bottom:0.5rem; background:url('../images/default/content/dot.svg')no-repeat 0rem 50%;  }
.choice-hospital .ch-text p{margin-top:0.4rem;}

/*날짜선택*/
.calendar-wrap{display:flex; gap:0 1rem; padding:1rem; border-radius:6px; background:var(--bg-gray);}
.calendar-wrap .calendar{width:50%; padding:1rem; border-radius:6px; background:#fff; }
.calendar-wrap .calendar-top{ display: flex; align-items: center; justify-content: center; gap: 0 1rem; font-size:1.1rem; font-weight:600;color:#121212;}
.calendar-wrap .calendar-top i{font-size:1.5rem;}
.calendar-wrap .calendar table{width:100%;}
.calendar-wrap .calendar table th{padding:1rem 0.5rem; text-align:center; border-bottom:2px solid #222; color:#121212;}
.calendar-wrap .calendar table td{position:relative; height:4rem; border-left:1px solid var(--lgray4); border-bottom:2px solid #DCDCDC; }
.calendar-wrap .calendar table td:first-child{border-left:none;}
.calendar-wrap .calendar table td p{position:absolute; left:0px; top:0px; width:2.3rem; height:1.8rem; font-size:0.7rem; padding: 0.25rem 0 0 0.25rem; border-bottom-right-radius:8px;}
.calendar-wrap .calendar table td.unableDate{background:var(--lgray2);}
.calendar-wrap .calendar table td.ableDate{background:#FFF5EB; cursor:pointer;}
.calendar-wrap .calendar table td.selTd{background:#FFBD31;}
.calendar-wrap .calendar table td.today p{background:var(--main); color:#fff; }
.calendar-wrap .calendar table .sat{color:#3181EA}
.calendar-wrap .calendar table .sun{color:#FF5F71}
.calendar-wrap .calendar p.selp{margin-top:1rem; font-size:0.8rem; }
.calendar-wrap .calendar p.selp span{display:inline-block; font-weight:500; margin-right:0.5rem;}
.calendar-wrap .calendar p.selp i{display:inline-block; width:1.25rem; height:1.25rem; vertical-align: middle;}
.calendar-wrap .calendar p.selp i.sel{background:#FFBD31; border:1px solid #FFBD31;}
.calendar-wrap .calendar p.selp i.ing{background:#FFF5EB; border:1px solid #ddd;}
.calendar-wrap .calendar p.selp i.end{background:var(--lgray2); border:1px solid #ddd;}
.calendar-wrap .dateList{flex:1; padding:1rem; border-radius:6px; background:#fff;  }
.calendar-wrap .dateList .warning_box{display:flex; align-items: center; gap:0 1rem; background: #EEEEEE; border-radius: 6px; box-shadow: 0 5px 10px rgba(0,0,0,0.3); padding: 0.5rem; margin-bottom: 1rem;}
.calendar-wrap .dateList .warning_box select{border-radius:1rem;}
.calendar-wrap .dateList .warning_box p{flex:1; color:var(--black); font-size:1rem; background:url('../images/default/content/dot.svg')no-repeat 0rem 50%;   }
.calendar-wrap .dateList .warning_box p span{display:inline-block; margin-left:0.5rem; font-weight:700; color:var(--main); }
.calendar-wrap .dateList-title{margin:2.5rem 0 1rem; text-align:center; font-size:1rem; font-weight:700; color:var(--black);}
.calendar-wrap .dateList-title span{display:inline-block; padding:0.2rem 0.5rem; border-radius:0.5rem; background:var(--main); color:#fff; margin-left:0.5rem;}
.calendar-wrap .dateList-nodate{color:var(--gray9); padding:8rem 0; text-align:center; font-size:1rem; }


@media all and (max-width:1030px){
	.calendar-wrap{flex-direction: column; gap:1rem;}
	.calendar-wrap .calendar{width:100%;}
}
@media all and (max-width:767px){
	.choice-hospital{padding:1rem; align-items: flex-start;}
	.choice-hospital .ch-img{display:none;}
	.choice-hospital .ch-text{display:block; padding:0;}
	.choice-hospital .ch-text div{margin-bottom:1rem;}
	
	.calendar-wrap .calendar table td p{width:1.6rem;}
	.calendar-wrap .dateList .warning_box{flex-direction: column; align-items: normal; gap:0.5rem;}
	.calendar-wrap .dateList-nodate{padding:4rem 0; }
}


/*검진유형*/
.ltxt{display:flex; gap:0 2rem;}
.ltxt h4{width:14rem;     flex-shrink: 0; font-size:1.3rem; color:var(--black); border-top:2px solid var(--black); padding:2rem 1rem;}
.ltxt .text-box{flex:1; border-top:1px solid var(--lgray6); padding:2rem 0;}
.ltxt .text-box .box-bg{display:flex;align-items: center; gap:0.4rem; font-size:1rem;}
.ltxt .text-box .box-bg i{width:1.2rem; height:1.2rem;}
.ltxt .text-box .box-bg span{display:inline-block; background:#fff;  padding:0.2rem 1.2rem; border-radius:1rem; box-shadow:0 0 5px rgba(0,0,0,0.1); margin-left:0.5rem;}
 
 /*폴딩리스트*/
.foldcheck-list{margin-bottom:1.5rem;}
.foldcheck-list li:not(:first-child){margin-top:0.5rem;}
.foldcheck-list li{position:relative;}
.foldcheck-list li .arrow{position:absolute; right:1rem; top:0.8rem; font-size:1.5rem; color:var(--lgray7); z-index: 1; transition: all 0.2s ease-out 0s;}
.foldcheck-list li .fold_text{display:none; background:#f7f7f7; padding:1.5rem; border-radius:6px; color:var(--gray6);  font-size:0.8rem; margin-top:0.25rem;word-break: break-all;}
.foldcheck-list li .fold_text h5{margin-bottom:0.5rem;}
.foldcheck-list li .no-label p{position:relative; display:block; padding:1rem; padding-left:1.5rem; border:1px solid var(--lgray6); font-size:1rem; font-weight:600; border-radius:6px; cursor: pointer;}
.foldcheck-list li.active .arrow{transform: rotate(180deg ); color:var(--main)}
.foldcheck-list li.active .fold_text{display:block;}
.foldcheck-list li.active .no-label p{border-color:var(--main);}
.foldcheck-list li.active .no-label + .fold_text{background:#fff; border:1px solid var(--lgray7)}

/*폴딩리스트 + 체크박스 결합*/
.foldcheck-list li input {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.foldcheck-list li input + label { position:relative; display:block; padding:1rem; padding-left:4rem; border:1px solid var(--lgray6); font-size:1rem; font-weight:600; border-radius:6px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.foldcheck-list li input + label em{display:inline-block; background:var(--main); color:#fff; padding:0.2rem 0.7rem; border-radius:1rem; margin-right:0.5rem;font-size:0.9rem; font-weight:400; text-align:center; width:5rem;}
.foldcheck-list li input + label:before{content:''; position:absolute; left:1rem; top:50%; width:1.5rem; height:1.5rem; border-radius:50%; background:#FFF; border:2px solid var(--lgray6); transform:translateY(-50%);}
.foldcheck-list li input:checked + label{border-color:var(--main);}
.foldcheck-list li input:checked + label:before{content: "\eb75";background:var(--main); border:2px solid var(--main); font-family: "remixicon"; line-height:1.5rem; color:#fff; text-align:center; }
.foldcheck-list li input:checked + label:after{}
.foldcheck-list li input[disabled] + label{color:var(--gray9); background:var(--lgray2)}
.foldcheck-list li input[disabled] + label em{background:var(--gray9)}
.foldcheck-list li input[disabled] + label:before{background: var(--lgray4);}
.foldcheck-list li input[disabled] + label .fold_text{ background:#f7f7f7;}
.foldcheck-list li input[disabled]:checked + label:before{background:var(--lgray6); border:2px solid var(--lgray7);}

.flex-box{position:relative;  padding:1rem; border:1px solid var(--lgray6); border-radius:6px; margin-bottom:0.5rem; word-break: break-all; }
.flex-box h5{padding-bottom:0.5rem; margin-bottom:0.5rem; border-bottom:1px solid var(--lgray6); font-size:1.1rem; font-weight:500; color:var(--gray3);}
.flex-box ul{display:flex; gap:0.5rem; flex-wrap:wrap;}
.flex-box ul li{width:calc(50% - 0.25rem);}
.flex-box ul li.check_input{width:100%;}
.flex-box ul li.check_input .check{width:100%;}
.flex-box ul li.check_input input{ border-radius:6px;  height: 2rem;}
.flex-box ul li.check_input label{display:inline-flex; align-items: center; gap:1rem; white-space: nowrap; width: 100%;}
.flex-box ul li.check_input label em{flex:1; display:flex;align-items: center; gap:5px;}
/*포인트결제*/
.flex-box ul li .pointDiv{padding:0.5rem; background:var(--lgray3); border-radius:6px; display: flex;  gap: 1rem; align-items: center;}
.flex-box ul li .pointDiv span{font-size:1rem; color:var(--gray8); padding:0 1rem;}
.flex-box ul li .pointDiv div{flex: 1; display:flex; align-items: center; text-align:right; gap:1rem;}
.flex-box ul li .pointDiv div div{gap:0.25rem; }
.flex-box ul li .pointDiv div input{border-radius:6px; }
.flex-box ul li .pointDiv div em{display:block; font-size:0.8rem; font-weight:500;}
/*총결제금액*/
.flex-box .paytb{width:100%; display:block;}
.flex-box .paytb li{width:100%;margin-top:1rem;}
.flex-box .paytb li div{display:flex; justify-content: space-between; padding:0 0.5rem;}
.flex-box .paytb li div .word{color:var(--gray9);}
.flex-box .paytb li div b{font-weight:500; margin-right:5px;}
.flex-box .paytb li.thPoint{margin-top:0.5rem;}
.flex-box .paytb li.thPoint div{background:var(--lgray3); padding:1rem 0.5rem; border-radius:6px; display:block; text-align:right;}
.flex-box .paytb li.thPoint div .cost{color:var(--gray5); margin-left:1rem;}
.flex-box .paytb li.thTotal{padding-top:1rem; margin-top:1rem; border-top:1px solid var(--lgray5)}
.flex-box .paytb li.thTotal b{font-weight:700; color:var(--red); font-size:1.2rem;}

@media all and (max-width:1340px){
	.flex-box ul li{width:100%;}
	.flex-box ul li.check_input label{flex-direction: column; align-items: flex-start}
	.flex-box ul li .pointDiv{flex-wrap:wrap; gap:0.25rem 1rem; align-items: flex-start;}
	.flex-box ul li .pointDiv span{width:100%; padding:0;}
	.flex-box ul li .pointDiv > div{flex-direction: column; gap:0.25rem; align-items: flex-end;}
	.flex-box ul li .pointDiv div div{width:100%;}
	.flex-box ul li .pointDiv .btns{height:40px;}
	

	
}


@media all and (max-width:1030px){
	.ltxt h4{width:10rem;}
	
}

@media all and (max-width:767px){
	.ltxt{display:block;}
	.ltxt h4{width:100%; padding:1rem;}

	.th-list-half{display:block;}
	.th-list-half .th-list{width:100%;}
}

/*약관동의*/
.agree-wrap{}
.agree-wrap .clause{position: relative; font-size: 1rem; font-weight: 500; color: var(--gray3); background: #fff; border: 1px solid var(--lgray7); padding: 1rem;  margin-top: 1rem; border-radius:6px 6px 0 0;}
.agree-wrap .clause em{display:inline-block; background:var(--lorange); padding:0.2rem 1rem; border-radius:1rem; margin-right:0.3rem;}
.agree-wrap .private{border: 1px solid var(--lgray7); padding: 1rem 0 1rem 1rem;  height: 11rem; color: var(--gray6); line-height: 1.8; border-top: none; margin-bottom: 1rem; border-radius:0 0 6px 6px; word-break: break-all; }
.agree-wrap .agree{text-align:center; display:flex; gap:0 1rem; justify-content: center;}

/*예약확인증*/
.checkup-reserve{background:var(--bg-logo);  padding:1.5rem 3rem 5rem; border-radius:6px; }
.checkup-reserve .cr-head{display:flex; justify-content: space-between; align-items: center; margin-bottom:1.5rem;}
.checkup-reserve .cr-head span{display:inline-block; font-weight:700; color:#fff; font-size:0.9rem; background:var(--bg-orange); padding:0.4rem 1.2rem; border-radius:1rem; }
.checkup-reserve .cr-head p{color:var(--gray9); font-weight:500; font-size:0.7rem;}

.checkup-reserve .cr-inner{background:#fff; border-radius:6px; padding:2.5rem 3.75rem 3.75rem; }
.checkup-reserve .cr-title{display:flex;  justify-content: center; align-items: center; gap:0 2rem; margin-bottom:2.5rem; }
.checkup-reserve .cr-title h4{font-size:1.2rem; font-weight:400; line-height:1.6; }
.checkup-reserve .cr-title h4 em{background: linear-gradient(0deg, #FFF8F1 50%, #ffffff 50%);}
.checkup-reserve .cr-infoBox{background:var(--lgray3); padding:1.5rem 5rem; border-radius:6px;}
.checkup-reserve .cr-info-title{display:flex; justify-content: space-between; align-items: center; font-size:1.1rem; font-weight:700; color:var(--gray3); padding-bottom:1rem; margin-bottom:.5rem; border-bottom:2px solid var(--lgray7);}
.checkup-reserve .cr-info-list li{display:flex; padding:1rem 0.5rem; }
.checkup-reserve .cr-info-list li:not(:first-child){border-top:1px solid var(--lgray7);}
.checkup-reserve .cr-info-list li span{width:7rem; color:var(--gray8); }
.checkup-reserve .cr-care{padding:0rem 5rem;}
.checkup-reserve .cr-care h5{margin:3.5rem 0 1.5rem; font-size:1rem; font-weight:600;}

#pop-resPrint .mCSB_inside > .mCSB_container{margin-right:0;}
#pop-resPrint .pop-scroll .pop-wrap-box{padding:0;}
#pop-resPrint .checkup-reserve .cr-inner{padding: 2.5rem 1rem 3.75rem;}
#pop-resPrint .checkup-reserve .cr-infoBox{padding: 1.5rem 2.5rem;}
#pop-resPrint .checkup-reserve .cr-care{padding: 1.5rem 1.5rem;}
#pop-resPrint .checkIng_div{flex-direction: column; gap:1rem;}

@media all and (max-width:1340px){
	.checkup-reserve .cr-inner{padding: 2.5rem 1.5rem 3.75rem;}
	.checkup-reserve .cr-infoBox,
	.checkup-reserve .cr-care{padding:1.5rem 2rem;}
}
@media all and (max-width:767px){
	.checkup-reserve{padding:1.5rem 1rem;}
	.checkup-reserve .cr-title{gap:0 1rem; margin-bottom: 1.5rem;}
	.checkup-reserve .cr-title img{height:2.5rem;}
	.checkup-reserve .cr-title h4{font-size:1.1rem;}
	.checkup-reserve .cr-inner{padding: 2.5rem 1rem 3.75rem;}
	.checkup-reserve .cr-infoBox{padding:1.5rem 1rem;}
	.checkup-reserve .cr-info-list li span{width:5rem;}
	.checkup-reserve .cr-care{padding:0;}
	.checkup-reserve .cr-care h5{margin:2.5rem 0 1rem; }
}

@media print{
	
}

/********************************************************
■ 건강검진 결과
********************************************************/
/*본인인증 팝업*/
.formText{margin:1.5rem 0 ;}
.formText li{text-align:left;}
.formText li:not(:first-child){margin-top:0.75rem;}
.formText li label{display: block; padding-bottom:0.2rem; font-size:0.8rem;}
.formText input[type="text"],
.formText input[type="password"]{height: 3rem; background: #fdf8f1; border-radius: 6px;  border: 1px solid #fdf8f1;}
.formText input[type="text"]:not(:read-only):focus,
.formText input[type="password"]:not(:read-only):focus{border-color:var(--main);}
.formText .join-text{margin-top: 0.5rem; display: flex; justify-content: flex-end;  font-size: 0.9rem;}
.formText .join-text a{font-size:0.8rem; color:var(--gray9)}
.formText .join-text a:hover{color:var(--main); text-decoration:underline;}


/*결과표*/
#result-pop .mCSB_inside > .mCSB_container{margin-right:0;}
#result-pop .pop-scroll .pop-wrap-box{padding:0;}
.result-wrap{padding:1.5rem;}
.result-wrap h2{text-align:center; font-weight:700; font-size:2rem; color:var(--black); margin-bottom:1.5rem; }
.result-wrap h4{text-align:center; color:var(--black); font-weight:600; font-size:1.5rem; margin:2.5rem 0 1rem;}
.result-wrap h4:first-child{margin-top:0;}

/*결과표 - 종합소견*/
.result-wrap .result-user-box{background:var(--lgray3); border-radius:6px; padding:1rem; margin-top:2rem;}
.result-wrap .result-user-box .user-box{display: flex; justify-content: space-between; padding:0.5rem 0.75rem; text-align:right; border-radius:6px;  background:var(--main); color:#fff; }
.result-wrap .result-user-box .user-box strong{display:inline-block; padding-left:1.5rem; background:url('../images/default/content/check_user.png')no-repeat 0 50%; background-size:1.1rem 1.1rem;}
.result-wrap .result-user-box .user-box span{font-size:0.8rem;}
.result-wrap .result-user-box .user-text{background:#fff; border-radius:6px; padding:0.75rem; margin-top:0.5rem; min-height:5rem;}

/*결과표 - 4개년 검진일자/기관*/
.myStatus_host{ display: flex; align-items: center; gap:1.5rem; border-radius:6px; padding:1rem; box-shadow:0 0 10px rgba(0,0,0,0.15); margin-top:2rem;}
.myStatus_host p{color:var(--black); font-size:1rem; }
.myStatus_host ul{display:flex; gap:1rem; flex:1;}
.myStatus_host ul li{flex:1; display: flex; align-items: center;  justify-content: center; padding:1.25rem 0.5rem; background:var(--lgray3); border:1px solid var(--lgray4); border-radius:6px; text-align:center;}

/*검진결과 탭 1차*/
.result-tab{margin:3rem 0 2rem;}
.result-tab ul{text-align:center;}
.result-tab ul li{display:inline-block; }
.result-tab ul li a{position:relative; display:block; font-size:1.2rem; color:var(--gray5); padding:0 3rem 1rem; cursor:pointer; }
.result-tab ul li a:before{content:''; position:absolute; left:50%; bottom:0px; height:4px; border-radius:2px; width:0; background:var(--main); transform:translateX(-50%); transition: all 0.2s ease-out 0s;}
.result-tab ul li [class^="tab_icon"]{display:inline-block; width:1.5rem; height:1.5rem; background-size:100%; background-position:50% 50%; background-repeat:no-repeat; vertical-align:middle; margin-right:0.3rem;}
.result-tab ul li .tab_icon01{background-image:url('../images/default/content/tab_icon01.svg')}
.result-tab ul li .tab_icon02{background-image:url('../images/default/content/tab_icon02.svg')}
.result-tab ul li .tab_icon03{background-image:url('../images/default/content/tab_icon03.svg')}
.result-tab ul li.on a{color:var(--main); font-weight:700;}
.result-tab ul li.on a:before{width:100%;}
.result-tab ul li.on .tab_icon01{background-image:url('../images/default/content/tab_icon01_on.svg')}
.result-tab ul li.on .tab_icon02{background-image:url('../images/default/content/tab_icon02_on.svg')}
.result-tab ul li.on .tab_icon03{background-image:url('../images/default/content/tab_icon03_on.svg')}


/*검진결과 탭 2차*/
.result-tab-2nd{ border-bottom:none;}

/*검진결과 탭 3차*/
.result-tab-3nd{margin-bottom:1.5rem;}
.result-tab-3nd ul{display:flex; gap:0.5rem; flex-wrap: wrap;}
.result-tab-3nd ul li{}
.result-tab-3nd ul li a{display:block; background:var(--lgray3); border:1px solid #c0c0c0; border-radius:1rem; padding:0.5rem 0.6rem;text-align:center; color:var(--gray5); font-size:1rem;cursor:pointer;  }
.result-tab-3nd ul li.on a{background:#fff; border-color:var(--main); color:var(--main); box-shadow:0 0 5px rgba(0,0,0,0.15);}


/*검진결과 텍스트박스*/
.result-tbox{background:var(--lgray); padding:1.5rem; border:1px solid var(--lgray6); }
.result-tbox .inner{background:#fff; padding:1.5rem; border-radius:6px; box-shadow:0 0 5px rgba(0,0,0,0.1); }
.result-tbox .inner h5{margin-bottom:0.5rem; margin-top:1.5rem;}
.result-tbox .inner h5:nth-of-type(1){margin-top:0;}


/*검진결과 그래프박스*/
.graph-wrap{display:flex; gap:1.5rem; align-items: flex-start;}
.graph-wrap .graph{flex:1}
.graph-wrap table{width:35%;}

/*검진항목 추천*/
.recom-box{padding-top:2.5rem; border-top:1px solid var(--lgray7);}
.recom-box ul{display:flex; gap:1.25rem; flex-wrap:wrap;}
.recom-box ul li{position:relative; width:calc((100% - 0.625rem * 2) / 2); border-radius:6px; padding:1rem; background:var(--bg-lgray);}
.recom-box ul li .recom-tit{position:absolute; left:0px; top:-0.75rem; display:inline-block; background:var(--main); color:#fff; font-weight:600; font-size:1rem; line-height:2.5rem; border-radius:1rem; padding:0 1.2rem; outline:6px solid #fff; letter-spacing: -0.01em;}
.recom-box ul li div{display: flex; gap: 1rem; background:#fff; border-radius:4px; height: 100%; padding:2rem 1.5rem 1.5rem;}

@media all and (max-width:1030px){
	.result-wrap{padding:1rem;}
	/*검진결과 탭 1차*/
	.result-tab ul li a{padding: 0 1.5rem 1rem;}
	/*검진결과 탭 3차*/
	.result-tab-3nd{padding:1rem 1rem 0;}

	/*결과표 - 4개년 검진일자/기관*/
	.myStatus_host{flex-direction: column; gap:0.5rem;}
	.myStatus_host ul{width:100%;}
	.myStatus_host ul li{padding:0.75rem 0.25rem;}
	
	/*검진결과 텍스트박스*/
	.result-tbox{padding:0; background:#fff}
	.result-tbox .inner{padding:1rem; box-shadow:none;}
	
	/*검진항목 추천*/
	.recom-box ul{gap:1rem; }
	.recom-box ul li{width:calc((100% - 0.5rem * 2) / 2);}
	.recom-box ul li div{padding:1.5rem 1rem 1rem;}
}

@media all and (max-width:767px){
	.result-wrap{padding:0.75rem;}
	.result-wrap h2{margin-top:1rem;}
	.result-wrap .result-user-box{padding:0.5rem;}
	.result-wrap .result-user-box .user-box{flex-direction: column; justify-content: normal; align-items: flex-start; gap:0.25rem;}
	.result-wrap .result-user-box .user-box strong{font-size:1.1rem;}
	/*검진결과 탭 1차*/
	.result-tab ul{display:flex;}
	.result-tab ul li{flex:1;}
	.result-tab ul li a{padding: 0 0rem 1rem; font-size:0.9rem; height:100%;}
	.result-tab ul li [class^="tab_icon"]{display:block; margin:0 auto 0.25rem;}
	/*검진결과 탭 2차*/
	.result-tab-2nd ul li a{font-size:0.9rem;}
	
	/*검진결과 탭 3차*/
	.result-tab-3nd ul li{width:calc((100% - 0.5rem * 2) / 3);}
	.result-tab-3nd ul li a{font-size:0.8rem;}

	/*결과표 - 4개년 검진일자/기관*/
	.myStatus_host{align-items: normal; padding:0.5rem;}
	.myStatus_host p{text-align:center;}
	.myStatus_host ul{ flex-wrap:wrap; gap:0.5rem;}
	.myStatus_host ul li{flex:0 0 calc(50% - 0.25rem); font-size:0.8rem;}

	/*검진결과 그래프박스*/
	.graph-wrap{flex-direction: column; gap:1rem;}
	.graph-wrap table{width:100%;}
	
	/*검진항목 추천*/
	.recom-box ul{gap:1.5rem; }
	.recom-box ul li{width:100%; padding:0.5rem;}
	.recom-box ul li div{align-items: center;}
	.recom-box ul li div img{height:4rem;}
}



/********************************************************
■ 자가검진 선택리스트
********************************************************/
.myself-list{display:flex; flex-wrap:wrap; gap:3.5rem 2rem; margin-top:2rem;}
.ms-check{width:calc((100% - 2rem * 3) / 4);}
.ms-check input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.ms-check input[type="radio"] + label {position:relative; display:block; text-align:center; border-radius:6px; background:var(--lgray); padding:1.5rem 0.5rem 1rem;  cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.ms-check input[type="radio"] + label span{position:absolute; left:6px; top:-1rem; line-height:2rem; background:#fff; outline:6px solid var(--lgray); color:var(--black); font-weight:500; padding:0 1rem; border-radius:0.7rem;}
.ms-check input[type="radio"] + label:before {content:''; display: none;  position: absolute; right: -0.75rem; bottom: -0.75rem; width: 3.75rem; height: 3.25rem; border-top-left-radius: 100%; background: #fff;}
.ms-check input[type="radio"] + label:after{content:''; 	display:none; position:absolute; 	right:0; 	bottom:0; 	width:1.45rem; height:1rem; 	background:url('../images/default/main/arrow.svg')no-repeat 0 0; 	background-size:100%; 	transform: rotate(-45deg);	-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
.ms-check input[type="radio"] + label [class*="img_myself"]{display:inline-block; width:5rem; height:5rem; background-size:100%; background-position:50% 50%; background-repeat:no-repeat; vertical-align:middle;}
.ms-check input[type="radio"] + label .img_myself01{background-image:url('../images/default/content/myself01.svg')}
.ms-check input[type="radio"] + label .img_myself02{background-image:url('../images/default/content/myself02.svg')}
.ms-check input[type="radio"] + label .img_myself03{background-image:url('../images/default/content/myself03.svg')}
.ms-check input[type="radio"] + label .img_myself04{background-image:url('../images/default/content/myself04.svg')}
.ms-check input[type="radio"] + label .img_myself05{background-image:url('../images/default/content/myself05.svg')}
.ms-check input[type="radio"] + label .img_myself06{background-image:url('../images/default/content/myself06.svg')}
.ms-check input[type="radio"] + label .img_myself07{background-image:url('../images/default/content/myself07.svg')}
.ms-check input[type="radio"] + label .img_myself08{background-image:url('../images/default/content/myself08.svg')}
.ms-check input[type="radio"]:checked + label{background:var(--bg-orange);}
.ms-check input[type="radio"]:checked + label span{left:50%; top:50%; transform:translate(-50%,-50%); background:none; outline:none; color:#fff; font-size:1.1rem; font-weight:700;}
.ms-check input[type="radio"]:checked + label .img_myself01{background-image:url('../images/default/content/myself01_on.svg')}
.ms-check input[type="radio"]:checked + label .img_myself02{background-image:url('../images/default/content/myself02_on.svg')}
.ms-check input[type="radio"]:checked + label .img_myself03{background-image:url('../images/default/content/myself03_on.svg')}
.ms-check input[type="radio"]:checked + label .img_myself04{background-image:url('../images/default/content/myself04_on.svg')}
.ms-check input[type="radio"]:checked + label .img_myself05{background-image:url('../images/default/content/myself05_on.svg')}
.ms-check input[type="radio"]:checked + label .img_myself06{background-image:url('../images/default/content/myself06_on.svg')}
.ms-check input[type="radio"]:checked + label .img_myself07{background-image:url('../images/default/content/myself07_on.svg')}
.ms-check input[type="radio"]:checked + label .img_myself08{background-image:url('../images/default/content/myself08_on.svg')}
.ms-check input[type="radio"]:checked + label:before,
.ms-check input[type="radio"]:checked + label:after{display: block;}

@media all and (max-width:1030px){
	.myself-list{gap:2.5rem 1rem; }
	.ms-check{width:calc((100% - 1rem * 3) / 4);}
}
@media all and (max-width:767px){
	.ms-check{width:calc((100% - 1rem * 1) / 2);}
	.ms-check input[type="radio"] + label [class*="img_myself"]{ width:4rem; height:4rem;}
}


/********************************************************
■ 자가검진 테스트 / 진단결과
********************************************************/
.myself-con{background: var(--lgray); padding: 1.5rem; border: 1px solid var(--lgray6); border-top:none;}
.myself-con .inner{background: #fff; padding:2.5rem 1.5rem; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}

/*자가진단체크*/
.myself-test{position:relative;  padding:0 3rem;} 
.myself-test button{position:absolute;  top:50%; font-size:3rem; transform:translateY(-50%);}
.myself-test button em{display:none;}
.myself-test button:disabled, .myself-test button[disabled]{opacity:0.3; cursor:default;}
.myself-test button:hover{color:var(--main);}
.myself-test .ms_next{right:0}
.myself-test .ms_prev{left:0}
.myself-test li{display: flex; flex-direction: column; align-items: center;}
.myself-test li .number{text-align:center;}
.myself-test li .number span{display:inline-block; padding:0 4rem 0.2rem; border-bottom:4px solid #ECECEC; color:var(--lgray7);}
.myself-test li .number span b{color:var(--main); font-size:1.45rem; font-weight:700;}
.myself-test li .subject{margin:1.5rem 0 3rem; font-size:1.2rem; font-weight:600; color:var(--black); text-align:center;}

/*자가진단체크 라디오버튼*/
.test-radio{display: flex; justify-content: center; gap:1rem; flex-wrap: wrap; width: 90%; min-height:8rem;}
.test-radio .item { flex: 1 0 calc(20% - 1rem); display:inline-block;position:relative;}
.test-radio .item input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.test-radio .item input[type="radio"] + label {display: flex; align-items: center; flex-direction: column; justify-content: center; height:100%; padding: 0.5rem; border-radius:6px;  text-align: center;  background:var(--lorange); border:1px solid var(--lgray5); vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; transition: all 0.2s ease-out 0s;}
.test-radio .item input[type="radio"] + label img{display:block; margin:0 auto 0.25rem; filter: grayscale(100%);}
.test-radio .item input[type="radio"] + label:hover {box-shadow:0 5px 10px rgba(0,0,0,0.05);}
.test-radio .item input[type="radio"]:checked + label{border-color:var(--main); border:3px solid var(--main);}
.test-radio .item input[type="radio"]:checked + label img{filter: grayscale(0%);}


/*자가진단결과*/
.myself-con .msRes-box{padding:2.5rem 5rem; background:#fff url('../images/default/content/msRes-box.jpg')no-repeat right top; background-size:auto 9.4rem;}
.myself-con .msRes-box h4{color:var(--black);font-size:1.2rem; font-weight:600;  margin-bottom:1.7rem;}
.myself-con .msRes-box .msRes-number{display:flex; justify-content: space-between; align-items: center;  gap:0 4rem; position:relative; border-radius:6px; border:7px solid #fff; padding:1rem 7rem;  background:var(--lorange); outline:1px solid var(--lgray5);}
.myself-con .msRes-box .msRes-number:before{content:''; position:absolute; right:1.5rem; top:-6.5rem; width:6.3rem; height:7.5rem; background:url('../images/default/content/msRes-box-img.png')no-repeat right top; background-size:100% 100%;}
.myself-con .msRes-box .msRes-number .count b{font-size:1.2rem; color:var(--main); margin-right:0.4rem;} 
.myself-con .msRes-box .msRes-number .line{flex:1; display:inline-block; height:4px; background:#ECECEC;  }
.myself-con .msRes-box .msRes-number .state{display:flex;}
.myself-con .msRes-box .msRes-number .state b{font-size:1rem;}
.myself-con .msRes-box .msRes-number .state [class^="sicon"]{display:inline-block; width:2.3rem; height:2.3rem; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; margin-right:0.5rem; }
.myself-con .msRes-box .msRes-number .state .sicon01{background-image:url('../images/default/main/icon_state01.svg')}
.myself-con .msRes-box .msRes-number .state .sicon02{background-image:url('../images/default/main/icon_state02.svg')}
.myself-con .msRes-box .msRes-number .state .sicon03{background-image:url('../images/default/main/icon_state03.svg')}
.myself-con .msRes-box .msRes-number + p{margin-top:1rem; text-align:right;}
.myself-con .msRes-box .msRes-number + p i{margin-right:0.5rem;}
.myself-con .msRes-box-text{margin-top:2rem; padding-left:2rem;}
.myself-con .msRes-box-text .dot{color:var(--main); font-weight:600; font-size:1rem; margin-bottom:0.5rem;}

@media all and (max-width:1640px){
	/*자가진단결과*/
	.myself-con .msRes-box{padding:2.5rem 3.5rem;}
	.myself-con .msRes-box .msRes-number{    padding: 1rem 4rem;}
}
@media all and (max-width:1340px){
	/*자가진단결과*/
	.myself-con .msRes-box .msRes-number{gap:0 2rem; padding: 1.5rem 4rem 1rem;}

	.test-radio{gap:1rem;}
}
@media all and (max-width:1030px){
	/*자가진단결과*/
	.myself-con .msRes-box{padding:2.5rem 2rem;}
	.myself-con .msRes-box-text{padding-left:0;}
}
@media all and (max-width:767px){
	.myself-con .inner{padding:2.5rem 1rem 1.5rem;}
	/*자가진단체크*/
	.myself-test{padding:0;}
	.myself-test .ms_next{right:-1rem}
	.myself-test .ms_prev{left:-1rem}
	.myself-test .ms-button{position:relative; margin-top:2.5rem; text-align:center;}
	.myself-test button{position:relative; font-size:1.5rem;}
	.myself-test button em{display:inline-block;font-size:0.9rem;     vertical-align: middle;}
	.myself-test button i{margin-bottom: -2px;}
	
	/*자가진단체크 라디오버튼*/
	.test-radio{gap:0.5rem; width:100%;  }
	.test-radio  .item{min-height:7.5rem;}
	.test-radio.item4  .item {flex: 1 0 calc(50% - 0.5rem); }
	.test-radio.item5  .item {flex: 1 0 calc(33.3% - 0.5rem); }
	.test-radio .item input[type="radio"] + label img{width:2rem;}
	
	/*자가진단결과*/
	.myself-con{padding:1rem;}
	.myself-con .msRes-box{padding:2.5rem 1rem 1.5rem; background-position:right -8rem top;}
	.myself-con .msRes-box .msRes-number:before{right:-1rem;}
	.myself-con .msRes-box .msRes-number{gap:0 1rem; padding: 1.5rem 1rem 1rem;}
	.myself-con .msRes-box .msRes-number + p{text-align:left;}
}

/********************************************************
■ 게시판
********************************************************/
/*faq 게시판*/
.faq-wrap{border-top:3px solid #000; }
.faq-wrap .faq-list{border-bottom:3px solid #000; }
.faq-list{ border-top:1px solid var(--lgray6); }
.faq-list li{ }
.faq-list li .title{position:relative;display:flex; padding:1.25rem 6rem;  border-bottom:1px solid var(--lgray6); cursor:pointer;}
.faq-list li .title em{position:absolute; left:1.5rem; top:50%; margin-top:-0.85rem; display:inline-block; width:1.7rem; height:1.7rem; line-height:1.7rem; font-weight:700;  border-radius:6px; background:var(--lgray3); color:var(--main); text-align:center; }
.faq-list li .title p{flex:1; font-weight:600; color:var(--black)}
.faq-list li .title span{width:6rem; font-weight:400;}
.faq-list li .title:before{content: "\ea4c"; display: block; position: absolute; right: 1rem;  top: 50%; margin-top: -0.75rem; line-height: 1; font-family: 'remixicon'; color: #ddd; font-size: 1.5rem; transition: all 0.2s ease-out 0s;}
.faq-list li .faq-text{display:none; position:relative; margin:0.5rem 0; background:var(--lorange); border-radius:6px; padding:1.25rem 1rem 1.25rem 6rem;  }
.faq-list li .faq-text:before{content:''; position:absolute; left:0px; bottom:-0.5rem; width:100%; height:1px; background:var(--lgray6);}
.faq-list li .faq-text em{position:absolute; left:1.5rem; top:50%; margin-top:-0.85rem; display:inline-block; width:1.7rem; height:1.7rem; line-height:1.7rem; font-weight:700;  border-radius:6px; background:var(--main); color:#fff; text-align:center;}
.faq-list li.active .title:before{ transform: rotate(180deg ); color: #262520;}
.faq-list li.active .faq-text{display:block;}
.faq-list li.no-data{padding:0.5rem 0; }

@media all and (max-width:767px){
	/*faq 게시판*/
	.faq-list li .title{display:block; padding: 1.25rem 2rem 1.25rem 3rem;}
	.faq-list li .title:before{right:0.5rem;}
	.faq-list li .title em{left:0.5rem; top:1.25rem; margin-top:0;}
	.faq-list li .title span{display:block; margin-top:0.25rem;}
	.faq-list li .faq-text{padding:1.25rem; padding-left:3rem;}
	.faq-list li .faq-text em{left:0.5rem;  top:1.25rem; margin-top:0;}
}

/*문의폼*/
.form-list{border-top:3px solid #000; margin-top:1.5rem;}
.form-list dt{margin-top:1.5rem; color:var(--black); font-size:1rem; font-weight:700;}
.form-list dd{margin-top:0.5rem;}
.form-list input[type="text"],
.form-list input[type="password"]{height:2.5rem; border-radius:4px; background:var(--lgray3);border:1px solid var(--lgray7); padding:0.25rem 0.5rem; box-shadow:0 3px 5px rgba(0,0,0,0.04)}
.form-list textarea{ border-radius:4px; background:var(--lgray3); padding:0.25rem 0.5rem; border:1px solid var(--lgray7); box-shadow:0 3px 5px rgba(0,0,0,0.04)}
.form-list input[type="text"]:focus,
.form-list input[type="password"]:focus,
.form-list textarea:focus{border-color:var(--main)}

/*게시판 노데이터*/
.no-data{padding:0.5rem; }
.no-data > div{background:var(--lgray3); border-radius:6px; display:flex; gap:0.5rem; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column; padding:3rem 1rem;}


/*페이지네이션*/
.pageination{display: flex; align-items: center;  justify-content: center; margin-top:1.5rem; gap:0.5rem;}
.pageination .pg-btn{display:inline-block; width:1.75rem; height:1.75rem; line-height:1.75rem; font-size:0.7rem; text-align:center; color:var(--gray9); border-radius:50%; }
.pageination .pg-btn:hover{color:var(--gray6);}
.pageination .pg-btn.active, .pageination .pg-btn.active:hover {background:var(--main); color:#fff; }
.pageination .pg-btn.prev,
.pageination .pg-btn.next,
.pageination .pg-btn.first,
.pageination .pg-btn.last{position:relative; border:1px solid var(--lgray7); font-size:0;}
.pageination .pg-btn.prev:before,
.pageination .pg-btn.next:before,
.pageination .pg-btn.first:before,
.pageination .pg-btn.last:before{content:''; font-family: "remixicon"; color:var(--black); font-size:0.7rem; line-height: 1.65rem;}
.pageination .pg-btn.prev:hover,
.pageination .pg-btn.next:hover,
.pageination .pg-btn.first:hover,
.pageination .pg-btn.last:hover{border-color:var(--main);}
.pageination .pg-btn.prev{margin-right:.5rem;}
.pageination .pg-btn.prev:before{content: "\ea62"; }
.pageination .pg-btn.next{margin-left:.5rem;}
.pageination .pg-btn.next:before{content: "\ea6c";}
.pageination .pg-btn.first:before{content: "\ea5e";}
.pageination .pg-btn.last:before{content: "\ea6a"; }

@media all and  (max-width:767px){
	.pageination{gap:0.25rem;}
}

/*게시판 상단*/
.board-list-wrap{position:relative; padding-top:4rem; border-top:1px solid rgba(0,0,0,0.3);}
.board-list-wrap:before{content:''; position:absolute; left:0px; top:-1.5px; width:80%; height:3px; border-radius:1.5px; background:var(--black);}
.board-count{display: flex; justify-content: space-between; align-items: flex-end; font-weight:500; font-size:0.7rem; margin-bottom:1rem;}
.board-count strong{color:var(--main); }

/*게시판 뷰 상단*/
.board-view-wrap{position:relative; border-top:1px solid rgba(0,0,0,0.3);}
.board-view-wrap:before{content:''; position:absolute; left:0px; top:-1.5px; width:80%; height:3px; border-radius:1.5px; background:var(--black);}
.board-view-head{padding:1.5rem 1rem; text-align:center; border-bottom:1px solid rgba(0,0,0,0.3);}
.board-view-head h4{color:var(--black); font-size:1.2rem; margin-bottom:1rem; }
.board-view-head p{color:var(--gray6);}
.board-view-head p span{display:inline-block; line-height:1; padding:0 0.5rem;}
.board-view-head p span:not(:first-child){border-left:1px solid var(--lgray6);}
.board-view-body{padding:2rem 1rem; border-bottom:1px solid rgba(0,0,0,0.3);}

/*게시판 뷰 파일*/
.board-view-file{padding: 1rem; background: var(--lorange); text-align: center; margin-bottom:2rem;}
.board-view-file p{margin: 0; padding: 2px 0;}
.board-view-file p img{vertical-align: middle; margin-right:5px}
.board-view-file p a { font-size:0.85rem; color:var(--gray5);  vertical-align: middle;}

/*기본 게시판*/
.notice{}
.notice { margin:0;  clear:both; width:100%; border-bottom:2px solid #666;}
.notice caption { display:none; }
.notice thead {  }
.notice thead tr th {position:relative; color: var(--gray3); font-weight:500; text-align:center; padding:1.2rem .5rem; border-top:2px var(--black) solid; border-bottom:1px #e3e3e3 solid; }
.notice thead tr th:not(:first-child):before{content:'';display : block; position : absolute; left :0; top:50%; transform:translateY(-50%); width :2px; height : 50%; background:#e3e3e3;}
.notice tbody tr td {color: #676767; padding:1rem; border-bottom:1px solid #e3e3e3;  text-align:center; vertical-align:middle;}
.notice tbody tr td.title { text-align:left; vertical-align:middle;   }
.notice tbody tr td.title a{color:var(--gray3); font-weight:500;}
.notice tbody tr td.rdate { white-space:nowrap;}
.notice tbody tr.notice_pin{background:var(--lorange);}

@media all and (max-width:767px){	
	.notice{border:none;}
	.notice colgroup,
	.notice thead { display:none; }
	.notice tbody tr{display:block; position: relative; padding: 1rem; padding-left: 3rem; border-radius: 3px; border: 1px solid #eaecf1;}
	.notice tbody tr:not(:first-child){ margin-top: 0.75rem;}
	.notice tbody tr td{display: block; border: none; padding: 0; text-align: left;}
	.notice tbody tr td.num{position:absolute; left:0; top:1.15rem; width:3rem; text-align:center;}
	.notice tbody tr td.title{margin-bottom:5px;}
	.notice tbody tr td.title a{font-size:1.05rem;}
	.notice tbody tr td.title img{width:1rem;}
	.notice tbody tr td.list-file{display:none;}

	.board-count{font-size:0.85rem;}
}


/*웹진 갤러리*/
.webzine{}
.webzine .webzine_ul > li{position:relative; border-bottom:1px solid #e3e3e3; padding:2rem;}
.webzine .webzine_ul > li a{width:100%; display:flex; align-items: center; gap:4rem; }
.webzine .picArea{width:20rem; flex-shrink: 0; display:block; position:relative; padding:0 4rem 1.5rem 1.5rem;}
.webzine .picArea:before{content : ""; display : block; position : absolute; left :0; bottom:0;  width :100%; height : 42.4%; background : var(--bg-orange); opacity:0; transition: all 0.05s; border-radius:0.5rem;}
.webzine .picArea:after{content : ""; display : block; position : absolute; left :0; bottom:0;  width :70%; height : 80%; background : var(--bg-orange); opacity:0; border-radius:5rem 0 0 0.5rem; z-index:-2; transition: all 0.05s;}
.webzine .picArea .gimg{overflow:hidden;  border-radius:1rem;}
.webzine .picArea .gimg span{width:100%; padding-top:69%; display: block; transition: transform .3s ease-out;  }
.webzine .txtArea{color:var(--gray6); flex-grow:1; font-size:0.9rem;}
.webzine .subject{font-weight:500; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.3em;height: 1.3em; font-size: 1.2rem;    color: var(--black);  }
.webzine .subject strong{color: var(--main); font-weight:500;}
.webzine .cont{display: block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3em;height: 2.6em;  margin:1.5rem 0 1rem; }
.webzine .writer{display:flex; font-size:0.8rem;}
.webzine .writer > li span{font-weight:500; color:#353535; margin-right:10px;}
.webzine .writer > li:not(:first-child){margin-left:1rem; padding-left:1rem; position:relative;}
.webzine .writer > li:not(:first-child):before{content : ""; display : block; position : absolute; left : 0; top:10%;  width :2px; height : 80%; background : #e3e3e3;}
.webzine .btn_more{ position: relative;  display: flex;  justify-content: flex-end;  font-size: 0.75rem;  font-weight: 300;  height:1rem;     transform: translateY(-1rem);}
.webzine .btn_more span{display:inline-flex; align-items: center; justify-content: center; gap:0 1rem; padding:0 1.2rem; width:8.5rem; height:2.7rem; font-weight:600; border-radius:4px; box-shadow:0 2px 10px rgba(0,0,0,0.1);  background:#fff; }
.webzine .btn_more .icon_plus{display:inline-block; width:1rem; height:1rem; background:url('../images/default/main/btn_plus.png')no-repeat 50% 50%; background-size:100%; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }

.webzine a:hover .picArea .gimg span{transform: scale(1.2);}
.webzine a:hover .picArea:before,
.webzine a:hover .picArea:after{opacity:1; }
.webzine a:hover .btn_more .icon_plus{	transform: rotate(90deg );	-webkit-transform: rotate(90deg ); 	-moz-transform: rotate(90deg );	-ms-transform: rotate(90deg );-o-transform: rotate(90deg );}

@media all and (max-width:1340px){	
	.webzine .webzine_ul > li{padding:2rem 1rem;}
	.webzine .webzine_ul > li a{gap:4rem 2rem;}
	.webzine .picArea{width:15rem;     padding: 0 2rem 1.5rem 1.5rem;}
}
@media all and (max-width:1030px){	
	.webzine .webzine_ul > li a{gap:4rem 1rem;}
}

@media all and  (max-width:767px){
	.webzine .webzine_ul > li a{ flex-wrap: wrap; gap:2rem 0;}
	.webzine .webzine_ul > li{padding:0; padding-bottom:2rem;}
	.webzine .webzine_ul > li:not(:first-child){margin-top:3rem;}
	.webzine .picArea{width:100%; padding: 0;}
	.webzine .picArea:before,
	.webzine .picArea:after{display:none;}
	.webzine .writer > li:not(:first-child){padding-left:0.5rem; margin-left:0.5rem;}
	.webzine .btn_more{display:none;}
}



/********************************************************
■ 병원정보
********************************************************/
/*병원정보 리스트*/
.hospital-list li{position:relative; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:2rem; border-radius:6px;}
.hospital-list li:not(:first-child){margin-top:1.5rem;}
.hospital-list li a{width:100%; display:flex;  gap:2rem; }
.hospital-list li .picArea{width:20rem; flex-shrink: 0; display:block; position:relative; padding:0 2rem;}
.hospital-list li .picArea .gimg{overflow:hidden;  border-radius:1rem; border:1px solid var(--lgray4); outline:10px solid var(--lorange);}
.hospital-list li .picArea .gimg span{width:100%; padding-top:69%; display: block; transition: transform .3s ease-out;  }
.hospital-list li .txtArea{position:relative; flex-grow:1; font-size:0.9rem; padding-top:1rem;}
.hospital-list li .txtArea .dot{font-size:1.2rem; padding-bottom:1rem; border-bottom:1px solid var(--lgray6); margin-bottom:1.5rem; }
.hospital-list li .txtArea p{margin-top:0.5rem;}
.hospital-list li .txtArea .btn_more{position: relative;  display: flex;  justify-content: flex-end;  font-size: 0.75rem;  font-weight: 300;  height:1rem;     transform: translateY(-1rem);}
.hospital-list li .txtArea .btn_more span{display:inline-flex; align-items: center; justify-content: center; gap:0 1rem; padding:0 1.2rem; width:8.5rem; height:2.7rem; font-weight:600; border-radius:4px; box-shadow:0 2px 10px rgba(0,0,0,0.1);  background:#fff;}
.hospital-list li .txtArea .btn_more .icon_plus{display:inline-block; width:1rem; height:1rem; background:url('../images/default/main/btn_plus.png')no-repeat 50% 50%; background-size:100%; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.hospital-list a:hover .gimg span{transform: scale(1.2);}
.hospital-list a:hover .txtArea .btn_more .icon_plus{transform: rotate(90deg );	-webkit-transform: rotate(90deg ); 	-moz-transform: rotate(90deg );	-ms-transform: rotate(90deg );-o-transform: rotate(90deg );}

/*병원정보 뷰*/
.hospital-view{margin-top:2.5rem; background:var(--bg-gray); padding:1rem; border-radius:6px; }
.hospital-view .inner{ display:flex;  gap:2rem; background:#fff; border-radius:6px; box-shadow:0 0 10px rgba(0,0,0,0.06); padding:2rem;}
.hospital-view .inner .picArea{width:20rem; flex-shrink: 0; display:block; position:relative; padding:0 2rem; z-index:0;}
.hospital-view .inner .picArea:before{content : ""; display : block; position : absolute; left :0; bottom:-1rem;  width :100%; height : 42.4%; background : var(--bg-orange); transition: all 0.05s; border-radius:0.5rem; z-index:-2;}
.hospital-view .inner .picArea:after{content : ""; display : block; position : absolute; left :0; bottom:0;  width :70%; height : 80%; background : var(--bg-orange); border-radius:5rem 0 0 0.5rem; z-index:-2; transition: all 0.05s;}
.hospital-view .inner .picArea .gimg{overflow:hidden;  border-radius:1rem; border:1px solid var(--lgray4); }
.hospital-view .inner .picArea .gimg span{width:100%; padding-top:69%; display: block; transition: transform .3s ease-out;  }
.hospital-view .inner .txtArea{position:relative; flex-grow:1; font-size:0.9rem; padding-top:1rem;}
.hospital-view .inner .txtArea .dot{font-size:1.2rem; padding-bottom:1rem; border-bottom:1px solid var(--lgray6); margin-bottom:1.5rem; }
.hospital-view .inner .txtArea p{margin-top:0.5rem; font-size:1rem;}

.center-view{margin-top:3rem; border-radius:6px; background:#F6F6F6; box-shadow:0 0 10px rgba(0,0,0,0.06); padding:2rem;}
.center-view h4{font-weight:700; font-size:1.7rem; color:var(--gray3); text-align:center; margin-bottom:1.5rem;}
.center-view p{background:#fff; border-radius:6px;  padding:0.5rem; text-align:center; font-weight:500; font-size:1rem;}
.center-view p i{background-color:#F0F0F0; border-radius:4px; width:1.4rem; height:1.4rem; background-size:0.9rem 0.9rem; background-position:50% 50%; margin-right:0.5rem;}
.center-view h5{margin-top:3rem; margin-bottom:1rem; font-size:1.1rem; color:var(--gray3)}
.center-view h5 span{display:inline-block; line-height:1; padding:0 1rem; border-left:2px solid var(--main); border-right:2px solid var(--main);}
.center-view .center-view-box{position:relative; padding:1rem; background:#F0F0F0; }
.center-view .center-view-box:before{content:''; position:absolute; right:-1rem; top:-1rem; width:4rem; height:4rem; background:url('../images/default/main/main-infobg.png')no-repeat 50% 50%; background-size:100%;}
.center-view .center-view-box > div{ position: relative; background:#fff; padding:1rem; z-index:1}

.center-slide{background:#fff; padding:0.5rem; border-radius:6px; border:1px solid var(--lgray7); margin-top:2rem; width:100%; display:flex; gap:10px;}
.center-slide div{flex:1;  position:relative; border-radius:6px; overflow:hidden;  aspect-ratio: 1 / 1;}
.center-slide div img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}

@media all and (max-width:1340px){	
	/*병원정보 리스트*/
	.hospital-list li a{gap:0;}
	.hospital-list li .picArea{width: 45%; padding:0 3rem 0 0; }
	/*병원정보 뷰*/
	.hospital-view .inner{gap:1rem; padding:2rem 1rem;}
	.hospital-view .inner .picArea{width: 45%; padding:0 1rem; }
	
}
@media all and (max-width:1030px){	
.center-slide .center-pagin{position:relative; display: flex;}
}
@media all and (max-width:767px){	
	/*병원정보 리스트*/
	.hospital-list li {padding:1rem;}
	.hospital-list li a{flex-wrap: wrap; gap:0;}
	.hospital-list li .picArea{width: 100%; padding:0; }
	.hospital-list li .txtArea .dot{padding-bottom:0.5rem;}
	.hospital-list li .txtArea .btn_more{display:none;}
	/*병원정보 뷰*/
	.hospital-view .inner{flex-wrap:wrap;}
	.hospital-view .inner .picArea{width: 100%; }

	.center-view{padding:0.5rem;}
	.center-view .center-view-box{padding:0.5rem;}
}

/********************************************************
■ 건강검진 주의사항
********************************************************/

.att-wrap{display:flex; gap:1.5rem; margin:1rem 0 2rem;}
.att-wrap > li{width:calc((100% - 1.5rem * 2) / 3);}
.att-wrap > li .attImg{position:relative; border:0.75rem solid #F3F3F3; margin-bottom:1.5rem;}
.att-wrap > li .attImg .attImg-tit{position:absolute; left:50%; bottom:-1.5rem; padding:7px; border-radius:21px; background: linear-gradient(#F3F3F3 70%, var(--main) 0.75rem); transform:translateX(-50%);}
.att-wrap > li .attImg .attImg-tit span{display:inline-block; line-height:40px;  width:120px; border-radius:14px; text-align:center; background:#fff; font-weight:500; }
.att-wrap > li .attImg .attImg-tit.green{background: linear-gradient(#F3F3F3 70%, var(--green) 0.75rem);}

@media all and (max-width:1030px){	
	.att-wrap{flex-direction: column;}
	.att-wrap > li{width:100%; display:flex; gap:1.5rem; align-items: flex-start;}
	.att-wrap > li .attImg{width:30%; flex-shrink: 0;}
}
@media all and (max-width:767px){	
	.att-wrap > li{display:block;}
	.att-wrap > li .attImg{width:100%;}
	.att-wrap > li .attImg img{width:100%;}
	.att-wrap > li .attImg .attImg-tit{display:block;}
}

/********************************************************
■ 건강검진 검진항목 안내
********************************************************/

.pop-wrap[id*="info"] .pop-text{text-align:left;}
.pop-wrap[id*="info"] .bar{margin-bottom:1.5rem; }

.info-list{display:flex; flex-wrap:wrap; gap:2.5rem 2rem; margin-top:2rem;}
.info-check{width:calc((100% - 2rem * 2) / 3);}
.info-check input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.info-check input[type="radio"] + label {position:relative; display:block; text-align:center; border-radius:6px; background:var(--lgray); padding:1.5rem 0.5rem 1rem;  cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.info-check input[type="radio"] + label span{position:absolute; left:6px; top:-1rem; line-height:2rem; background:#fff; outline:6px solid var(--lgray); color:var(--black); font-weight:500; padding:0 1rem; border-radius:0.7rem;}
.info-check input[type="radio"] + label:before {content:''; display: none;  position: absolute; right: -0.75rem; bottom: -0.75rem; width: 3.75rem; height: 3.25rem; border-top-left-radius: 100%; background: #fff;}
.info-check input[type="radio"] + label:after{content:''; 	display:none; position:absolute; 	right:0; 	bottom:0; 	width:1.45rem; height:1rem; 	background:url('../images/default/main/arrow.svg')no-repeat 0 0; 	background-size:100%; 	transform: rotate(-45deg);	-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	-ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
.info-check input[type="radio"] + label [class*="img_info"]{display:inline-block; width:6.8rem; height:6rem; background-size:100%; background-position:50% 50%; background-repeat:no-repeat; vertical-align:middle;}
.info-check input[type="radio"] + label .img_info01{background-image:url('../images/default/content/info01.svg')}
.info-check input[type="radio"] + label .img_info02{background-image:url('../images/default/content/info02.svg')}
.info-check input[type="radio"] + label .img_info03{background-image:url('../images/default/content/info03.svg')}
.info-check input[type="radio"] + label .img_info04{background-image:url('../images/default/content/info04.svg')}
.info-check input[type="radio"] + label .img_info05{background-image:url('../images/default/content/info05.svg')}
.info-check input[type="radio"] + label .img_info06{background-image:url('../images/default/content/info06.svg')}
.info-check input[type="radio"] + label .img_info07{background-image:url('../images/default/content/info07.svg')}
.info-check input[type="radio"] + label .img_info08{background-image:url('../images/default/content/info08.svg')}
.info-check input[type="radio"] + label .img_info09{background-image:url('../images/default/content/info09.svg')}
.info-check input[type="radio"]:checked + label{background:var(--bg-orange);}
.info-check input[type="radio"]:checked + label span{left:50%; top:50%; transform:translate(-50%,-50%); background:none; outline:none; width: 100%; color:#fff; font-size:1.1rem; font-weight:700;}
.info-check input[type="radio"]:checked + label .img_info01{background-image:url('../images/default/content/info01_on.svg')}
.info-check input[type="radio"]:checked + label .img_info02{background-image:url('../images/default/content/info02_on.svg')}
.info-check input[type="radio"]:checked + label .img_info03{background-image:url('../images/default/content/info03_on.svg')}
.info-check input[type="radio"]:checked + label .img_info04{background-image:url('../images/default/content/info04_on.svg')}
.info-check input[type="radio"]:checked + label .img_info05{background-image:url('../images/default/content/info05_on.svg')}
.info-check input[type="radio"]:checked + label .img_info06{background-image:url('../images/default/content/info06_on.svg')}
.info-check input[type="radio"]:checked + label .img_info07{background-image:url('../images/default/content/info07_on.svg')}
.info-check input[type="radio"]:checked + label .img_info08{background-image:url('../images/default/content/info08_on.svg')}
.info-check input[type="radio"]:checked + label .img_info09{background-image:url('../images/default/content/info09_on.svg')}
.info-check input[type="radio"]:checked + label:before,
.info-check input[type="radio"]:checked + label:after{display: block;}


@media all and (max-width:1030px){
	.info-list{gap:2.5rem 1rem; }
	.info-check{width:calc((100% - 1rem * 2) / 3);}
}
@media all and (max-width:767px){
	.info-check{width:calc((100% - 1rem * 1) / 2);}
	.info-check input[type="radio"] + label [class*="img_myself"]{ width:4rem; height:4rem;}

}

/********************************************************
■ 고객센터
********************************************************/
.half-wrap{display:flex; gap:0 3rem; margin-top:4rem;}
.half-wrap > div{width:calc((100% - 3rem * 1) / 2);}
.half-wrap .btn-wrap{margin-top:1.5rem;}

.counsel-list{border-top: 3px solid #000; margin-top: 1.5rem; height:16.65rem; border-bottom:1px solid #e3e3e3;}
.counsel-list li{display:flex; justify-content: space-between; align-items: center; border-bottom:1px solid #e3e3e3; height:3.3rem;}
.counsel-list li a{flex:1; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;}
.counsel-list li .state{flex-shrink: 0; display:inline-block; padding:0.3rem 0.8rem; border-radius:0.7rem; font-size:0.7rem; color:#fff;}
.counsel-list li .state.ing{background:var(--gray9);}
.counsel-list li .state.end{background:var(--main);}
.counsel-list li.no-data{height:100%; }

.answer-box{padding:2rem; background:var(--lgray3); border-bottom: 1px solid rgba(0,0,0,0.3);}
.answer-box .ans-tit{display: flex; justify-content: space-between; margin-bottom:1rem; }
.answer-box .ans-tit h4{font-size:1.15rem;}
.answer-box .ans-tit span{color:var(--main); font-size:0.9rem;}
.answer-box .ans-cont{padding:1rem; background:#fff; border-radius:0.5rem; box-shadow: 0 2px 10px rgba(0,0,0,0.1); min-height:5rem;}

@media all and (max-width:1030px){
	.half-wrap{gap:3rem; margin-top:4rem; flex-direction: column}
	.half-wrap > div{width:100%;}
	.counsel-list{height:auto;}

}
@media all and (max-width:767px){
	.answer-box{padding:1rem;}
	.answer-box .ans-cont{padding:0.5rem;}

}

/********************************************************
■ 내정보수정 -> 본인인증
********************************************************/
.confirm-box{padding:0 4rem; margin:0 auto;}
.confirm-form ul{border-top:1px solid var(--lgray6);  border-bottom:1px solid var(--lgray6); padding:1rem 0;}
.confirm-form li{display:flex; justify-content: center;  padding:0.5rem;}
.confirm-form li label{width:8rem;flex-shrink:0; line-height:3rem; text-align:right; font-weight:600; padding-right:1rem; font-size:1rem; }
.confirm-form li div{width:50%;}
.confirm-form li div p{margin-top:0.25rem;}
.confirm-form li input{height:3rem; border-radius:6px; }
.confirm-form li input:focus{border-color:var(--main)}
.confirm-form li input:read-only{background:var(--lgray3);}
.confirm-form .join-text{margin-top:0.5rem; color: var(--gray9); text-align:right;  padding-right:1rem;}

/*회원정보 폼*/
.memflex-box{position:relative;  padding:1rem; border:1px solid var(--lgray6); border-radius:6px; margin-bottom:0.5rem; margin-top:2rem;}
.memflex-box .memflex-tit{display:flex; justify-content: space-between; align-items: center; padding-bottom:0.5rem; margin-bottom:0.5rem; border-bottom:1px solid var(--lgray6); }
.memflex-box .memflex-tit h5{font-size:0.9rem; font-weight:500; color:var(--gray3);}
.memflex-box .memflex-tit h5 i{font-size:1.1rem; color:var(--main);}
.memflex-box .memflex-tit h5 b{font-size:1.1rem;}
.memflex-box .memflex-tit h5 input[type="checkbox"]{width:1.3rem; height:1.3rem; margin-bottom: 4px;}
.memflex-box .member-form{display:flex; gap:1rem; flex-wrap:wrap;}
.memflex-box .member-form .col1{width:100%;}
.memflex-box .member-form .col2{width:calc((100% - 1rem * 1) / 2);}
.memflex-box .member-form label{display:block; margin-bottom:0.3rem; font-weight:500; color:var(--black);}
.memflex-box .member-form input{border-radius:6px; height:3rem;}
.memflex-box .member-form input:focus{border-color:var(--main)}
.memflex-box .member-form input:read-only{background:var(--lgray3);}
.memflex-box .member-form .add-wrap{display:flex; gap:0.25rem; }
.memflex-box .member-form .add-wrap .post{width:5rem;}
.memflex-box .member-form .add-wrap a{width:5rem; display:inline-flex; align-items: center; justify-content: center; background:var(--main); color:#fff; flex-shrink: 0; font-size:0.7rem; border-radius:6px; text-align:center;}

@media all and (max-width:1030px){
	.confirm-box{padding:0;}

}
@media all and (max-width:767px){
	.memflex-box .member-form .col2{width:100%;}
	.memflex-box .member-form .add-wrap{flex-wrap:wrap;}
	
	.confirm-form li label{width:5rem;}
	.confirm-form li div{width:100%;}

}