@CHARSET "UTF-8";

/*영양실*/
.medi_red{display: flex;gap: 20px;}
.medi_red p{display: flex; align-items: center;justify-content: center;width: 33.3%;text-align:center;padding:30px;box-sizing: border-box;background:#fff0db;}
.medi_red p:first-child{background:#ffe0e0;}
.medi_red p:last-child{background:#eaf2ff;}

/*물리치료팀*/
.page_explain{position:relative;display:flex;gap:60px;border-top:2px solid #00259c;padding:50px 45px;background:#f3f8ff;}
.page_explain::before{position:absolute;content:'';left:0;top:0;width:2px;height:30px;background:#00259c;}
.page_explain dt{font-size:2.3rem;font-weight:700;}
.progress_box{display:flex;gap:10px;}
.progress_box > div{width:20%;display: flex; flex-direction: column; align-items: center;justify-content: center;border:1px solid #d5d5d5;padding: 35px 15px;padding-top:95px;box-sizing:border-box;background-repeat:no-repeat;background-position:center top 35px;}
.progress_box > div.pro1{background-image:url(/nanum/site/builder/dir/main/img/menu6077/medi_ic01.gif);}
.progress_box > div.pro2{background-image:url(/nanum/site/builder/dir/main/img/menu6077/medi_ic02.gif);}
.progress_box > div.pro3{background-image:url(/nanum/site/builder/dir/main/img/menu6077/medi_ic03.gif);}
.progress_box > div.pro4{background-image:url(/nanum/site/builder/dir/main/img/menu6077/medi_ic04.gif);}
.progress_box > div.pro5{background-image:url(/nanum/site/builder/dir/main/img/menu6077/medi_ic05.gif);}
.progress_box > div.pro6{background-image:url(/nanum/site/builder/dir/main/img/menu6077/medi_ic06.gif);}
.progress_box > div.pro7{background-image:url(/nanum/site/builder/dir/main/img/menu6077/medi_ic07.gif);background-position: center top 30px;}
.progress_box > div.pro8{background-image:url(/nanum/site/builder/dir/main/img/menu6077/medi_ic08.gif);}
.progress_box > div.pro9{background-image:url(/nanum/site/builder/dir/main/img/menu6077/medi_ic09.gif);background-position: center top 25px;}
.progress_box > div.pro10{background-image:url(/nanum/site/builder/dir/main/img/menu6077/medi_ic10.gif);}
.progress_box > div p{text-align:center;}
.progress_box > div .txt{color:#999;}

/*센터소개-검진프로그램-기본정밀검진*/
.checkup_wrap{display:flex;gap: 20px;margin-top:50px;}
.checkup_wrap dl{width:33.3%;padding:40px 30px;border-radius:20px;box-sizing:border-box;background-repeat:no-repeat;background-position:right 30px top 40px;}
.checkup_wrap dl.time{background-color:#e6f6ee;background-image:url(/nanum/site/builder/dir/main/img/menu6077/simple_01.png);}
.checkup_wrap dl.for{background-color:#ecf2fe;background-image:url(/nanum/site/builder/dir/main/img/menu6077/simple_02.png);}
.checkup_wrap dl.check{background-color:#fef2f2;background-image:url(/nanum/site/builder/dir/main/img/menu6077/simple_03.png);}
.checkup_wrap dl dt{font-size:2rem;font-weight:600;margin-bottom:25px;}
.checkup_wrap dl.time dt{color:#3d785b;}
.checkup_wrap dl.for dt{color:#476299;}
.checkup_wrap dl.check dt{color:#914a4a;}

/*검진프로그램_구강검진*/
.teeth_wrap{display:flex;gap: 20px;}
.teeth_wrap dl{width:33.3%;padding:40px 30px;border:1px solid #6791e8;border-radius:20px;box-shadow: 0 0 10px #6791e824;box-sizing:border-box;}
.teeth_wrap dl:first-child{border-color:#6ab891;box-shadow: 0 0 10px #6ab89126;}
.teeth_wrap dl:last-child{border-color:#edb01f;box-shadow: 0 0 10px #edb01f24;}
.teeth_wrap dl dt{font-size:2rem;font-weight:700;}
.teeth_wrap dl dd{border-top:1px dashed #d5d5d5;padding-top:20px;margin-top:20px;}

/*센터소개_검진장비안내*/
.equip_poster{display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;margin-top: 40px;}
.equip_poster div{display: flex;width: 45%;height: 550px;border-radius: 10px;box-shadow: 0 0 20px rgb(0 0 0 / 5%);background: #f3f3f3;border: 1px solid #e7e7e7;box-sizing: border-box;overflow: hidden;}
.equip_poster img{width: 100%;}

/*응급의료센터*/
.grd_visit{display:flex;flex-wrap:wrap;justify-content: space-between;border-top:2px solid #111;}
.grd_visit .bx{width:48%;border-bottom:1px solid #ccc;padding:30px 25px 35px;box-sizing:border-box;}
.grd_visit .bx.w100{width:100%;}
.grd_visit .bx:nth-child(odd){border-left:0;}
.grd_visit .bx.icon01 p.tit{background-image: url(/nanum/site/builder/dir/main/img/menu6077/commo_ic01.png);}
.grd_visit .bx.icon02 p.tit{background-image: url(/nanum/site/builder/dir/main/img/menu6077/commo_ic02.png);}
.grd_visit .bx.icon03 p.tit{background-image: url(/nanum/site/builder/dir/main/img/menu6077/commo_ic03.png);}
.grd_visit .bx.icon04 p.tit{background-image: url(/nanum/site/builder/dir/main/img/menu6077/commo_ic04.png);}
.grd_visit .bx.icon05 p.tit{background-image: url(/nanum/site/builder/dir/main/img/menu6077/commo_ic05.png);}
.grd_visit .bx.icon06 p.tit{background-image: url(/nanum/site/builder/dir/main/img/menu6077/commo_ic06.png);}
.grd_visit p.tit{margin-bottom:30px;padding: 30px 0 30px 110px;;background: no-repeat 0 50%;font-size:2rem;font-weight:600;color:#111;}

.simpleflex{display:flex;flex-wrap: wrap;gap:15px;}
.simpleflex li{display: flex;flex-direction: column; align-items: center; justify-content: center;text-align:center;background:#f7f7f7;border:1px solid #d5d5d5;padding: 20px 10px;box-sizing: border-box;}
.simpleflex.no3 li{width: calc(100% / 3);max-width: 306px;}
.simpleflex.no4 li{width: calc(100% / 4);max-width: 226px;}
.simpleflex.no5 li{width: calc(100% / 5);max-width: 178px;}

/*응급증상종류*/
.bg_grid{display:flex;padding:40px 30px;border:1px solid #f0acac;box-sizing:border-box;background:#ffe4e4;margin-top: 40px;}
.bg_grid.yel{border:1px solid #eac9b1;background:#fff5ee;}
.bg_grid .grid_ct{width:100%;}
.bg_grid.no2{border:1px solid #eac9b1;background:#fff5ee;}
.bg_grid.no2 .grid_ct{width:50%;}
.bg_grid.no2 .grid_ct:nth-child(odd){padding-right:30px;border-right:1px dashed #eac9b1;box-sizing:border-box;}
.bg_grid.no2 .grid_ct:nth-child(even){padding-left:30px;box-sizing:border-box;}
.bg_grid .grid_ct > p{display: flex; align-items: center;font-size:2rem;font-weight:700;margin-bottom: 30px;}
.bg_grid .grid_ct > p span{display: inline-block;flex-shrink: 0;width:75px;height:75px;background:no-repeat left top;margin-right: 20px;}
.bg_grid .grid_ct > p.poison1 span{background-image:url(/nanum/site/builder/dir/main/img/menu6077/emer_icon01.png);}
.bg_grid .grid_ct > p.poison2 span{background-image:url(/nanum/site/builder/dir/main/img/menu6077/emer_icon02.png);}
.bg_grid .grid_ct > p.seizure span{background-image:url(/nanum/site/builder/dir/main/img/menu6077/emer_icon03.png);}
.bg_grid .grid_ct > p.dizzy span{background-image:url(/nanum/site/builder/dir/main/img/menu6077/emer_icon04.png);}
.bg_grid .grid_ct > p.hos_car span{background-image:url(/nanum/site/builder/dir/main/img/menu6077/emer_icon05.png);}
.bg_grid .grid_ct > p.disease span{background-image:url(/nanum/site/builder/dir/main/img/menu6077/emer_icon06.png);}

.burnimg{display:flex;justify-content: space-around;}
.burnimg > div{width:158px;text-align: center;font-weight: 600;box-sizing:border-box;}
.burnimg > div img{height: 180px; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 20px;}

.imp_wrap{display:flex;align-items: center;}
.imp_wrap.longtx{align-items: flex-start;}
.imp_wrap .imp_txt{flex-shrink: 0;font-size: 1.8rem;font-weight:700;color:#fff;padding:12px 25px;box-shadow:0 8px 8px rgba(0,0,0,0.1);background:#000;margin-right:20px;}
.imp_wrap .txt{line-height: 1.7;}


.bk_grid_box{display:flex;flex-wrap: wrap;border-top:1px solid #000;}
.bk_grid_box dl{padding:50px 25px;box-sizing: border-box;border-right:1px dashed #d5d5d5;border-bottom:1px solid #d5d5d5}
.bk_grid_box.no2 dl{width:50%;}
.bk_grid_box.no3 dl{width:33.3%;}
.bk_grid_box.no2 dl:nth-child(2n),
.bk_grid_box.no3 dl:nth-child(3n){border-right:0;}
.bk_grid_box dl dt{position:relative;font-size: 2rem;font-weight:700;margin-bottom:50px;}
.bk_grid_box dl dt:before{position:absolute;content:'';left:0;bottom:-25px;width:25px;height:2px;background:#000;}

/* 의료장비 */
.equipment .bx{display:flex;gap:40px;width:100%;margin-bottom:60px;padding-bottom:60px;border-bottom:1px solid #ddd;}
.equipment .bx.short{align-items:center;}
.equipment .bx .swiper{margin:0;width:350px;height:340px;border:1px solid #ededed;border-radius:15px;box-sizing:border-box;overflow:hidden;}
.equipment .bx .swiper img{width:100%;height:100%;object-fit:cover;}
.equipment .bx .swiper .contol{position: absolute;z-index: 1;width: 100%;height: 60px;bottom: 0;left: 0;padding: 0 20px;box-sizing: border-box;background: rgba(0,0,0,0.5);}
.equipment .bx .swiper .contol P{font-weight:600;font-size:2rem;color:#fff;line-height:60px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.equipment .bx .swiper .contol div{top: 22px;width:45px;height:60px;background:no-repeat center;}
.equipment .bx .swiper .contol .swiper-button-prev{left:auto;right:50px;background-image:url(/nanum/site/builder/dir/main/img/menu6077/equ_prev.png);}
.equipment .bx .swiper .contol .swiper-button-next{right:5px;background-image:url(/nanum/site/builder/dir/main/img/menu6077/equ_next.png);}
.equipment .swiper-button-next:after, 
.equipment .swiper-button-prev:after{display:none;}
.equipment .bx .equip_cont{flex-grow:1;width:0;}
.equipment .bx .equip_cont dt{font-size:2.3rem;font-weight:700;color:#000;margin-bottom: 15px;}
.equipment .bx .equip_cont dd .equ_blue{display: block;margin-bottom:10px;font-size:1.8rem;font-weight:700;color:#2865bf;}
.equipment .bx .equip_cont dd .topxt{padding-bottom: 25px;margin-bottom:25px;background-image: linear-gradient(to right, #cfcfcf 45%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 8px 1px;background-repeat: repeat-x;}
.equipment .bx .equip_cont dd > ul{margin-top:25px;}
.equipment .bx .equip_cont dd .conttxt{margin-top:15px;}
.equipment .bx .equip_cont dd .conttxt .divide{padding-top: 15px;margin-top:15px;background-image: linear-gradient(to right, #ababab 45%, rgba(255,255,255,0) 0%);background-position: top;background-size: 8px 1px;background-repeat: repeat-x;}




/********************태블릿********************/
@media all and (max-width:1024px){
	
/*응급의료센터*/
.simpleflex li{width: calc(100%/2);max-width: 48.5%;}
.simpleflex.no3 li{max-width: 32%;}
.simpleflex.no4 li{max-width: 23%;}
.simpleflex.no5 li{max-width: 18%;}

/* 의료장비 */
.equipment .bx{margin-bottom: 40px;padding-bottom: 40px;}
.equipment .bx .swiper{width: 290px;height: 270px;}
}


/********************모바일********************/
@media all and (max-width:767px){
	
/*영양실*/
.medi_red{flex-direction: column;gap: 10px;}
.medi_red p{width:100%;padding: 15px;}

/*물리치료팀*/
.page_explain{flex-direction: column;gap: 15px;padding: 30px 25px;}
.page_explain dd{font-size:1.7rem;}
.progress_box{flex-direction: column;}
.progress_box > div{width:100%;font-size: 1.7rem;padding:65px 15px 20px;background-size: 25px;background-position: 50% 25px;}
.progress_box > div.pro7{background-size: 20px;background-position: 50% 25px;}
.progress_box > div.pro9{background-position: 50% 20px;}
.progress_box > div p br{display:none;}

/*센터소개_검진장비안내*/
.equip_poster{flex-direction: column;gap: 15px;margin-top: 20px;}
.equip_poster div{width:100%;height:auto;}

/*센터소개-검진프로그램-기본정밀검진*/
.checkup_wrap{flex-direction: column;gap: 10px;margin-top: 25px;}
.checkup_wrap dl{width:100%;padding: 20px;background-position: 93% 17px;background-size: 30px;}
.checkup_wrap dl.for{background-size: 20px;}
.checkup_wrap dl.check{background-size: 23px;}
.checkup_wrap dl dt{margin-bottom: 5px;}
.checkup_wrap dl dd{font-size:1.7rem;}

/*검진프로그램_구강검진*/
.teeth_wrap{flex-direction: column;gap: 10px;}
.teeth_wrap dl{width:100%;padding: 20px;}
.teeth_wrap dl dd{padding-top: 10px;margin-top: 10px;}

/*응급의료센터*/
.grd_visit{flex-direction: column;margin-top: 30px;}
.grd_visit .bx{width:100%;padding: 20px;}
.grd_visit .bx:last-child{border-bottom:0;}
.grd_visit .bx:nth-child(odd){border-right:0;}
.grd_visit p.tit{margin-bottom: 10px;padding: 20px 0 20px 70px;background-size: 50px;}

.simpleflex li{width: 100% !important;max-width:none !important;}

/*응급증상종류*/
.bg_grid{flex-direction: column;margin-top: 25px;padding: 20px;}
.bg_grid.no2 .grid_ct{width:100%;}
.bg_grid .grid_ct{width:100%;border-bottom:1px dashed #eac9b1;}
.bg_grid.no2 .grid_ct:nth-child(odd),
.bg_grid .grid_ct:nth-child(odd){border-right:0;padding-right:0;padding-bottom:20px;}
.bg_grid .grid_ct:nth-child(even),
.bg_grid.no2 .grid_ct:nth-child(even){padding-left:0;}
.bg_grid .grid_ct:nth-child(n+2){padding:20px 0;}
.bg_grid .grid_ct:last-child,
.bg_grid.no2 .grid_ct:last-child{border-bottom:0;padding-bottom:0;}
.bg_grid .grid_ct > p{flex-direction: column;margin-bottom: 15px;}
.bg_grid .grid_ct > p span{width: 40px;height: 40px;background-size: 40px;margin-bottom: 10px;margin-right: 0;}

.burnimg{flex-wrap: wrap;gap: 20px;}
.burnimg > div{display: flex;justify-content: center;flex-direction: column;width: 45%;font-size: 1.7rem;}
.burnimg > div img{width: 75%;height: auto;margin: 0 auto;}

.bk_grid_box{flex-direction: column;}
.bk_grid_box.no2 dl,
.bk_grid_box.no3 dl{width:100%;}
.bk_grid_box dl{padding: 30px 20px;border-right:0;}
.bk_grid_box dl dt{margin-bottom: 30px;}
.bk_grid_box dl dt:before{bottom: -15px;}
.bk_grid_box dl:last-child{border-bottom:0;}

.imp_wrap{flex-direction: column;}
.imp_wrap.longtx{align-items: center;}
.imp_wrap .imp_txt{padding: 7px 25px;margin-right: 0;margin-bottom:15px;}

/* 의료장비 */
.equipment .bx{flex-direction: column;gap: 20px;}
.equipment .bx .swiper,
.equipment .bx .equip_cont{width:100%;}
.equipment .bx .swiper{height: 230px;}
.equipment .bx{margin-bottom: 30px;padding-bottom: 30px;}
.equipment .bx .equip_cont dd > ul{margin-top: 15px;}
.equipment .bx .equip_cont dt{font-size: 2rem;line-height: 1.4;}
.equipment .bx .equip_cont dd .equ_blue{line-height: 1.4;}
.equipment .bx .swiper .contol{height:40px;}
.equipment .bx .swiper .contol P{line-height:40px;font-size: 1.6rem;}
.equipment .bx .swiper .contol div{top:24px;width:35px;height:35px;}
.equipment .bx .swiper .contol .swiper-button-prev{right: 40px;background-size: 9px;}
.equipment .bx .swiper .contol .swiper-button-next{background-size: 9px;}
.equipment .bx .equip_cont dd .topxt,
.equipment .bx .equip_cont dd .conttxt,
.equipment .bx .equip_cont dd p span{font-size: 1.7rem !important;}
.equipment .bx .equip_cont dd .equ_blue{margin-bottom:5px !important;}
.equipment .bx .equip_cont dd .topxt{margin-bottom: 20px !important;padding-bottom: 20px !important;}
}


/********************모바일********************/
@media all and (max-width:485px){
	
}