@charset "utf-8";

.clinic section{ padding:5em 0; /* transition:all .1s linear;*/ overflow:hidden}  /*진료과목들에서 사용*/



/*컨텐츠*/

/*폰트 강조*/

/*색상*/
.color_y{ color:#df8b01 !important}/*yellow*/
.color_y2{ color:#ffde86 !important}
.color_y3{ color:#c15f10 !important}

.color_g{ color:#4a8318 !important} /*green*/
.color_g2{ color:#8cda38 !important}
.color_w{ color:#fff !important} /*white*/
.color_p{ color:#6d2086 !important}
.color_b{ color:#ad7e65 !important}

.color_b1{ color:#333 !important}
.color_b2{ color:#666 !important}
.color_b3{ color:#999 !important}

.shadow{ text-shadow: #fff 1px 1px 1px !important;}
.shadow_b{ text-shadow: #000 1px 1px 1px !important;}
.shadow_b2{ text-shadow: #333 1px 1px 3px !important;}
.shadow_b3{ text-shadow: #666 1px 1px 3px !important;}



/*강조*/
.u{ text-decoration:underline}
/*사이즈*/
.font_s16{ font-size:16px !important; line-height:1.4em}
.font_s18{ font-size:18px !important; line-height:1.4em}
.font_s20{ font-size:20px !important; line-height:1.4em } /*기본*/
.font_s25{ font-size:25px !important;line-height:1.4em }
.font_s30{ font-size:30px !important;line-height:1.4em }

/*기본*/
.sub_container{ text-align:center; clear:both; position:relative; margin:0 auto;  z-index:1;overflow:hidden ;}
.clinic section{ padding:5em 0; /* transition:all .1s linear;*/ overflow:hidden}  /*진료과목들에서 사용*/
.sarangin section{ padding:3em 0} /*사랑인소개*/
.sub_container h3{ font-size:45px;  margin:0px 0 40px 0; letter-spacing:-1px;  font-weight:600 ; line-height:1.2em }
.sub_container h3 span.small{ font-size:25px; line-height:1em; margin-bottom:0; font-weight:400}

.sub_container .back_g{ background:#6faa30; display:inline-block; padding:10px 20px}   /*그린바 타이틀 질문있습니다. */
.sub_container .back_y{ background:#d38315; display:inline-block; padding:10px 20px} /*다이어트 질문*/


.sub_container h4{ font-size:35px;margin:0px 0 25px 0; letter-spacing:-1px;  font-weight:500 ; line-height:1.2em}

.sub_container h5{ font-size:28px;margin:0px 0 20px 0; letter-spacing:-1px;  font-weight:500 ; line-height:1.2em}

/*사랑인페이지 타이틀*/
.sub_ctit{}
.sub_ctit p.small{ font-size:12px; color:#ac83b9; letter-spacing:1px; font-weight:400}

.text_c{text-align:center}
@media screen and (max-width:1300px){
.font_s16{ font-size:14px !important;}
.font_s18{ font-size:16px !important;}
.font_s20{ font-size:18px !important;} /*기본*/
.font_s25{ font-size:22px !important; }
.font_s30{ font-size:26px !important; }

/*기본*/
.sub_container{ }
.clinic section{ padding:5em 0}
.sub_container h3{ font-size:30px;  margin:0px 0 30px 0;  font-weight:500 ;  }
.sub_container h3 span.small{ font-size:18px}
.sub_container h4{ font-size:25px; margin:0px 0 20px 0;}

.sub_container h5{ font-size:20px; margin:0px 0 20px 0; }



}




@media screen and (max-width:860px){
.font_s16{ font-size:13px !important;}
.font_s18{ font-size:14px !important;}
.font_s20{ font-size:15px !important;} /*기본*/
.font_s25{ font-size:16px !important; }
.font_s30{ font-size:18px !important; }

/*기본*/
.sub_container{ }
.clinic section{ padding:3em 0}
.sub_container h3{ font-size:18px; margin:0px 0 20px 0;  }
.sub_container h3 span.small{ font-size:16px}
.sub_container h4{ font-size:17px; margin:0px 0 20px 0;}

.sub_container h5{ font-size:16px; margin:0px 0 20px 0; }


}





.basic_tab{   font-size:0;}/*탭: 공통 의료진*/
.basic_tab ul{ margin:0; padding:0; font-size:0;line-height:0 }
.basic_tab ul:after{ clear:both; display:block; content:"";}
.basic_tab ul li{_display:inline;*float:left; width:20%; display:inline-block }
.basic_tab ul li:first-child{margin-left:0%;}
.basic_tab ul li a{display:block;_float:left;color:#333;background:#e7e7e7; cursor:pointer; text-align:center;  line-height:40px; border:1px solid #e7e7e7; overflow:hidden ; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;  font-size:18px; margin:0 2px}
.basic_tab ul li.on{   }
.basic_tab ul li.on a{ color:#fff; background:#6d2086 ;  border:1px solid #6d2086}
.basic_tab_con{ clear:both;}


ul.basic_dot li{ padding-left:10px; background:url(../img/contents/sarangin/list_dot.gif) no-repeat 2px 12px; margin-bottom:5px}   /*이미지 공용 사용*/





.basic_tb{table-layout:fixed; width:100%;  word-break:break-all; }
.basic_tb tr th,.basic_tb tr td  { padding:2%; border:1px solid #d4d4d4 ; background:#fff;  text-align:center; line-height:1.5em; }
.basic_tb tr th {background:#f2f2f2 ; vertical-align:top}
.basic_tb tr td { font-size:0.9em; vertical-align:top}
/*
.basic_tb th:first-child, .basic_tb td:first-child{border-left:none;}
.basic_tb th:last-child, .basic_tb  td:last-child{border-right:none;}*/
.basic_tb .left { text-align: left }
.basic_tb .right { text-align: right }
.basic_tb td img{ max-width:100%}



.basic_tb2{table-layout:fixed; width:100%;  word-break:break-all; }  /*패딩작은*/
.basic_tb2 tr th,.basic_tb2 tr td  { padding:0.5em; border:1px solid #d4d4d4 ; background:#fff;  text-align:center; line-height:1.5em; }
.basic_tb2 tr th {background:#f2f2f2 ;}
.basic_tb2 tr td { font-size:0.9em}
/*
.basic_tb2 th:first-child, .basic_tb2 td:first-child{border-left:none;}
.basic_tb2 th:last-child, .basic_tb2  td:last-child{border-right:none;}*/
.basic_tb2 .left { text-align: left }
.basic_tb2 .right { text-align: right }
.basic_tb2 td img{ max-width:100%}



@media screen and (max-width:1200px){
ul.basic_dot li{ background-position: 2px 10px}   /*이미지 공용 사용*/
}

br.br{}
@media screen and (max-width:1000px){
br.br{ display:none}
.basic_tab ul li a{  line-height:20px;}


}













/*컨텐츠*/
.max_1000{ max-width:1000px; margin:0 auto} /*일반 문장 텍스트 수정불가*/
.max_800{max-width:800px; margin:0 auto}
.max_800_l{max-width:800px;  }
.max_600{max-width:600px; margin:0 auto}
.max_600_l{max-width:600px; }
.box_intext{ background:#fff; background:rgba(255,255,255,0.9); padding:3em} /*박스안텍스트 클리닉 컨텐츠 공통 수정불가*/


.bg_line{  background:#fff url(../img/contents/bg_line.gif) no-repeat top center; background-size: cover} /*공통보라*/
.bg_line2{  background:#fff url(../img/contents/bg_line2.jpg) no-repeat top center;  } /*공통노란*/
.bg_line3{  background:#fff7f0 url(../img/contents/bg_line3.jpg) no-repeat top center;  } /*노란배경하얀선*/
.bg_line4{  background:#fff url(../img/contents/bg_line4.jpg) no-repeat center center; background-size: cover; } /*그린배경하얀선*/


.box_img{ background:#fff; border:1px solid #CCC; padding:1em}


/*기본 bg*/
.bg_gray{ background:#f4f4f4} /*공통*/
.bg_yellow{ background:#fbf7f4} /*공통*/
.bg_green{ background:#F1FCF3} /*공통*/
.line_top{ border-top:1px solid #ebebeb}




/*백그라운드*/



/*한방내과 */
.internal_01_1{  background:#fff url(../img/contents/internal_01_bg1.jpg) no-repeat top center; background-size: cover } /*담적 치료법*/
.internal_01_2{  background:#cbcbcd url(../img/contents/internal_01_bg2.jpg) no-repeat top center; } /*담적 생활관리*/
.internal_02_1{  background:#fff url(../img/contents/internal_02_bg1.jpg) no-repeat top center; background-size: cover } /*역류성 치료법*/
.internal_02_2{  background:#fff url(../img/contents/internal_02_bg2.jpg) no-repeat center center; background-size: cover }  /*역류성 이유*/
.internal_03_1{  background:#fff url(../img/contents/internal_03_bg1.jpg) no-repeat top center; background-size: cover } /*신경성위염 치료법*/
.internal_03_3{  background:#ccc url(../img/contents/internal_06_bg2.jpg) no-repeat top center; background-size: cover }
.we_img{float:right; position:absolute; top:50px; right:5%}/*신경성, 역류성 의사 이미지 */
@media screen and (max-width:1200px){
.internal_02_2{  background-position: 70% center }  /*역류성 이유*/
.we_img{ display:none}
}

.internal_04_1{  background:#fff url(../img/contents/internal_04_bg1.jpg) no-repeat top center; background-size: cover } /*치료법*/
.internal_05_1{  background:#ccc url(../img/contents/internal_05_bg1.jpg) no-repeat top center; background-size: cover } /*한의학에서*/
.internal_05_2{  background:#fff url(../img/contents/internal_01_bg1.jpg) no-repeat top center; background-size: cover } /*변비치료법*/
.internal_05_3{  background:#fff url(../img/contents/internal_05_bg3.jpg) no-repeat top center; background-size: cover } /*생활관리*/
.internal_06_1{  background:#ccc url(../img/contents/internal_06_bg1.jpg) no-repeat top center; background-size: cover } /*한의학에서 설사*/
.internal_06_2{  background:#ccc url(../img/contents/internal_06_bg2.jpg) no-repeat top center; background-size: cover } /*설사치료법*/
.internal_06_3{  background:#ccc url(../img/contents/internal_06_bg3.jpg) no-repeat top center; background-size: cover } /*생활관리*/
.internal_07_1{  background:#ccc url(../img/contents/internal_07_bg1.jpg) no-repeat top center ; background-size: cover } /*한의학에서 감기*/
.internal_07_2{  background:#ccc url(../img/contents/internal_07_bg2.jpg) no-repeat top center; background-size: cover } /*감기치료법*/
.internal_07_3{  background:#ccc url(../img/contents/internal_07_bg3.jpg) no-repeat top center; background-size: cover } /*생활관리*/
.internal_08_1{  background:#fff url(../img/contents/internal_08_bg1.jpg) no-repeat top center ; background-size: cover } /*한의학에서 기침*/
.internal_08_2{  background:#fff url(../img/contents/internal_09_bg2.jpg) no-repeat top center ; background-size: cover } /*기침 치료법*/
.internal_08_3{  background:#ccc url(../img/contents/internal_08_bg3.jpg) no-repeat top center ; background-size: cover } /*생활요령*/
.internal_09_1{  background:#fff url(../img/contents/internal_09_bg1.jpg) no-repeat top center ; background-size: cover } /*한의학에서 기침*/
.internal_09_2{  background:#fff url(../img/contents/internal_09_bg2.jpg) no-repeat top center ; background-size: cover } /*기침 치료법*/
.internal_09_3{  background:#ccc url(../img/contents/internal_09_bg3.jpg) no-repeat top center ; background-size: cover } /*생활요령*/




.oriental_01_1{background:#fff url(../img/contents/oriental_01_bg1.jpg) no-repeat bottom center; background-size: cover} /*생활요령*/
.oriental_02_1{background:#fff url(../img/contents/oriental_02_bg1.jpg) no-repeat bottom center; background-size: cover} /*한의학에서*/
.oriental_03_1{background:#fff url(../img/contents/oriental_03_bg1.jpg) no-repeat bottom center; background-size: cover} /*한의학에서*/
.oriental_04_1{background:#fff url(../img/contents/oriental_04_bg1.jpg) no-repeat bottom center; background-size: cover} /*치료*/
.oriental_05_1{background:#fff url(../img/contents/oriental_05_bg1.jpg) no-repeat bottom center; background-size: cover} /*한의학에서*/
.oriental_05_2{background:#fff url(../img/contents/oriental_05_bg2.jpg) no-repeat bottom center; background-size: cover} /*생활관리*/



/*한방부인과*/
.woman_01_1{background:#fff url(../img/contents/woman_01_bg1.jpg) no-repeat top center; background-size: cover}
.woman_01_2{background:#fff url(../img/contents/woman_03_bg1_1.jpg) no-repeat top center; background-size: cover}
.woman_02_1{background:#999 url(../img/contents/woman_02_bg3.jpg) no-repeat top center; background-size: cover} /*치료법*/
.woman_03_1{background:#fff url(../img/contents/woman_03_bg1.jpg) no-repeat top center; background-size: cover} /*치료법*/
.woman_04_1{background:#fff url(../img/contents/woman_03_bg1.jpg) no-repeat top center; background-size: cover} /*치료법*/
.woman_04_2{background:#fff url(../img/contents/woman_04_bg2.jpg) no-repeat top center; background-size: cover} /*사랑인한의원에서*/
.woman_05_1{background:#fff url(../img/contents/woman_03_bg1.jpg) no-repeat top center; background-size: cover} /*치료법*/
.woman_06_2{background:#fff url(../img/contents/woman_06_bg2.jpg) no-repeat top center; background-size: cover} /*한의학에서의*/
.woman_06_3{background:#fff url(../img/contents/woman_06_bg3_2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.woman_07_2{background:#fff url(../img/contents/woman_06_bg2.jpg) no-repeat top center; background-size: cover} /*한의학에서의*/
.woman_07_3{background:#fff url(../img/contents/woman_07_bg3.jpg) no-repeat top center; background-size: cover} /*치료법*/
.woman_08_1{background:#fff url(../img/contents/woman_08_bg1.jpg) no-repeat top center; background-size: cover} /*치료법*/
.woman_09_1{background:#fff url(../img/contents/woman_09_bg1.jpg) no-repeat top center; background-size: cover} /*치료법*/


/**/
.pregnancy_01_1{  background:#999 url(../img/contents/pregnancy_01_bg1.jpg) no-repeat top center; background-size: cover} /*난임*/
.pregnancy_01_1 .box_intext{ background:#fff url(../img/contents/pregnancy_01_img1.jpg) no-repeat right bottom}
@media screen and (max-width:1200px){
.pregnancy_01_1 .box_intext{ background-image:none}
}

.pregnancy_01_2{  background:#999 url(../img/contents/pregnancy_01_bg3.jpg) no-repeat top center; background-size: cover}/*치료법*/

.pregnancy_03_2{  background:#999 url(../img/contents/pregnancy_03_bg2.jpg) no-repeat top center; background-size: cover}/*치료법*/
.pregnancy_04_2{  background:#999 url(../img/contents/pregnancy_04_bg2.jpg) no-repeat top center; background-size: cover}/*치료법*/
.pregnancy_05_1{  background:#999 url(../img/contents/pregnancy_05_bg1.jpg) no-repeat center center; background-size: cover}/*bg*/
.pregnancy_05_2{  background:#999 url(../img/contents/pregnancy_05_bg2.jpg) no-repeat top center; background-size: cover}/*치료법*/
.pregnancy_06_2{  background:#999 url(../img/contents/pregnancy_03_bg2.jpg) no-repeat top center; background-size: cover}/*치료법*/
.pregnancy_07_2{  background:#999 url(../img/contents/pregnancy_03_bg2.jpg) no-repeat top center; background-size: cover}/*치료법*/
.pregnancy_06_1{  background:#999 url(../img/contents/pregnancy_06_bg1.jpg) no-repeat top center; background-size: cover} /*35세이상치료법*/
.pregnancy_07_1{  background:#999 url(../img/contents/pregnancy_07_bg1.jpg) no-repeat top center; background-size: cover} /*치료법*/
.pregnancy_08_1{  background:#999 url(../img/contents/pregnancy_08_bg1.jpg) no-repeat top center; background-size: cover}/*bg*/
.pregnancy_08_2{  background:#999 url(../img/contents/pregnancy_03_bg2_2.jpg) no-repeat top center; background-size: cover}/*치료법*/
.pregnancy_09_2{  background:#999 url(../img/contents/pregnancy_09_bg2.jpg) no-repeat top center; background-size: cover}/*치료법*/
.pregnancy_10_1{  background:#999 url(../img/contents/pregnancy_10_bg1.jpg) no-repeat top center; background-size: cover} /*주의사항*/




/*통증질환*/
.pain_01_1{background:#fff url(../img/contents/pain_01_bg1.jpg) no-repeat top center; background-size: cover} /*허리예후*/
.pain_01_2{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover; } /*허리치료법*/
.pain_01_3{background:#fff url(../img/contents/pain_01_bg3.jpg) no-repeat top center; background-size: cover; } /*생활관리*/
.pain_02_1{background:#fff url(../img/contents/pain_02_bg1.jpg) no-repeat top center; background-size: cover} /*허리예후*/
.pain_02_2{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover; } /*허리치료법*/
.pain_02_3{background:#fff url(../img/contents/pain_02_bg3.jpg) no-repeat top center; background-size: cover; } /*생활관리*/
.pain_03_1{background:#fff url(../img/contents/pain_03_bg1.jpg) no-repeat top center; background-size: cover} /*허리예후*/
.pain_03_2{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover; } /*허리치료법*/
.pain_03_3{background:#fff url(../img/contents/pain_03_bg3.jpg) no-repeat center center; background-size: cover; } /*생활관리*/
.pain_04_1{background:#999 url(../img/contents/pain_04_bg1.jpg) no-repeat top center; background-size: cover} /*좌골신경통치료법*/
.pain_04_2{background:#999 url(../img/contents/pain_04_bg2.jpg) no-repeat top center; background-size: cover; min-height:300px} /*좌골신경생활관리*/
.pain_06_1{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover;}
.pain_10_4{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover;}
.pain_11_4{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover;}
@media screen and (max-width:1200px){
.pain_04_2{ min-height:100px}
}

.pain_05_1{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.pain_05_2{background:#fff url(../img/contents/pain_05_bg3.jpg) no-repeat top center; background-size: cover; min-height: 300px;} /*생활관리*/
.pain_06_2{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.pain_06_3{background:#fff url(../img/contents/pain_06_bg3.jpg) no-repeat center center; background-size: cover} /*생활관리*/
.pain_07_2{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.pain_07_3{background:#fff url(../img/contents/pain_07_bg3.jpg) no-repeat top center; background-size: cover} /*생활관리*/
.pain_08_2{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.pain_08_3{background:#fff url(../img/contents/pain_08_bg3.jpg) no-repeat top center; background-size: cover} /*생활관리*/
.pain_09_2{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.pain_09_3{background:#fff url(../img/contents/pain_09_bg3.jpg) no-repeat top center; background-size: cover} /*생활관리*/
.pain_10_1{background:#fff url(../img/contents/pain_10_bg1.jpg) no-repeat top center; background-size: cover} /*한의학에서의*/
.pain_10_2{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.pain_10_3{background:#fff url(../img/contents/pain_10_bg3.jpg) no-repeat top center; background-size: cover} /*생활관리*/
.pain_11_1{background:#fff url(../img/contents/pain_10_bg1.jpg) no-repeat bottom center; background-size: cover} /*한의학에서의*/
.pain_11_2{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.pain_12_2{background:#fff url(../img/contents/pain_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.pain_12_3{background:#fff url(../img/contents/pain_12_bg3.jpg) no-repeat top center; background-size: cover} /*생활관리*/




/*두면부질환*/
.face_01_1{background:#fff url(../img/contents/face_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.face_02_1{background:#fff url(../img/contents/face_01_bg1.jpg) no-repeat bottom center; background-size: cover} /*한의학에서의*/
.face_02_2{background:#fff url(../img/contents/face_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.face_02_3{background:#fff url(../img/contents/face_02_bg3.jpg) no-repeat top center; background-size: cover} /*원인*/





.face_03_1{background:#fff url(../img/contents/face_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.face_04_1{background:#fff url(../img/contents/face_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.face_05_1{background:#fff url(../img/contents/face_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.face_06_1{background:#fff url(../img/contents/face_01_bg1.jpg) no-repeat bottom center; background-size: cover} /*한의학에서의*/
.face_06_2{background:#fff url(../img/contents/face_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.face_06_3{background:#fff url(../img/contents/face_06_bg3.jpg) no-repeat bottom center; background-size: cover} /*생활관리*/





/*특수질환*/
.special_01_1{background:#fff url(../img/contents/special_01_bg1.jpg) no-repeat top center; background-size: cover} /*왜사랑인인가*/
.special_01_2{background:#fff url(../img/contents/special_01_bg2.jpg) no-repeat top center; background-size: cover} /*치료법*/
.special_02_1{background:#fff url(../img/contents/special_02_bg2.jpg) no-repeat top center; background-size: cover} /*한약*/
.special_02_2{background:#fff url(../img/contents/special_02_bg1.jpg) no-repeat top center; background-size: cover} /*생활요령*/



.special_07_1{background:#bbbbbb url(../img/contents/special_07_bg1.jpg) no-repeat top center;background-size: cover } /*원인*/


.diet_01_1{ background:#999 url(../img/contents/diet_01_bg1.jpg) no-repeat top center; background-size: cover} /*다이어트필요하신분*/








@media screen and (max-width:1200px){
}







/*치료법 임신 약재부분 3개짜리 공통*/
.column3  {margin-left:-40px;  overflow: hidden;*width:90%; padding:0 5%}
.column3  li{ float:left;width:33.333%;  padding:5px 0 ;   }
.column3 li div h5{ margin:0; padding:0}
.column3 li div{ margin-left: 40px; box-shadow:3px 3px 7px rgba(0, 0, 0, .5); background:#fff; padding:3em 2em; font-size:0.86em; line-height:1.5em  }
.column3 li div img{ margin:15px 0}
.column3 li div {height:330px; overflow-y:auto}




ul.pregnancy_divide2{}   /*임신출산 다낭성난소증후군*/
/*ul.pregnancy_divide2 { margin-left:-50px;overflow: hidden; *width:100%; text-align:left}
ul.pregnancy_divide2 > li{ float:left; width:50%;}
ul.pregnancy_divide2 > li:first-child{ margin-left:0}
ul.pregnancy_divide2 > li div{  margin-left:50px; padding:5%; border:0px solid #CCC; background:#FFF}
.r_num{background:#ddaa58; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; display:inline-block}
.r_num2{background:#bb8fc9; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; display:inline-block}


ul.pregnancy_divide3 { margin-left:-30px;overflow: hidden; *width:90%; text-align:left; padding:0 5%}
ul.pregnancy_divide3 > li{ float:left; width:33.333%;}
ul.pregnancy_divide3 > li:first-child{ margin-left:0}
ul.pregnancy_divide3 > li div{  margin-left:30px; padding:5%; border:0px solid #CCC; background:#FFF; min-height:380px;}
ul.pregnancy_divide3 > li div dl dt{ text-align:center; font-weight:500}
ul.pregnancy_divide3 > li div dl dd{ font-size:0.9em; margin:15px 0}
*/




.basic_divide2_b{ margin-left:-30px;  overflow: hidden; *width:100%;  }  /*임신출산 다낭성 2단*/
.basic_divide2_b > li{ float:left;  width:50%; text-align:center   }
.basic_divide2_b > li:first-child{ margin-left:0}
.basic_divide2_b > li dl { padding:0%; margin-left:30px; border:0px solid #e7e7e7 ;  position:relative; overflow:hidden}
.basic_divide2_b > li dl dt{  position:relative; overflow:hidden;   }
.basic_divide2_b > li dl dt img{ max-width:100%}
.basic_divide2_b > li dl dd {  font-size:0.9em; padding:5% 8%;  overflow:hidden; position:relative}
.basic_divide2_b > li dl dd h5{ font-size:1.3em; margin:1em 0}
@media screen and (max-width:860px){

.basic_divide2_b > li{  width:50%;  }
}


@media screen and (max-width:500px){

.basic_divide2_b > li{  width:100%; margin-bottom:15px  }
}







@media screen and (max-width:1200px){
.column3  {*width:100%; }
.column3 li div {height:300px}
}

@media screen and (max-width:1000px){
.column3  { }
}

@media screen and (max-width:860px){

.column3  {margin-left:-10px; }
.column3  li{ float:left;width:50%;  padding:5px 0 ;   }
.column3 li div h5{ margin:0; padding:0}
.column3 li div{ margin-left: 10px; padding:3em 2em; font-size:0.86em; line-height:1.5em  }
.column3 li div img{ margin:15px 0}
.column3 li div {}

}

@media screen and (max-width:640px){
.column3  li{ width:100%;}
.column3 li div {height:auto;}
.column3 li div img{ margin:15px 0; width:50%}
}



/*한방내과 3개짜리 치료법공통*/
.column3_t  {margin-left:-20px;  overflow: hidden;*width:100%; text-align:center; letter-spacing:-0.4em }
.column3_t li{ width:25%;  padding:0 0 5px 0 ; display:inline-block ; letter-spacing:0;  }
.column3_t li dl h5{ margin:0; padding:0; margin-bottom:10px}
.column3_t li dl{ margin-left: 20px; background:#fff; padding:0; font-size:0.86em; line-height:1.5em ; overflow:hidden; border-radius: 20px }
.column3_t li dl img{ margin: 0; max-height:309px}
.column3_t li dl {   }
.column3_t li dl dd{ padding:1.5em 1em; color:#Fff; overflow:hidden ; font-size:17px}

.column3_t li dl dd.he1{  }
.column3_t li dl dd.he2{  min-height:100px} /*치료법설명글 2줄일 경우*/
.column3_t li dl dd.he3{  min-height:130px} /*치료법설명글 3줄일 경우*/
.column3_t li dl dd.he4{  min-height:160px} /*치료법설명글 34줄일 경우*/
.column3_t li dl dd.he5{  min-height:190px}

.column3_t li dl.green dd{  background:#498019 url(../img/contents/patt.png) repeat;  } /*그린배경*/
.column3_t li dl.purple dd{ background:#633073 url(../img/contents/patt.png) repeat;  } /*보라배경*/


@media screen and (max-width:1260px){
.column3_t  {*width:100%; }
.column3_t li dl dd{ font-size:15px; padding:1.5em 1em 1.5em 1em;}


}


@media screen and (max-width:1000px){
.column3_t li{ width:33.333%}

.column3_t li dl dd{ font-size:14px;}
.column3_t li dl dt{ height:170px; overflow:hidden; position:relative}
.column3_t li dl dt img{ position:absolute; left:0 ; bottom:0; width:100%}

.column3_t li dl dd.he2{  min-height:100px} /*치료법설명글 2줄일 경우*/
.column3_t li dl dd.he3{  min-height:120px} /*치료법설명글 3줄일 경우*/
.column3_t li dl dd.he4{  min-height:140px} /*치료법설명글 34줄일 경우*/
.column3_t li dl dd.he5{  min-height:179px}

}
@media screen and (max-width:860px){
    .column3_t li dl dd.he5{  min-height:auto}
}


@media screen and (max-width:700px){

.column3_t  {margin-left:-10px; }
.column3_t li{ float:left;width:50%;  padding:5px 0 ;   }
.column3_t li dl h5{ margin:0 0 5px 0; padding:0}
.column3_t li dl{ margin-left: 10px;  font-size:0.86em; line-height:1.5em  }
.column3_t li dl dd{ padding:1em 1em; font-size:14px}

.column3_t li dl {height:auto}

.column3_t li dl dd.he2{  min-height:70px} /*치료법설명글 2줄일 경우*/
.column3_t li dl dd.he3{  min-height:80px} /*치료법설명글 3줄일 경우*/
.column3_t li dl dd.he4{  min-height:90px} /*치료법설명글 34줄일 경우*/
.column3_t li dl dd.he5{  min-height:auto}

}

@media screen and (max-width:500px){
.column3_t li{ width:100%; }
.column3_t li dl dd.he2{  min-height: auto} /*치료법설명글 2줄일 경우*/
.column3_t li dl dd.he3{  min-height: auto} /*치료법설명글 3줄일 경우*/
.column3_t li dl dd.he4{ min-height: auto} /*치료법설명글 34줄일 경우*/
.column3_t li dl dd.he5{  min-height: auto;}

}



/*치료법 리스트 가로 공통 한방내과에 사용 수정불가*/
.row_list  {margin-left:-20px;  overflow: hidden;*width:100%; text-align:left; letter-spacing:-0.4em }
.row_list li{ width:50%;  padding:0 0 10px 0 ; display:inline-block ; letter-spacing:0;  }  /*2칸*/
.row_list li dl h5{ margin:0; padding:0; margin-bottom:10px}
.row_list li dl{ margin-left: 20px; padding:0; font-size:0.86em; line-height:1.5em ; overflow:hidden ; border-radius:10px;}
.row_list li dl img{ margin: 0; height:100%; max-height:199px}
.row_list li dl { overflow:hidden ;background:#fff   }
.row_list li dl dt{ float:left; width:50%; height:100%; overflow:hidden}
.row_list li dl dd{   padding:1.5em 1.5em 1.5em 1.5em; overflow:hidden; color:#fff }

.row_list li dl dd.he2{  } /*치료법설명글 2줄일 경우*/
.row_list li dl dd.he3{  min-height:130px} /*치료법설명글 3줄일 경우*/
.row_list li dl dd.he4{  min-height:170px} /*치료법설명글 34줄일 경우*/

.row_list li dl.green {  background:#498019 url(../img/contents/patt.png) repeat;  } /*그린배경*/
.row_list li dl.purple { background:#633073 url(../img/contents/patt.png) repeat;  } /*보라배경*/

.row_list li dl.gray { border:solid 1px #e9e9e9} /*선*/
.row_list li dl.gray dd{   color:#333 }
.row_list li dl.gray h5 {color: #6d2086; }

@media screen and (max-width:1200px){
.row_list  {*width:100%; }
}


@media screen and (max-width:1000px){

.row_list li{ width:100% ;}
.row_list li dl dt{ float:left; width:30%; }

.row_list li dl dd.he2{  } /*치료법설명글 2줄일 경우*/
.row_list li dl dd.he3{  min-height:auto} /*치료법설명글 3줄일 경우*/
.row_list li dl dd.he4{  min-height:auto} /*치료법설명글 34줄일 경우*/

}

@media screen and (max-width:640px){

.row_list li{ width:50%;}   /*1칸*/
.row_list li dl dt{ float:left; width:100%; }

.row_list li dl dd.he3{  min-height:100px} /*치료법설명글 3줄일 경우*/
.row_list li dl dd.he4{  min-height:100px} /*치료법설명글 34줄일 경우*/

}
@media screen and (max-width:480px){
.row_list li{ width:100%;}
.row_list li img{ width:100%;}     /*1칸*/
.row_list li dl dd.he3{  min-height:auto} /*치료법설명글 3줄일 경우*/
.row_list li dl dd.he4{  min-height:auto} /*치료법설명글 34줄일 경우*/

}



.row_w100 li{ width:100%;    } /*역류성식도염사용*/
.row_w100 li dl dt{ float:left; width:25%; height:100%; overflow:hidden}


@media screen and (max-width:640px){
.row_w100 li{}
.row_w100 li dl dt{width:100% ; overflow:hidden; position:relative  }
.row_w100 li dl dt img{ width:100%}
.row_w100 li{ width:50%;}
.row_w100 li dl dd.he3{  min-height:130px} /*치료법설명글 3줄일 경우*/
.row_w100 li dl dd.he4{  min-height:150px} /*치료법설명글 34줄일 경우*/


.row_w100.w100 li{width:100%;}  /*퇴행성관절염만, 구순염만 길이 길때*/
.row_w100.w100 li img{ display:none}

}


@media screen and (max-width:480px){
.row_w100 li{ width:100%;}
.row_w100 li dl dd.he3{  min-height:auto} /*치료법설명글 3줄일 경우*/
.row_w100 li dl dd.he4{  min-height:auto} /*치료법설명글 34줄일 경우*/
}



/*기본2단 둘째임신,*/
.basic_column2{}
.basic_column2  {margin-left:-100px;  overflow: hidden; *width:100%}
.basic_column2 li{ float:left;width:50%;  padding:5px 0 ;   }
.basic_column2 li:first-child{ margin-left:0}
.basic_column2 li div{ margin-left: 100px; padding:0em ; font-size:0.86em; line-height:1.5em  }

@media screen and (max-width:1200px){
.basic_column2  {margin-left:-50px;}
.basic_column2 li div{ margin-left: 50px;}
}


@media screen and (max-width:640px){
.basic_column2 li{ width:100%;  }
}


/*유산후임신*/
.basic_column3{ background:#fbf7f4}
.basic_column3  {margin-left:-20px;  overflow: hidden; *width:100%}
.basic_column3 li{ float:left;width:35%;  padding:5px 0 ;   }
.basic_column3 li:first-child{ margin-left:0;width:65%;}
.basic_column3 li div{ margin-left: 20px; padding:3em ; font-size:0.86em; line-height:1.5em  }

@media screen and (max-width:640px){
.basic_column3 li{ width:100%;  }
}





/*역류성식도염 많아지이유 왼쪽텍스트 오른쪽이미지*/
.st1{ overflow:hidden; height:100%; width:100%; display:table}
/*
.st1{ background:url(../img/contents/internal_02_img3.jpg) no-repeat !important; background-size:28% !important; background-position:right bottom !important; }
*/
.st1 .text{ float:left; width:70%; }
.st1 .img{ float:left; width:30%}
@media screen and (max-width:1200px){
.st1 .text{margin-bottom:5em}
}
@media screen and (max-width:640px){
.st1 .text{margin-bottom:4em}

}


/*그린 체크리스트 역류성 공통 수정불가*/
.list_check{ overflow:hidden}
.list_check li{border-radius: 10px; overflow:hidden; background:#F5F5F5;background:rgba(245,245,245,0.9); margin-top:10px; padding:15px 10px ;  padding-left:80px}
.list_check li:first-child{ margin-top:0}
.list_check_green li{  background:rgba(245,245,245,0.9) url(../img/contents/icon_check_green.png) no-repeat 20px 15px; }
.list_check_purple li{  background:#F5F5F5 url(../img/contents/icon_check_purple.png) no-repeat 20px 15px; }
.list_check_yellow li{  background:#F5F5F5 url(../img/contents/icon_check_yellow.png) no-repeat 20px 15px; }
.list_check_yellow_w li{  background:#FFF url(../img/contents/icon_check_yellow.png) no-repeat 20px 15px; }
.list_check.list_check_mt{}
.list_check.list_check_mt li + li{/*margin-top: 2.9rem;*/}

.list_check li dl{} /*치료과정에서 사용 공통*/
.list_check li dl dt{ float:left}
.list_check li dl dt strong{}   /*치료과정*/
.list_check li dl dd{ margin-left:150px}
@media screen and (max-width:1200px){

	.list_check li{padding:10px;  padding-left:40px; }
.list_check_green li{  background:rgba(245,245,245,0.9) url(../img/contents/icon_check_green.png) no-repeat 10px 15px; background-size:20px}

.list_check_purple li{  background:#F5F5F5 url(../img/contents/icon_check_purple.png) no-repeat 10px 15px;  background-size:20px }
.list_check_yellow li{  background:#F5F5F5 url(../img/contents/icon_check_yellow.png) no-repeat 10px 15px; background-size:20px }
.list_check_yellow_w li{  background:#FFF url(../img/contents/icon_check_yellow.png) no-repeat 10px 15px;  background-size:20px }

    .list_check.list_check_mt li + li{margin-top: 10px;}





}
@media screen and (max-width:1200px){
.list_check li dl dd{ margin-left:100px}
}

@media screen and (max-width:640px){
	/*
.list_check li dl dt{ float:left}
.list_check li dl dd{ float:left; }
*/
.list_check li dl dt{ padding-right:10px}
.list_check li dl dd{ margin-left: auto}

}








.num_list_bg{} /*생활요령 그레이배경*/

.num_list_bg{ overflow:hidden}
.num_list_bg li{ overflow:hidden; background:#F5F5F5; background:rgba(245,245,245,0.9) !important; margin-top:10px; padding:15px 1em ;  }
.num_list_bg li:first-child{ margin-top:0}


.num_list_bg2{} /*흰 배경*/

.num_list_bg2{ overflow:hidden}
.num_list_bg2 li{ overflow:hidden; background:#fff; background:rgba(255,255,255,0.9) !important; margin-top:10px; padding:15px 1em ;  }
.num_list_bg2 li:first-child{ margin-top:0}




/*넘버리스트*/
.num_list{} /*생활관리 왼쪽숫자 공통 기본 보라 수정불가*/
.num_list li{ margin-top:10px}
.num_list li:first-child{ margin-top:0}
.num_list dl{ margin:0; padding:0}
.num_list dt{background:#76308b;  float:left; width:30px; text-align:center; color:#fff; margin:0; padding:0; border-radius: 5px;}
.num_list dd{   padding:0; margin:0;margin-left:40px !important ;  }  /*한방내과에서 list_check 클래스와 같이 쓰기에 신중해야함 */
.num_list dd.text_indent{text-indent: -2.25em; padding: 0 0 0 2.25em;}

.num_list .yellow{background:#e2aa5c;}

.num_list_green{}
.num_list_green dt{ background:#498019} /*그린*/
.num_list_yellow dt{ background:#ca821d; float:left; width:30px; text-align:center; color:#fff; margin:0; padding:0 } /*옐로우*/

/*넘버리스트*/
.num_list2{} /*디스크수술 예후 상단 숫자 공통 기본 보라수정불가*/
.num_list2 li{ }
.num_list2 li:first-child{ }
.num_list2 dt{background:#76308b;  float:left; width:30px; text-align:center; color:#fff; margin-bottom:10px}
.num_list2 dd{  margin-left:0px ; clear:both;}

.num_list2_green dt{background:#498019} /*그린*/
.num_list2_yellow dt{ background:#e2aa5c} /*옐로우*/


.indent_wrap{display: flex;}
.indent_wrap > .tit{flex: 0 0 auto;}
.indent_wrap_num_list{padding-left: 3px;}
.indent_wrap_num_list > li{position: relative; padding: 0 0 0 17px; margin: 0;}
.indent_wrap_num_list > li > .numbering{position: absolute; top: 0; left: 0; }





/*질문리스트 공통 수정 불가*/

.list_long{}
.list_long li{padding:2em; overflow:hidden; display:table; vertical-align:middle; background:#f3f3e9; margin-top:10px; }
.list_long li:first-child{ margin-top:0}
.list_long li:nth-child(odd) { background:#F0F0F0;  }
/*
.list_long li p{ float:left; display:table-cell;vertical-align:middle; width:100% ;}*/
.list_long li p img{box-shadow:1px 1px 5px #999; border-radius:100%}
/*.list_long li dl{  text-align:left; display:table-cell;vertical-align:middle; padding-left:5%}
.list_long li dl dt{ font-weight:bold; margin-bottom:10px}
*/
.list_long li p{  display:table-cell; vertical-align:middle; }
.list_long li dl{ padding-left:5%;  width:95%; text-align:left;  display:table-cell; vertical-align:middle}
.list_long li dl dt{ font-weight:400; margin-bottom:10px; }


@media screen and (max-width:640px){
	.list_long li{padding:1.5em;}
	.list_long li{ display:block}
	.list_long li dl dt{ margin-top:0px}
	.list_long li dl{ width:100%; padding:0}
	.list_long li p img{ max-width:0px}
}




ul.basic_divide2{}   /*공통사용 2단 나눔 허리디스크*/
ul.basic_divide2 { margin-left:-50px;overflow: hidden; *width:100%; text-align:left}
ul.basic_divide2 > li{ float:left; width:50%;}
ul.basic_divide2 > li:first-child{ margin-left:0}
ul.basic_divide2 > li div{  margin-left:50px}


ul.basic_divide3{}   /*공통사용 3단 나눔 허리디스크*/
ul.basic_divide3 { margin-left:-50px;overflow: hidden; *width:100%; text-align:left}
ul.basic_divide3 > li{ float:left; width:33.3333%;}
ul.basic_divide3 > li:first-child{ margin-left:0}
ul.basic_divide3 > li div{  margin-left:50px}




@media screen and (max-width:1000px){
ul.basic_divide3 { margin-left:-20px;}
ul.basic_divide3 > li{ float:left; width:33.3333%;}
ul.basic_divide3 > li div{  margin-left:20px}
ul.basic_divide2 { margin-left:-20px;}
ul.basic_divide2 > li div{  margin-left:20px}
}


@media screen and (max-width:640px){
ul.basic_divide3 > li{ float:left; width:100%; margin-top:15px}
ul.basic_divide2 > li{ float:left; width:100%; margin-top:15px}
}
















/*오시는길*/
.roadmap{}
.roadmap .basic_tab ul li{ width:50%;  }
.basic_tab ul li a{ line-height:50px; }
.roadmap .tab3 ul li{ width:33.333%;  }


.location_map{ position:relative; float:right; width:100%; text-align:center}
.location_map { position:relative; height:400px  }
.location_map iframe { position:absolute; width:100%; height:100%; left:0; top:0 }
.location_map2{ background:#F5F5F5; text-align:center}

ul.park { overflow: hidden;}
ul.park li {float: left; width:49%; margin-right: 2%; margin-bottom: 2%; position: relative;}
ul.park li:nth-child(2n) {margin-right: 0;}
ul.park li dd {position: absolute; bottom: 0; right: 0; color: #fff; background: #752f8b; line-height:35px; padding: 0 15px;}


.road_info{ clear:both; padding:0 ; overflow:hidden; margin-top:10px; text-align:left}
ul.road_info_add{ margin-bottom:10px; position:relative; clear:both ; text-align:left }
ul.road_info_add  > li{   padding:20px 0  ; width:100%;}
ul.road_info_add li:last-child{ border-bottom:0px}
ul.road_info_add li dl{ clear:both;  width:100%; }
ul.road_info_add li dl:after{ clear:both; display:block; content:"";}
ul.road_info_add li dt{ width:100px; float:left;  background:#666666; color:#fff; text-align:center}
ul.road_info_add li dd{ margin-left:120px;  }
ul.road_info_add li dd img{ margin-left:10px; margin-right:3px; margin-top:-3px  }
ul.road_info_add li dd h5{ padding:0;}

.map_address{ clear:both; padding:2em 0; width:100%; overflow:hidden;border-bottom:1px solid #e5e5e5;}
.map_address li{ float:left; position:0; width:100%;  }
.map_address li.add{width:65%; }
.map_address li.callnum{width:35%; }

.map_address li p{  display:table-cell; vertical-align:middle; }
.map_address li p img{  max-width:100%; margin-right:10px}
.map_address li div{   text-align:left;  display:table-cell; vertical-align:middle; line-height:1.2em; position:relative; width:100%}
.map_address li div .site_num{ font-weight:400; font-size:1.5em}
.map_address li div p.go_navermap{ display:inline-block; float:right}


@media screen and (max-width:1200px){

.basic_tab ul li a{ line-height:40px; font-size:15px }

.map_address li.add{width:100%; }
.map_address li.callnum{width:100%; }
.map_address li{   padding:20px 0  ; width:100%; border-top:1px solid #e5e5e5;}
.map_address{ clear:both; padding: 0;}
}


@media screen and (max-width:860px){
.map_info{  width:100%; }
.map_pic{ width:100%}
.map_info img{ width:100%; margin-bottom:15px}
.location_map{ width:100%}
ul.road_info_add  > li{   padding:10px 0  ;}
.map_address li div{   width:80% }

}


@media screen and (max-width:640px){

.basic_tab ul li a{ line-height:30px; font-size:13px }

.map_address li{ display:block; position:relative; padding:1em 0}
.map_address li dl dt{ margin-bottom:0 }
.map_address li p { }
.map_address li p img{ width:50px !important; margin-right:10px}
ul.road_info_add li dt{ width:80px;}
ul.road_info_add li dd{ margin-left:100px;  }
}







@media screen and (max-width:640px){
.location_map { height:200px  }
}





/*사랑인컨텐츠*/
.doctor{}
.doctor_people{padding-bottom:100px}
.doctor_people  > li{ float:left; width:50%; text-align:left; }
.doctor_people:after{ clear:both; display:block; content:"";}



.doctor .basic_tab{   font-size:0;}/*탭: 공통 의료진*/
.doctor .basic_tab ul{ margin:0; padding:0; font-size:0;line-height:0 }
.doctor .basic_tab ul:after{ clear:both; display:block; content:"";}
.doctor .basic_tab ul li{_display:inline;*float:left; width:25%; display:inline-block }
.doctor .basic_tab ul li:first-child{margin-left:0%;}
.doctor .basic_tab ul li a{display:block;_float:left;color:#333;background:#e7e7e7; cursor:pointer; text-align:center;  line-height:40px; border:1px solid #e7e7e7; overflow:hidden ; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;  font-size:18px; margin:0 2px}
.doctor .basic_tab ul li.on{   }
.doctor .basic_tab ul li.on a{ color:#fff; background:#6d2086 ;  border:1px solid #6d2086}
.doctor .basic_tab_con{ clear:both;}

.doctor_people{ width:100%; overflow:hidden; margin-top:3.5em}
.doctor_people li{ position:relative}
.doctor_people .picture .large img{ max-width:90%}
.doctor_people .picture .small img{ max-width:30%}
.doctor .left .picture{ position:relative}
.doctor .left .picture .large{}
.doctor .left .picture .small{ position:absolute; bottom:-50px; right:0; z-index:11; width:100%; text-align:right}
.doctor .left .text{ padding-left:5%; width:45%;}
.doctor .right .picture{ float:right; text-align:right}
.doctor .right .text{ float:left;padding-right:5%; width:45%}
.doctor .right .picture .small{ position:absolute; bottom:-50px; left:0; z-index:11; width:100%; text-align:left}

.work_list{ margin-top:1em }
.work_list li{ background:url(../img/contents/sarangin/list_dot.gif) no-repeat left 14px;padding-left:10px; width:100%; text-align:left}

.name_area { border-bottom:2px solid #dbdbdb; margin-bottom:1.5em; padding-top:1em}
.name_area:after{ clear:both; display:block; content:"";}
.name_area .name{ font-size:35px; color:#666}
.name_area .name span{ font-weight:500; color:#333; padding-left:5px}
.name_area blockquote { quotes:"\201C""\201D""\2018""\2019"; margin:1em 0 ; padding:0.5em 0; overflow:hidden; padding-left:26px; font-weight:400 ; font-size:1.1em }
.name_area blockquote p:before {color:#ccc;content:open-quote;font-size:3em;line-height:0.1em; margin-left:-24px;vertical-align:-.4em; font-weight:500 }
.name_area blockquote p:after {color:#ccc;content: close-quote;font-size:3em;line-height:0.1em;vertical-align:-.4em; font-weight:500}

@media screen and (max-width:1200px){
.name_area .name{ font-size:28px;}
.work_list{ margin-top:1em }
.work_list li{ background:url(../img/contents/sarangin/list_dot.gif) no-repeat left 11px;}

}

@media screen and (max-width:860px){
.name_area .name{ font-size:22px;}
.name_area blockquote{ display:none}
}

@media screen and (max-width:640px){
	.doctor_people .picture .large img{ max-width:100%}
.doctor .basic_tab ul li{ width:33.333%;  }
.doctor .basic_tab ul li a{ font-size:14px; line-height:30px;}

}

@media screen and (max-width:500px){
	.doctor_people{padding-bottom:20px}
	.doctor_people  > li{ width:100% !important}
	.doctor_people .picture {width:100%; margin:0; padding:0; text-align: center !important}
	.doctor_people .picture img{ width:70%; text-align:center; margin:0 auto}
	.doctor_people .text{ width:100%; margin:1em 0 0 0 ; padding:0}
	.doctor .left .picture .small,.doctor .right .picture .small{ display:none}
}


.hospital{ background:#f6f6f6}

.hospital_pic{    width:100%;  max-width:1200px; margin:2em auto 0 auto}
.hospital_pic .bx-wrapper { position: relative; margin: 0 auto 0 auto; padding: 0; *zoom: 1; }
.hospital_pic .bx-wrapper img { max-width: 100%; display: block; width:100%; height:100%; max-width:1200px;  margin:0 auto ;  }
.hospital_pic .bx-wrapper .bx-viewport {  background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.hospital_pic .bx-wrapper .bx-pager, .hospital_pic .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; border:1px solid #936; display:none }
.hospital_pic .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.hospital_pic .bx-wrapper .bx-pager .bx-pager-item, .hospital_pic .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
 *display: inline;}
.hospital_pic .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.hospital_pic .bx-wrapper .bx-pager.bx-default-pager a:hover, .hospital_pic .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.hospital_pic .bx-wrapper .bx-prev { left: 10px; background: url(../img/contents/sarangin/arr_prev.png) no-repeat 0 0;  }
.hospital_pic .bx-wrapper .bx-next { right: 10px; background: url(../img/contents/sarangin/arr_next.png) no-repeat 0 0;  }
.hospital_pic .bx-wrapper .bx-prev:hover { opacity:0.8; }
.hospital_pic .bx-wrapper .bx-next:hover { opacity:0.8; }
.hospital_pic .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -25px; outline: 0; width: 28px; height: 51px; text-indent: -9999px; z-index: 9999; }
.hospital_pic .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.hospital_pic .bx-wrapper .bx-controls-auto { text-align: center; }
.hospital_pic .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../sub/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.hospital_pic .bx-wrapper .bx-controls-auto .bx-start:hover, .hospital_pic .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.hospital_pic .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../sub/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.hospital_pic .bx-wrapper .bx-controls-auto .bx-stop:hover, .hospital_pic .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.hospital_pic .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.hospital_pic .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.hospital_pic .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.hospital_pic .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.hospital_pic #bx-pager { text-align: center; margin-top:10px; overflow:hidden; }
.hospital_pic #bx-pager ul {margin-left:-5px;}
.hospital_pic #bx-pager ul li {float:left; width:12.5%; margin-bottom:5px}
.hospital_pic #bx-pager ul li p {margin-left:5px;  }
.hospital_pic #bx-pager ul li p a { display:block; border:1px solid #fff; }
.hospital_pic #bx-pager ul li p a span{ width:100%; height:100%; display:block}
.hospital_pic #bx-pager ul li p a img {  width:100%; }
.hospital_pic #bx-pager ul li p a:hover{border:1px solid #6e2c83; }
.hospital_pic #bx-pager ul li p a:active {}
.hospital_pic #bx-pager ul li p a:hover img, .example-item #bx-pager a.active img { }
.hospital_pic .h_pic li{ position:relative; max-height:630px}

.hospital_pic .h_pic li span{  height:100%; width:100%; display:block; background:rgba(0,0,0,0.9); }






@media all and (max-width:1000px) {
.hospital_pic .bx-wrapper .bx-prev {  }
.hospital_pic .bx-wrapper .bx-next {  }
}
@media all and (max-width:700px) {
.hospital_pic .h_pic li p{  top:0px;}
.hospital_pic .h_pic li p span { font-size:18px; padding:5px 15px;}
.hospital_pic #bx-pager ul li {width:25%; margin-bottom:5px;}
}
@media all and (max-width:500px) {
.hospital_pic .h_pic li p span { font-size:13px; }
.hospital_pic .bx-wrapper .bx-controls-direction a {width:25px; height:25px; background-size:contain; margin-top:-14px;}
}




.h1_time_bg,
.h2_time_bg,
.h3_time_bg,
.h4_time_bg,
.h5_time_bg,
.h6_time_bg,
.h7_time_bg,
.h8_time_bg {
	overflow: hidden;
}

.h1_time_bg{ background:url(../img/contents/sarangin/h1_time_bg.jpg) no-repeat top center; background-size: cover}
.h2_time_bg{ background:url(../img/contents/sarangin/h2_time_bg.jpg) no-repeat top center; background-size:cover}
.h3_time_bg{ background:url(../img/contents/sarangin/h3_time_bg.jpg) no-repeat top center; background-size: cover}
.h4_time_bg{ background:url(../img/contents/sarangin/h4_time_bg.jpg) no-repeat top center; background-size: cover}
.h5_time_bg{ background:url(../img/contents/sarangin/h5_time_bg.jpg) no-repeat top center; background-size: cover}
.h6_time_bg{ background:url(../img/contents/sarangin/h6_time_bg.jpg) no-repeat top center; background-size: cover}
.h7_time_bg{ background:url(../img/contents/sarangin/h7_time_bg.jpg) no-repeat top center; background-size: cover}
.h8_time_bg{ background:url(../img/contents/sarangin/h8_time_bg.jpg) no-repeat top center; background-size: cover}

.h1_time_bg .img,
.h2_time_bg .img,
.h3_time_bg .img,
.h4_time_bg .img,
.h5_time_bg .img,
.h6_time_bg .img,
.h7_time_bg .img,
.h8_time_bg .img {
	width:44.083333%;
	margin:0 auto;
	 background:#6e2c83;
}

.h1_time_bg .img,
.h2_time_bg .img,
.h3_time_bg .img,
.h4_time_bg .img,
.h5_time_bg .img,
.h6_time_bg .img,
.h7_time_bg .img,
.h8_time_bg .img {
	padding: 2em 0;
	text-align:center;
}


@media all and (max-width:1700px) {

	.h1_time_bg .img,
	.h2_time_bg .img,
	.h3_time_bg .img,
	.h4_time_bg .img,
	.h5_time_bg .img,
	.h6_time_bg .img,
	.h7_time_bg .img,
	.h8_time_bg .img  {
		width: 30%;
		margin: 0 auto;
		background: #6e2c83;
	}

}


@media all and (max-width:860px) {

	.h1_time_bg .wrap,
	.h2_time_bg .wrap,
	.h3_time_bg .wrap,
	.h4_time_bg .wrap,
	.h5_time_bg .wrap,
	.h6_time_bg .wrap,
	.h7_time_bg .wrap,
	.h8_time_bg .wrap  {
		/*margin: 0 !important;*/
		/*padding: 0 !important;*/
	}

	.h1_time_bg,
	.h2_time_bg,
	.h3_time_bg,
	.h4_time_bg,
	.h5_time_bg,
	.h6_time_bg,
	.h7_time_bg,
	.h8_time_bg {
		background-position: 20% top;
		background-size: auto 100%;
	}

	.h1_time_bg .img,
	.h2_time_bg .img,
	.h3_time_bg .img,
	.h4_time_bg .img,
	.h5_time_bg .img,
	.h6_time_bg .img,
	.h7_time_bg .img,
	.h8_time_bg .img {
		width:50%; float:right; text-align:center;
	}

}



/*특별함*/
.sa_go{background:#333; overflow:hidden  }
.sa_go ul{ max-width:1200px; margin:0 auto}
.sa_go li{ float:left; width:12.5%; text-align:center; padding:4% 0;  }

.sa_go li a{ border-left:1px solid rgba(255,255,255,0.3); display:block; color:#Fff; padding:0 10px}
.sa_go li:first-child a{ border:0}
.sa_go li a strong{color:#df8b01; display:block;}

@media all and (max-width:1000px) {
.sa_go li {width:25%;}
}

@media all and (max-width:568px) {
.sa_go li {width:50%;}
}

















/**/
.sub_hospital_visual .bx-wrapper { margin: 0 auto; padding: 0px; position: relative; width: 100%; overflow: hidden; position: relative; height:100% !important ; text-align:center}
.sub_hospital_visual .bx-wrapper .bx-viewport { height:100% !important} /*영역*/
.sub_hospital_visual .bx-wrapper .bx-pager { text-align: center; bottom: 5%; position: absolute; z-index: 1000000; width:100%;}
.sub_hospital_visual .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; text-align:center }
.sub_hospital_visual .bx-wrapper .bx-controls-auto { width: 100%; bottom: -30px; position: absolute; } /*재생정지영역*/
.sub_hospital_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; text-align:center}
.sub_hospital_visual .bx-wrapper .bx-default-pager.bx-pager a {  margin: 0px 5px; outline: 0px;  width: 30px; height: 5px; border-top:0px solid transparent; text-indent: -9999px; display: block; background: rgba(255, 255, 255, 0.9);   }
.sub_hospital_visual .bx-wrapper .bx-default-pager.bx-pager a.active {  width: 30px; height: 5px; border-top:3px solid transparent; background:#609 ;}
.sub_hospital_visual .bx-wrapper .bx-prev { background: url("../img/main/controls.png") no-repeat 0px -100px; left: 120px;  } /*화살표*/
.sub_hospital_visual .bx-wrapper .bx-next { background: url("../img/main/controls.png") no-repeat -100px -100px; right: 120px;   } /*화살표*/

.sub_hospital_visual .bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.sub_hospital_visual .bx-wrapper .bx-next:hover { background-position: -100px 0px; }
.sub_hospital_visual .bx-wrapper .bx-controls-direction a { outline: 0px; top: 50%; width: 100px; height: 100px; text-indent: -9999px; margin-top: -50px; position: absolute; z-index: 12 }/*화살표글자*/
.sub_hospital_visual .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.sub_hospital_visual .bx-wrapper .bx-controls-auto { text-align: center; } /*재생정지*/
.sub_hospital_visual .bx-wrapper .bx-controls-auto .bx-start { background: url("../img/main/controls.png") no-repeat -86px -11px; margin: 0px 3px; outline: 0px; width: 10px; height: 11px; text-indent: -9999px; display: block; }/*재생*/
.sub_hospital_visual .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0px; }
.sub_hospital_visual .bx-wrapper .bx-controls-auto .active.bx-start { background-position: -86px 0px; }
.sub_hospital_visual .bx-wrapper .bx-controls-auto .bx-stop { background: url("../img/main/controls.png") no-repeat -86px -44px; margin: 0px 3px; outline: 0px; width: 9px; height: 11px; text-indent: -9999px; display: block; }/*정지*/
.sub_hospital_visual .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px; }
.sub_hospital_visual .bx-wrapper .bx-controls-auto .active.bx-stop { background-position: -86px -33px; }
.sub_hospital_visual .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager {  text-align: center; width:100%  } /*라운드영역*/
.sub_hospital_visual .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto { width: 35px; right: 0px; } /*재생정지영역*/
.sub_hospital_visual .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute; }
.sub_hospital_visual .bx-wrapper .bx-caption span { padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block; }
.sub_hospital_visual ul { color: #fff; display: block; height:100%;  }
.sub_hospital_visual ul li { position: relative;width: 100%; height: 100%;   }




/*착한한약*/



.com_oriental_bg1{  background:#fff url(../img/contents/com_oriental_bg1.jpg) no-repeat top center; background-size: cover } /*한약*/
.com_oriental_bg2{  background:#fff url(../img/contents/com_oriental_bg2.jpg) no-repeat top left; background-position:10% 0  } /*한약*/

@media screen and (max-width:1200px){
.com_oriental_bg2{ background-position:0 0 ; background-size:30%}
}

.n_r1, .n_r2{ width:50px; height:50px; line-height:50px; background:#8a29aa; color:#fff; text-align:center; display:inline-block}
.why{ width:100%; height:100%; position:absolute;   z-index:1; text-align:center; top:0; left:0; text-align:center ; }
.why_text{display:inline-block; padding:20px 5%; background:#e26b15; background:rgba(226,107,21,0.7); text-align:center; color:#fff; margin-top:160px;}
@media screen and (max-width:1200px){
.why_text{ margin-top:0px ;  padding:10px 5%;}
.n_r1, .n_r2{ width:30px; height:30px; line-height:30px; }
}
@media screen and (max-width:640px){
.why{position: relative; top: auto; left:auto}
.why_text{ display:block}
.why_text br{ display:none}
}


.ori_list1 .port_list{ margin-left:-10px;  overflow: hidden; *width:100%;  }
.ori_list1 .port_list li{ float:left;  width:25%; margin-bottom:20px  }
.ori_list1 .port_list li:first-child{ margin-left:0}
.ori_list1 .port_list li dl { padding:0%; margin-left:10px;  position:relative; overflow:hidden}
.ori_list1 .port_list li dl dt{  position:relative; overflow:hidden;  text-align:center}
.ori_list1 .port_list li dl dt img{ width:100%}
.ori_list1 .port_list li dl dd { padding:5% 8%;  overflow:hidden; position:relative; font-size:0.9em; letter-spacing:-1px;  background:#F6F6F6; font-weight:400; line-height:1.4em}

@media screen and (max-width:860px){
.ori_list1{ max-width:100%;}
.ori_list1 .port_list li{  width:50%;  }
}

@media screen and (max-width:500px){

.ori_list1 .port_list li{  width:100%;  }
}

.ori_list2 .port_list{ margin-left:-30px;  overflow: hidden; *width:100%;  }
.ori_list2 .port_list li{ float:left;  width:33.333%; margin-bottom:20px  }
.ori_list2 .port_list li:first-child{ margin-left:0}
.ori_list2 .port_list li dl { padding:0%; margin-left:30px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden}
.ori_list2 .port_list li dl dt{  position:relative; overflow:hidden;  text-align:center}
.ori_list2 .port_list li dl dt img{ width:100%}
.ori_list2 .port_list li dl dd { padding:5% 8%;  overflow:hidden; position:relative; font-size:0.9em; letter-spacing:-1px; background:#F6F6F6;  min-height:110px; line-height:1.4em}

@media screen and (max-width:1000px){
.ori_list2 .port_list{ margin-left:-10px;  }
.ori_list2 .port_list li dl { margin-left:10px;}
}

@media screen and (max-width:860px){
.ori_list2{ max-width:100%;}
.ori_list2 .port_list li{  width:50%;  }
}

@media screen and (max-width:500px){
.ori_list2 .port_list li{  width:100%;  }
.ori_list2 .port_list li dl dd{ min-height:auto}
}




@media screen and (max-width:860px) {
.diet_01_1{ background-position:70% top }
}

.car_01_1{background:#fff url(../img/contents/car_01_bg1.jpg) no-repeat top center; background-size: cover} /*교통사고*/
.car_01_2{background:#fff url(../img/contents/car_01_img2.jpg) no-repeat 80% top ; } /*교통사고*/
.car_01_2{margin: 0 auto !important; padding: 5em 0 !important; overflow: hidden !important;}
.car_01_2 h3{font-weight: 700;}

@media screen and (max-width:1200px) {
	.car_01_2{ background-size:auto 100%; background-position:100% top }
}
@media screen and (max-width:860px){
    .car_01_2{padding: 3em 0 !important;}
}
@media screen and (max-width:640px) {
	.car_01_2{ /*background-size:auto 70%; background-position:100% bottom*/ background: none;}
}


.car_02_1{background:#999 url(../img/contents/car_02_bg11.jpg) no-repeat top center; background-size: cover} /*추나*/


/*교통사고치료*/
.car_sarang_area { border: 0px solid #f7f0f9 }
ul.car_sarang { margin-left: -30px; overflow: hidden; *width:100%;
padding: 0 0%; text-align: left; }
ul.car_sarang > li { float: left; width: 33.333%; }
ul.car_sarang > li:first-child { margin-left: 0 }
ul.car_sarang > li div { margin-left: 30px; padding: 7%; border: 0px solid #CCC; background: #fff }
ul.car_sarang > li div dl dt { text-align: center; font-weight: 500 }
ul.car_sarang > li div dl dd { font-size: 0.9em; margin: 15px 0; min-height: 160px }
ul.car_sarang > li div dl dd h5 { font-size: 1.2em; margin: 1.2em 0 0.5em 0 }
@media screen and (max-width:1200px) {
ul.car_sarang { margin-left: -10px; }
ul.car_sarang > li div { margin-left: 10px; min-height: 350px }
}
 @media screen and (max-width:640px) {
ul.car_sarang > li { float: left; width: 100%; margin-bottom: 10px }
ul.car_sarang > li div dl dt { height: 200px; overflow: hidden; position: relative }
ul.car_sarang > li div dl dd {  min-height: auto }
ul.car_sarang > li div dl dt img { position: absolute; top: 0; left: 0; width: 100% }
ul.car_sarang > li div { min-height: auto }
}
@media screen and (max-width:480px) {
ul.car_sarang > li div dl dt { height: 180px; }

}


/*추나요법 */
.back_p{ background:#6d2086; display:inline-block; padding:10px 20px}
.list_bone{}
.list_bone li{padding:1em 2em ; overflow:hidden; display:table; vertical-align:middle; border-bottom:0px solid #CCC; background:#F5F5F5; margin-top:10px; } /*특수질환도 사용*/
.list_bone li.white{ background:#fff}
.list_bone li:first-child{ margin-top:0}
.list_bone li:nth-child(odd) {   }
.list_bone li p img{ border-radius:50%}
.list_bone li p{ display:table-cell; vertical-align:middle; }
.list_bone li dl{  width:100%; text-align:left;  display:table-cell; vertical-align:middle}
.list_bone li dl dt{ padding-left:30px; font-weight:400; margin-bottom:10px;}
.list_bone li dl dd{padding-left:30px;}
@media screen and (max-width:640px){
.list_bone li{padding:1.5em;}
.list_bone li{ display:block}
.list_bone li dl dt{ margin-top:0px}
.list_bone li dl{ width:100%; padding:0}
.list_bone li p img{ max-width:0px}
}



ul.diet_divide2{}   /*다이어트*/
ul.diet_divide2 { margin-left:-50px;overflow: hidden; *width:100%; text-align:left}
ul.diet_divide2 > li{ float:left; width:50%;}
ul.diet_divide2 > li:first-child{ margin-left:0}
ul.diet_divide2 > li div{  margin-left:50px; padding:5%; border:1px solid #CCC; background:#FFF}
.r_num{background:#ddaa58; color:#fff; width:100px; height:35px; line-height:35px; text-align:center; border-radius:20px; display:inline-block}
.r_num2{background:#bb8fc9; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; display:inline-block}

@media screen and (max-width:1200px){
ul.diet_divide2 { margin-left:-10px;}
ul.diet_divide2 > li div{  margin-left:10px;}
}

@media screen and (max-width:640px){
ul.diet_divide2 > li{ float:left; width:100%;}
}


.f_list{ overflow:hidden}
.f_list li{ float:left}
.f_list li.img{ width:35%;}
.f_list li.text {width:60%; float:right; text-align:left}
.f_contents{background:#faf5fb; border-radius:0 80px 0 80px; padding:4em;margin-top:50px}
@media screen and (max-width:1000px){
.f_contents{ border-radius:0 50px 0 50px; padding:3em; }
}
@media screen and (max-width:800px){
.f_list li.img{ width:100%; height:300px; text-align:center; position:relative; overflow:hidden}
.f_list li.img img{ position:absolute; top:0; left:50%; margin-left:-100px; width:200px}
.f_list li.text {width:100%;}
.f_contents{ margin-top:0px}
}


ul.diet_divide3 { margin-left:-30px;overflow: hidden; *width:90%; text-align:left; padding:0 5%}
ul.diet_divide3 > li{ float:left; width:33.333%;}
ul.diet_divide3 > li:first-child{ margin-left:0}
ul.diet_divide3 > li div{  margin-left:30px; padding:5%; border:0px solid #CCC; background:#FFF; min-height:380px;}
ul.diet_divide3 > li div dl dt{ text-align:center; font-weight:500}
ul.diet_divide3 > li div dl dd{ font-size:0.9em; margin:15px 0}
ul.diet_divide3 > li div dl dd h5{ font-size:1.2em; margin:1em 0}
@media screen and (max-width:1200px){

ul.diet_divide3 { margin-left:-10px;}
ul.diet_divide3 > li div{  margin-left:10px; min-height:350px}

}

@media screen and (max-width:640px){
ul.diet_divide3 > li{ float:left; width:100%; margin-bottom:10px}
ul.diet_divide3 > li div dl dt { height:180px; overflow:hidden; position:relative}
ul.diet_divide3 > li div dl dt img{ position:absolute; top:0; left:0; width:100%}
ul.diet_divide3 > li div{  min-height:auto}
}
@media screen and (max-width:480px){
ul.diet_divide3 > li div dl dt { height:130px;}
}





.woman_stro{ overflow:hidden;} /*갱년기장애*/
.woman_stro .img{ float:left; width:35%; margin-right:5%}
.woman_stro .text{ float:right; width:55%; margin-top:2em; text-align:left}

.woman_stro2{ overflow:hidden;} /*갱년기장애*/
.woman_stro2 .img{ float:right; width:45%; text-align:right }
.woman_stro2 .text{ float:left; width:50%; margin-left:5%; text-align:left}



@media screen and (max-width:1000px) {
.woman_stro .img{ float:left; width:100%; text-align: center;}
.woman_stro .img img{ max-width:250px}
.woman_stro .text{ float:right; width:100%; margin-top:1em; text-align:center}

.woman_stro2 .text{ float:left; width:100%; margin-top: 1rem; margin-left: 0;}
.woman_stro2 .img img{ max-width:250px}
.woman_stro2 .img{ float:right; width:100%;  text-align:center}

}



.bg_purple{ background:#f9f7fa}

.w_counsel {background:#f5f5f5; padding:60px 0;}
.qna_form {}
.qna_form table {width:90%; background:#fff; margin:0 auto; font-size:18px; border-bottom:1px solid #343434; border-top:1px solid #343434;}
.qna_form table tr {line-height:55px; border-bottom:1px solid #e7e7e7;}
.qna_form table tr:last-child {border-bottom:0;}
.qna_form table tr th {font-weight:normal; padding:0 35px; text-align:left;}
.qna_form table tr td {text-align:left;}
.qna_form table tr td textarea {margin-top:12px;}
.qna_form .form_btn a {padding:8px 0; width:120px; font-size:18px;}
.qna_form .form_btn a.btn_color1 {background:#343434; color:#fff;}
.qna_form .form_btn a.btn_color2 {background:#fff; border:1px solid #ddd; box-sizing:border-box;}






.expense {padding:50px 0;}
.expense .top {background:#f7f0f9; padding:5%;}
.expense .top dl {overflow:hidden;}
.expense .top dl dt {float:left; width:20%;}
.expense .top dl dt div {width:180px; height:180px; background:#fff; border:1px solid #ddd; border-radius:100px; text-align:center; display:table-cell; vertical-align:middle;}
.expense .top dl dt div img {display:inline-block;}
.expense .top dl dd {float:left; width:75%; margin-left:5%; text-align:left; padding:28px 0 0 0;}
.expense .top dl dd p {font-size:25px; font-weight:600; margin-bottom:15px;}


.expense .bottom {}
.expense .bottom .expense_table {padding:50px 0 0 0;}
.expense .bottom .expense_table p {font-size:22px; font-weight:600; text-align:left; line-height:50px; color:#75308b;}
.expense .bottom .expense_table p::before {content:"▶"; width:10px; height:10px; display:inline-block; text-align:center; color:#75308b; margin:0 20px 0 0;}
.expense .bottom .expense_table dl {overflow:hidden; border-bottom:1px solid #ddd; line-height:50px;}
.expense .bottom .expense_table dl.head {border-top:2px solid #000; background:#f5f5f5; font-weight:600;}
.expense .bottom .expense_table dl dt {float:left; width:50%; font-weight:500; background:#f5f5f5; border-right:1px solid #ddd; box-sizing:border-box;}
.expense .bottom .expense_table dl dd {float:left; width:25%; border-right:1px solid #ddd; box-sizing:border-box;}
.expense .bottom .expense_table dl dd:last-child {border-right:0px;}

@media screen and (max-width:1000px) {
.expense .top {padding:5% 3%;}
.expense .top dl dt {}
.expense .top dl dt div {width:120px; height:120px;}
.expense .top dl dt div img {height:75px;}
.expense .top dl dd {width:75%; padding:10px 0 0 0; margin-left:3%;}
.expense .top dl dd p {font-size:20px; margin-bottom:10px;}
.expense .top dl dd br {display:none;}
.expense .bottom .expense_table {padding:30px 0 0 0;}
.expense .bottom .expense_table p {font-size:18px; line-height:32px;}
.expense .bottom .expense_table dl {line-height:40px;}
}
@media screen and (max-width:640px) {
.expense .top dl dt div {width:80px; height:80px;}
.expense .top dl dt div img {height:50px;}
}
@media screen and (max-width:480px) {
.expense .top dl dt {float:none; width:100%; text-align:center;}
.expense .top dl dt div {display:inline-block; position:relative; width:60px; height:60px;}
.expense .top dl dt div img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:35px;}
.expense .top dl dd {float:none; width:100%; text-align:center; margin-left:0;}
.expense .bottom .expense_table p {margin-bottom:10px;}
.expense .bottom .expense_table p::before {margin:0 10px -10px -15px; font-size:10px; display:block;}
}









/*board*/

.board_tab{display:block;  margin-bottom:30px; background:#F6F6F6; padding:15px 5%; margin:0 auto 30px 0 ; text-align:center ;}
.board_tab:after{ display:block; content:""; clear:both}
.board_tab ul li{display:inline-block;  padding:0 10px 0 12px;  *display:inline; *zoom:1 ; background:url(../img/contents/tab_v_line.gif) no-repeat left 11px; line-height:normal  }
.board_tab ul li.on a{ color:#6d2086; text-decoration:underline; font-weight:500;}
.board_tab ul li a{ color:#333; padding:5px 10px; display:inline-block; font-size:0.9em}
.board_tab ul li:first-child{ background:none}
@media screen and (max-width:860px){
	.board_tab{ padding:15px 2%;}
	.board_tab ul li{display:inline-block;  padding:0 5px 0 7px;}
	.board_tab ul li a{ color:#666; padding:5px 3px;}
.board_tab ul li{ background-position:left 3px  }
.board_tab ul li{ background:url(../img/contents/tab_v_line.gif) no-repeat left 6px;   }
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■ gngnet renewal added ■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.table_unit{text-align: right; box-sizing: border-box; padding: 0.75rem 0 0;}

/* 컨텐츠 수정 */
.pregnancy #subtab_cont6 section:nth-of-type(1) .basic_column3 > li:nth-child(2) div {padding-left: 0; margin: 0;}

.pain #subtab_cont10 section:nth-of-type(2) .basic_divide2 + div h4{font-size: 1.5rem; text-align: center;}
.pain #subtab_cont10 section:nth-of-type(2) .basic_divide2 + div h4{font-size: 1.5rem; text-align: center;}
.traffic #subtab_cont1 section:nth-of-type(5) .imp{margin: 3px 10px 0 0;}
.traffic #subtab_cont1 section:nth-of-type(5) .num_list dd{display: flex; gap: 4px;}
.traffic #subtab_cont1 section:nth-of-type(5) .num_list dd strong{flex: 0 0 auto;}
.special #subtab_cont3 section:nth-of-type(3) .column3_t li{width: 32%;}
.oriental #subtab_cont4 section:nth-of-type(3) ul.renew_divide2 > li.image{width: 30%; text-align: center;}
.oriental #subtab_cont4 section:nth-of-type(3) ul.renew_divide2 > li.image img{width: auto;}
.oriental #subtab_cont4 section:nth-of-type(3) ul.renew_divide2 > li.info{width: 65%;}
.woman #subtab_cont9 section:nth-of-type(2) .woman_stro .img{width: 25%;}
.woman #subtab_cont9 section:nth-of-type(2) .woman_stro .text{width: 65%; margin-top: 2.5rem;}

/* 아래는 탭메뉴 fake 로 바꾼 후 */

.pregnancy #subtab_fake_cont6 section:nth-of-type(1) .basic_column3 > li:nth-child(2) div {padding-left: 0; margin: 0;}

.pain #subtab_fake_cont10 section:nth-of-type(2) .basic_divide2 + div h4{font-size: 1.5rem; text-align: center;}
.pain #subtab_fake_cont10 section:nth-of-type(2) .basic_divide2 + div h4{font-size: 1.5rem; text-align: center;}
.traffic #subtab_fake_cont1 section:nth-of-type(5) .imp{margin: 3px 10px 0 0;}
.traffic #subtab_fake_cont1 section:nth-of-type(5) .num_list dd{display: flex; gap: 4px;}
.traffic #subtab_fake_cont1 section:nth-of-type(5) .num_list dd strong{flex: 0 0 auto;}
.special #subtab_fake_cont3 section:nth-of-type(3) .column3_t li{width: 32%;}
.oriental #subtab_fake_cont4 section:nth-of-type(3) ul.renew_divide2 > li.image{width: 30%; text-align: center;}
.oriental #subtab_fake_cont4 section:nth-of-type(3) ul.renew_divide2 > li.image img{width: auto;}
.oriental #subtab_fake_cont4 section:nth-of-type(3) ul.renew_divide2 > li.info{width: 65%;}
.woman #subtab_fake_cont9 section:nth-of-type(2) .woman_stro .img{width: 25%;}
.woman #subtab_fake_cont9 section:nth-of-type(2) .woman_stro .text{width: 65%; margin-top: 2.5rem;}

@media (max-width: 1024px){
    .internal #subtab_cont2 .remove{display: none;}
    .internal #subtab_cont2 .internal_02_2 > .wrap .border-box .remove{display: none;}
    .internal #subtab_cont6 .internal_06_1 .border-box .remove{display: none;}
    .internal #subtab_cont9 section:nth-of-type(1) .wrap .border-box .remove{display: none;}
    .face #subtab_cont1 section:nth-of-type(1) .wrap .border-box .remove{display: none;}
    .face #subtab_cont5 section:nth-of-type(4) .wrap .basic_divide2 .info .remove{display: none;}
    .face #subtab_cont5 section:nth-of-type(6) .wrap .basic_divide2 .info h4 + p .remove{display: none;}
    .pregnancy #subtab_cont1 .pregnancy_01_1  > .wrap .border-box .remove{display: none;}
    .pregnancy #subtab_cont1 .pregnancy_01_2  .remove{display: none;}
    .pregnancy #subtab_cont3 .remove{display: none;}
    .pregnancy #subtab_cont5 .remove{display: none;}
    .pregnancy #subtab_cont6 section:nth-of-type(1) .basic_column3 > li div{padding: 2rem;}
    .pregnancy #subtab_cont6 section:nth-of-type(1) .basic_column3 .remove{display: none;}
    .pregnancy #subtab_cont4 .remove{display: none;}
    .pregnancy #subtab_cont7 .remove{display: none;}
    .pregnancy #subtab_cont8 .remove{display: none;}
    .pregnancy #subtab_cont9 .remove{display: none;}
    .pregnancy #subtab_cont9 .remove{display: none;}
    .woman #subtab_cont1 .remove{display: none;}
    .woman #subtab_cont6 .remove{display: none;}
    .woman #subtab_cont8 .remove{display: none;}
    .woman #subtab_cont9 .remove{display: none;}
    .pain #subtab_cont3 .remove{display: none;}
    .pain #subtab_cont4 .remove{display: none;}
    .pain #subtab_cont5 .remove{display: none;}
    .pain #subtab_cont7 .remove{display: none;}
    .pain #subtab_cont9 .remove{display: none;}
    .special #subtab_cont1 .remove{display: none;}
    .special #subtab_cont2 .remove{display: none;}
    .special #subtab_cont7 .remove{display: none;}
    .special #subtab_cont8 .remove{display: none;}
    .special #subtab_cont9 .remove{display: none;}
    .special #subtab_cont10 .remove{display: none;}
    .diet #subtab_cont1 .remove{display: none;}
    .oriental #subtab_cont2 .remove{display: none;}
    .oriental #subtab_cont3 .remove{display: none;}

    /* 아래는 탭메뉴 fake 로 바꾼 후 */

    .internal #subtab_fake_cont2 .remove{display: none;}
    .internal #subtab_fake_cont2 .internal_02_2 > .wrap .border-box .remove{display: none;}
    .internal #subtab_fake_cont6 .internal_06_1 .border-box .remove{display: none;}
    .internal #subtab_fake_cont9 section:nth-of-type(1) .wrap .border-box .remove{display: none;}
    .face #subtab_fake_cont1 section:nth-of-type(1) .wrap .border-box .remove{display: none;}
    .face #subtab_fake_cont5 section:nth-of-type(4) .wrap .basic_divide2 .info .remove{display: none;}
    .face #subtab_fake_cont5 section:nth-of-type(6) .wrap .basic_divide2 .info h4 + p .remove{display: none;}
    .pregnancy #subtab_fake_cont1 .pregnancy_01_1  > .wrap .border-box .remove{display: none;}
    .pregnancy #subtab_fake_cont1 .pregnancy_01_2  .remove{display: none;}
    .pregnancy #subtab_fake_cont3 .remove{display: none;}
    .pregnancy #subtab_fake_cont5 .remove{display: none;}
    .pregnancy #subtab_fake_cont6 section:nth-of-type(1) .basic_column3 > li div{padding: 2rem;}
    .pregnancy #subtab_fake_cont6 section:nth-of-type(1) .basic_column3 .remove{display: none;}
    .pregnancy #subtab_fake_cont4 .remove{display: none;}
    .pregnancy #subtab_fake_cont7 .remove{display: none;}
    .pregnancy #subtab_fake_cont8 .remove{display: none;}
    .pregnancy #subtab_fake_cont9 .remove{display: none;}
    .pregnancy #subtab_fake_cont9 .remove{display: none;}
    .woman #subtab_fake_cont1 .remove{display: none;}
    .woman #subtab_fake_cont6 .remove{display: none;}
    .woman #subtab_fake_cont8 .remove{display: none;}
    .woman #subtab_fake_cont9 .remove{display: none;}
    .pain #subtab_fake_cont3 .remove{display: none;}
    .pain #subtab_fake_cont4 .remove{display: none;}
    .pain #subtab_fake_cont5 .remove{display: none;}
    .pain #subtab_fake_cont7 .remove{display: none;}
    .pain #subtab_fake_cont9 .remove{display: none;}
    .special #subtab_fake_cont1 .remove{display: none;}
    .special #subtab_fake_cont2 .remove{display: none;}
    .special #subtab_fake_cont7 .remove{display: none;}
    .special #subtab_fake_cont8 .remove{display: none;}
    .special #subtab_fake_cont9 .remove{display: none;}
    .special #subtab_fake_cont10 .remove{display: none;}
    .diet #subtab_fake_cont1 .remove{display: none;}
    .oriental #subtab_fake_cont2 .remove{display: none;}
    .oriental #subtab_fake_cont3 .remove{display: none;}
}
@media (max-width: 1000px) {
    .woman #subtab_cont9 section:nth-of-type(2) .woman_stro .img{width: 100%;}
    .woman #subtab_cont9 section:nth-of-type(2) .woman_stro .text{width: 100%; margin-top: 2rem;}

    /* 아래는 탭메뉴 fake 로 바꾼 후 */

    .woman #subtab_fake_cont9 section:nth-of-type(2) .woman_stro .img{width: 100%;}
    .woman #subtab_fake_cont9 section:nth-of-type(2) .woman_stro .text{width: 100%; margin-top: 2rem;}
}
@media (max-width: 860px){
    .internal #subtab_cont1 section:nth-of-type(1) > .wrap .border-box .remove{display: none;}
    .special #subtab_cont3 section:nth-of-type(3) .column3_t li{width: 100%;}
    .traffic #subtab_cont1 section:nth-of-type(5) .num_list dd{display: block;}
    .traffic #subtab_cont1 section:nth-of-type(5) .num_list dd strong{flex: none;}
    .traffic #subtab_cont1 section:nth-of-type(5) .num_list dd strong + p{display: inline;}

    /* 아래는 탭메뉴 fake 로 바꾼 후 */

    .internal #subtab_fake_cont1 section:nth-of-type(1) > .wrap .border-box .remove{display: none;}
    .special #subtab_fake_cont3 section:nth-of-type(3) .column3_t li{width: 100%;}
    .traffic #subtab_fake_cont1 section:nth-of-type(5) .num_list dd{display: block;}
    .traffic #subtab_fake_cont1 section:nth-of-type(5) .num_list dd strong{flex: none;}
    .traffic #subtab_fake_cont1 section:nth-of-type(5) .num_list dd strong + p{display: inline;}
}
@media (max-width: 640px){
    .pregnancy #subtab_cont6 section:nth-of-type(1) .basic_column3 > li:first-child{width: 100%;}
    .pregnancy #subtab_cont6 section:nth-of-type(1) .basic_column3 > li div{padding: 2rem; margin: 0;}
    .pregnancy #subtab_cont6 section:nth-of-type(1) .basic_column3 > li:nth-child(2) div{padding: 2rem; padding-top: 0;}

    .oriental #subtab_cont4 section:nth-of-type(3) ul.renew_divide2 > li.image{width: 100%;}
    .oriental #subtab_cont4 section:nth-of-type(3) ul.renew_divide2 > li.info{width: 100%;}

    /* 아래는 탭메뉴 fake 로 바꾼 후 */

    .pregnancy #subtab_fake_cont6 section:nth-of-type(1) .basic_column3 > li:first-child{width: 100%;}
    .pregnancy #subtab_fake_cont6 section:nth-of-type(1) .basic_column3 > li div{padding: 2rem; margin: 0;}
    .pregnancy #subtab_fake_cont6 section:nth-of-type(1) .basic_column3 > li:nth-child(2) div{padding: 2rem; padding-top: 0;}

    .oriental #subtab_fake_cont4 section:nth-of-type(3) ul.renew_divide2 > li.image{width: 100%;}
    .oriental #subtab_fake_cont4 section:nth-of-type(3) ul.renew_divide2 > li.info{width: 100%;}

    .flex_indent{}
    .flex_indent > li{}
    .flex_indent > li > dl{display: flex; gap: 10px;}
    .flex_indent > li > dl dt{flex: 0 0 auto; padding: 0;}
    .flex_indent > li > dl dd{margin: 0;}
}



/* 공통 */
.renew{text-align: left;}
.renew *{box-sizing: border-box;}


.tit_wrap{padding-bottom: 2.1rem;}
.tit_wrap h3{position: relative; box-sizing: border-box; /*padding: 0 0 0 2.125rem;*/ line-height: 120%; margin: 0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.tit_wrap h3:before{content: ""; position: absolute; top: 0.249em; left: 0; display: block; width: 0.624em; height: 0.656em; border-radius: 50%; /*background: url("/assets/site/img/common/cont_tit_purple.png") no-repeat center; background-size: contain;*/}
/* .color-type-green .tit_wrap h3:before{background-image: url("/assets/site/img/common/cont_tit_green.png");}
.color-type-yellow .tit_wrap h3:before{background-image: url("/assets/site/img/common/cont_tit_orange.png");}
.color-type-purple .tit_wrap h3:before{background-image: url("/assets/site/img/common/cont_tit_purple.png");}
.color-type-brown .tit_wrap h3:before{background-image: url("/assets/site/img/common/cont_tit_brown.png");} */

.tit_wrap .sub{/*line-height: 130%;*/ padding: 0.83rem 0 0;}

.renew .h5{font-size: 22px; font-weight: 600; margin: 0; letter-spacing: -0.5px; line-height: 130%; padding: 0 0 1.4rem;}
.renew .sec:not(:first-child){margin-top: 6rem;}

@media (max-width: 860px){
    .tit_wrap{padding-bottom: 2rem;}
    .tit_wrap h3{font-size: 1.75rem; /*padding: 0 0 0 1.75rem;*/}
    .renew .h5{padding: 0 0 1rem;}
}
@media (max-width: 640px){
    .tit_wrap{padding-bottom: 1.5rem;}
    .tit_wrap h3{font-size: 1.6rem; /*padding: 0 0 0 1.5rem;*/}

    .renew .sec:not(:first-child){margin-top: 4rem;}
}
@media (max-width: 460px){
    .tit_wrap{padding-bottom: 1.35rem;}
    .tit_wrap h3{font-size: 1.4rem;}
    .renew .h5{font-size: 18px; /*padding: 0 0 0.75rem;*/}
}


/* 진료과목 컨텐츠 수정 */

.bdn{border: none !important;}
.p0{padding: 0 !important;}
.radi10{border-radius: 10px !important; overflow: hidden;}
.clinic section section:first-of-type{margin-top: 0;}
.clinic section:not(:first-of-type){}
.border-box.bdn{border: none;}
.list_long li dl{padding-left: 3%;}
.list_long li dl dt{font-size: 1.25rem; font-weight: 500;}
section.bg_line2{/*background: none;*/ padding: 6rem 0 !important;}
.border-box.bg_line2{background-position: top right 15%;}
.text_indent_num{display: block; box-sizing: border-box; padding: 0 0 0 1.2em; text-indent: -1.2em;}

/*.diet_01_1{background: none;}*/
/*.diet_01_1 .renew_list01{background-image: url("../img/contents/renewal/diet_01_1_bg.jpg");}*/
.diet_01_1 .renew_list01 ul{width: 60%;}

.diet_01_2 ul.diet_divide2{display: flex; gap: 50px; margin: 0;}
.diet_01_2 ul.diet_divide2 > li div{border: none; margin: 0; padding: 0;}

/*.special_01_1{background: none;}*/
/*.special_01_1 .renew_list01{background-image: url("../img/contents/renewal/special_01_bg1.jpg");}*/
.special_01_1 .renew_list01 ul{width: 60%;}
/*.special_02_2{background: none;}*/
/*.special_02_2 .renew_list01{background-image: url("../img/contents/renewal/special_02_bg1.jpg");}*/
.special_02_2 .renew_list01 ul{width: 60%;}
.clinic .face_01_1{padding: 6rem 0 !important;}

.column3_t li dl.purple{background: #633073 url(../img/contents/patt.png) repeat;}
.column3_t.four li:last-child{margin-right: 2%;}
.clinic .special_02_1{padding: 6rem 0 !important;}
/*.clinic .internal_05_2 .row_list li{width: 100%;}*/

.basic_tb2 tr th,
.basic_tb2 tr td{vertical-align: middle;}

.pain_04_2{padding-bottom: 4rem !important;}



.num_list_align > li{}
.num_list_align > li dl{}
.num_list_align > li dl dt{}
.num_list_align > li dl dd{display: flex; gap: 4px;}
.num_list_align > li dl dd strong{flex: 0 0 auto;}

.list_check_align{}
.list_check_align > li{display: flex; gap: 4px;}
.list_check_align > li > strong{flex: 0 0 auto;}




@media (max-width:1200px){
    .diet_01_2 ul.diet_divide2{gap: 10px;}
}
@media (max-width: 860px){
    .diet_01_1 .renew_list01 ul{width: 100%;}
    .special_01_1 .renew_list01 ul{width: 100%;}
    .special_02_2 .renew_list01 ul{width: 100%;}

    .column3_t.four li:last-child{margin-right: 0;}
    /*.column3_t li dl dt img{height: 100%; object-fit: cover;}*/

    .special_02_3 .row_list li dl dt{width: 100%; display: block;}
    .special_02_3 .row_list li dl dt img{width: 100%; max-height: none;}
    .special_02_3 .row_list li dl dd{display: block; width: 100%; margin-left: 0; padding: 1.5rem; box-sizing: border-box;}

    .oriental_07_3 .row_list li dl dt{width: 100%; display: block;}
	.oriental_07_3 .row_list li dl dt img{width: 100%; max-height: none;}
	.oriental_07_3 .row_list li dl dd.he3{display: block; width: 100%;	margin-left: 0; padding: 1.5rem; box-sizing: border-box;}

    .pain_11_3 .row_list li dl dt{width: 100%; display: block;}
	.pain_11_3 .row_list li dl dt img{width: 100%; max-height: none;}
	.pain_11_3 .row_list li dl dd.he3{display: block; width: 100%;	margin-left: 0; padding: 1.5rem; box-sizing: border-box;}

    .traffic_01_4 .row_list li dl dt{width: 100%; display: block;}
	.traffic_01_4 .row_list li dl dt img{width: 100%; max-height: none;}
	.traffic_01_4 .row_list li dl dd.he3{display: block; width: 100%;	margin-left: 0; padding: 1.5rem; box-sizing: border-box;}
}
@media (max-width: 640px){
    section.bg_line2{padding: 4rem 0 !important;}

    .diet_01_2 ul.diet_divide2{flex-direction: column;}

    ul.diet_divide3{margin: 0; padding: 0;}
    ul.diet_divide3 > li div{margin: 0;}

    .f_contents{padding: 1.5rem;}

    ul.renew_divide2 > li:nth-child(1){margin-top: 0;}

    .clinic .internal_05_2 .row_list li dl dt{width: 100%;}
    .clinic .internal_05_2 .row_list li dl dt img{width: 100%; max-height: none !important;}
    .clinic .internal_05_2 .row_list li dl dd{width: 100%; margin-left: 0; padding: 20px;}

    .clinic .face_01_1{padding: 4rem 0 !important;}
    .clinic .special_02_1{padding: 4rem 0 !important;}
}






/*.subtab{display: flex; margin-top: 5rem; flex-wrap: wrap; gap: 1px;}
.subtab > li{width: calc(20% - 4px);}
.subtab > li a{display: block; padding: 1rem; text-align: center; background-color: #ddd;}
.subtab > li a.on{background-color: #666; color: #fff;}
.subtab_cont_wrap{box-sizing: border-box; padding: 4rem 0 0;}
.subtab_cont_wrap > div{display: none;}
.subtab_cont_wrap > div.on{display: block;}*/


/* 3뎁스 스크롤 탭메뉴 */
.subtab{position: relative; /*display: flex; width: auto; flex-wrap: nowrap; overflow-x: auto; gap: 10px;*/ margin-top: -0.75rem; margin-bottom: 3rem; font-size: 0; text-align: left;}
.subtab::-webkit-scrollbar{height: 8px; /*display: none;*/}
.subtab::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #dcdcdc;}
.subtab::-webkit-scrollbar-track{border-radius: 10px; background-color: rgba(193,193,193,0.2);}
.subtab li{display: inline-block; width: auto; /*flex: 0 0 auto;  margin-bottom: 0.75rem;*/ margin-top: 0.75rem; margin-right: 1rem; font-size: 1rem;}
.subtab li a{display: block; line-height: 45px; padding: 0 1.5rem; border-radius: 45px; text-align: center; user-select: none; color: #999; background-color: #f2f2f2;}
.subtab li a.on{font-weight: 600; background-color: #222; color: #fff;}
.subtab_cont_wrap{/*padding: 4rem 0 0;*/ box-sizing: border-box; margin-bottom: -8.5rem;}
.subtab_cont_wrap .subtab_cont{/*display: none;*/ opacity: 0; visibility: hidden; height: 0; transform: translateY(20px); overflow: hidden;}
.subtab_cont_wrap .subtab_cont.on{/*display: block;*/ opacity: 1; visibility: visible; height: auto; transform: translateY(0); transition: all 0.5s;}
.subtab_cont_wrap .subtab_cont.on.container_pb0{}
.subtab_fake_cont.container_pb0{margin-bottom: -8.5rem;}
@media (max-width: 1280px){
    .subtab{display: flex; width: auto; flex-wrap: nowrap; overflow-x: auto; gap: 10px; text-align: center; margin-top: 0;}
    .subtab li{flex: 0 0 auto; margin-right: 0; margin-bottom: 0.75rem; margin-top: 0;}
}
@media (max-width: 1024px){
    .subtab li a{line-height: 40px;}
}
@media (max-width: 860px){
    .subtab_cont_wrap .subtab_cont.on.container_pb0{margin-bottom: -7rem;}
    .subtab_fake_cont.container_pb0{margin-bottom: -7rem;}
}
@media (max-width: 640px){
    .subtab{margin-bottom: 2rem;}
    .subtab li{margin-bottom: 7px;}
    .subtab li a{font-size: 14px; line-height: 36px; padding: 0 1rem;}
}
@media (max-width: 460px){
    .subtab{gap: 7px;}
    .subtab li a{line-height: 34px;}
}
@media (hover: none) {
    /* 터치 디스플레이 (패드, 모바일) 에서 가로메뉴 스크롤바 감추기1 */
    /*.subtab::-webkit-scrollbar{display: none;}*/
}
@media screen and (any-pointer: coarse){
    /* 터치 디스플레이 (패드, 모바일) 에서 가로메뉴 스크롤바 감추기2 */
    /*.subtab::-webkit-scrollbar{display: none;}*/
}


/* 3뎁스 스크롤 탭메뉴 페이크 (디자인만 탭메뉴이고 단순 링크) */
.subtab_fake{position: relative; /*display: flex; width: auto; flex-wrap: nowrap; overflow-x: auto; gap: 10px;*/  margin-top: -0.75rem; margin-bottom: 3rem; font-size: 0; text-align: left;}
.subtab_fake::-webkit-scrollbar{height: 8px; /*display: none;*/}
.subtab_fake::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #dcdcdc;}
.subtab_fake::-webkit-scrollbar-track{border-radius: 10px; background-color: rgba(193,193,193,0.2);}
.subtab_fake li{display: inline-block; width: auto; /*flex: 0 0 auto;  margin-bottom: 0.75rem;*/ margin-top: 0.75rem; margin-right: 1rem; font-size: 1rem;}
.subtab_fake li a{display: block; line-height: 45px; padding: 0 1.5rem; border-radius: 45px; text-align: center; user-select: none; color: #999; background-color: #f2f2f2;}
.subtab_fake li a.on{font-weight: 600; background-color: #222; color: #fff;}
@media (max-width: 1280px){
    .subtab_fake{display: flex; width: auto; flex-wrap: nowrap; overflow-x: auto; gap: 10px; text-align: center; margin-top: 0;}
    .subtab_fake li{flex: 0 0 auto; margin-right: 0; margin-bottom: 0.75rem; margin-top: 0;}
}
@media (max-width: 1024px){
    .subtab_fake li a{line-height: 40px;}
}
@media (max-width: 640px){
    .subtab_fake{margin-bottom: 2rem;}
    .subtab_fake li{margin-bottom: 7px;}
    .subtab_fake li a{font-size: 14px; line-height: 36px; padding: 0 1rem;}
}
@media (max-width: 460px){
    .subtab_fake{gap: 7px;}
    .subtab_fake li a{line-height: 34px;}
}

/* 진료예약 */
.reserve{}
.reserve .info{padding: 3.688rem 4rem 3.45rem; border: 1px solid #dbdbdb; border-radius: 6px; background: #f8f9f0 url("/assets/site/img/contents/renewal/reserve_info_bg.png") no-repeat right center; background-size: auto 100%;}
.reserve .info .blist{display: flex; gap: 1.25rem;}
.reserve .info .blist li{}
.reserve .info .blist span{display: inline-block; width: 170px; line-height: 55px; border-radius: 10px; text-align: center; font-size: 1.125rem; font-weight: 500; color: #fff; background-color: #ddd; user-select: none;}
.reserve .info .blist span.naver{background-color: #00c73c;}
.reserve .info .blist span.tel{background-color: var(--primary_color);}
.reserve .info .blist span .badge{}
.reserve .info .blist span .badge:before{content: ""; display: inline-block; vertical-align: middle; margin: -3px 10px 0 0; width: 21px; height: 21px; background-repeat: no-repeat; background-size: contain;}
.reserve .info .blist span.naver .badge:before{background-image: url("/assets/site/img/contents/renewal/reserve_ico_n.png");}
.reserve .info .blist span.tel .badge:before{background-image: url("/assets/site/img/contents/renewal/reserve_ico_t.png");}
.reserve .info .txt{margin-top: 1rem;}

.reserve .link{display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(auto-fill, minmax(50px, auto)); grid-row-gap: 1.25rem; grid-column-gap: 1.25rem;}
.reserve .link li{}
.reserve .link li a{display: block; padding: 0 1rem 0 2.4rem; line-height: 73px; border: 1px solid #00c73c; border-radius: 10px; font-size: 1.125rem; color: #00c73c; background-color: #fff;}
.reserve .link li a:hover{border-color: transparent; font-weight: 600; color: #fff; background-color: #00c73c;}
.reserve .link li a span{}
.reserve .link li a span:before{content: ""; display: inline-block; vertical-align: middle; margin: -3px 10px 0 0; width: 19px; height: 19px; background: url("/assets/site/img/contents/renewal/reserve_n.png") no-repeat; background-size: contain;}
.reserve .link li a:hover span:before,
.reserve .link li a:focus span:before{background-image: url("/assets/site/img/contents/renewal/reserve_n_hover.png"); animation: ani_bg 0.7s ease-out; transform-origin: 50% 100%;}

.reserve .link.tel{}
.reserve .link.tel li{}
.reserve .link.tel li a{border-color: var(--primary_color); color: var(--primary_color); font-weight: 600; font-size: 1rem;}
.reserve .link.tel li a:hover{border-color: transparent; color: #fff; background-color: var(--primary_color);;}
.reserve .link.tel li a em{color: #222; font-weight: 400;}
.reserve .link.tel li a:hover em{color: #fff;}
.reserve .link.tel li a em:before{content: ""; display: inline-block; vertical-align: middle; margin: -4px 6px 0 10px; width: 20px; height: 20px; background: url("/assets/site/img/contents/renewal/reserve_t.png") no-repeat; background-size: contain;}
.reserve .link.tel li a:hover em:before,
.reserve .link.tel li a:focus em:before{background-image: url("/assets/site/img/contents/renewal/reserve_t_hover.png"); animation: ani_bg 0.7s ease-out; transform-origin: 50% 100%;}
@media (max-width: 1280px){
    .reserve .info{padding: 2.5rem 3rem;}

    .reserve .link{gap: 1rem;}
    .reserve .link li a{padding: 0 1rem 0 1.75rem; line-height: 66px;}
    .reserve .link.tel li a em:before{margin: -4px 6px 0;}
}
@media (max-width: 1024px){
    .reserve .info{padding: 2rem 2rem;}
    .reserve .info .blist span{font-size: 1rem; width: 148px; line-height: 50px;}

    .reserve .link li a{padding: 0 1rem 0 1.25rem; line-height: 56px;}
}
@media (max-width: 960px){
    .reserve .info{background-position: right -200px center; padding-right: 12rem;}

    .reserve .link{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px){
    .reserve .link{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px){
    .reserve .info{background-image: none; padding: 1.5rem;}
    .reserve .info .blist{gap: 10px;}
    .reserve .info .blist span{line-height: 46px; width: 130px;}
    .reserve .info .blist span .badge:before{}

    .reserve .link{gap: 7px; grid-template-rows: repeat(auto-fill, minmax(30px, auto));}
    .reserve .link li a{line-height: 44px; font-size: 15px; padding: 0 0.5rem 0 1rem;}
    .reserve .link li a span:before{width: 15px; height: 15px; margin: -3px 7px 0 0;}
    .reserve .link.tel li a{font-size: 14px;}
    .reserve .link.tel li a em:before{width: 14px; height: 14px; margin: -3px 5px 0;}
}
@media (max-width: 460px){
    .reserve .info{padding: 1.5rem 1rem;}
    .reserve .info .blist{justify-content: center;}
    .reserve .info .blist li{flex: 1;}
    .reserve .info .blist span{display: block; width: 100%;}
    .reserve .info .txt{font-size: 14px;}

    .reserve .link li a{padding: 0 0 0 0.75rem; font-size: 14px;}
    .reserve .link.tel li a em{font-size: 13px;}
    .reserve .link.tel li a em:before{width: 12px; height: 12px; margin: -3px 3px 0;}
}


/* 사랑인스토리 */
/*.story .slogan{border: 1px solid #dbdbdb; padding: 0 4rem; border-radius: 6px;}
.story .slogan dl{}
.story .slogan dl > div{display: flex; align-items: center; padding: 3.15rem 0;}
.story .slogan dl > div + div{border-top: 1px solid #dbdbdb;}
.story .slogan dl dt{padding: 0 4.9rem 0 0.8rem; margin-left: auto; line-height: 1; font-family: 'AppleSDGothicNeo', 'Pretendard'; font-weight: 600; font-size: 10rem; color: rgba(197,169,206,0.5);}
.story .slogan dl dd{flex: 1;}
.story .slogan dl dd .tit{line-height: 130%; font-size: 1.375rem; font-weight: 700;}
.story .slogan dl dd .des{line-height: 150%; padding: 1.1rem 0 0; color: #999;}*/
.story .slogan{}
.story .slogan ul{display: flex; flex-direction: column; gap: 5.7rem;}
.story .slogan ul > li{position: relative;}
.story .slogan .img{position: relative;}
.story .slogan .img img{}
.story .slogan .img .chinese{position: absolute; top: 100%; transform: translateY(-50%); left: 9.8%; right: auto; line-height: 1; font-family: 'AppleSDGothicNeo', 'Pretendard'; font-weight: 600; font-size: 11.25rem; color: #f5f5f5;}
.story .slogan .con{padding: 4.1rem 0 0 29.1%; box-sizing: border-box;}
.story .slogan .con .tit{line-height: 130%; font-size: 1.875rem; font-weight: 700;}
.story .slogan .con .des{padding: 2.1rem 0 0; color: #999;}
.story .slogan ul > li:nth-child(even){}
.story .slogan ul > li:nth-child(even) .img{}
.story .slogan ul > li:nth-child(even) .img img{}
.story .slogan ul > li:nth-child(even) .img .chinese{left: auto; right: 9.8%;}
.story .slogan ul > li:nth-child(even) .con{padding: 4.1rem 0 0 8.6%;}


/*.story .slogan dl > div{display: flex; align-items: center; padding: 3.15rem 0;}
.story .slogan dl > div + div{border-top: 1px solid #dbdbdb;}
.story .slogan dl dt{padding: 0 4.9rem 0 0.8rem; margin-left: auto; line-height: 1; font-family: 'AppleSDGothicNeo', 'Pretendard'; font-weight: 600; font-size: 10rem; color: rgba(197,169,206,0.5);}
.story .slogan dl dd{flex: 1;}
.story .slogan dl dd .tit{line-height: 130%; font-size: 1.375rem; font-weight: 700;}
.story .slogan dl dd .des{line-height: 150%; padding: 1.1rem 0 0; color: #999;}*/

/*.story .unique{position: relative; box-sizing: border-box; padding: 0 2.375rem; background-color: #e3e3e3;}
.story .unique .circle{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 25.875rem; height: 25.875rem; border-radius: 50%; box-sizing: border-box; padding: 2.188rem; font-size: 2rem; font-weight: 700; background: linear-gradient(-45deg, rgba(181,118,202,1) 0%, rgba(115,48,138,1) 80%);}
.story .unique .circle:before{content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; transform-origin: top left; width: 312px; height: 312px; transform: rotate(135deg); border-top: 1px solid #000; border-left: 1px solid #000;}
.story .unique .circle:after{content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; transform-origin: top left; width: 312px; height: 312px; transform: rotate(-45deg); border-top: 1px solid #000; border-left: 1px solid #000;}
.story .unique .circle .inner{position: relative; z-index: 1; display: inline-flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; border-radius: 50%; background-color: #fff;}
.story .unique .des_list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(auto-fill, minmax(198.16px, auto));
    grid-row-gap: 5rem;
     grid-column-gap: 4.375rem;
    grid-column-gap: 38.8%;

}
.story .unique .des_list > li{border: 1px solid #000; box-sizing: border-box;}
.story .unique .des_list > li .keyword{position: relative; box-sizing: border-box; padding: 0 0 1rem 1.625rem; border-bottom: 1px solid #000; font-size: 1.375rem; font-weight: 700;}
.story .unique .des_list > li .des{color: #999; box-sizing: border-box; padding: 1rem 0 0 1.625rem; }

.story .unique .des_list > li:nth-child(even){text-align: right;}
.story .unique .des_list > li:nth-child(even) .keyword{padding: 0 1.625rem 1rem 0;}
.story .unique .des_list > li:nth-child(even) .des{padding: 1rem 1.625rem 0 0; }*/

/* .story .unique{position: relative; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 40px 2.375rem;  margin: 0 0 12rem;}
.story .unique .img{text-align: center;}
.story .unique .img img{max-width: none;}
.story .unique .img img.m{display: none;}
.story .unique .title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2rem; font-weight: 700; text-align: center; line-height: 130%;}
.story .unique .cont{position: absolute; width: 50%; box-sizing: border-box;}
.story .unique .cont.T.L{top: 0; bottom: auto; left: 65px; right: auto; text-align: left;}
.story .unique .cont.T.R{top: 0; bottom: auto; left: auto; right: 65px; text-align: right;}
.story .unique .cont.B.L{top: 100%; top: 399px; bottom: auto; left: 65px; right: auto; text-align: left;}
.story .unique .cont.B.R{top: 100%; top: 399px; bottom: auto; left: auto; right: 65px; text-align: right;}
.story .unique .cont .keyword{font-size: 1.375rem; font-weight: 700; padding: 0 0 1.6rem;}
.story .unique .cont .des{color: #999;} */

.story .unique{position: relative; display: flex; flex-wrap: wrap; gap: 280px 24%; justify-content: space-between; box-sizing: border-box; }
.story .unique .circle2{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; border-radius: 50%; border: 1px solid #613172; width: 19.438rem; height: 19.438rem; background-color: #fff;}
.story .unique .circle2 .txt{position: absolute; top: 50%; left: 50%; display: flex; justify-content: center; align-items: center; width: calc(100% - 1.7em); height: calc(100% - 1.7em); transform: translate(-50%, -50%); box-sizing: border-box; border-radius: 50%; line-height: 115%; font-size: 1.875rem; font-weight: 600; text-align: center; color: #fff; background: #81598a url("/assets/site/img/contents/renewal/story_circle_txt.png") no-repeat center; background-size: cover;}
.story .unique .circle2 .deco{position: absolute; width: 16px; height: 16px; overflow: hidden; box-sizing: border-box;; border-radius: 50%; background: rgb(109,63,125); background: linear-gradient(45deg, rgba(109,63,125,1) 50%, rgba(178,140,190,1) 100%);}
.story .unique .circle2 .deco:before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; border-radius: 50%; width: calc(100% - 4px); height: calc(100% - 4px); background-color: #fff; overflow: hidden;}
.story .unique .circle2 .deco1{top: 15%; left: 9%;}
.story .unique .circle2 .deco2{top: 15%; right: 9%;}
.story .unique .circle2 .deco3{bottom: 15%; left: 9%;}
.story .unique .circle2 .deco4{bottom: 15%; right: 9%;}


.story .unique .cont{box-sizing: border-box; width: 38%; text-align: right;}
.story .unique .cont.R{text-align: left;}
.story .unique .cont .keyword{font-size: 1.375rem; font-weight: 700; padding: 0 0 0.5rem;}
.story .unique .cont .des{color: #999;}



.story .history{position: relative; padding: 0 450px 0 0; margin: 0.2rem 0 0;}
.story .history .hlist{position: relative; display: flex; flex-direction: column; gap: 2.85rem;}
.story .history .hlist:before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 10.625rem; width: 1px; height: 96%; background: #dbdbdb;}
.story .history .hlist > div{position: relative; display: flex;}
.story .history .hlist dt{flex-shrink: 0; width: 72px; font-weight: 600; font-size: 1.375rem; margin: 0 6.2rem 0 0;}
.story .history .hlist dd{position: relative; padding: 6px 0 0 3.813rem;}
.story .history .hlist dd:before{content: ""; position: absolute; z-index: 1; top: 11px; left: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: var(--primary_color);}
.story .history .hlist > div:first-child dd:after{content: ""; position: absolute; z-index: -1; top: -4px; left: -20px; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(234,221,238,0.5); animation: current_history 1s infinite; animation-direction: alternate;}
.story .history .hlist dd .month{}
.story .history .hlist dd .month > li{display: flex; gap: 1.2rem; line-height: 150%;}
.story .history .hlist dd .month > li + li{margin-top: 0.65rem;}
.story .history .hlist dd .month > li strong{flex-shrink: 0; width: 20px; font-weight: 600;}
.story .history .hlist dd .detail{}
.story .history .hlist dd .detail > li{}
.story .history .deco{position: absolute; top: 0; right: 0; display: flex; flex-direction: column; gap: 2.5rem; width: 420px;}
.story .history .deco li{border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden;}
.story .history .deco li img{width: 100%; height: 100%; object-fit: cover;}
@media (max-width: 1280px){
    /* .story .unique{padding: 0; margin: 2rem auto 13rem;}
    .story .unique .img img{max-width: 1000px;}
    .story .unique .cont.T.L{top: -34px; left: 50%; margin: 0 0 0 -480px;}
    .story .unique .cont.T.R{top: -34px; right: 50%; margin: 0 -480px 0 0;}
    .story .unique .cont.B.L{top: 315px; left: 50%; margin: 0 0 0 -480px;}
    .story .unique .cont.B.R{top: 315px; right: 50%; margin: 0 -480px 0 0;}
    .story .unique .cont .keyword{padding: 0 0 1rem;} */

    .story .slogan .img .chinese{left: 6%; font-size: 14vw;}
    .story .slogan .con{padding: 5% 0 0 25%;}
    .story .slogan ul > li:nth-child(even) .img .chinese{right: 6%;}
    .story .slogan ul > li:nth-child(even) .con{padding: 5% 0 0 6%;}
}
@media (max-width: 1080px){
    /* .story .unique .img img{max-width: 840px;}
    .story .unique .cont .keyword{font-size: 1.2rem;}
    .story .unique .cont .des{font-size: 14px;}

    .story .unique .cont.T.L{top: -28px; left: 50%; margin: 0 0 0 -400px;}
    .story .unique .cont.T.R{top: -28px; right: 50%; margin: 0 -400px 0 0;}
    .story .unique .cont.B.L{top: 265px; left: 50%; margin: 0 0 0 -400px;}
    .story .unique .cont.B.R{top: 265px; right: 50%; margin: 0 -400px 0 0;} */
}



@media (max-width: 1024px){
    .story .slogan .con .tit{font-size: 1.75rem;}
    .story .slogan .con .des{padding: 1.5rem 0 0;}
    .story .slogan ul > li:nth-child(1) .con .des .lc2{display: none;}

    .story .history{padding: 0;}
    .story .history .hlist{width: 60%; padding: 0 2rem 0 0;}
    .story .history .deco{width: 40%;}

}

@media (max-width: 890px){
    /* .story .unique{height: 482px; margin: 2rem auto 7rem; max-width: 650px;}
    .story .unique .img{display: none;}

    .story .unique .title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.4rem; display: inline-flex; justify-content: center; align-items: center; width: 200px; height: 200px;  border-radius: 50%; background: linear-gradient(-45deg, rgba(181,118,202,1) 0%, rgba(115,48,138,1) 80%);}
    .story .unique .title:before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); height: calc(100% - 30px); background-color: #fff; border-radius: 50%; z-index: -1;}

    .story .unique .cont{width: 44%;}
    .story .unique .cont.T.L{top: 0px; left: 15px; margin: 0;}
    .story .unique .cont.T.R{top: 0px; right: 15px; margin: 0;}
    .story .unique .cont.B.L{top: 350px;  left: 15px; margin: 0;}
    .story .unique .cont.B.R{top: 350px;  right: 15px; margin: 0;} */

    /*.story .unique .cont .des{display: none;}*/
    /*.story .unique .cont .keyword{padding: 0;}*/
}


@media (max-width: 860px){
    .story .slogan ul{gap: 4rem;}
    .story .slogan .con,
    .story .slogan ul > li:nth-child(even) .con{padding: 5% 15px 0 15px;}
    .story .slogan .con .tit{font-size: 1.5rem;}
    .story .slogan .con .des{padding: 0.75rem 0 0;}

    .story .history .hlist{width: 65%;}
    .story .history .hlist:before{left: 7rem;}
    .story .history .hlist dt{margin: 0 2rem 0 0;}
    .story .history .hlist dd{padding: 5px 0 0 2rem;}
    .story .history .hlist dd:before{left: -1px;}
    .story .history .hlist > div:first-child dd:after{width: 30px; height: 30px; left: -11px; top: 1px;}
    .story .history .hlist dd .month > li{gap: 0.5rem;}
    .story .history .deco{width: 35%;}
}
@media (max-width: 840px){
    .story .unique{gap: 250px 14%;}
    .story .unique .cont{width: 43%;}
    .story .unique .cont .des{min-height: 97px;}
    .story .unique .cont .des br{display: none !important;}

    .story .unique .circle2{width: 14rem; height: 14rem;}
    .story .unique .circle2 .txt{width: calc(100% - 1.5rem); height: calc(100% - 1.5rem); font-size: 1.6rem;}
    .story .unique .circle2 .deco{width: 14px; height: 14px;}
    .story .unique .circle2 .deco1{left: 7%;}
    .story .unique .circle2 .deco2{right: 7%;}
    .story .unique .circle2 .deco3{left: 7%;}
    .story .unique .circle2 .deco4{right: 7%;}
}
@media (max-width: 730px){
    .story .unique{gap: 170px 10%;}
    .story .unique .cont{width: 45%;}
    .story .unique .cont .keyword{font-size: 1.15rem;}

    .story .unique .circle2{width: 8.5rem; height: 8.5rem; transform: translate(-50%, -60%);}
    .story .unique .circle2 .txt{width: calc(100% - 1rem); height: calc(100% - 1rem); font-size: 1.3rem;}
    .story .unique .circle2 .deco{width: 12px; height: 12px;}
    .story .unique .circle2 .deco1{left: 3%;}
    .story .unique .circle2 .deco2{right: 3%;}
    .story .unique .circle2 .deco3{left: 3%;}
    .story .unique .circle2 .deco4{right: 3%;}
}
@media (max-width: 640px){

    .story .unique .cont .keyword{font-size: 1.1rem;}
    /* .story .unique .title{width: 150px; height: 150px;}
    .story .unique .title:before{width: calc(100% - 15px); height: calc(100% - 15px);}
    .story .unique .cont{}
    .story .unique .cont.L{}
    .story .unique .cont.R{}
    .story .unique .cont .des{}
    .story .unique .cont .des br{display: none;} */

    .story .slogan ul{gap: 2.7rem;}
    .story .slogan .con,
    .story .slogan ul > li:nth-child(even) .con{padding: 17px 10px 0 10px}
    .story .slogan .con .tit{font-size: 1.25rem;}
    .story .slogan .img .chinese{left: auto; right: 6%; text-shadow: 0px 0px 2px rgba(0,0,0,0.2); font-size: 90px;}

    .story .history .hlist{width: 100%; padding: 0;}
    .story .history .hlist dt{font-size: 1.25rem;}
    .story .history .deco{position: static; width: 100%; gap: 1rem; margin: 2rem 0 0;}
}
@media (max-width: 540px){
    .story .unique .cont .des{min-height: 120px;}
}
@media (max-width: 460px){
    /* .story .unique{margin: 2rem auto 9rem; height: 485px;}
    .story .unique .title{width: 130px; height: 130px; font-size: 1.2rem;}
    .story .unique .cont .keyword{font-size: 1.1rem; padding-bottom: 0.5rem;}
    .story .unique .cont.B{top: 335px !important;} */

    .story .slogan .con .tit{font-size: 1.15rem;}
    .story .slogan .img .chinese{font-size: 80px;}

    .story .history .hlist{gap: 2rem;}
    .story .history .hlist:before{left: 73px;}
    .story .history .hlist dt{margin: 0 1rem 0 0; font-size: 1.125rem; width: 62px;}
    .story .history .hlist dd{padding: 3px 0 0 1rem;}
    .story .history .hlist dd:before{left: -6px; width: 6px; height: 6px;}
    .story .history .hlist > div:first-child dd:after{width: 16px; height: 16px; left: -11px; top: 6px; animation: none;}
}
@media (max-width: 425px){
    .story .unique{gap: 150px 10%;}
    .story .unique .cont .des{min-height: 135px; font-size: 14px;}
}


/* 심볼 캐릭터 소개 */
.ci{}
.ci .grid{display: flex; justify-content: center; align-items: center; padding: 3.7rem 2rem; background: #fff url("/assets/site/img/contents/renewal/bg_grid.jpg"); /*box-shadow: inset 0 0 0 1px #dbdbdb;*/ border: 1px solid #dbdbdb; border-radius: 10px;}
.ci .grid.dark{background: #606060 url("/assets/site/img/contents/renewal/bg_grid_dark.png");}
.ci .txt{padding: 1.5rem 0 0;}
.ci .txt .sup{font-size: 1.375rem; font-weight: 600; color: var(--primary_color);}
.ci .txt .sub{padding: 0.35rem 0 0;}

.ci .logo_box{display: flex; gap: 2.5rem; padding: 3.2rem 0 0;}
.ci .logo_box > div{flex: 1;}
.ci .logo_box dt{}
.ci .logo_box dt .h5{}
.ci .logo_box dd{padding: 5.2rem 2rem;}
.ci .logo_box dd img{width: auto;}

.ci .color_box{padding: 3.5rem 0 0;}
.ci .clist{display: flex; gap: 2.5rem;}
.ci .clist li{flex: 1;}
.ci .clist .code{display: flex; justify-content: space-between; border-radius: 10px; padding: 5.65rem 1.5rem 1.2rem; color: #fff;}
.ci .clist .code1{background-color: #742e89;}
.ci .clist .code2{background-color: #7cc24d;}
.ci .clist .code3{background-color: #f04f23;}
.ci .clist .code .cmyk{}
.ci .clist .code .rgb{}

.ci .bd_box{position: relative; border: 1px solid #dbdbdb; border-radius: 10px; padding: 3.5rem 2rem 3.7rem;}

.ci .bd_box.hasProfile{text-align: center; vertical-align: middle;}

.ci .bd_box.hasProfile .img{
	display: inline-block; vertical-align: middle;
	max-width: 340px;
}
.ci .bd_box.hasProfile .profile{
	width: calc( 100% - 400px ); padding-left: 100px;
	display: inline-block; text-align: left; vertical-align: middle;
}

.ci .bd_box.hasProfile .profile .title {
	font-size: 36px; font-weight: 600;
}
.ci .bd_box.hasProfile .profile .sub {
	margin-top: 30px;
}
.ci .bd_box.hasProfile .profile .intro{
	margin-top: 30px; overflow: hidden;
}
.ci .bd_box.hasProfile .profile .intro li {
	display: block; float: left;
	 background: #f7f0f9; overflow: hidden;
	 line-height: 40px; padding: 0 20px; border-radius: 20px;
	 font-weight: 600; margin-right: 20px;
}
.ci .bd_box.hasProfile .profile .intro li:last-child {
	margin-right: 0;
}
.ci .bd_box.hasProfile .profile .intro li dt {
	float: left;
}
.ci .bd_box.hasProfile .profile .intro li dd {
	float: left; margin-left: 10px; color: var(--primary_color);
}



/* .ci .bd_box.hasProfile{padding-left: 39.375rem; margin-bottom: 6.3rem;}
.ci .bd_box.hasProfile:after{content: ""; display: block; clear: both;}

.ci .bd_box .img{position: absolute; top: 1.125rem; left: 4.063rem;}
.ci .bd_box.hasProfile .img{}
.ci .bd_box.hasProfile .img img.m{display: none;}
.ci .bd_box .profile{float: right;}
.ci .bd_box .profile .title{line-height: 100%; font-size: 2.188rem; font-weight: 600; font-family: 'LeeSeoyun'; letter-spacing: 0; color: var(--primary_color);}
.ci .bd_box .profile .intro{line-height: 155%; padding: 1.5rem 0 0;}
.ci .bd_box .profile .intro:after{content: ""; display: block; clear: both;}
.ci .bd_box .profile .intro > li{float: left; display: flex; align-items: flex-start; gap: 0.9rem; margin: 0 0 0.8rem;}
.ci .bd_box .profile .intro > li:last-child{margin-bottom: 0;}
.ci .bd_box .profile .intro > li:nth-child(n+3){float: none; clear: both; width: 100%;}
.ci .bd_box .profile .intro > li:nth-child(2){margin-left: 2.7rem;}
.ci .bd_box .profile .intro span{display: inline-block; width: 84px; flex-shrink: 0; border-radius: 9px; padding: 0 10px; text-align: center; background-color: var(--primary_color); color: #fff;}
.ci .bd_box .profile .intro div{}
.ci .bd_box .profile .intro div p{display: inline-flex; gap: 0.4rem; margin-right: 1.1rem;}
.ci .bd_box .profile .intro div p:last-of-type{margin-right: 0;}
.ci .bd_box .profile .intro div p em{letter-spacing: 0; font-size: 1.125rem; font-weight: 600; font-family: 'LeeSeoyun'; color: var(--primary_color);}
 */





.ci .depth2{margin: 3.3rem 0 0;}
.ci .depth2 .grid{display: flex; justify-content: center; align-items: center; padding: 3.5rem 2rem 4rem;}
.ci .depth2 .grid img {width: auto;}
.ci .depth2 .grid img.m{display: none;}

@media (max-width: 1280px){
    .ci .grid{padding: 2.6rem 2rem;}

    .ci .logo_box{gap: 2rem;}

    .ci .clist{gap: 2rem;}

    .ci .bd_box.hasProfile{padding: 3rem 2rem;}
	.ci .bd_box.hasProfile .img {width:280px}
	.ci .bd_box.hasProfile .profile {padding-left: 50px; width: calc( 100% - 300px );}
	.ci .bd_box.hasProfile .profile .title {font-size: 32px;}
	.ci .bd_box.hasProfile .profile .sub {margin-top: 20px;}
	.ci .bd_box.hasProfile .profile .sub br {display: none;}
	.ci .bd_box.hasProfile .profile .intro {margin-top: 20px;}

}
@media (max-width: 1140px){
    /* .ci .bd_box.hasProfile{display: flex; align-items: flex-start; gap: 2rem; margin-bottom: 0;}
    .ci .bd_box.hasProfile:after{display: none;}
    .ci .bd_box.hasProfile .img{position: static; top: auto; left: auto; width: auto; flex: 1.25;} */
    /* .ci .bd_box .profile{float: none; width: auto; flex: 1; padding: 3% 0 0;}
    .ci .bd_box .profile .intro div{}
    .ci .bd_box .profile .intro div br{display: none;} */
}
@media (max-width: 1024px){
    .ci .bd_box .profile .intro > li{float: none;}
    .ci .bd_box .profile .intro > li:nth-child(2){margin-left: 0;}
}
@media (max-width: 860px){
    .ci .grid img{width: 152px;}



    .ci .logo_box{gap: 1rem;}
    .ci .logo_box dd{padding: 17% 1rem;}

    .ci .clist{gap: 1rem;}
    .ci .clist .code{flex-direction: column; align-items: flex-end;}
    .ci .clist .code{padding: 25% 1rem 1rem;}

    .ci .bd_box.hasProfile{flex-direction: column;}
	.ci .bd_box.hasProfile .profile .title {font-size: 26px;}
    .ci .bd_box.hasProfile .img{flex: 1; width: 100%; text-align: center;}
	.ci .bd_box.hasProfile .profile {padding-left: 0; width: 100%; margin-top: 30px;}
	.ci .bd_box.hasProfile .profile .intro li {margin-right: 10px; padding: 0 15px;}

}
@media (max-width: 640px){
    .ci .logo_box{gap: 10px;}

    .ci .clist{gap: 10px; flex-direction: column;}
    .ci .clist .code{padding: 1rem 1rem 1rem;}

    .ci .bd_box{padding: 2rem 1rem;}
    .ci .bd_box.hasProfile{padding: 2rem 1rem;}
    .ci .bd_box .profile .title{font-size: 1.75rem;}

    .ci .depth2{margin: 2.5rem 0 0;}
    .ci .depth2 .grid{padding: 2rem 1.5rem;}
    .ci .depth2 .grid img.pc{display: none;}
    .ci .depth2 .grid img.m{display: block;}
}
@media (max-width: 460px){
    .ci .grid{padding: 1.3rem 2rem;}
    .ci .grid img{width: 108px;}
    .ci .txt .sup{font-size: 1.125rem;}


	.ci .depth2 .grid {}

    .ci .bd_box.hasProfile .img img.pc{width: 70%;}

    .ci .bd_box.hasProfile .profile .title {font-size: 20px;}
    .ci .bd_box .profile .intro > li{margin-bottom: 8px; gap: 10px;}
    .ci .bd_box .profile .intro span{width: 56px; font-size: 14px;}
}


/* 지점별 페이지 : 프로그램 처리 달라짐에 따라 css 수정 (기존 css는 그대로 두고 하단에 추가 방식으로 수정) */
.h1_time_bg.cheonan{/*background-image: url(/assets/site/img/contents/sarangin/h1_time_bg.jpg);*/}
.h1_time_bg.chungju{/*background-image: url(/assets/site/img/contents/sarangin/h2_time_bg.jpg);*/}
.h1_time_bg.suwon{/*background-image: url(/assets/site/img/contents/sarangin/h3_time_bg.jpg);*/}
.h1_time_bg.ansan{/*background-image: url(/assets/site/img/contents/sarangin/h4_time_bg.jpg);*/}
.h1_time_bg.bundang{/*background-image: url(/assets/site/img/contents/sarangin/h5_time_bg.jpg);*/}
.h1_time_bg.jinju{/*background-image: url(/assets/site/img/contents/sarangin/h6_time_bg.jpg);*/}
.h1_time_bg.pyeongtaek{/*background-image: url(/assets/site/img/contents/sarangin/h7_time_bg.jpg);*/}
.h1_time_bg.pajuwoonjung{/*background-image: url(/assets/site/img/contents/sarangin/h8_time_bg.jpg);*/}

.time_info .tit_wrap .sub{/*padding: 1.75rem 0 0;*/ font-size: 1.5rem; font-weight: 500; line-height: 130%;}
.time_info .tit_wrap .sub .lc{display: none;}

.h1_time_bg{background: none !important;}
.h1_time_bg > .wrap{display: flex; gap: 2rem;}
.h1_time_bg .links{display: flex; justify-content: space-between; gap: 1.625rem; width: 54%;}
.h1_time_bg .links > li{flex: 1;}
.h1_time_bg .links > li a{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; box-sizing: border-box; border: 1px solid #dbdbdb; border-radius: 10px; overflow: hidden; text-align: center; font-size: 1.3rem; font-weight: 600; line-height: 120%; color: #fff;}
.h1_time_bg .links > li a:before{/*content: ""; display: block; width: 64px; height: 57px; margin: 0 auto; margin-bottom: 0.7rem; background-size: contain; background-repeat: no-repeat;*/}
.h1_time_bg .links > li:nth-child(1) a:before{/*background-image: url("/assets/site/img/contents/renewal/location_links01.png");*/}
.h1_time_bg .links > li:nth-child(2) a:before{/*background-image: url("/assets/site/img/contents/renewal/location_links02.png");*/}
.h1_time_bg .links > li a.g{background-color: #66cc66;}
.h1_time_bg .links > li a.p{background-color: var(--primary_color);}
.h1_time_bg .links > li a em{}
.h1_time_bg .links > li a em:before{content: ""; display: block; width: 64px; height: 57px; margin: 0 auto; margin-bottom: 0.7rem; background-size: contain; background-repeat: no-repeat;}
.h1_time_bg .links > li:nth-child(1) a em:before{background-image: url("/assets/site/img/contents/renewal/location_links01.png");}
.h1_time_bg .links > li:nth-child(2) a em:before{background-image: url("/assets/site/img/contents/renewal/location_links02.png");}
.h1_time_bg .links > li a span{font-size: 1rem; font-weight: 400;}

@media (max-width: 1280px){
    .h1_time_bg > .wrap{gap: 1.5rem; }
    .h1_time_bg .links{gap: 10px; width: 370px; flex-shrink: 0;}
}
@media (max-width: 860px){
    .time_info .tit_wrap .sub{font-size: 1.25rem;}
    .h1_time_bg > .wrap{flex-direction: column;}
    .h1_time_bg .links{width: 100%;}
    .h1_time_bg .links > li a{flex-direction: row; padding: 0.75rem 0;}
    .h1_time_bg .links > li a em{display: inline-block; vertical-align: middle; font-size: 1.2rem;}
    .h1_time_bg .links > li a em:before{display: inline-block; margin: -3px 5px 0 0; vertical-align: middle; width: 34px; height: 30px;}
    .h1_time_bg .links > li a span{vertical-align: middle; margin: 0 0 0 5px;}
}
@media (max-width: 640px){
    .time_info .tit_wrap .sub{font-size: 1rem;}
    .h1_time_bg .links > li a em{font-size: 15px;}
    .h1_time_bg .links > li a em:before{width: 26px; height: 23px;}
    .h1_time_bg .links > li a span{display: none;}
}
@media (max-width: 400px){
    .time_info .tit_wrap .sub .lc{display: block;}
}


/* 페이크 탭메뉴 */
.subtab_fake_cont{display: none;}




/* css animation */
@keyframes current_history{
    0%{transform: scale(0.5); opacity: 0;}
    100%{transform: scale(1); opacity: 1;}
}
@keyframes row_scroll_hint{
    0%{opacity: 0;}
    25%{opacity: 1;}
    50%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 0;}
}