@charset "utf-8";

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

}


/*테블릿 세로 이하*/
@media only screen and (max-width: 979px){
	.include_side #content{width:100%}
	.include_side #sidebar{width:auto;}
	.sidebar_top{display:none;}
	.main_slide{float:left;width:100%;}
	.main_bt{float:none;width:100%}
	.personal-info .dsc, .personal-info .validation-errors{margin-left:0;display:block;}
	#header {margin-bottom: 15px;height: auto; }
	/* step */
	.include_step .group{padding:20px 20px 30px 20px} 
	.include_step .group .box{margin:0;width:100%;border-radius: 0;}
	.include_step .group .box2{margin:0;width:100%;  margin-top: 0;box-sizing: border-box;}/* 20240714 */
	.sub_reserve .guidebox{border-radius: 0;border-width: 1px;line-height: 1.4;}
	.include_step .group .step{margin-left:-24px;}
	.sub01 .group1 .box2 dt.btn_find, .include_step  .group, .include_step  .group .box{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
	.sub01 .group1 .box2 .list_result li{width: 100%;padding: 10px 10px 20px;box-sizing: border-box;}
	.sub01 .include_step .group3 .box{border-bottom: none;}
	.sub01 .group6 h4{margin-top: 9px;}
	#q_menu {display:none;}
	.sub_check #container {padding: 20px 0px 40px;}
	.sub_check .content_wrap .result_box.st2 {margin-top: 20px}

	/* 건강검진예약 > 검사항목 가이드 - 임직원 본인 예약 방법 */
	/* .sub01.sub_sche-guide .include_step.guide .group1 ol.bul_round2 > li{display: flex;align-items: center;justify-content: center;}
	.sub01.sub_sche-guide .include_step.guide ol.bul_round2 .step2{text-align: center;display: inline-block;}
	.sub01.sub_sche-guide .include_step.guide ol.bul_round2 li p{vertical-align: middle;} */

	/*팝업*/
	.sub0102-pop h2{width: 100%;}

	/* 2022030407 수정 -- cj본인부담 가족검진, cj가족검진 신청 페이지 */
	.title_wrap h3.title_br{height: inherit;}
	/* .sub01.sub_sche-guide2 .title_wrap h3.title_br{height: 47px;} */
	/* .title_wrap h3.title_br span.f28{display: block;} */
}


/*태블릿 세로*/
@media only screen and (min-width: 768px) and (max-width: 979px){
	#wrap{width:768px;}
	.footer_wrap{padding:20px 20px 0 20px;}
	.main .footer_wrap{padding-top: 0;}
	#main_menu .sub_menu li,#main_menu .sub_menu li:hover,#main_menu .sub_menu li a,#main_menu .sub_menu li a:hover{font-size:13px;}
	#main_menu .sub_menu li a{padding:8px;}
	.title_wrap {padding: 30px 20px 0;}

	/* menu */
	#main_menu > ul > li > a:hover:after{right: 35px;}
	#main_menu > ul > li.first > a:hover:after{right:40px;}
	#main_menu > ul > li:nth-child(3) > a:hover:after{right:27px;}
	#main_menu > ul > li:nth-child(4) > a:hover:after,
	#main_menu > ul > li:nth-child(5) > a:hover:after{right:19px;}
	#main_menu > ul > li:nth-child(2) > a:hover:after,
	#main_menu > ul > li:nth-child(6) > a:hover:after{right:12px;}
	
	#main_menu > ul > li.current > a:after{right: 35px;}
	#main_menu > ul > li.current > a:hover:after{right:40px;}
	#main_menu > ul > li.current:nth-child(3) > a:after{right:27px;}
	#main_menu > ul > li.current:nth-child(4) > a:after,
	#main_menu > ul > li.current:nth-child(5) > a:after{right:19px;}
	#main_menu > ul > li.current:nth-child(2) > a:after,
	#main_menu > ul > li.current:nth-child(6) > a:after{right:12px;}

	/*main*/
	body.main #container {padding-top:20px}
	body.main #sidebar{position:static;width:100%;height:auto;background:url(../images/bg_sidebar_tablet.png) no-repeat 200px bottom;}
	body.main #content{width:100%;height:auto;margin-top:-12px;}
	body.main .reserve{width:auto;position:relative;padding:0;overflow:hidden;display: flex;justify-content: space-between;}
	body.main .reserve_top,body.main .reserve_bt{height:auto;}
	body.main .reserve_top .ms_logo,.reserve_top div p{float:none;width:auto;}
	body.main .reserve_top .ms_logo{padding:2px 4px;}
	/* body.main .reserve_top div p strong{display:inline;} */
	.reserve_top .logo_wrap{border-bottom: none;max-width: 135px;text-align: center;}
	#body.main .reserve_top .med_list{float:right;width:260px;}
	body.main .reserve_top .med_list{width:auto;border-top: 1px dashed #dedfe0;padding-top: 15px;}
	body.main .med_list .hr_style1{float:none;margin-top:0;}
	body.main .reserve_top ul{padding-bottom:10px;background:none;padding-right: 10px;}
	body.main .reserve_top ul li div{width:auto;padding-top: 0;}
	body.main .reserve_top ul li{overflow:hidden;display: flex;margin-bottom: 5px;}
	body.main .reserve_top ul li:last-child{margin-bottom: 0;}
	body.main .reserve_top ul .tit{margin-right:10px;}
	body.main .reserve_top{width:414px;display: flex;align-items: center;padding:12px 5px 12px 40px;gap: 28px;}
	body.main .reserve_bt{width:190px;background:none;padding:12px 30px;border-left: 1px solid #649af8;}
	body.main .reserve .btn_group{margin-top:10px;}
	body.main .reserve .btn_group span{display: flex;gap: 5px;}
	.main .reserve .btn_group span a{width: 50%;}
	body.main .reserve .btn_group .famReg{display:none;}

	.main_top {flex-direction: column;}
	.main_bt ul li div{font-size:16px;}
	.main_bt ul li{height:auto;}
	.sub_search .hospital table{width:65%}
	.sub_search .hospital th{width:55px;}
	.main_slide .slide_text{margin-top: 60px;}


	
	/*sidebar*/
	#container.include_side{padding:200px 0 20px 0;}
	.include_side #sidebar{margin:0;position:absolute;top:20px;display: flex;box-shadow: 0px 6px 8px 0px rgba(184, 191, 204, 0.45);border-radius: 10px;border: 1px solid #649AF8;overflow: hidden;width: 728px;box-sizing: border-box;}
	.include_side #sidebar .medi_alim{width:34%;height:auto;border-radius: 0;box-shadow:none;border: none;padding: 26px;}
	#sidebar .medi_alim .al_date{width:auto;}
	#sidebar .medi_alim li:first-child{display:block;}
	.include_side #sidebar .reserve_top .logo_wrap{position: absolute;top: 30px;left:30px;padding: 0;background-color: #F8FBFF;}
	.include_side #sidebar .reserve_top .ms_logo{  width: 110px;padding:0;margin-bottom: 0;background-color: #F8FBFF;}
	.include_side #sidebar .med_list{border-bottom: none;}
	.include_side #sidebar .med_list li{margin-bottom: 3px;}
	.include_side #sidebar .med_list li strong, .include_side #sidebar .reserve_bt li strong{display:block;float:left;}
	.include_side #sidebar .med_list li div, .include_side #sidebar .reserve_bt li div{display:block;margin-left:66px;width:207px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.include_side #sidebar .med_list{border-top: 1px dashed #dedfe0;padding-top: 12px;margin-left: 140px;padding-bottom: 0;}
	.include_side #sidebar .reserve_bt ul{margin-left: 140px;}
	.include_side #sidebar .reserve_bt li{margin-bottom:3px;}
	.include_side .reserve_bt{padding-top: 0;}
	.include_side .reserve_bt a{width: auto;flex: 1;margin: 0;}
	.include_side .reserve_bt .btn_group{width:auto;margin-top:20px;margin-left: 0;display: flex;align-items: center;justify-content: center;gap: 8px;}
	.include_side .reserve_bt a, .include_side .reserve_bt a[class*="btn_resv"]{padding:6px 0;width:100px;}
	.include_side .reserve_bt a{margin-bottom:0;}
	.include_side .reserve_bt .hr_style1{float:left;width:100%;margin-top:10px;}
	#sidebar .medi_alim .al_date:first-child{margin-top:10px;}
	.include_side #sidebar .med_list ul{overflow:hidden;max-height:28px;}
	.include_side #sidebar .reserve_top, .include_side #sidebar .reserve_bt{background:none;}
	.include_side #sidebar .reserve{width:68%;padding:22px 22px 22px 28px;height:auto;overflow:hidden;border: none;border-radius: 0;box-shadow: none;border-left: 1px solid #649AF8;position: relative;background-color: #F8FBFF;}

	/* 검진일정 및 안내 버튼 */
	.sub01.sub_sche-guide .btn_wrap{display: flex; gap: 12px;}

	/* full */
	/* .full{background:0;padding:0;margin:0 20px;box-shadow: 0px 0px 10px -5px #000000;-ms-box-shadow: 0px 0px 10px -5px #000000;-moz-box-shadow: 0px 0px 10px -5px #000000;-webkit-box-shadow: 2px 0px 10px -4px rgba(0,0,0,0.4),-2px 0px 10px -4px rgba(0,0,0,0.4);} */

	/*개인정보취급방침,이용약관*/
	.sub08 .full{margin:0;}
	
	/*통합검색*/
	.sub_search .content_header .list_serch{width:40%}
	.sub_search .bottom_wrap .btn_box{width:27%}
	
	/*사이트맵*/
	.sitemap .box{background-size:218px auto;padding-bottom:35px;}
	
	.foot_logo,.main_bt ul li p,body.main .reserve_bt ul,body.main .reserve_bt .hr_style1, #sidebar .medi_alim li, .include_side #sidebar .logo_wrap p, .include_side #sidebar .med_list .hr_style1,.loca{display:none;}
	#q_menu {display:none;} 


	/* 리더 임원 배우자 검진예약하기 바로가기 버튼 추가 - 20220831 */

	body.main #sidebar{background: none;}
	.aside_bts{text-align: right;width: 100%;}
	.aside_bts ul{display: inline-block;}
	.aside_bts ul li{width: 195px;text-align: left;display: inline-block;padding-right: 10px;}
	.aside_bts ul li a{padding-left: 50px;}
	.aside_bts ul li:last-child{padding-right:0}
	.aside_bts ul li a::after{right: 10px;}

	/* 리더 임원 검진예약하기 안내 문구추가 - 20220831 */
	.reservation_info .info_cont > dt:after{right: 32px;}

}



/*모바일 가로(아이폰 이외) 이하*/
@media only screen and (max-width: 767px){
	html[class*="ie"] body, .ie6 body{background:none}
	body,input,button,select,textarea{font-size:14px;}	
	/* header#header{margin-bottom: 60px;} */
	.m_br{display:block;}
	.p_br{display:inline-block;}
	.title_wrap{padding:0 10px;}
	.title_wrap h3{font-size:27px;height:27px;}
	.title_wrap h3 + p{border-bottom:2px solid #c7dbff;padding-bottom:10px;font-size:14px;}
	.sub_reserve-comp .group h3{font-size:1.9em;}
	body, .body_inner{background:none;background-color: #fbfcfe;}
	#main_menu{display:none;}
	.mobile{display:block;position: relative;}
	#wrap{width:100%;}
	#header{margin-bottom: 0;height: auto;padding: 0;}
	#container{padding:15px 10px 0 10px;float:left;width:100%;background-color: #fff;}
	.content_wrap{padding:0 10px;}
	.header_top{padding:15px 0 0 0;margin:0;overflow:visible;}
	.logo{float:none;margin-bottom:16px;}
	.logo a{width:100px;height:auto;margin: 5px 0 0 20px;}
	#footer{height:auto;padding:0 10px 10px;border-top: 1px solid #D3D7EE;}
	#footer .footer_wrap{padding:20px 0 40px 0;text-align:center;border-top: none }
	.footer_wrap ul{padding:0;}
	.footer_wrap ul li a{color: #1A1A1A;}
	.footer_wrap ul li span{color: #1A1A1A;}
	#mobile_gnb_sub .reserve_top .hr_style1{float:left;width:100%}
	p.bul_round1, ul.bul_round1 li {font-size: 14px;}
	p.bul_round1 button {margin: 10px}
	/* menu */
	.mobile > a {display: inline-block;position: absolute;top:-50px;right:20px;padding:5px 15px;}
	.m_icon_top{background: none;display: flex;height: auto;}
	.m_icon_top>li{background:#e8f0fe;margin-right: 0;display: flex; align-items: center;justify-content: center;border-left: 1px solid #fff;border-right: none;height: 50px;line-height: 50px;}
	.m_icon_top>li>a>span{color:#040404;font-size: 14px;vertical-align: middle;}
	.m_icon_top>li>a{width: 100%;}
	.m_icon_top>li>a:hover{background: #e8f0fe;}
	#mobile_gnb_sub h2{background: #649AF8;padding: 10px 0 12px 0;border: none;}
	#mobile_gnb_sub .m_sub_menu{border-top: none;background-color: #fff;position: relative;}
	.reserve_top {padding: 15px 18px 20px;}
	.reserve_top .logo_wrap{overflow: hidden;padding-bottom: 14px;width: 100%;box-sizing: border-box;}
	#mobile_gnb_sub .reserve_top{background: #fff;border-bottom: 1px solid #649AF8;box-shadow: 0px 6px 8px 0px rgba(184, 191, 204, 0.45);}
	#mobile_gnb_sub .reserve_top div p{color: #1A1A1A;  font-size: 14px;}
	#mobile_gnb_sub .reserve_top ul{padding:0;}
	#mobile_gnb_sub .reserve_top>p{margin: 0;color: #040404;padding: 15px 0 0;}
	#mobile_gnb_sub .reserve_top .tit{color: #666;font-weight: 400;}
	#mobile_gnb_sub .reserve_top ul li{margin-top: 5px;}
	#mobile_gnb_sub .reserve_top ul li>div{color: #040404;padding-top: 0;font-weight: bold;}
	#mobile_gnb_sub .btn_group{padding-top: 15px; border-top: 1px dashed #dedfe0;}
	#mobile_gnb_sub .btn_group span{display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;align-items: center;}
	#mobile_gnb_sub .btn_group span a{width: 100%;margin:0;height: 45px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
	#mobile_gnb_sub .btn_group span a:nth-of-type(2n){width: 100%}
	#mobile_gnb_sub .btn_group .btn_resv{float: none;text-shadow: none;}
	#mobile_gnb_sub h2 + ul{background: #fff;border-bottom: 1px solid #649AF8;box-shadow: 0px 6px 8px 0px rgba(184, 191, 204, 0.45);padding: 17px 20px 20px;}
	#m_main_menu>ul>li>a{background: none;border: 1px solid #6A9DF8;background: #F8FBFF;border-radius: 5px;color: #040404;box-shadow: none;}
	#m_main_menu ul ul{padding: 7px  0 15px 1px;flex-wrap: wrap;gap: 6px;width: 100%;display: flex;}
	#m_main_menu ul ul{padding: 7px  0 15px 1px;flex-wrap: wrap;gap: 6px;width: 100%;display: flex;}
	#m_main_menu ul ul li{width: calc(50% - 8px);}
	#m_main_menu>ul>li>a span{padding: 12px;}
	
	/*main*/
	body.main #container{padding:40px 10px 20px}
	body.main #content{width:100%;height:auto;margin: 0;}
	.main_bt{border-top: none; margin: 0;padding: 0 10px;box-sizing: border-box;}
	.main_bt ul{border:0 none;padding: 0;flex-wrap: wrap;gap: 6px;width: 100%;justify-content: center;display: flex;}
	.main_bt ul li{width:49%;height:auto;border:1px solid #dbdddf;background:#fff!important;padding:0;border-radius: 5px;}
	.main_bt ul li img{width:50px;margin-bottom: 0;}
	.main_bt ul li div{text-align:left;font-size:14px;}
	.main_bt ul li div span{display:block;}
	.main_bt ul li a{display: flex;align-items: center;height: 68px;gap: 15px;justify-content: center;}
	.main_bt ul li:nth-of-type(2) a {padding-right: 25px;}
	.main_slide .slide_text{width:55%;margin:0 0 0 5%;}
	.main_slide .slide_text img{margin-bottom:10px;}
	.main_slide .slide_text p{clear:both}
	.main_slide .slide_img{float:none;padding-left: 0;margin: 0 auto 20px;}

	/* 검진일정 및 안내 버튼 */
	.sub_sche-guide ul.bul_round2 li + li {margin-top: 10px;}
	.sub_sche-guide ul.bul_round2 li strong{width: 100%;display: block;margin-bottom: 10px;float: none;}
	.sub_sche-guide ul.bul_round2 li span{margin-left: 0;text-align: center;background: #fff;padding: 10px;border-radius: 10px;font-size: 15px;}


	/* 검진일정 및 안내 버튼 */
	.sub01.sub_sche-guide .btn_wrap{display: flex; gap: 12px;}
	.sub_sche-guide .btn_wrap .radius strong.text_blue{font-size: 1.5em;}
	.sub01.sub_sche-guide .btn_wrap .radius{width: 50%;margin: 0;padding: 3% 0 2% 0;}
	.sub01.sub_sche-guide .group .btn_wrap button{width: 50%;}
	.sub01 .group6 .box:last-of-type br {display: block;}
	.include_step .group1.hosCho{border-top: 1px dashed #D8DBDB; padding: 30px 0 0 0;margin-top:20px;}

	/* 건강검진예약 > 검사항목 가이드 - 임직원 본인 예약 방법 */
	/* .include_step.guide ol.bul_round2 li p{width: 50px;line-height: 1.4;} */
	/* .include_step.guide ol.bul_round2 li p+p{width: calc(98% - 50px);padding-top: 8px;} */
	.sub_test.sub_test14 dd{float: none;margin: 0 0 0 60px;}

	/* 검진결과조회 */
	.sub02_01 .content_header .btn_wrap{position: relative;	top: 0;	right: 0;	text-align: right;	margin-top: 10px;}
	.sub02_01 .content_header .btn_wrap select{height: 33px;}

	/*팝업*/
	#mainPopup{width:470px;left:20px;margin-left:0;}
	

	#container.include_side, #container, body #container{float: none;;padding:30px 5px 40px;}
	.personal-info .cellphone .box.last input{width:68px}
	.personal-info .post .box.last input{width:100%;}
	.personal-info .post .box.last input:first-child{width:100%;margin-bottom:5px}
	
	/*box-sizing:border-box*/
	#container{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
	
	/*display:none;*/
	.header_right,.footer_wrap address,.foot_logo,
	body.main .reserve,.main_bt ul li p,body.main #sidebar,.main_bt .shadow,.main_slide .slide_text .m_hide, .loca, .include_side #sidebar{display:none;}
	/*step style*/
	.priceInfo{padding: 20px 5px;}
	.include_step .group .step{margin-left:-3px;}
	/* full */
	.full #content{border-left:0;border-right:0;border-bottom:0}
	.content_header{border-bottom:0;padding:15px 0 30px}
	.sub02 .content_header h4 {width: 100%;}
	.content_body .lr_p30{padding:0;}
	.content_body .group1{padding:0;}
	.full, .full #content,.content_header,.content_body,.content_body .group1,.content_body .group2,.content_body .group3, html[class*="ie"] .content_body, ie6 .content_body, html[class*="ie"] .content_body .group1, ie6 .content_body .group1, .full .group.last, .content_body .group3{background:none;}
	.full {padding-left: 15px;padding-right: 15px;}/* 202407418추가 */
	.full .group1 h4 {font-size: 22px;}
	.full .group1 h5 {font-size: 18px;}

	.d_blind{visibility:visible;width:auto;height:auto;}
	.content_header .ul_qu{display:none;margin-bottom:10px;}
	.content_header .btn_write1{position:static;top:auto;margin-top:0;right:0;width:100%;height:40px;border:1px solid #ff6c20;border-radius: 2px;}
	.content_header .btn_write1 span{font-size:13px;}
	
	/*step style*/
	.include_step .group{background:none;border:none;padding:20px 0 0 0;margin:30px 0 0 0;border-top: 1px dashed #D8DBDB;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;border-radius: 0;}
	.include_step .group1{border:none;padding-top:0;margin-top:0;}
	.include_step .group.bg_gra1{background:none;}
	.sub_reserve .guidebox{padding-left: 70px;background-position: 15px 20px;line-height: 1.4;background-size: 40px;}
	.sub_reserve .guidebox p{padding-left: 0;}

	/* board */
	.author_info ul li{display:inline-block;}
	/* .board_w.rwd_table td{border:0;border-bottom:1px solid #ddd;} 2024.07.16 주석처리*/

	/*개인정보취급방침*/
	body.sub08 #content{border-top:0 none;}
	.sub08 .title_wrap, .sub08 .full{padding:0 10px;}
	
	/*자가진단 결과*/
	.sub_test-result dt.tab a{width:33.3%;}
	.sub_test-result dt.tab2 a{left:33.2%;width:33.3%;}
	.sub_test-result dt.tab3 a{left:auto;right:0;}
	.sub_test-result dt.tab4 a{top:30px;left:0;}
	.sub_test-result dt.tab5 a{top:30px;right:auto;left:33.2%;width:33.3%;}
	.sub_test-result dt.tab6 a{top:30px;right:0;}
	.sub_test-result .con_tab.tab2 th.item1 {width: 70px;}
	
	/*통합검색*/
	.sub_search .content_body, .sub_search .content_body .group1, html[class*="ie"] .sub_search .content_body, html[class*="ie"] .sub_search .content_body .group1{background:none;}
	.sub_search .group{padding:20px 0;}
	.sub_search .hospital table{width:100%}
	.sub_search .grade_box{width:100%;margin-top:10px;box-sizing:border-box;}
	.sub_search .grade li{margin-right:10px;}
	.sub_search .grade li strong{width:auto;margin-right:5px;vertical-align:middle;}
	.sub_search .grade li span{vertical-align:middle;}
	.sub_search .content_header .list_serch{width:100%;margin-top:10px;box-sizing:border-box;}
	.sub_search .bottom_wrap .btn_box{width:25%;}
	.sub_search #container{padding-top:20px}
	.sub_search .title_wrap h3 + p{border:none;padding-bottom:0;}
	.sub_search .content_header{padding:10px 0;}
	.sub_search .view_map{display:block;margin:5px 0 0 0;}
	
	/*사이트맵*/
	.sitemap .title_wrap h3 + p{border:none;padding-bottom:0;}
	.sitemap .box{width:auto;background:none;float:none;padding:25px 10px 0 10px;}
	.sitemap .list_wrap{width:auto;padding:0;float:none;}
	.sitemap .list_wrap li{width:27%;}
	.sitemap .list_wrap li.center{padding: 0 3% 0 6%;margin: 0 6% 0 3%;}
	.sitemap .group1 li li{width:100%}


	/* 2022030407 수정 -- 본인부담 가족검진, 가족검진 신청 페이지 */
	.title_wrap h3.title_br span.f28{display: block;font-size: 24px!important;margin-top: 5px;}	

	/* 리더 임원 배우자 검진예약하기 바로가기 버튼 추가 - 20220831 */
	body.main #sidebar{display:none}
	.aside_bts{width: 100%;}
	.aside_bts ul{width: 100%;padding: 0 5px;box-sizing: border-box;font-size: 0;text-align: right;}
	.aside_bts ul li{margin-top: 0;width: 50%;padding: 0 5px;display: inline-block;box-sizing: border-box;text-align: left;}
	.aside_bts ul li a {box-sizing: border-box;font-size: 12px;padding-left: 39px;}
	#sidebar .aside_bts ul li a::before{left: 10px;}
	#sidebar .aside_bts ul li a::after{right: 10px;}
	
	/* 리더 임원 검진예약하기 안내 문구추가 - 20220831 */
	.reservation_info{padding: 46px 15px 15px 15px;}
	.reservation_info .info_cont:first-of-type dt,
	.reservation_info .info_cont:last-of-type dt{width: 100%;display: block;}
	.reservation_info .info_cont > dt:after{position: static; margin: 0 auto;transform: rotate(90deg);}
	.reservation_info .info_cont > dd{width: 100%!important}
	.reservation_info .info_cont > dd .desc_tit{text-align: center;}

	/* 리더 임원 검진예약하기 안내 문구추가 - 20220831 */
	.reservation_info .info_cont > dt{word-break: keep-all;}
	.reservation_info .info_cont > dt br{display: none;}
	.reservation_info .info_cont > dd p.color_txt br{display: none;}
	.reservation_info .info_cont > dd p.color_txt{word-break: keep-all;}
	.reservation_info .info_cont > dd .mh_list_bx{margin: 0;width: 100%;}
	.reservation_info .infoTxt br{display: none;}
	.reservation_info .infoTxt p{word-break: keep-all;}
	.reservation_info .infoTxt b{display: block;}
	.reservation_info .infoTxt > a{width: 100%; position: static;transform: none;margin-top: 10px;}
	.reservation_info .infoTxt > a br{display: none;}

	/* 마이페이지 */
	.addfam li{text-align: center;}
	.addfam li p {width: 80%;margin:0 auto;text-align: center;}
	.addfam li img{padding-right: 0;padding-bottom: 10px;float: none;}

}


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

}

/*600 이하*/
@media only screen and (max-width: 600px){

	/* 검진일정 및 안내 버튼 */
	.sub01.sub_sche-guide .btn_wrap{flex-direction: column;}
	.sub01.sub_sche-guide .btn_wrap .radius{width: 100%;}
	.sub01.sub_sche-guide .group .btn_wrap button{width: 100%;}




	/*메인팝업*/
	#mainPopup{width:89%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}


	
	/*사이트맵*/
	.sitemap .list_wrap li{width:39%;margin-bottom:40px;}
	.sitemap .list_wrap li.center{padding:0;margin:0;border:none;}
	.sitemap .list_wrap li:nth-child(3){clear:both;}
	.sitemap .list_wrap li:nth-child(odd){margin-left:5%}
	.sitemap .list_wrap li:nth-child(even){margin-left:4%;margin-right:5%;padding-left:7%;border-left:1px solid #e2e2e2;}
	.sitemap .list_wrap li li:nth-child(odd){margin-left:0;}
	.sitemap .list_wrap li li:nth-child(even){margin-left:0;margin-right:0;border:none;;padding-left:10px;min-height:0;}

	/* 2022030407 수정 -- cj본인부담 가족검진, cj가족검진 신청 페이지 */
	.title_wrap h3.title_br span.f28{display: block;font-size: 19px!important;margin-top: 5px;}	

	/* 건강검진예약 > 검사항목 가이드 - 자가건강체크 - 결과보기 평가보고서 */
	.sub_test-result .group .con_tab.tab6.m_printMsg{margin-top: 30px;}
}

/*max481*/
@media only screen and (max-width: 480px){
	body.main #container{padding-top:20px}
	/*rwd_table*/
	.rwd_table table{margin:0 0 10px;border-bottom: 1px solid #ccc;}
	.rwd_table table,.rwd_table tr, .rwd_table th, .rwd_table td, .rwd_table tbody{display:block!important;width:100%!important;box-sizing:border-box;float:left;clear:left;}
	/* .rwd_table th, .rwd_table td, .rwd_table tr:first-child th:first-child{border:1px solid #ddd;border-top:none;} */
	.rwd_table h4{display:none;}
	.rwd_table h4+table, .rwd_table table+table{border-top:1px solid #ddd;}
	.rwd_table .div1{text-align:center;font-weight: bold;}
	.rwd_table .div2{font-size:13px;}
	.rwd_table tr:first-child th:first-child{background:#e8e9e9;color:#333;}
	/* .rwd_table .m_hide2{background:#e2eaee!important;color:#384e5a!important} */
	.rwd_table tr th:nth-last-of-type(2), .rwd_table table td.div1{background:#f6f6f6;font-weight:normal;}
	.rwd_table tr th:last-child, .rwd_table tr td:last-child{background:#fff;}
	.rwd_table th, .rwd_table td{box-sizing:border-box;}
	.rwd_table.list thead{display:none!important;}
	.rwd_table.list h4:first-child{display:block;}
	.rwd_table.list .table_first{display:none!important;}
	.rwd_table.list td, .rwd_table.list th{text-align:left;}
	.rwd_table.list .table_first + table{border-top:2px solid #6cc9e7}
	.rwd_table.list + #paging{clear:both;border-top:1px solid #bbbfc2}
	.rwd_table.list{padding:0;}
	 .col2.rwd_table tr:first-child th:first-child{background:#F6F6F6}
	 /* .col2 table tr th {border-top:1px solid #d9d9d9} 20240716*/
	 .col2 table tr th, .col2 table tr td{border-right:0;border-left:0;border-bottom: 0;padding:10px 0}
	.popup .col2 table tr th, .popup .col2 table tr td{border-right:0;border-left:0;padding:10px 5px;border-bottom: 1px solid #e6e7eb;}
	 .col5 tbody{margin-top:10px}
	 .col5.rwd_table th, .col5.rwd_table td{border-right:none;border-left:none;}
	 .col5.rwd_table .item1{background:#e8e9e9;text-align:center;}
	 .col5.rwd_table .item2{background:#e2eaee;color:#384e5a}
	 .col5.rwd_table .item3{background:#f6f6f6;color:#2d789e}
	 .col5.basic_table th, .col5.basic_table td{padding:10px 3px}
	 .personal-info .col2 tr th, .personal-info .col2 tr td{border-right:none!important;border-left:none!important;}
	 .personal-info td input {width: 100%;box-sizing: border-box;}
	/*통합검색*/
	.sub_search .hospital th{width:50px}
	.sub_search #fancybox-content{height:300px!important;}
	
	/*step style*/
	.include_step .group .step{background-size: 100% auto;width: 90px;height: 60px;margin-bottom: 0;padding:9px 10px 0 0;
		font-weight: normal;font-size: 11px;box-sizing: border-box;line-height: 1;}
	.include_step .group .step img {height: 32px;}
	.include_step .group .step span{font-weight:bold;margin-top:0;font-size: 22px;}
	.include_step .group h4 {margin: 15px 0 20px;} /* 검진예약 타이틀 제어 */
	/* .include_step .group h4 .br.m_show{display:block} */
	
	/*자가진단 결과*/
	.sub_test-result dt.tab a{padding: 8px 0;}
	.sub_test-result dt.tab1 a{border-right:none;}
	.sub_test-result dt.tab2 a{border-right:none}
	.sub_test-result dt.tab4 a{top:40px;}
	.sub_test-result dt.tab5 a{border-right:none; top:40px;}
	.sub_test-result dt.tab6 a{top:40px;}
	.sub_test-result .group .con_tab.tab6 .alignleft, .sub_test-result .group .con_tab.tab6 .alignright{width:100%;margin-bottom:5px}
	
	.main_slide .slide_text{width:49%;}
	/* .sub01 .group4 h4{margin-top: 25px;} */
	.sub01 .group6 h4{margin-top: 0;}

	/* 건강검진예약 > 검사항목 가이드 - 임직원 본인 예약 방법 */
	/* .sub01.sub_sche-guide .include_step.guide .group1 ol.bul_round2 > li{flex-direction: column;} */
	/* .sub01.sub_sche-guide .include_step.guide ol.bul_round2 li p{display: block;width: auto;margin: 0;} */
	/* .include_step ol.bul_round2 li div{text-align: center;margin-top: 10px;} */
	/* .sub01.sub_sche-guide .include_step.guide ol.bul_round2 li ul{display: inline-block;text-align: left;margin-top: 10px;} */
	/* .include_step.guide ol.bul_round2 li p+p{padding-top: 4px;} */
	/* .sub01.sub_sche-guide .include_step.guide ol.bul_round2 li div p+p+p{margin: 5px auto 0;width: 180px;} */

	/* 건강검진예약 > 검사항목 가이드 - 자가건강체크 */
	.test_info_wrap{margin-top: 0;}
	.test_info_wrap ul{float: none;width: 100%;}
	.test_info_wrap ul li{width:100%;height: auto;background-size:100% 100%;display: flex;align-items: center;gap: 20px;min-height: 105px;border:none;border-top: 1px solid #ddd;border-radius: 0;}
	.test_info_wrap ul li img{margin-top: 0;}
	.test_info_wrap ul li div  {width: 90%;}
	.test_info_wrap ul li div p {font-size: 14px;}
	

	/* 검진결과조회 */
	/* .sub02_01 .content_header .btn_wrap{top: 60px;} */
	.sub02_01 .content_header .btn_wrap select{width: auto}
	.sub0102-pop .rwd_table .table_first {display: none!important;}
	.sub0102-pop .rwd_table table {border-top: 2px solid #4d4d4d;}


/*	size styles
-------------------------------------------------------------------*/
div .f10 {font-size:12px;}  /*10px */
div .f11 {font-size:12px;}  /*10px */
div .f12 {font-size:12px;}  /*10px */
div .f13 {font-size:12px;}  /*10px */
div .f14 {font-size:14px;}   /*12px */
div .f15 {font-size:14px;}   /*12px */
div .f16 {font-size:14px;}   /*12px */
div .f18 {font-size:16px;}   /*14px */
div .f20 {font-size:16px;}   /*14px */
div .f22 {font-size:16px;}   /*14px */
div .f24 {font-size:17px;}   /*15px */
div .f26 {font-size:18px;}   /*16px */
div .f28 {font-size:19px;}   /*18px */
div .f30 {font-size:18px;}   /*18px */
div .f36 {font-size:19px;}   /*18px */


/*	text-align styles
-------------------------------------------------------------------*/
div .lh16 { line-height:12px;}
div .lh18 { line-height:14px;}
div .lh20 { line-height:16px;}
div .lh24 { line-height:18px;}


/*==================================================================
	5: PADDING
===================================================================*/
.p0{padding:0px !important; }
.p10{padding:5px !important; }
.p20{padding:10px !important; }
.p30{padding:15px !important; }
.p40{padding:20px !important; }
.p50{padding:25px !important; }

.pt0{padding-top:0px !important; }
.pt5{padding-top:2.5px !important; }
.pt10{padding-top:5px !important; }
.pt20{padding-top:10px !important; }
.pt30{padding-top:15px !important; }
.pt40{padding-top:20px !important; }
.pt50{padding-top:25px !important; }

.pr0{padding-right:0px !important; }
.pr5{padding-right:2.5px !important; }
.pr10{padding-right:5px !important; }
.pr20{padding-right:10px !important; }
.pr30{padding-right:15px !important; }
.pr40{padding-right:20px !important; }
.pr50{padding-right:25px !important; }

.pb0{padding-bottom:0px !important; }
.pb5{padding-bottom:2.5px !important; }
.pb10{padding-bottom:5px !important; }
.pb20{padding-bottom:10px !important; }
.pb30{padding-bottom:15px !important; }
.pb40{padding-bottom:20px !important; }
.pb50{padding-bottom:25px !important; }

.pl0{padding-left:0px !important; }
.pl5{padding-left:2.5px !important; }
.pl10{padding-left:5px !important; }
.pl20{padding-left:10px !important; }
.pl30{padding-left:15px !important; }
.pl40{padding-left:20px !important; }
.pl50{padding-left:25px !important; }


/*==================================================================
	6: MARGIN
===================================================================*/
.m0{margin:0px !important; }
.m5{margin:2.5px !important; }
.m10{margin:5px !important; }
.m20{margin:10px !important; }
.m30{margin:15px !important; }
.m40{margin:20px !important; }
.m50{margin:25px !important; }

.mt0{margin-top:0px !important; }
.mt5{margin-top:2.5px !important; }
.mt10{margin-top:5px !important; }
.mt20{margin-top:10px !important; }
.mt30{margin-top:15px !important; }
.mt40{margin-top:20px !important; }
.mt50{margin-top:25px !important; }
.mt70{margin-top:35px !important; }

.mr0{margin-right:0px !important; }
.mr5{margin-right:2.5px !important; }
.mr10{margin-right:5px !important; }
.mr20{margin-right:10px !important; }
.mr30{margin-right:15px !important; }
.mr40{margin-right:20px !important; }
.mr50{margin-right:25px !important; }

.mb0{margin-bottom:0px !important; }
.mb5{margin-bottom:2.5px !important; }
.mb10{margin-bottom:5px !important; }
.mb20{margin-bottom:10px !important; }
.mb30{margin-bottom:15px !important; }
.mb40{margin-bottom:20px !important; }
.mb50{margin-bottom:25px !important;}
.mb60{margin-bottom:30px !important;}
.mb70{margin-bottom:35px !important;}
.mb80{margin-bottom:40px !important;}

.ml0{margin-left:0px !important; }
.ml5{margin-left:2.5px !important; }
.ml10{margin-left:5px !important; }
.ml20{margin-left:10px !important; }
.ml30{margin-left:15px !important; }
.ml40{margin-left:20px !important; }
.ml50{margin-left:25px !important; }

	
}

/*모바일 가로(아이폰 기준)*/
@media only screen and (min-width: 321px) and (max-width: 480px){
	/*가족검진 진행 안내*/
	/* .sub_sche-guide2 .group1.bg_gra1 .box2 ul li {width: 30%;margin-bottom: 15px;}
	.sub_sche-guide2 .group1.bg_gra1 .box2 ul li+li+li+li {width: 35%;margin-bottom: 0}
	.sub_sche-guide2 .group1.bg_gra1 .box2 ul li:nth-of-type(5){width: 35%}	 */
}

/*모바일 세로(아이폰 기준)*/
@media only screen and (max-width: 320px){
	#mobile_gnb_sub .medi_alim p{width:55%;}
	#paging span{margin:0 2px;}
	.three_tab li{width:100%;}
	.personal-info .tel_comp input, .personal-info .tel_home input, .personal-info .cellphone input, .personal-info .post .box.first input{width:60px;}
	
	.sub_search #fancybox-wrap{left:50%!important;margin-left:-162px}
	
	.sub_search .bottom_wrap .btn_box{width:24%}
}