@charset "UTF-8";

.oms-h-100{height: 100%;}
.oms-w-100{width: 100%;}

.oms-w30{width: 30px !important;}
.oms-w45{width: 45px !important;}
.oms-w175{width: 175px !important;}
.oms-w200{width: 200px !important;}

.oms-h73{height: 73px !important;}
.oms-ft-15{font-size: 15px !important;}
.oms-ft-20{font-size: 20px !important;}

.oms-m-t-20{margin-top: 20px !important;}
.oms-m-l-10{margin-left: 10px !important;}
.oms-m-l-115{margin-left: 115px !important;}
.oms-m-b-10{margin-bottom: 10px !important;}
.oms-m-r-10{margin-right: 10px !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}
.text-v-t{text-align: left !important; vertical-align: top !important;}

.oms-x-overflow-vis{overflow-x: visible;}
.box_crs{position:relative; padding-left:1.9rem; line-height:1.5;}
.box_crs:before{content: ""; position:absolute; left:0px; top:0px; width:1.4rem; height:1.4rem; background:url('../images/default/content/resIcon03.png')no-repeat 0 0;  background-size:100%; }
.box_home{position:relative; padding-left:1.9rem; line-height:1.5;}
.box_home:before{content: ""; position:absolute; left:0px; top:0px; width:1.4rem; height:1.4rem; background:url('../images/default/content/icon_home.svg')no-repeat 0 0;  background-size:100%; }

.ft-white{color: white !important;}
.ft-orange{color: orange !important;}
.ft-red{color: red !important;}
.ft-black{color: black !important;}

.ft-12{font-size: 12px;}

.word-line {word-wrap: break-word !important; -webkit-hyphens: none !important;}

.crs-memo {margin: -30px 0px 15px 35px;}

/* .hsort-lsit-box-2{width:calc(48% - 1rem); height:3rem;}
.hsort-lsit-box-2 .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-2 .search-box .search_input_wrap{display:flex; align-items: center;}
.hsort-lsit-box-2 .search-box .search_input_wrap .typeahead__field{flex:1; }
.hsort-lsit-box-2 .search-box .search_input_wrap .typeahead__field input[type="text"]{border:none; border-radius:4px; height:2.5rem;}
.hsort-lsit-box-2 .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; }

@media all and (max-width:1030px){
	
	.hsort-lsit-box-2{width:100%; }
	
	
} */

/* .hsort-lsit-box-2 .list-box{height:calc(100% - 4.5rem); overflow-y:auto;}
.hsort-lsit-box-2 .list-box .item{display:flex; padding:0.75rem 0.5rem; border-bottom:1px solid var(--lgray6);  cursor:pointer;}
.hsort-lsit-box-2 .list-box .item .item-text{width:60%; order:1; padding-right:1rem;}
.hsort-lsit-box-2 .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-2 .list-box .item .item-text p{font-size:0.8rem; color:var(--gray6); margin-bottom:0.4rem;}
.hsort-lsit-box-2 .list-box .item .item-img{width:40%; order:2; position:relative; border-radius:6px; overflow:hidden; }
.hsort-lsit-box-2 .list-box .item .item-img img{position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%);}
.hsort-lsit-box-2 .list-box .item.active{outline:2px solid var(--main);    outline-offset: -2px;  border-radius:6px;} */


/*이용안내*/
div#container div.sub_section a.bx-prev {
    position: relative;
    background: url(../img/guide/vl.gif) no-repeat;
    width: 50px;
    height: 50px;
    left: -450px;
    top: -380px;
}
div#container div.sub_section a.bx-next {
    position: relative;
    background: url(../img/guide/vr.gif) no-repeat;
    width: 50px;
    height: 50px;
    top: -380px;
    right: -500px;
}

div#container div.sub_section a.ms-prev {
    position: relative;
    width: 50px;
    height: 50px;
    left: -500px;
    top: -380px;
    font-size: 3rem;
}
div#container div.sub_section a.ms-next {
    position: relative;
    width: 50px;
    height: 50px;
    top: -380px;
    right: -500px;
    font-size: 3rem;
}

