@charset "UTF-8";

/* Page Title */
body { width:100%; height:100%; padding:0px; margin:0px; background:#fff;  }

/*서브 BG*/
.sub_vi1  	{ width:100%; min-width:1200px; height:250px; float:left; background:url('/common/img/sub/ystt_sub_vi1.png') no-repeat top center; }
.sub_vi2     { width:100%; min-width:1200px; height:250px; float:left; background:url('/common/img/sub/ystt_sub_vi2.png') no-repeat top center; }
.sub_vi3     { width:100%; min-width:1200px; height:250px; float:left; background:url('/common/img/sub/ystt_sub_vi3.png') no-repeat top center; }
.sub_vi4     { width:100%; min-width:1200px; height:250px; float:left; background:url('/common/img/sub/ystt_sub_vi4.png') no-repeat top center; }
.sub_vi5     { width:100%; min-width:1200px; height:250px; float:left; background:url('/common/img/sub/ystt_sub_vi5.png') no-repeat top center; }

.sub_vi_txt {margin-top:95px; color:#fff;text-align:center; font-size:28px; font-weight:300; text-shadow:0px 2px 5px rgba(0,0,0,0.3);position:absolute;left:50%;transform:translateX(-50%); }

#sub_wrap  {width:1200px; margin:0 auto; }

.content_wrap { width:1200px; float:left; padding:80px 0px 30px 0px; box-sizing:border-box;}

.content_wrap .x_bar{width:55px; height:1px; background:#000; margin:0 auto;}
.content_wrap h2 {text-align:left; font-size:35px; font-weight:600; margin-bottom:60px; }
.content_wrap .sub_t {width:100%; float:left; letter-spacing:-0.5px; text-align:center; font-size:28px; font-weight:500; margin-bottom:60px;}

/* 치료사 소개 */

.mem_content {width:100%; display:flex; flex-wrap:wrap; gap:30px}
.mem_content .box {width:calc(50% - 15px); border:1px solid #ddd; box-sizing:border-box; padding:40px}
.mem_img_wrap {width:100%; text-align:center; margin-bottom:30px}
.mem_img_wrap h3 {font-weight:500; font-size:22px; margin-top:15px;  text-align:left; }
.mem_img_wrap img {width:220px; height:300px; border:1px solid #ddd;}

.mem_txt_wrap {width:100%; display:inline-block }
.mem_txt_wrap h3 { text-align:left; color:#133084; font-size:26px; display:inline-block;  }
.mem_txt_wrap span { text-align:left; margin-top:8px; margin-left:15px; color:#133084; font-size:17px; font-weight:300; color:#777; display:inline-block;}
.mem_txt_wrap  .career_tit {font-size:18px; color:#333; font-weight:500; margin-bottom:10px;}
.mem_txt_wrap ul + h5 {margin-top:20px;}


/* 이름 밑에 보더값 */
.mem_txt_wrap div.line1 {position:relative; width:100%; float:left; border-top:1px solid #ddd; margin:5px 0 20px 0;}
.mem_txt_wrap div.line2 {position:absolute; bottom:0.5px; left:0; width:20%; border-bottom:0.5px solid #005a96;}

.mem_txt_wrap ul li {list-style:square; color:#777; font-weight:300; margin-left:15px; margin-bottom:8px; line-height:1.4em; font-size:16px;}

/* 타이틀 앞에 O */
.h4_basic {font-size:24px; line-height:1.4em; color:#333; font-weight:500; width:100%; display:inline-block; margin-bottom:10px; }
.h4_basic p {width:22px; height:22px; display:inline-block; vertical-align:middle;  background:linear-gradient(to right, #003777, #f7941d); border-radius:50%; margin-top:-3px; margin-right:5px;}
.h4_basic p span {width:12px; height:12px;  display:inline-block; background-color:#fff; border-radius:50%; margin-top:5px; margin-left:5px;}

.bold_f {font-weight:500;}
.bold_f2 {font-weight:600;}
.bold_f3 {font-weight:700;}
.big_18 {font-size:18px;}
.big_20 {font-size:20px; color:#333;}
.big_22 {font-size:22px;  color:#333;}

.text_bor {border:1px solid #ddd; width:100%; float:left; padding:20PX; box-sizing:border-box;}
.text_bgbox {border:1px solid #d5e2f2; background:#eff6fd;width:100%; float:left; padding:30PX 40px; box-sizing:border-box;}
.greet_text_box {width:35%; float:left; font-size:18px; line-height:1.5em; margin-top:15px; text-align:left; color:#666; }
.org_color {color:#f7941d}

.sub_t_line {width:35px; height:1px; background:#333; float:left; margin-left:48.5%; margin-top:-5px; }

.content_wrap .boardTable .fa-bullhorn {font-size:16px; color:#023bb2; margin-top:4px; margin-right:8px;}

/**/
.business_img_wrap {position:relative; width:35%; float:right; display:inline-block}
.business_img_wrap img{position:relative; }
.business_img_wrap span{position:absolute; bottom:10px; right:65px; font-size:38px; color:rgba(255,255,255,0.7); font-weight:600; line-height:1.2em;}

/* 글씨 하이라이트 */
mark {background: #ebf7fd; padding:0 5px;}

.box_100 {width:100%; float:left;}
.box_50 {width:50%; float:left;}
.box_100 ul.program_wrap li.col-2 {width:50%; float:left;   box-sizing:border-box;}
.box_100 ul.program_wrap li.col-2:last-child {float:right; margin-right:0%;}

.box_100 ul.program_wrap li.col-3 {width:32%; float:left; border:1px solid #ddd; box-sizing:border-box;}
.box_100 ul.program_wrap li.col-3:last-child {float:right; margin-right:0%;}

.box_100 .business_ul  .bar_div {width:60px; background:#333; height:1px; float:left; display:inline-block; margin:0 auto; z-index:999999; position:relative;}
.box_100 ul.program_wrap li.col-2 img { width:100%;}
.box_100 ul.program_wrap li.col-3 img { width:100%;}

.program_wrap li.col-2 {float:left; width:50%; text-align:center; position:relative;height:300px; background:#fff;}
.program_wrap li.bg_vi1{background:url('/common/img/sub/program03_img1.png') no-repeat center; background-size:cover;  }
.program_wrap li.bg_vi2{background:url('/common/img/sub/program03_img2.png') no-repeat center;  background-size:cover;  }
.program_wrap li.bg_vi3{background:url('/common/img/sub/program03_img3.png') no-repeat center;  background-size:cover;  }
.program_wrap li.bg_vi4{background:url('/common/img/sub/program03_img4.png') no-repeat center;  background-size:cover;  }
.program_wrap li.bg_vi5{background:url('/common/img/sub/program03_img5.png') no-repeat center;  background-size:cover;  }
.program_wrap li.bg_vi6{background:url('/common/img/sub/program03_img6.png') no-repeat center;  background-size:cover;  }

.program_wrap li.bg_f9 {background:#f9f9f9;}
.program_wrap li.col-2 img {width:100%; height:300px;}
.program_wrap h5 {font-size:25px; font-weight:500; text-align:center; margin-top:130px; color:#fff; text-shadow:0 0 6px  #999; letter-spacing:5px;}

.program_wrap h6 {font-size:35px; font-weight:600; text-align:center;  color:#fff; margin:65px 0 15px 0;}
.program_wrap span.num_sq {line-height:30PX; background:#003777; color:#fff; font-weight:600; text-align:center; font-size:20px; padding:5px 15px; margin-top:60px;display:inline-block}

.inline_b {display:inline-block !important; }

/* (마우스오버시 펼쳐지는 서브메뉴) */
#primary_nav_wrap {width:100%; float:left; height:65px; background:#fff;  margin-top:-35px;
 box-shadow:2px 2px 3px 0px #ddd; border:1PX SOLID #DDD;}

#primary_nav_wrap ul
{
	max-width:1200px;
	height:65px;
	margin:0 auto;
	list-style:none;
	position:relative;
	padding:0;
}

#primary_nav_wrap ul .primary_nav_title>a
{
	color:#333;
	text-decoration:none;
	font-weight:400;
	font-size:17px;
	line-height:65px;
	padding:0 20px;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}

#primary_nav_wrap ul .primary_nav_title
{
	position:relative;
	float:left;
    width:27%;
	text-align:left;
	border-right:1px solid #ddd;
}

#primary_nav_wrap ul li.home_bt
{width:65px; height:65px; float:left; text-align:Center;
box-sizing:border-box; border-right:1px solid #ddd; border-left:1px solid #ddd;}

#primary_nav_wrap ul li.home_bt a {display:block;  line-height:60px;}
#primary_nav_wrap ul li.home_bt i {line-height:60px;}

/*#primary_nav_wrap ul li:hover
{background:#f6f6f6} */

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	z-index:9999999999;
	border-top:1px solid #ddd;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:325px;
	border-bottom:1px solid #ddd;
}

#primary_nav_wrap ul ul li a:hover {transform:ease-in-out 3s;}


.primary_nav_title ul li a
{ display: block;
  color: #777;
  font-size:0.95em;
  font-weight:400;
  background: #f9f9f9;
  }

.primary_nav_title .fa { font-size:18px; float:right; padding:25px 20px 0 0; color:#333;}

.primary_nav_title ul li a:hover{background:#f0f0f0;}

#primary_nav_wrap ul ul a
{ line-height:77%; padding:18px 20px; font-size:17px; }

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
}



#article {width:1200px; float:left; padding:0px 0 90px 0;}
.guide {width:100%; float:left;  margin:0 auto; }
.guide .t1 {float:left;  font-size:2em;  font-weight:600; color:#333;  letter-spacing:-2px;}
.guide .t2 {float:right; font-size:0.85em; font-weight:400; padding-top:25px; color:#999;  letter-spacing:-2px;}


h2.guide {width:100%; text-align:left; float:left; font-size:32px; font-weight:600; color:#333;  margin-bottom:60px; }
h3.con_title {text-align:left; font-size:25px; font-weight:400; color:#333; margin-bottom:8px; display:block; float:Left; width:100%;}

.box_100  {width:100%; float:left;}
.box_20  {width:20% !important; float:left;}
.box_30  {width:30% !important; float:left;}
.box_35  {width:35% !important; float:left;}
.box_40  {width:40% !important; float:left; background-color:#fff;}
.box_45  {width:45% !important; float:left;}
.box_50  {width:50% !important; float:left;}
.box_53  {width:53% !important; float:left;}
.box_55  {width:55% !important; float:left;}
.box_60  {width:60% !important; float:left;}
.box_65  {width:65% !important; float:left;}
.box_70  {width:70% !important; float:left;}
.box_80  {width:80% !important; float:left;}

.deco1  {font-size:1.15em; line-height:1.5em; font-weight:600; color:#333;}
.deco2  {font-size:2.2em; line-height:1.5em; font-weight:800; color:#333;}

/* text_box 글상자 */
.text_box1  {font-size:20px; line-height:1.6em; font-weight:400; color:##333;}
.text_box2  {font-size:19px; line-height:1.5em; font-weight:400; color:#555;}
.text_box3  {font-size:22px; line-height:1.8em; font-weight:400; color:#333;}
.text_box4  {font-size:17px; line-height:1.45em; font-weight:400; color:#666;}

.text_box_sm  {font-size:16.5px; line-height:1.2em; font-weight:400; color:#666; text-}

.f_bold {font-weight:500;}

.color1  {color:#054f98; }
.color2  {color:#777; }
.color3  {color:#ff9009;}
.color_b {color:#005a96;}
.color_r {color:#ed3d3d;}
.textarea_wrap {text-align:center; background-color:#f9f9f9; padding:14px 10px; box-sizing:border-box;}

.text_under {text-decoration:underline;}
.nomal_t  {font-size:0.95em; line-height:1.3em; font-weight:400; }

.border_top  {border-top:1px dashed #ddd; padding-top:30px; margin-top:30px;  width:100%; float:left;}
.border_bottom  {border-bottom:1px dashed #ddd;  padding-bottom:50px; margin-bottom:45px;  width:100%; float:left;}

table.img_table  {width:100%; float:left;}
table.img_table td {text-align:center; border:1px solid #fff;  vertical-align:middle;  }
table.img_table td.t1 {  background-color:#fff;  font-size:0.92em; line-height:1.2em; color:#333;  font-weight:600;  padding:7px 0 13px 0; }

.txt_bg_box {width:100%; float:left; padding:15px;  background:#f7f7f7; border-radius:5px; border:1px solid #ddd; box-sizing:border-box;}
.txt_border_box {width:100%; float:left; padding:15px 20px;  border-radius:5px; border:1px solid #ddd; box-sizing:border-box; }

#sub_wrap .button-4{
	position:relative; width:300px;
	border:1px solid #333; margin-top:25px;
	text-align:center; cursor:pointer; box-sizing:border-box; overflow:hidden;
}

#sub_wrap .button-4 a{
	position:relative; font-size:20px;  display:block;
	color:#333; text-decoration:none; line-height:65px;
	transition:all .5s ease; z-index:2; text-align:center;
	background-image:url('/common/img/sub/btn_sub_arrow_45x10.png') no-repeat;
}

#sub_wrap .eff-4{
  width:300px; height:65px; left:-300px; background:#333;
  position:absolute;  transition:all .3s ease-in-out;  z-index:1;
}
#sub_wrap .button-4:hover .eff-4 {left:0;}
#sub_wrap .button-4:hover a.more_btn { color:#fff; display:block; }

#sub_wrap .button-4 a#more_btn_img {
	display:inline-block; background:url('/common/img/sub/btn_sub_arrow_45x10.png') no-repeat right 23px;
	width:220px; height:65px;}

#sub_wrap .button-4:hover a#more_btn_img {
	display:inline-block; background:url('/common/img/sub/btn_sub_arrow_white_45x10.png') no-repeat right 23px;
	width:220px; height:65px; }

.bar_line_wrap {position:relative;}
.bar_line {width:90px; height:1px; background:#ddd; position:absolute; z-index:999999;}
.bar_line1 { top:8.5%; left:46.5%; }
.bar_line2 { top:25%; left:46.5%; }
.bar_line3 { top:42%; left:46.5%; }
.bar_line4 { top:58.5%; left:46.5%; }
.bar_line5 { top:75%; left:46.5%; }
.bar_line6 { top:92%; left:46.5%; }

/*갤러리*/
.gallery_list .col-3 img {width:100%; border:1px solid #ddd; box-sizing:border-box;}
.gallery_list .col-3  {width:32.333%; margin-right:1.5%; float:left;}

.box_100 .col-3:nth-child(3), .box_100 .col-3:nth-child(6)
{margin-right:0; float:right;}
.box_100 .col-3 span {margin-top:15px; text-align:center; display:block; font-size:18px; font-weight:600;}
/*.box_100 .col-3 img {width:100%; border:1px solid #ddd; box-sizing:border-box;}*/




/* 병원 내부사진 */
.inside_cont{ box-sizing:border-box; padding:0px 2px; overflow:hidden;}
.inside_cont .left{ width:900px; float:left;}
.inside_cont .left .bxslider{width:100%; height:550px;}
.inside_cont .left .bxslider li{position:relative;}
.inside_cont .left .bxslider li img {width:100%;  height:550px;}
.inside_cont .left .bxslider li .bx_pos{position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.7); height:60px;}
.inside_cont .left .bxslider li .bx_pos p{font-size:18px; color:#fff; text-align:center; line-height:60px; font-weight:400;}

.inside_cont .right{float:right; text-align:right; width:280px;}
.inside_cont .right h4{margin:0; padding-bottom:20px; font-size:32px; color:#aa8d52; font-weight:500;}
.inside_cont .right p{font-size:17px; color:#333; letter-spacing:-0.025em; font-weight:300; word-break:break-all;}

.inside_cont .pager_con .bx-wrapper{margin:0 !important;}
/* active 보더값 */
.inside_cont .pager_con > div > a.active{border:5px solid #f7921b; box-sizing:border-box;}
.inside_cont  .bx-wrapper{position:relative;}
.inside_cont .bx-controls-direction a{position:absolute; top:50%;  width:45px; height:45px; margin-top:-17px; text-indent:-9999px; font-size:0; display:block;}
.inside_cont .bx-controls-direction a.bx-prev{left:35px; background:url("/common/img/common/inside_prev.png") center top no-repeat;}
.inside_cont .bx-controls-direction a.bx-next{right:35px; background:url("/common/img/common/inside_next.png") center top no-repeat;}

/* 갤러리 우측 썸네일 */
.inside_cont .pager_con { float:right; overflow-y:scroll; height:550px; margin-left:60px;}
.inside_cont .pager_con div.pager00{overflow:hidden;}
.inside_cont .pager_con div.pager00 a{width:208px !important; height:121px; box-sizing:border-box; display:block; float:left; margin:0 9px 9px 0;}
.inside_cont .pager_con div.pager00 a:nth-of-type(4n){margin-right:0;}
.inside_cont .pager_con div.pager00 a:nth-of-type(4n){margin-right:0;}
.inside_cont .pager_con div.pager00 a > img{width:100%; height:100%;}


/*장비 소개*/
.machine_wrap {position:relative; width:100%; float:left; }
.machine_wrap li {width:32%; float:left; border:1px solid #ddd; box-sizing:border-box;  margin-bottom:20px;}
.machine_wrap li img {width:100%; padding:12px; background:#f7f9f9; box-sizing:border-box; }

.machine_wrap .machine_tit { position: relative; width:100%; float:left; text-align:center;  color:#fff; padding:15px 0;
 background-image: linear-gradient(to right, #64a5f1 , #1f6cc8); }
 .machine_tit p {font-weight:600; font-size:19px; }

.machine_wrap .wh_borderT { border-top:2px dashed rgba(255,255,255,0.2); display:block; padding:15px 0; font-size:17px; font-weight:400; color:#fff; box-sizing:border-box; width:90%; margin:0 auto;}

.machine_wrap.flex {display:flex; gap:2%; flex-wrap:wrap; align-items:flex-start}