@CHARSET "UTF-8";

.csize{width: 1280px;margin: 0 auto;}

/*진료시간*/
.basetxt{margin: 100px auto 80px;width: 1280px;text-align: center;}
.basetxt dt{display: inline-block;color: #1769ce;font-size: 2.2rem;font-weight: 700;}
.basetxt dd{margin-top: 5px;}
.basetxt dd .tit{margin-bottom: 25px;font-size: 4.4rem;font-weight: 700;line-height: 1.2;}
.basetxt dd .txt{color: #333;font-weight: 400;font-size: 2rem;}
.basetxt dd .txt span{font-weight: 600;}

.centerinfo{display: flex;gap: 20px;}
.centerinfo > li{position: relative;flex-grow: 0;display: flex;justify-content: end;width: 50%;padding: 60px 40px;box-sizing: border-box;text-align: center;color: #fff;border-radius: 20px;background: url(/nanum/site/builder/dir/main/img/menu6031/infobg01.jpg) no-repeat left top / cover;}
.centerinfo > li .centercont{width: 540px;}
.centerinfo > li .ci_top{position: relative;margin-bottom: 55px;padding-top: 40px;font-size: 3rem;font-weight: 700;text-shadow: 0 2px 2px rgba(0,0,0,.3);}
.centerinfo > li .ci_top:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 30px;height: 30px;background: url(/nanum/site/builder/dir/main/img/menu6031/info_ic01.png) no-repeat center top / 30px auto;filter: drop-shadow(0 2px 2px rgba(0,0,0,.3));}
.centerinfo > li.call{justify-content: flex-start;background-image: url(/nanum/site/builder/dir/main/img/menu6031/infobg02.jpg);}
.centerinfo > li.call .ci_top:before{background-image: url(/nanum/site/builder/dir/main/img/menu6031/info_ic02.png);}
.centerinfo ol{display: flex;gap: 60px;justify-content: center;margin-bottom: 40px;}
.centerinfo ol:last-child{margin-bottom: 0;}
.centerinfo ol > li{position: relative;flex-grow: 0;width: 33.3333%;font-size: 1.9rem;}
.centerinfo ol > li:before{content: '';position: absolute;right: -30px;top: 25px;width: 1px;height: 80px;background: rgba(255,255,255, .3);}
.centerinfo ol > li:last-child:before{display: none;}
.centerinfo ol > li span{display: block;width: 140px;margin: 0 auto 15px;padding: 50px 10px;border-radius: 25px;background: #fff;font-size: 2rem;font-weight: 700;color: #000;box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);box-sizing: border-box;}
.centerinfo ol.no_w > li span{background: #ffffff38;color: #fff;}
.centerinfo > li .line_box{padding: 30px 20px;border: 1px dashed rgba(255,255,255, .7);border-radius: 15px;background: rgba(255,255,255, .05);text-align: left;}
.centerinfo > li .line_box .point_txt{display: inline-block;font-size: 1.6rem !important;}

/* 진료예약 및 상담 */
.timetb_wr{display: flex;margin-bottom: 20px;flex-wrap: wrap;}
.timetb_wr li{flex: 1;display: flex;align-items: center;gap: 25px;}
.timetb_wr li p{flex-shrink: 0;display: flex;justify-content: center;align-items: center;width: 150px;height: 150px;border: 2px solid #327edd;border-radius: 30px;background: #f4f9ff;font-size: 2rem;font-weight: 700;color: #1060c4;text-align:center;}
.timetb_wr li span{font-size: 1.9rem;font-weight: 600;letter-spacing: 0;}
.timetb_wr.no4{flex-wrap: wrap;gap: 25px 0;}
.timetb_wr.no4 li{flex: 40%;}
.timetb_wr.no4 li:nth-child(n+3) p{background: #f6fdf5;border-color: #1f8d0f;color: #1f8d0f;}



/*오시는길*/
.hanmap .root_daum_roughmap {width:100% !important;}
.hanmap .wrap_controllers,
.hanmap .root_daum_roughmap .map_border,
.hanmap .section_address{display: none;}
.hanmap .maptxt{display: flex;justify-content: center;gap: 80px;padding: 30px 0;background: #f8f8f8;}
.hanmap .maptxt dl{position: relative;display: flex;align-items: center;gap: 20px;}
.hanmap .maptxt dl:before{content: '';position: absolute;right: -40px;top: 50%;transform: translateY(-50%);width: 1px;height: 25px;background: #ddd;}
.hanmap .maptxt dl:last-child:before{display: none;}
.hanmap .maptxt dl dt{padding-left: 30px;font-weight: 700;background: no-repeat left center / 18px auto;}
.hanmap .maptxt dl.add dt{background-image: url(/nanum/site/builder/dir/main/img/menu6031/maptxt01.png);}
.hanmap .maptxt dl.call dt{background-image: url(/nanum/site/builder/dir/main/img/menu6031/maptxt02.png);}
.hanmap .maptxt dl.reserv dt{background-image: url(/nanum/site/builder/dir/main/img/menu6031/maptxt03.png);}
.hanmap .maptxt dl dd{color: #555;}

.grid_blue{display: flex;gap: 25px;flex-wrap: wrap;}
.grid_blue > div{width: calc(50% - 13px);padding: 30px;border: 1px solid #e5e5e5;border-radius: 20px;background: #fff;box-sizing: border-box;}
.grid_blue.no3 > div{width: calc(33.3333% - 17px);}
.grid_blue > div > p{display: flex;align-items: center;gap: 20px;margin-bottom: 35px;font-size: 2.5rem;font-weight: 700;}
.grid_blue > div > p i{display: block;width: 90px;height: 90px;border-radius: 50%;background: #f5f8fd no-repeat center center;}
.grid_blue > div.metro > p i{background-image: url(/nanum/site/builder/dir/main/img/menu6031/mapic01.png);}
.grid_blue > div.bus > p i{background-image: url(/nanum/site/builder/dir/main/img/menu6031/mapic02.png);}
.grid_blue > div.n1 > p i{background-image: url(/nanum/site/builder/dir/main/img/menu6031/mapic03.png);}
.grid_blue > div.n2 > p i{background-image: url(/nanum/site/builder/dir/main/img/menu6031/mapic04.png);}
.grid_blue > div.etc{border-color: #f5f8fd;background: #f5f8fd;}
.grid_blue > div.etc > p i{background-color: #fff;}
.grid_blue > div .list li{display: flex;gap: 20px;font-weight: 400;color: #333;}
.grid_blue > div .list > li:before{content: '';position: absolute;left: 4px;top: 15px;width: 1px;height: 100%;background: rgba(50, 126, 221, .2);}
.grid_blue > div .list > li:last-child:before{display: none;}
.grid_blue > div .list li span{position: relative;flex-shrink: 0;padding-right: 20px;font-weight: 500;color: #000;}
.grid_blue > div .list li span:before{content: '';position: absolute;right: 0;top: 5px;width: 1px;height: 15px;background: #d1d9ea;}
.grid_blue > div .list.noflex li{flex-direction: column;gap: 5px;}
.grid_blue > div .list.noflex li span:before{display: none;}

/*증명서발급*/
.certifiimg{width: 1560px;margin: 0 auto;border-radius: 20px;font-size: 0;line-height: 0;overflow: hidden;}
.humanbox{display: flex;gap: 25px;}
.humanbox li{flex-grow: 1;width: 33.3333%;padding: 160px 20px 50px 20px;border: 1px solid #e5e5e5;border-radius: 20px;box-sizing: border-box;background: #fff no-repeat center top 40px;}
.humanbox:not(.tac) li{padding: 50px 20px 50px 160px;background-position: left 40px center;}
.humanbox li.n1{background-image: url(/nanum/site/builder/dir/main/img/menu6031/certi_ic01.png);}
.humanbox li.n2{background-image: url(/nanum/site/builder/dir/main/img/menu6031/certi_ic02.png);}
.humanbox li.n3{background-image: url(/nanum/site/builder/dir/main/img/menu6031/certi_ic03.png);}
.humanbox li.n4{background-image: url(/nanum/site/builder/dir/main/img/menu6031/certi_ic04.png);}
.humanbox li.n5{background-image: url(/nanum/site/builder/dir/main/img/menu6031/certi_ic05.png);}
.humanbox li .bd{margin-bottom: 10px;font-size: 2.5rem;font-weight: 700;}
.humanbox li .bd span{display: block;font-size: 1.8rem;color: #327edd;}
.humanbox.tac li .bd{margin-bottom: 10px;}
.humanbox li .sm{font-size: 1.8rem;color: #555;}

/* 번역 */
.translated-ltr .centerinfo ol > li span{line-height: 1.2;word-break: break-word;}
.translated-ltr .centerinfo ol > li{line-height: 1.1;}
.translated-ltr .grid_blue > div .list li{flex-wrap: wrap;}


/********************1600********************/
@media all and (max-width:1600px){

.certifiimg{width: calc(100% - 4vw);height: auto;}
.certifiimg img{width: 100%;height: 100%;}

}

/********************1280********************/
@media all and (max-width:1280px){

.csize{width: 100%;}

/*진료시간*/
.basetxt{margin: 60px auto;width:100%;}
.basetxt dd .tit{font-size: 3.5rem;}

.centerinfo{margin-bottom: 30px;}
.centerinfo > li,
.centerinfo > li.call{padding: 60px 30px;border-radius: 20px;}
.centerinfo > li .ci_top{margin-bottom: 40px;font-size: 2.5rem;}
.centerinfo > li .centercont{width: 100%;}
.centerinfo ol{gap: 10%;}
.centerinfo ol > li:before{right: -20%;}
.centerinfo ol.mbf > li:before{right: -16%;}
.centerinfo ol > li{width: 30%;font-size: 2rem;}
.centerinfo ol > li span{width: 100%;font-size: 1.9rem;padding: 25px 10px;}

}

/********************태블릿********************/
@media all and (max-width:1024px){

/*진료시간*/
.basetxt{margin: 20px auto 40px;}
.basetxt dt{font-size: 2rem;}
.basetxt dd .tit{margin-bottom: 15px;font-size: 3rem;}

.centerinfo{flex-direction: column;margin-bottom: 0;}
.centerinfo > li{width: 100%;}
.centerinfo > li,
.centerinfo > li.call{padding: 30px;}
.centerinfo > li .ci_top{margin-bottom: 30px;padding-top: 30px;font-size: 2.2rem;}
.centerinfo > li .ci_top:before{width: 20px;height: 20px;background-size: 20px auto;}
.centerinfo > li .line_box{padding: 30px 20px;}

/* 진료예약 및 상담 */
.timetb_wr{gap: 10px;}
.timetb_wr li{gap: 15px;flex: 40%;}
.timetb_wr li p{width: 120px;height: 90px;border-radius: 20px;font-size: 1.9rem;}
.timetb_wr li span{font-size: 1.8rem;line-height: 1.3;}

/*오시는길*/
.hanmap .maptxt{flex-direction: column;gap: 10px;padding: 20px;}
.hanmap .maptxt dl:before{display: none;}

.grid_blue{gap: 15px;}
.grid_blue > div,
.grid_blue.no3 > div{width: 100%;padding: 25px;border-radius: 15px;}
.grid_blue > div > p{gap: 15px;margin-bottom: 20px;font-size: 2.3rem;}
.grid_blue > div > p i{width: 50px;height: 50px;background-size: 33px auto;}

/*증명서발급*/
.certifiimg{width: 100%;border-radius: 15px;}

.humanbox{flex-direction: column;gap: 15px;}
.humanbox li{width: 100%;padding: 110px 20px 40px 20px;border-radius: 15px;background-position:  center top 30px;background-size: 65px auto;}
.humanbox:not(.tac) li{padding: 40px 20px 40px 130px;background-position: left 34px center;}
.humanbox li .bd{font-size: 2.2rem;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
/*진료시간*/
.basetxt{margin: 0 auto 25px;}
.basetxt dd .tit{margin-bottom: 5px;font-size: 2.6rem;}
.basetxt dd .txt{font-size: 1.8rem;}

.centerinfo > li,
.centerinfo > li.call{padding: 20px;}
.centerinfo > li .ci_top{margin-bottom: 20px;font-size: 2.5rem;}
.centerinfo ol{margin-bottom: 20px;}
.centerinfo ol > li:before{height: 50px;}
.centerinfo ol > li span{border-radius: 15px;}
.centerinfo > li .line_box{padding: 20px 15px;}
.centerinfo > li .line_box .point_txt{font-size: 1.75rem !important;}

/* 진료예약 및 상담 */
.timetb_wr{flex-direction: column;margin-bottom: 10px;}
.timetb_wr.no4{gap: 10px 0;}
.timetb_wr li{gap: 10px;align-items: baseline;}
.timetb_wr li p{width: 100px;height: 40px;border-radius: 15px;}
.timetb_wr li span{font-size: 1.9rem;}

/*오시는길*/
.hanmap .maptxt dl{font-size: 1.8rem;line-height: 1.3;}
.hanmap .maptxt dl dt{padding-left: 20px;background-size: 14px auto;}
.grid_blue > div,
.grid_blue.no3 > div{padding: 20px;}
.grid_blue > div > p{margin-bottom: 15px;}
.grid_blue > div > p i{background-size: 25px auto;}
.grid_blue > div .list li{gap: 10px;padding-left: 15px;font-size: 1.85rem;}
.grid_blue > div .list li span{padding-right: 12px;}
.grid_blue > div .list li span:before{height: 12px;}

/*증명서발급*/
.humanbox li,
.humanbox:not(.tac) li{text-align: center;padding: 85px 20px 25px 20px;background-size: 50px auto;background-position: center top 18px;}
.humanbox li .bd{margin-bottom: 5px;font-size: 2rem;}

}

/********************500********************/
@media all and (max-width:500px){
	
/*진료시간*/
.centerinfo ol{flex-direction: column;gap: 10px;}
.centerinfo ol > li{display: flex;align-items: center;gap: 15px;width: 100%;}
.centerinfo ol > li:before{display: none;}
.centerinfo ol > li span{margin: 0;padding: 5px;width: 100px;border-radius: 10px;}

}

/********************웹********************/
@media all and (min-width:1025px) {
	

}