@charset "utf-8";
  .web_col{ display: table-column-group; }
  .mob_col{ display: none; }
  .web_td{ display: table-cell; }
  .mob_td{ display: none; }

  @media ( max-width: 991px) {
    .web_col{ display: none; }
    .mob_col{ display: table-column-group; }
    .web_td{ display: none; }
    .mob_td{ display: table-cell; }
  }

.sub_title{ position: relative; }
.sub_title .right{  top: 50%; right: 20px; }
.sub_title .left{ top: 50%; left: 20px; }
.sub_title div{ position: absolute; width: 70%; transform: translate(0, -50%); }
.sub_title div h4{ line-height: 1.5em; }
.sub_title div h2{ line-height: 1.3em; }
.sub_title .font{ font-family: 'NanumMyeongjo'; font-weight: 700; }

@media (max-width:767px) {
	.sub_title div{ position: relative; width: 100%; padding-top: 5%; transform: translate(0, 0); }
	.sub_title .right{ top: 0; right: 0; padding: 5% 5px; background: #f5f5f5; }
	.sub_title .left{ top: 0; left: 0; padding: 5% 5px; text-align: center; background: #f5f5f5; }
	.sub_title.text-right{ text-align: center; }
}

.img{ padding: 5% 0; }
.img img{ width: auto; max-width: 100%; }

.tt{ position: relative; padding: 5% 0; text-align: center; }
.tt:before{ content: ""; position: absolute; top: 50%; left: 0; right: 0; z-index: -1; width: 100%; height: 2px; background: #e2e2e2; }
.tt h1{ display: inline-block; padding: 0 20px; background: #fff; }

.tt_01{ padding: 5% 0 0 0; }
.tt_01 h1{ padding: 0 0 2% 0; }
.tt_01 img{ width: auto; max-width: 100%; }

.tt_02{ position: relative; padding: 5% 0 0 0; text-align: center; }
.tt_02:before{ content: ""; position: absolute; top: 80%; left: 0; right: 0; z-index: -1; width: 100%; height: 2px; background: #e2e2e2; }
.tt_02 h1{ display: inline-block; padding: 0 20px; background: #fff; }

@media (max-width:767px) {

	.tt_01{ padding: 10% 0 0 0; }
	.tt{ padding: 10% 0; }

	.tt_02 h1{ width: 100%; padding: 20px 0; background: #e5e5e5; }
	.tt_02:before{ display: none; }
}

.type_01 h5{ position: relative; padding: 20px 0 2% 0; color: #d57d0f; }
.type_01 h5:before{ content: ""; position: absolute; top: 0; left: 0; width: 70px; height: 4px; background: #d57d0f; }

/*.type_01 .sub_bg{ padding: 2%; border-radius: 10px; }*/

.type_01 .subtt01{ padding: 0 0 3% 0 }

.type_01 .list_01 li{ padding-top: 20px; }
.type_01 .list_01 li:nth-child(1){ padding-top: 0; }

.type_01 .gray_bg{ margin: 0 0 3% 0; border-radius: 10px; }
.type_01 .gray_bg li{ padding: 10px 20px; }
.type_01 .gray_bg li i{ vertical-align: initial; padding: 0 10px 0 0; }

.type_02 h5{padding: 5% 0 3% 0; }
.type_02 h5 span{ display: block; padding: 10px 0 0 0;  font-size: 1.2em; }
.type_02 dl{ padding: 0 0 5% 0; overflow: hidden; }
.type_02 dt{ text-align: center; margin: 10px 0; padding: 10px; }
.type_02 dd{ margin: 10px 0; padding: 10px 20px; }
.type_02 p{ padding: 10px; text-align: center; border-radius: 50px; }

.type_02 ul{ overflow: hidden; }
.type_02 li{ position: relative; padding: 0 0 0 20px; }
.type_02 li i{ position: absolute; left: 0; }

.type_03 h5{ position: relative; padding: 20px 0 2% 0; color: #d57d0f; }
.type_03 h5:before{ content: ""; position: absolute; top: 0; left: 0; width: 70px; height: 4px; background: #d57d0f; }

.type_04 li:nth-child(1){ width: 40%; }
.type_04 li:nth-child(2){ width: 60%; padding: 3% 20px 0 20px; }
.type_04 li h5{ padding: 5px 0 10px 0; }
.type_04 li span{ font-size: 1.5em; font-weight: 500; }

.type_05 li{ padding-top: 10px; }
.type_05 li p{ position: relative; padding: 10px 10px 0 15px; }
.type_05 li p i{ position: absolute; left: 0; }
.type_05 li h5{ margin: 0 0 20px 0; padding: 10px 0; border:1px solid #e5e5e5; border-radius: 50px; }
.type_05 li h5 span{ vertical-align: middle; font-size: 0.8em; }

@media (max-width:991px) {
	.type_01 h5{ position: relative; padding: 15px 0 5% 0; color: #d57d0f; }
	.type_01 .photo li{ padding-top: 20px; }
	.type_01 .photo li:nth-child(1), .type_01 .photo li:nth-child(2){ padding-top: 0px; }

	.type_02 li{ padding: 0 10px; }

	.type_04 li:nth-child(1){ width: 100%; }
	.type_04 li:nth-child(2){ width: 100%; padding: 20px 0 0 0 ; }
}

.circle li{ position: relative; float: left; margin: 2% -10px 2% 0; border-style:solid; border-width:1px; border-color:#d57d0f; border-radius:200px; background: rgba(213, 125, 15, 0.17); }
.circle li p{ border-radius: 50%; }
.circle li span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; text-align: center; }

.circle_bg li{ position: relative; float: left; margin: 2% -10px 2% 0; border-radius:200px; }
.circle_bg li span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; text-align: center; }
.circle_bg li{ background: rgba(221, 204, 151, 0.7); }
.circle_bg li:nth-child(2n){ background: rgba(221, 204, 151, 0.5); }

.circle_03 li{ padding: 12.5%; }
.circle_04 li{ padding: 12.5%; }
.circle_05 li{ padding: 10%; }

.circle_06 li{ padding: 8.6%;  }

.circle02 li{ float: left; width: 20%; }

/*.circle li{ float: left; margin: 2% -10px 2% 0; border-style:solid; border-width:1px; border-color:#ddcc97 #ac9155 #ddcc97 #ac9155; border-radius:200px; }
.circle li span{ display: block; padding:35% 0; text-align: center; }*/

@media (max-width:991px) {
	.circle_05 li{ padding: 17%; }
	.circle_05 li:nth-child(4){margin: -40px 0 0 15%;}
	.circle_05 li:nth-child(5){margin: -40px 0 0 -10px;}

	.circle_04 li:nth-child(3){margin: -40px 0 0 0;}
	.circle_04 li:nth-child(4){margin: -40px 0 0 -10px;}
	.circle_04 li{ width: 50%; padding: 25%; }

	.circle_06 li{ padding: 16.9%;  }
	.circle_06 li:nth-child(4){margin: -10px 0 0 0%;}
	.circle_06 li:nth-child(5){margin: -10px 0 0 -10px;}
	.circle_06 li:nth-child(6){margin: -10px 0 0 -10px;}
}

@media (max-width:767px) {
	.circle_03 li{ width: 35.3%; padding: 17.5%; }
	.circle_05 li{ padding: 17%; }
}

.box{ margin: 0 -10px; }
.box li{ position: relative; float: left; padding: 0 10px; }
.box li span{ display: block; padding: 20px 0; text-align: center; }

.box_04 li{ width: 25%; }
.box_04 li:nth-child(1):before{ display: none; }
.box_04 li:before{ content: '+'; position: absolute; left: -5px; top: 40%; font-weight: 700; }
.box_04 li:nth-child(1) span{ background: rgba(213, 125, 15, 0.3); }
.box_04 li:nth-child(2) span{ background: rgba(213, 125, 15, 0.5); }
.box_04 li:nth-child(3) span{ background: rgba(213, 125, 15, 0.7); color: #fff; }
.box_04 li:nth-child(4) span{ background: rgba(213, 125, 15, 1); color: #fff; }

.box_03 li{ width: 33.3%; }
.box_03 li span{ padding: 20px; }
.box_03 li b{ display: block; padding: 0 0 5px 0; }
.box_03 li:nth-child(1) span{ background: rgba(213, 125, 15, 0.5); color: #fff; }
.box_03 li:nth-child(2) span{ background: rgba(213, 125, 15, 0.7); color: #fff; }
.box_03 li:nth-child(3) span{ background: rgba(213, 125, 15, 1); color: #fff; }

.box_05 li{ width: 33.3%; }
.box_05 li span{ /*min-height: 185px;*/ padding: 20px; background: #7a6a56; color: #fff; }
.box_05 li b{ display: block; padding: 0 0 5px 0; }
.box_05 li:nth-child(1) span{ margin: 0 0 20px 0; }
.box_05 li:nth-child(2) span{ margin: 0 0 20px 0; }
.box_05 li:nth-child(3) span{ margin: 0 0 20px 0; }

@media (max-width:991px) {
	.box_04 li{ width: 100%; }
	.box_04 li:before{ display: none; }
	.box_03 li{ width: 100%; }
	
	.box_05 li{ width: 100%; }
	.box_05 li span{ min-height: auto; border-bottom: 1px solid #fff; }
	.box_05 li:nth-child(1) span{ margin: 0; }
	.box_05 li:nth-child(2) span{ margin: 0; }
	.box_05 li:nth-child(3) span{ margin: 0; }
}

.list_01{ }
.list_01 td{ padding: 0; vertical-align: top; border-left: 20px solid #fff; background: #f4f4f4; }
.list_01 td:nth-child(1){ border-left: 0; }
.list_01 tr:nth-child(2) td{ border-top: 20px solid #fff; }
.list_01 p{ padding: 10px; }
.list_01 b{ display: block; }

.list_02 li{ padding: 5px 0; }
.list_02 span{ position: relative; display:inline-block; padding:10px; margin: 0 25px 0 0; color:#fff; background:#7a6a56; border-radius:10px; }
.list_02 span:after{ content:''; position:absolute; width:0; height:0; border-width:10px 15px; top:50%; margin-top:-12px; border-style:solid; border-color:transparent transparent transparent #7a6a56; right:-25px; }

.list_03{ margin: 0 -10px; }
.list_03 td{ width: 50%; padding: 0 10px; }
.list_03 h6{ padding: 0 0 5px 0; }
.list_03 p{ padding: 0 0 10px 0; }

.list_04 { border-bottom: 1px solid #e5e5e5; }
.list_04 td{ padding: 10px; border-top: 1px solid #e5e5e5; }
.list_04 td b{ vertical-align: middle; }
.list_04 td i{ vertical-align: middle; }

.list_05 { border-top: 1px solid #e5e5e5; }
.list_05 li{ clear: both; padding: 20px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.list_05 .img{ float: left; width: 15%; padding: 0; border:1px solid #e5e5e5; border-radius: 150px; overflow: hidden; }
.list_05 .text{ float: left; width: 85%; padding: 10px 20px; }
.list_05 .text p{ position: relative; padding:0 15px; }
.list_05 .text p i{ position: absolute; left: 0; }
.list_05 .text b{ display: block; display: 700; }

.list_06{ display: flex; }
.list_06 li{ display: flex; text-align: center; }
.list_06 li div{ width: 100%; text-align: center; border:1px solid #e5e5e5; }
.list_06 h4{ text-align: center; font-weight: 700; padding: 10px 0; }
.list_06 img{ width: auto; max-width: 100%; }
.list_06 p{ text-align: left; padding: 20px; }

.list_07 { border-top: 1px solid #e5e5e5; }
.list_07 li{ clear: both; padding: 20px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.list_07 p{ float: left; width: 20%; border:1px solid #e5e5e5; overflow: hidden; }
.list_07 div{ float: left; width: 80%; padding: 10px 20px; }
.list_07 div b{ display: block; }

.list_08{ font-size: 0; }
.list_08 li{ display: inline-block; width: 25%; padding: 0 10px; font-size: 17px; vertical-align: top; }
.list_08 li p{ padding: 10px 10px 0 10px; }

.list_09{ padding: 7% 0 0 0; }
.list_09 li{ position: relative; padding: 0 0 0 25px; }
.list_09 li i{ position: absolute; left: 0; }

.list_10{ background: #f4f4f4; }
.list_10 li{ padding: 10px; }
.list_10 li div{ padding: 0 0 20px 0; }
.list_10 li .main_bg, .list_10 li .sub_bg{ padding: 10px; }
.list_10 img{ width: auto; }

@media (max-width:991px) {
	.list_01{ margin: 0; }
	.list_01 td{ display: block; width: 100%; border-top: 20px solid #fff; border-left: 0; border-right: 0; }
	.list_01 td:nth-child(1){ border-top: 0; }
	.list_01 td img{ height: auto; }
	.img03 td img{ height: auto; }

	.list_03{ margin: 0; }
	.list_03 td{ display: block; width: 100%; padding: 10px 0; }

	.list_04 td{ display: block; float: left; }
	.list_04 { border-bottom: 0; }

	.list_05 .img{ width: 35%; }
	.list_05 .text{ width: 100%; padding: 20px 20px 0 20px; }

	.list_06{ display: block; }
	.list_06 li{ padding-top: 20px; }
	.list_06 li:nth-child(1){ padding-top: 0; }

	.list_08 li{ width: 100%; }
	.list_08 li p{ padding: 20px 0; }

	.list_09{ padding: 3% 0 0 0; }
	.list_09 li{ position: relative; padding: 0 0 0 20px; }
}

/*수술방법*/
/*.ope_face{ padding: 20px; border:1px solid #e3e3e3; background: #f4f4f4; }
.ope_face p{ padding: 10px 10px 0 10px; }
.ope_face b{ display: block; }*/

.ope{ padding: 20px 20px 0 20px; border:1px solid #e3e3e3; background: #f4f4f4; }
.ope p{ padding: 10px 10px 20px 10px; }
.ope b{ display: block; }

/*리스트*/
.icon{ padding: 2%; background: #f4f4f4; }
.icon li{ position: relative; padding: 5px 0 5px 25px; }
.icon01 li:before{ content: "\e928"; position: absolute; left: 0; font-family: 'xeicon' !important; color: #d57d0f; }

.qna li { position: relative; padding: 2.2% 2.2% 2.2% 50px; border-top: 1px solid #dbdbdb; line-height: 1.5em; }
.qna li.q { border-top: 1px solid #888; }
.qna li b { position: absolute; left: 10px; border-radius: 50%; padding: 2px 7px; margin: 0 4px 0 0 ; color: #fff;}
.qna li.q b {  display: inline-block; float: left; background: #d57d0f; }
.qna li.a b { background: #c0c0c0;  }

.step li{ position: relative; float: left; padding: 10px; text-align: center; }
.step li img{ width: auto; max-width: 100%; margin: 0 0 10px 0; }
.step li:before{ content: "\e93e"; font-family: 'xeicon' !important; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%);}
.step li:nth-child(1):before{ display: none; }

.step li b{ display: block; padding: 10px 0 0 0; }
.step li span{ display: block; text-align: center; padding: 10px 0; }

.step_03 li{ width: 33.3%; }
.step_05 li{ width: 20%; }

@media (max-width:991px) {

	.step li{ float: none; }
	.step li:before{ display: none; }
	.step_03 li{ width: 100%; }
	.step_05 li{ display: inline-block; width: 49%; vertical-align: top; }	
}

.bg_type01 li{ float: left; width: 20%; padding: 10px; }
.bg_type01 li:nth-child(2n+1) div{ padding: 20px; text-align: center; color: #444; background: #e5e5e5; border-radius: 20px 0 20px 0; }
.bg_type01 li div{ padding: 20px; text-align: center; color: #fff; background: #7a6a56; border-radius:  0 20px 0 20px; }
/*.bg li:nth-child(2n+1) span{ display: inline-block; padding-top: 10px; border-top: 2px solid #444 ; }
.bg li span{ display: inline-block; padding-top: 10px; border-top: 2px solid #fff ; }*/

@media (max-width:991px) {
	.bg_type01 li{ width: 33.3%; }
}

@media (max-width:767px) {
	.bg_type01 li{ float: none; display: inline-block; width: 49%; vertical-align: top; }
}