/*종합진단 검진결과표*/
.pop[id^="con_pop"]{top:200px; background:none; padding:0 0 50px; border:none;}
.pop[id^="con_pop"] div.pop_inner{padding:40px 25px; background:#fff; border:1px solid #000;}
.checkup{margin-top:25px; display: block; text-align:center;}
.checkup select{padding: 0px 10px; height: 40px; border: 1px solid #d8d8d8; width:180px;}
.checkup .Exp{background: #1A4355 url('../img/content/exp.png') no-repeat right 30px top 8px; padding-right: 15px; margin-left:6px; color:#fff; line-height:40px; height:40px; width: 150px; font-weight: 500; display: inline-block; text-align: center;}

.pnlSearch{border:1px solid #ddd; border-radius:5px; height:3rem; line-height:3rem; position:relative; overflow:hidden; width: 222px; margin:4rem auto;}
.pnlSearch span{float:right;width:10rem; height:3rem; line-height:3rem; display:inline-block; background:#d33118; text-align:center; color:#fff; font-weight: bold; cursor:pointer;}
/* .pnlSearch span:before{content:""; display:block; position:absolute; right:1rem; top:50%; margin-top:-10px;  width:20px; height:20px; background:url('../img/content/btn_search_w.png') no-repeat right top;}*/
.pnlSearch select{float:left;height:3rem; line-height:3rem; border:none; width:222px;}
.pnlSearch input[type="text"]{float:left;display:inline-block; width:calc(100% - 19rem);height:3rem; line-height:3rem; border:none; border-left:1px solid #ddd;}

.medi_tab{ margin:0 0 2rem;}
.medi_tab ul{border-bottom:1px solid #222; position:relative;height:3.5rem; height: 62px;}
.medi_tab ul li{height:3.5rem; width:12.57%;float:left; margin-left:-1px; height: 54px; vertical-align: middle;
    padding-top: 8px;}
.medi_tab ul li:first-child{margin-left:0; width:calc(12.5% + 1px);}
.medi_tab ul li a{height:3.5rem; color:#56585a; display:block;width:100%; box-sizing:border-box; text-align:center;display:block;background:#fff; border:1px solid #ccc; border-bottom:none; display:block; line-height:1.1; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center; cursor:pointer; height: 54px;}
.medi_tab ul li.long a{line-height:1.1; padding-top:8px;}
.medi_tab ul li.on a{height:3.5rem; color:#000; position:relative; border-color:#222; border-top:3px solid #07A7E3; font-weight:500; height: 55px;}
.medi_tab ul li.on a:after { content : ""; display : block; position : absolute; left : 0; bottom : -2px; width : 100%; height : 2px;  height: 55px;}

.three_tab div.hide{display:none;}
.three_tab div ul{ margin-bottom:2rem; height: 54px;}
.three_tab div ul{ margin-bottom:2rem;}
.three_tab div ul li { float: left; width: 33.33%; height: 3.5rem; line-height: 3.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; background-color: #fff; margin-right: -1px; margin-bottom: -1px; height: 54px; vertical-align: middle; padding-top: 8px; }
.three_tab div ul li a { width: 100%; height: 100%; display: block; font-weight:600; text-align: center; white-space: nowrap; text-overflow: ellipsis; position: relative; cursor:pointer;}
.three_tab div ul li.on { background-color: #1A4355; border-color:#1A4355; margin-right: 0;  margin-bottom: -1px;}
.three_tab div ul li.on a { color: #fff !important; border-color:#1A4355; }
.three_tab div ul li.on a:before {display: block; content: '';  position: absolute; z-index: 5; bottom:-7px;  left: 50%;  width: 12px;  height: 12px; background: #1A4355;  -webkit-transform: rotate(45deg);   -ms-transform: rotate(45deg); margin-left:-5px;  transform: rotate(45deg); }
.three_tab div ul:after { content: ''; clear: both; display: block; }

ul.dot{}
ul.dot li:first-child{margin-top:0;}
ul.dot li{position: relative; padding-left:15px; margin-top:20px; }
ul.dot li:before{ content : ""; display : block; position : absolute; left :0; top:10px; width : 5px; height : 5px; background :#ff8100; border-radius:50%; }
ul.dot li span{display:block; font-size:1.1em; color: #111; font-weight: 600;}

.Tbox{border: 1px solid #ddd; background: #eee; overflow: hidden; padding: 6px; z-index: 1; margin-top:1.5rem; text-align:left;}
.Tbox .Tbox_t{background: #fff;padding:1.5rem; z-index: 1; overflow:hidden;}

div.graph_box{width:300px; height:30px; line-height:30px; margin:0; position:relative; border-radius:5px;}
div.graph_box span.text{position: absolute; top: 0; left: 0; width:100%; margin: 0; white-space: nowrap; color:#333; z-index:1;}
div.graph_box div.graph{position: absolute; top: 0; left: 0; margin: 0; height:30px; z-index:2; border-radius:10px; background:#E9F5EA; border:2px solid #66bb6a; overflow:hidden;}
div.graph_box div.graph.care{background:#FFF6DC;border: 2px solid #ffc107;}
div.graph_box div.graph.danger{background:#FCE8E4;border: 2px solid #ec5941;}
div.graph_box div.graph_inner{width:400px; line-height:30px; color:#fff;}

.box_button{margin:4rem auto ; text-align: center;}
.box_button div{width:180px; height:55px; line-height:55px; text-align:center; background:#1A4355; color:#fff !important; font-size:20px; display: inline-block;}
.box_button div.on{background:#07A7E3;}
.box_button div:first-child{margin-right: 16px;}
.box_button div a{cursor:pointer; display:block; color: #fff !important;;}

div.all_list h3{margin-top:30px;font-size: 20px;margin-bottom: 10px;color: #000;}
div.all_list .alert_data{color:#ff0000; font-weight:bold;}

/*아코디언*/
.accordion{border-top:2px solid #898B96;border-bottom:1px solid #929bad;}
.accordion > ul > li{border-top:1px solid #e5e5e5;}
.accordion > ul > li.active{border-top:0px none;}
.accordion .title{display:block;padding:0 70px 0 28px;height:60px;background:#fff url('../img/content/icon_accordion_open.png') no-repeat 98% center;font-size:17px;line-height:60px;}
.accordion li.active .title{background:#898B96 url('../img/content/icon_accordion_close.png') no-repeat 98% center;color:#fff !important;font-weight:bold;}
.accordion .Acon{display:none;padding:45px 0;}
.accordion li.active .Acon{display:block;}





/*상단 표시*/
div.pcon div.inner ul.top_alert{text-align:right; margin-bottom: 0.5rem;}
div.pcon div.inner ul.top_alert li{display:inline-block; margin-left:10px; height:30px;}
div.pcon div.inner ul.top_alert li span.circle{display:inline-block; width:20px; height:20px; border-radius:50%; margin-right:5px; vertical-align:top;}
div.pcon div.inner ul.top_alert li span.circle.yellow{background:#FFF6DC; border: 2px solid #ffc107;}
div.pcon div.inner ul.top_alert li span.circle.green{background:#E9F5EA; border:2px solid #66bb6a;}
div.pcon div.inner ul.top_alert li span.circle.red{background:#FCE8E4;border: 2px solid #ec5941;}
/* 표 스크롤*/
.table-wrap2 {word-break:break-all; display: inline-block; overflow: hidden; overflow-x: auto; width: 100%; border-top: 1px solid #777; border-bottom: 1px solid #ddd; }
.table-wrap2 table { position: relative; left: -1px; width: 100%; margin-bottom: -1px; }
.table-wrap2 th { padding:12px 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #f6f7f9; font-weight: 500; color: #424242; text-align: center; white-space: nowrap;  }
.table-wrap2 td {padding:12px 10px;  border-bottom: 1px solid #e8ebee; border-left: 1px solid #ddd; text-align: center;}
.table-wrap2 td img{margin-right:5px;}
.table-wrap2 td span{font-size:18px; color:#111; font-weight:700;}
.table-wrap2 td.t_b {border-left:none;}
.table-wrap2 td.text.care {color:#ffc107;}
.table-wrap2 td.text.normal {color:#66bb6a;}
.table-wrap2 td.text.danger {color:#ec5941; font-weight:bold;}
.table-wrap2 td a.sb{font-size:15px; box-sizing:border-box; border:1px solid #AE0055; padding:5px 10px;}
.table-wrap2 td a.sb.print{color:#AE0055;background:#fff;border:1px solid #AE0055;font-weight:600;}
.table-wrap2 td a.sb.print:hover{color:#fff;background:#AE0055;}
.table-wrap2 td a.sb.print i:hover{color:#fff;font-size:16px;}

.table-wrap2 td button.sb1{font-size:15px; box-sizing:border-box; padding:8px 10px; color:#fff;}
.table-wrap2 td button.sb1.cancel1{color:#1E6AA5;background:#fff url(/images/default/content/x_icon1.png) no-repeat 10px 50%; ;border:1px solid #1E6AA5;font-weight:600;padding-left:29px;}
.table-wrap2 td button.sb1.cancel1:hover{color:#fff;background:#1E6AA5 url(/images/default/content/x_icon1_on.png) no-repeat 10px 50%;}
.table-wrap2 td button.sb1.cancel2{color:#747474;background:#fff url(/images/default/content/x_icon2.png) no-repeat 10px 50%;;border:1px solid #747474;font-weight:600;padding-left:29px;}
.table-wrap2 td button.sb1.cancel2:hover{color:#fff;background:#747474 url(/images/default/content/x_icon2_on.png) no-repeat 10px 50%;}


.table-wrap2 tbody th { border-bottom-color: #e8ebee; background-color: #fafafa; }
.table-wrap2 td ul li{text-align:left;}
.table-wrap2 td ul li{padding-left:13px; font-size:16px; line-height:1.7; margin-top:5px; color:#555;background:url(/images/default/content/bul.png) no-repeat 0 10px;}
.table-wrap2 td ul li:first-child{margin-top:0;}
.table-wrap2 img.icon{margin-bottom:10px;}
.table-wrap2 td a.sbtn{font-size:14px; display:block; width:100%; margin:0 auto; height:40px; line-height:40px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.05); text-align:center; border:1px solid #ccc;}
.table-wrap2 td a.sbtn img{vertical-align:middle; margin-right:3px;}

.table-wrap2 td.t_l{text-align:left;}

/* 그래프 좌측 표 스크롤*/
.table-wrap3 {word-break:break-all; display: inline-block; overflow: hidden; overflow-x: auto; width: 100%; border-top: 1px solid #777; border-bottom: 1px solid #ddd; }
.table-wrap3 table { position: relative; left: -1px; width: 100%; margin-bottom: -1px; }
.table-wrap3 th { padding:7px 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #f6f7f9; font-weight: 500; color: #424242; text-align: center; white-space: nowrap; }
.table-wrap3 td {padding:7px 10px;  border-bottom: 1px solid #e8ebee; border-left: 1px solid #ddd; text-align: center;  font-size:12px; color:#656565;}
.table-wrap3 td img{margin-right:5px;}
.table-wrap3 td span{font-size:16px; color:#111; font-weight:700;}
.table-wrap3 td.t_b {border-left:none;}
.table-wrap3 td.text.care {color:#ffc107;}
.table-wrap3 td.text.normal {color:#66bb6a;}
.table-wrap3 td.text.danger {color:#ec5941; font-weight:bold;}
.table-wrap3 td a.sb{font-size:10px; box-sizing:border-box; border:1px solid #AE0055; padding:5px 10px;}
.table-wrap3 td a.sb.print{color:#AE0055;background:#fff;border:1px solid #AE0055;font-weight:600;}
.table-wrap3 td a.sb.print:hover{color:#fff;background:#AE0055;}
.table-wrap3 td a.sb.print i:hover{color:#fff;font-size:10px;}

.table-wrap3 td button.sb1{font-size:15px; box-sizing:border-box; padding:8px 10px; color:#fff;}
.table-wrap3 td button.sb1.cancel1{color:#1E6AA5;background:#fff url(/images/default/content/x_icon1.png) no-repeat 10px 50%; ;border:1px solid #1E6AA5;font-weight:600;padding-left:29px;}
.table-wrap3 td button.sb1.cancel1:hover{color:#fff;background:#1E6AA5 url(/images/default/content/x_icon1_on.png) no-repeat 10px 50%;}
.table-wrap2 td button.sb1.cancel2{color:#747474;background:#fff url(/images/default/content/x_icon2.png) no-repeat 10px 50%;;border:1px solid #747474;font-weight:600;padding-left:29px;}
.table-wrap3 td button.sb1.cancel2:hover{color:#fff;background:#747474 url(/images/default/content/x_icon2_on.png) no-repeat 10px 50%;}


.table-wrap3 tbody th { border-bottom-color: #e8ebee; background-color: #fafafa; }
.table-wrap3 td ul li{text-align:left;}
.table-wrap3 td ul li{padding-left:13px; font-size:10px; line-height:1.7; margin-top:5px; color:#555;background:url(/images/default/content/bul.png) no-repeat 0 10px;}
.table-wrap3 td ul li:first-child{margin-top:0;}
.table-wrap3 img.icon{margin-bottom:10px;}
.table-wrap3 td a.sbtn{font-size:14px; display:block; width:100%; margin:0 auto; height:40px; line-height:40px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.05); text-align:center; border:1px solid #ccc;}
.table-wrap3 td a.sbtn img{vertical-align:middle; margin-right:3px;}

.table-wrap3 td.t_l{text-align:left;}

/*explain popup*/
div.explain_popup{width:1200px; position:absolute; background-color:#fff; top:400px; left:50%; margin-left:-600px; z-index:10002; box-sizing:border-box; padding:40px 25px; border:1px solid #000;}
div.explain_popup p.explain_close{position:absolute; top:0; right:0;}
div.explain_popup p.explain_close a{background-color:#777; color:#fff; padding:10px;display:block; box-sizing:border-box;}

div.summaryDiv{border:1px solid #dddddd;height:100%;}
div.summaryDiv div.sdTitle{background-color:#7a989a;padding:10px 10px 15px 10px;height:30px;}
div.summaryDiv div.sdSubTitle{font-size:1.3em;text-align:center;padding:15px 0 10px 0;}
div.summaryDiv div.sdSubTitle div{background-image:url(../img/content/dot.png);background-repeat:repeat-x;text-align:left;padding:20px 0 10px 10px;width:94%;margin-left:3%;margin-top:10px;}
div.summaryDiv div.sdSubTitle ul li{padding-top:2px;}

/*chart*/
.chart_zone h4{text-align:center; margin-bottom:10px; font-size:16px; clear:both;}
.chart_zone .curve_chart{width: calc(100% - 100px); height: 300px; margin:0 auto 30px;}
.chart_zone .curve_chart.large{height: 500px;}
.chart_zone .curve_chart.medium{height: 400px;}
.chart_zone .curve_chart.small{height: 300px;}

/********************************************************
■ 독감예방접종 주의사항
********************************************************/

.flu-att-wrap{display:flex; gap:1.5rem; margin:1rem 0 2rem;}
/* .flu-att-wrap > li{width:calc((100% - 1.5rem * 2) / 4);} */
.flu-att-wrap > li .attImg{position:relative; border:0.75rem solid #F3F3F3; margin-bottom:1.5rem;}
.flu-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%);}
.flu-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; }
.flu-att-wrap > li .attImg .attImg-tit.green{background: linear-gradient(#F3F3F3 70%, var(--green) 0.75rem);}

.flu-att-wrap > li{display:block;}
.flu-att-wrap > li .attImg{width:100%;}
.flu-att-wrap > li .attImg img{width:100%;}
.flu-att-wrap > li .attImg .attImg-tit{display:block;}


/*예약하기 단계*/
.flu-step{background:#F6F6F6; border-radius:6px; padding:1.5rem 4rem; margin-bottom:2rem; }
.flu-step ul{position:relative;display:flex; justify-content: space-between; }
.flu-step ul li{position:relative; width:20%; text-align:center; font-size:0.85rem; color:#b2b2b2;  z-index:0;}
.flu-step ul li:before{content:'';position:absolute; left:50%; top:1rem; width:190%; height:1px; border-top:10px dotted #E5E5E5; opacity: 0.5; z-index:-1;}
.flu-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;}
.flu-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;}
.flu-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;}
.flu-step ul li .step-img .step01{background-image:url('../images/default/content/step_01_w.svg')}
.flu-step ul li .step-img .step02{background-image:url('../images/default/content/step_02_w.svg')}
.flu-step ul li .step-img .step03{background-image:url('../images/default/content/step_03_w.svg')}
.flu-step ul li .step-img .step04{background-image:url('../images/default/content/step_04_w.svg')}
.flu-step ul li .step-img .step05{background-image:url('../images/default/content/step_05_w.svg')}
.flu-step ul li .step-img .step06{background-image:url('../images/default/content/step_06_w.svg')}
.flu-step ul li .step-img .step07{background-image:url('../images/default/content/step_07_w.svg')}
.flu-step ul li .step-img .step08{background-image:url('../images/default/content/step_08_w.svg')}
.flu-step ul li .step-img .step09{background-image:url('../images/default/content/step_09_w.svg')}

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