@charset "UTF-8";

/* Page Title */

body { width:100%; height:100%; padding:0px; margin:0px;   }
html     {width:100%; padding:0px; margin:0px; overflow-x:hidden; }


.color_c00 {color:#c00 !important; }
.color_f00 {color:#f00 !important; }
.big_20 {font-size:20px; line-height:1.5em;}

.bold_f {font-weight:600 !important;}
.bold_f2 {font-weight:800;}
.bold_f3 {font-weight:700;}

.text_bor {border:1px solid #ddd; width:100%; float:left; padding:20PX; box-sizing:border-box;}
.greet_text_box {width:35%; float:left; font-size:18px; line-height:1.4em; margin-top:20px; text-align:left;}
.org_color {color:#f7941d}


#wrap    {position:relative; width:100%; float:left; min-width:1200px; }
#main 	{height:100%; width:100%; position:relative;}
#main .main_wrap {width:1200px; margin:0 auto;}

/*공통*/
h2.section_tit {display:block; color:#333; text-align:center; font-size:32px; border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:15px;}


#section1  {position:relative; width:100%; float:left; padding-top:3%;}
#section1 .customer_bg  {width:100%; float:left; background:url('/htm/ystt/img/customer_bg.png') no-repeat center 0;height:450px; padding:60px 0;}
#section1 .section2_wrap  {width:1200px; margin:0 auto;}
#section1 .customer_box {width:100%; float:left; border:6px solid #fae5cc; padding:30px 50px; box-sizing:border-box;}
#section1 .customer_box h2 {color:#ff8a00; font-size:30px;font-weight:500; line-height:1.4em; letter-spacing:0}
#section1 .customer_box p {color:#2d57a3; font-size:24px;font-weight:500; line-height:1.6em; margin-top:5px;}


#section2 {position:relative; width:100%; float:left; padding:3% 0;}
#section2 .main_box_wrap {width:100%; float:left;}
#section2 .main_box_wrap ul li {width:23.5%; margin-right:1.75%; float:left; border:1px solid #ddd; height:460px; }
#section2 .main_box_wrap ul li img {width:100%; }

#section2 .main_box_wrap ul li h3 {font-size:22px; font-weight:600; margin:20px 0 15px 0; text-align:center;}
#section2 .main_box_wrap ul li p {padding:20px; box-sizing:border-box;}
#section2 .main_box_wrap ul li:nth-child(4) {float:right; margin:0;}

#section2  .main_box_wrap ul li:hover   {box-shadow:1px 2px 8px #ddd; -webkit-transform: scale(1.05);	transform: scale(1.05);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	}


/* 통증(이미지오버) 메뉴 */
a.lnbroll img.over { display:none; }
a.lnbroll:hover img{ display:none; }
a.lnbroll:hover img.over{ display:inline; }


.list_disc li {list-style:disc; margin-left:15px;}

/* 우측 신체 모양 CSS */
.description {
  max-width: 600px;
  margin: 0 auto;
  color: rgba(229, 229, 229, 0.7);
}

.distribution-map div, img, footer {
  position: relative;
  box-sizing: border-box;
}

.distribution-map a {
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  text-transform: uppercase;
  text-decoration: none;
  color: #dff3fd;
}
.distribution-map a:visited {
  color: #dff3fd;
}
.distribution-map li.active a, a:hover, a:active {
  color: #e5e5e5;
}

.distribution-map .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.distribution-map .centered-y {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.distribution-map {
  position: relative;
  width: 100%;
  /*padding: 20px;*/
  box-sizing: border-box;
  margin: 0 auto;
}
.distribution-map > img {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}
.distribution-map .map-point {
  cursor: pointer;
  outline: none;
  z-index: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
  -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  background: #e69c53;
  border: 3px solid #fff;
}

.distribution-map .map-point .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  width: 100%;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: overlay;
}

/* 클릭시 팝업창 */
.distribution-map .map-point:active, .distribution-map .map-point:focus {
  margin: 0;
  padding: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width: 280px;
  height: 180px;
  color: #e5e5e5;
  z-index: 1;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
}

.distribution-map .map-point:active .content, .distribution-map .map-point:focus .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  -webkit-transition-delay: 0.25s, 0s, 0s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  overflow: hidden;
}
.distribution-map .map-point:active .content a:hover, .distribution-map .map-point:active .content a:active, .distribution-map .map-point:focus .content a:hover, .distribution-map .map-point:focus .content a:active {
  color: #afe1fa;
}
.distribution-map h2 {font-size:20px; color:#1c4dbe; font-weight:700; margin-bottom:10px;}
.distribution-map p {font-size:16px; color:#fff; text-align:left; margin-left:15px; }
.distribution-map .pain_body_tit {font-size:15px; font-weight:500;letter-spacing:-0.5px;background:#fff;  padding:3px 10px; color:#555;}



.bar_line {width:30px; background:#555; height:1px; margin:0 auto;}

#section3  {position:relative; width:100%; float:left;  }
#section3 .section3_wrap {width:1200px; margin:0 auto;}
#section3  h5{font-weight:500; color:#333;   text-align:center !important; margin-bottom:15px;}
#section3 .s3_box1 {width:49%; float:left;}
#section3 .s3_box2 {width:49%; float:right; border:1px solid #ddd; padding:26px 30px; box-sizing:border-box;}
#section3 .s3_box2 h4 {font-size:39px; font-weight:700; display:inline-block}


/*탑배너*/
.top_banner {width:100%; float:left; background:#fef6ed}

.top_banner .top_s3_box1 {width:33.3%; float:left;}
.top_banner .top_s3_box2 {width:33.3%; float:left; border:1px solid #ddd; padding:26px 30px; box-sizing:border-box;}
.top_banner .top_s3_box3 {width:33.3%; float:right; border:1px solid #ddd; padding:26px 30px; box-sizing:border-box;}
.top_banner .top_s3_box3 h4 {font-size:39px; font-weight:700; display:inline-block}






#section4  {position:relative; width:100%; float:left; padding-top:3%; }
#section4  ul.banner_wrap li   {width:50%;background:#ded; height:160px; box-sizing:border-box; text-align:center;}

#section4  ul.banner_wrap li h5   {font-size:25px; font-weight:600; color:#fff; margin-bottom:5px; margin-top:50px;}
#section4  ul.banner_wrap li p  {font-size:20px; font-weight:400; color:#fff; }


/*#header .mn_btn{float:right; background:#ec8899; padding-bottom:5px;}*/

.text_box {font-size:17px; color:#555; line-height:1.3em;}
.text_box2 {font-size:18px; line-height:1.45em;}

.h_menu-container {
  width: 100%;
  float:left;
  background: #fff ;

}

.h_menu-mobile {
  display: none;
  padding: 20px;
}

.h_menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);

}

.h_menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.2em 2em;
  background: #fff;
  color: #333;
}

.h_menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  /*position: relative;*/
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
}

.h_menu > ul:before, .menu > ul:after {
  content: "";
  display: table;
}

.h_menu > ul:after { clear: both; }

.h_menu > ul > li {
  float: left;
  background: #fff;
  padding: 0;
  margin: 0;
}

.h_menu > ul > li a {
  text-decoration: none;
  padding: 22px 37.5px;
  display: block;
  color:#555;
  font-size:17px;
}

.h_menu > ul > li:hover { background: #fff !important; }

.h_menu > ul > li:hover > a { color: #333; }

.h_menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #fff;
  border:1px solid #ddd;
  padding: 20px;
  position: absolute;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  z-index:9999999;
}

.h_menu > ul > li > ul:before, .menu > ul > li > ul:after {
  content: "";
  display: table;
   z-index:9999999;
}

.h_menu > ul > li > ul:after { clear: both;  z-index:9999999;}

.h_menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
  z-index:9999999;
}

.h_menu > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #ddd;
}

.h_menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}

.h_menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}

.h_menu > ul > li > ul > li > ul:after { clear: both; }

.h_menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 3px 0;
  margin: 0;
}

.h_menu > ul > li > ul > li > ul > li a { border: 0;  font-size: 15px;  font-weight:300; color:#666;}
.h_menu > ul > li > ul > li > ul > li a:hover { color:#333; text-decoration:underline;}


.h_menu > ul > li > ul.normal-sub {
  width: 250px;
  left: auto;
  padding: 0px 0px;
}

.h_menu > ul > li > ul.normal-sub > li { width: 100%; }

.h_menu > ul > li > ul.normal-sub > li:hover { width: 100%; background:#f7f7f7;}


.h_menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 15px;
}






/*nav*/
.nav { width:100%;  position:fixed;  z-index:9999999999999999; left:0px; top:0px; display:none; }


.menu  {width:100%; float:left;  padding-bottom:0px; /*background-color:#fff; */}


.scroll_menu  {width:100%;  float:left;  padding-bottom:0px; background-color:#fff;  padding:10px 0;
                 margin-top:0px;  background-color:#fff; border-bottom:1px solid #ddd; }

ul#topmenu 		 	{width:1200px; margin:0 auto;}
ul#topmenu  li 		{margin-top:3px; float:left;  text-align:Center; font-size:20px; letter-spacing:0px; font-weight:600; }
ul#topmenu  li a   {width:100%; display:block; line-height:50px;}


ul#topmenu  li a:link		{text-decoration:none; color:#555; font-weight:400;}
ul#topmenu  li a:visited	{text-decoration:none; color:#555; font-weight:400;}
ul#topmenu  li a:hover		{text-decoration:none; color:#111; font-weight:400;}
ul#topmenu  li a:active		{text-decoration:none; color:#111; font-weight:400;}


/* 메뉴오비시 하단 메뉴 */
#submenu			{width:100%;  float:left; z-index:999999999999999999;}

#submenu  .submenu_bg  {position:absolute; width:100%; float:left; height:50px; display:none; background-color:rgba(0,0,1,.5);  margin-top:15px; }


#submenu   ul   {width:1200px; margin:0 auto; }
#submenu   li   {float:left;   font-size:16px; font-weight:400; line-height:50px; padding-left:20px;}

#submenu   a:link			{text-decoration:none; color:#fff; }
#submenu   a:hover			{text-decoration:none; color:#fff;  font-weight:600;}
#submenu   a:active	     	{text-decoration:none; color:#fff;  font-weight:600;}
#submenu   a:visited	    {text-decoration:none; color:#fff; }


#submenu2			{width:100%;  float:left; z-index:999999999999999999; margin-top:0; }

#submenu2  .submenu_bg  {position:absolute; width:100%; float:left; height:50px; display:none; background-color:rgba(0,0,1,.5); }


#submenu2   ul   {width:1200px; margin:0 auto; }
#submenu2   li   {float:left;   font-size:16px; font-weight:400; line-height:50px; padding-left:20px;}

#submenu2   a:link			{text-decoration:none; color:#fff; }
#submenu2   a:hover			{text-decoration:none; color:#fff;  font-weight:600;}
#submenu2   a:active	     	{text-decoration:none; color:#fff;  font-weight:600;}
#submenu2   a:visited	    {text-decoration:none; color:#fff; }


/* 하단서브메뉴 위치 설정값  탑메뉴*/

#submenu .submenu1 li:nth-child(1)				{ margin-left:330px;}
#submenu .submenu2 li:nth-child(1)				{ margin-left:660px;}

#submenu .submenu3 li:nth-child(1)				{ margin-left:680px;}
#submenu .submenu4 li:nth-child(1)				{ margin-left:900px;}


/* 하단서브메뉴 위치 설정값  스크롤메뉴*/

#submenu2 .submenu1 li:nth-child(1)				{ margin-left:300px;}
#submenu2 .submenu2 li:nth-child(1)				{ margin-left:620px;}

#submenu2 .submenu3 li:nth-child(1)				{ margin-left:650px;}
#submenu2 .submenu4 li:nth-child(1)				{ margin-left:700px;}



.top_logo  {margin:0 auto; display:block; padding:30px 0 60px 0;}

.menu ul#topmenu 		 	{width:600px; float:right;  height:5px;}
.menu ul#topmenu li 		{margin-top:-100px; float:left;  text-align:Center; }
.menu ul#topmenu li a  		{width:100%; line-height:138px; letter-spacing:-1px; font-size:22px; font-weight:400; box-sizing:border-box;}


.menu ul#topmenu li a:link			{text-decoration:none; color:#333;}
.menu ul#topmenu li a:visited		{text-decoration:none; color:#333;}
.menu ul#topmenu li a:hover			{text-decoration:none; color:#2ca454;}
.menu ul#topmenu li a:active		{text-decoration:none; color:#2ca454;}



/* footer */
#footer       	   		{position:relative; float:left; width:100%; min-width:1200px; border-top:1px solid #ddd; background-color:#333; margin:0 auto;}
#footer  .footer_in  	{width:1200px; margin:0 auto; height:110px; padding:30px 0; box-sizing:border-box;}
#footer  .box  			{float:left;  box-sizing:border-box;  }


#footer  .foot_txt 	{width:50%;  float:left;  margin-left:70px;  box-sizing:border-box;
					color:#999; font-size:15px !important; margin-top:38px; line-height:22px; font-weight:400;}
#footer  .foot_logo {float:left; margin-top:42px; }


h2,h3,h4,h5   { margin:0px;  color:#333; }
h2  		{font-weight:700;  font-size:1.8em; line-height:1.2em;   }
h3  		{font-weight:500;  font-size:1.4em; line-height:1.3em; }
h4  		{font-weight:500;  font-size:1.3em; line-height:1.3em; }
h5  		{font-weight:500;  font-size:1.2em; line-height:1.3em; padding-bottom:0px;}




/* QUICK */

#quick  {width:105px; position:fixed; z-index:9; bottom:16%; right:3.5%; border:1px solid #ddd; border-radius:15px; background:#fff;}
#quick p   {width:100%; float:left; text-align:Center; border-top:none;}

#quick	.title{ width:100%; float:left; font-size:13px;  padding:10px 0px; color:#666; font-weight:600;  border-bottom:1px solid #ddd;
                 background-color:#f7f7f7; border-radius:15px 15px 0 0;}

#quick .quick-menu   { background-color:#fff; float:left;}
#quick .quick-menu img {  margin-bottom:5px}


#quick .quick-menu a {
	display:inline-block;
    text-decoration:none;
	width:100%;
	padding:8px 0;
	font-size:13px;
	font-weight:300;
	line-height:1.1em;
	 }


#quick .quick-menu a:link		{ text-decoration:none; color:#777;  background-color:#fff;}
#quick .quick-menu a:visited	{ text-decoration:none; color:#777;  background-color:#fff;}
#quick .quick-menu a:hover		{ text-decoration:none; color:#333; font-weight:400;}
#quick .quick-menu a:active		{ text-decoration:none; color:#333;  background-color:#f9f9f9;}



#quick .q_top  { border-top:1px solid #ddd; background:#fff; border-radius:0 0 15px 15px;}
#quick .q_top a {
	 display:inline-block;
     text-decoration:none;
	 width:100%;
	 padding:10px 0;
	 font-size:13px; font-weight:600;  line-height:20px;
	 border-top:none;
	 }

#quick .q_top a:link		{text-decoration:none; color:#666;  }
#quick .q_top a:visited		{text-decoration:none; color:#666;  }
#quick .q_top a:hover		{text-decoration:none; color:#666;  }
#quick .q_top a:active		{text-decoration:none; color:#666;  }


@media all and (max-width:1300px)  {
#quick  {display:none;}

}


















/*메인비주얼*/
.main_vi_wrap {width:100%; float:left;  height:650px;background-size:cover; box-sizing:border-box;   }
.main_vi_wrap .main_vi_txt { /*background:rgba(255,255,255,0.3); */border:8px solid #fff; padding:30px 60px; box-sizing:border-box; position:absolute;
top:50%; left:50%; transform: translate(-50%, -50%);color:#fff; z-index:99999; text-align:center;}

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

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

.box_60 {width:60%; float:left;}

.box_100 .about_ul {width:100%; float:left; margin-top:35px;}
.box_100 .about_ul li {height:300px; margin-left:-1px;  }
.box_100 .about_ul li:hover {background:#f7f7f7; transform: scale(1.1);}


.box_100 .about_ul li img {display:block; margin:0 auto; padding-top:50px}

.box_100 .about_ul li a img {-webkit-filter: grayscale(100%); filter: grey;}
.box_100 .about_ul li a:hover img {-webkit-filter: grayscale(0%); filter: none;}




.box_100 .about_ul li h5 {font-size:25px; font-weight:600; text-align:center; margin-top:20px;}
.box_100 .about_ul li p {font-size:18px; font-weight:400; text-align:center; margin-top:10px; color:#999;}

.box_bg {width:100%; float:left; background:#f7f7f7; padding:20px; box-sizing:border-box;}
.f_bold {font-weight:800;}
.f_bold2 {font-weight:600;}

.txt_big { font-size:25px; color:#333; line-height:1.5em;}
.txt_nor { font-size:20px; color:#333; line-height:1.35em;}
.txt_small { font-size:18px; color:#333; line-height:1.2em;}


/*  business*/
.business {width:100%; float:left;}
.business .business_txt_box {width:100%; float:left; padding:35px; box-sizing:border-box; background:#fff; border:1px solid #ddd;}
.business .business_txt_box h5 {font-size:20px; font-weight:600; margin-bottom:5px;}

.business ul li {width:100%; float:left;font-size:18px; font-weight:400; color:#555; line-height:1.8em;}
.business i {font-size:18px; vertical-align:-3px; color:#333;}



.section02 {background-color:#e0e0e0; min-height:900px;}
.section02 .swiper4 {height:900px; }
.section02 .swiper4 .swiper-slide { cursor:move; width:100%; background-color:#e0e0e0;}
.section02 .swiper4 .inner {width:1184px; margin:0 auto; position:relative;}
.section02 .swiper4 .bg01 {position:absolute; top:91px; right:0px; z-index:1;}
.section02 .swiper4 .bg02 {position:absolute; top:0px; right:-342px; z-index:0;}
.section02 .swiper4 .swiper-button-next {position:absolute; top:50%; width:39px; height:39px; margin-top:-39px; z-index:10; cursor:pointer; background-size:39px 39px; left:auto !important; right:10%;}
.section02 .swiper4 .swiper-button-prev {position:absolute; top:50%; width:39px; height:38px; margin-top:-0px; z-index:10; cursor:pointer; background-size:39px 38px; left:auto !important; right:10%;}
.section02 .swiper4 .swiper-button-next {background-image:url('../../img/mimg/top_arrow_right.png');  }
.section02 .swiper4 .swiper-button-prev {background-image:url('../../img/mimg/bottom_arrow_left.png'); }

.swiper4 .swiper-slide-active .bg01
{
-webkit-animation-name: fadeInRight  !important;
animation-name: fadeInRight  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}

.swiper4 .swiper-slide-active .bg02
{
-webkit-animation-name: fadeInLeft  !important;
animation-name: fadeInLeft  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}
.section02_title {text-align:left; padding-top:150px; padding-left:85px;}
.section02_title .txt01 {font-size:40px; font-family: 'Raleway', sans-serif; font-weight:200; color:#000; letter-spacing:1px;}
.section02_title .txt02 {font-size:16px; letter-spacing:-0.5px; color:#555; line-height:16px; padding-top:5px;}

.section02_txt {text-align:left; letter-spacing:-0.3px; padding-left:80px; padding-top:50px;}
.section02_txt .txt01 {color:#777; font-size:16px;}
.section02_txt .txt02 {color:#222; font-size:36px; line-height:1.25em;}
.section02_txt .txt03 {font-size:17px; line-height:26px; color:#333;}

.section02_txt .txt04 a.more_bt {width:220px; height:54px; background-color:#fff; color:#222; line-height:54px;text-indent:20px; display:block; margin-top:48px; background-image:url('../../img/mimg/btn_arrow.png'); background-repeat:no-repeat;  background-position:200px 21px;
 -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.section02_txt .txt04 a.more_bt:hover {background-image:url('../../img/mimg/btn_arrow_r.png'); background-repeat:no-repeat;  background-position:120px 21px; color:#fff; background-color:#222;}

.section02_txt .txt04 a.more_bt img {float:right; margin:25px 20px 0 0;}

.section02_txt .left_t_bt {width:25px; height:1px; background-color:#222; margin:20px 0px;}


.section04 {background:url('/htm/thehomes/img/main2_business_bg.png') no-repeat center 0; min-height:900px;}
.section04_title {text-align:left; padding-top:100px; padding-left:80px;}
.section04_title .txt01 {font-size:40px;  font-weight:600; color:#333; letter-spacing:1px;}
.section04_title .txt02 {font-size:16px; letter-spacing:-0.5px; color:#555; line-height:16px; padding-top:5px;}


.swiper3 {width:100%;}
.swiper3 .swiper-slide { text-align: center; width:100%; cursor:move; }

.swiper3 .swiper-button-next {position:absolute; top:50%; width:48px; height:93px; margin-top:-22px;z-index:90; cursor:pointer; background-size:39px 76px; }
.swiper3 .swiper-button-prev {position:absolute; top:50%; width:48px; height:93px; margin-top:-22px;z-index:90; cursor:pointer; background-size:39px 76px; }

.swiper3 .swiper-button-next {background-image:url('/htm/thehomes/img/arr_r.png'); right:5%; opacity:0 !important; }
.swiper3 .swiper-button-prev {background-image:url('/htm/thehomes/img/arr_l.png'); left:5%; opacity:0 !important;  }
.swiper3:hover .swiper-button-next  {opacity:1 !important;}
.swiper3:hover .swiper-button-prev  {opacity:1 !important;}

.swiper3 .left_bg01 {width:50%; height:700px; margin-top:80px; background-image:url('/htm/thehomes/img/business_img1.png'); background-size:cover; background-position:top center;}
.swiper3 .left_bg02 {width:50%; height:700px; margin-top:80px; background-image:url('/htm/thehomes/img/business_img2.png'); background-size:cover; background-position:top center;}
.swiper3 .left_bg03 {width:50%; height:700px; margin-top:80px; background-image:url('/htm/thehomes/img/business_img3.png'); background-size:cover; background-position:top center;}
.swiper3 .left_bg04 {width:50%; height:700px; margin-top:80px; background-image:url('/htm/thehomes/img/business_img1.png'); background-size:cover; background-position:top center;}

.swiper3 .left_bg05 {width:50%; height:900px; background-image:url('/htm/thehomes/img/recent_ban05.jpg'); background-size:cover; background-position:top center;}
.swiper3 .right_text {width:50%;height:900px;}
.swiper3 .swiper-pagination-fraction {bottom:170px !important; left:110px; color:#999; font-size:16px;}
.swiper3 .swiper-pagination-current {color:#000;}
.swiper3 .swiper-pagination-total {color:#777;}

.swiper3 .swiper-slide-active .left_bg01,
.swiper3 .swiper-slide-active .left_bg02,
.swiper3 .swiper-slide-active .left_bg03,
.swiper3 .swiper-slide-active .left_bg04,
.swiper3 .swiper-slide-active .left_bg05
{
-webkit-animation-name: fadeInLeft  !important;
animation-name: fadeInLeft  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}

.swiper3 .swiper-slide-active .right_text
{
-webkit-animation-name: fadeInRight  !important;
animation-name: fadeInRight  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}

















.main_vi_wrap .svg-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 520px;
  text-align: center;
}
.main_vi_wrap .shape {
  stroke-dasharray: 0 580;
  stroke-dashoffset: 580;
  stroke-width: 4px;
  fill: transparent;
  stroke: #fefefe;
  border-bottom: 5px solid black;
  transition: stroke-width 2.7s, stroke-dashoffset 2.7s, stroke-dasharray 1.3s;
  transition-delay: 0s;
  fill: rgb(20,20,20);
}
.main_vi_wrap .text {
  font-family: 'David Libre';
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 8px;
  color: #fff;
  top: -48px;
  position: relative;
  text-align: center;
  height: 60px;
  width: 520px;
  font-variant: small-caps;
}
.main_vi_wrap .shape-border {
  stroke-width: 4px;
  stroke-dashoffset: 0;
  stroke-dasharray: 480 100;
}

.item{
  opacity:0.4;
  transition:.4s ease all;
  margin:0 20px;
  transform:scale(.8);
}
@media(max-width:1000px){
  .item{margin:0; transform:scale(.9)}
}
.active .item{
  opacity:1;
  transform:scale(1);
}

.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.inner{position:absolute; bottom:30px; left:0; right:0; text-align:center;}
.inner a{color:#fff; text-decoration:none; border-bottom:2px solid rgba(255,255,255,0.5); transition:.3s ease border-color}
.inner a:hover{border-color:#fff;}
.black .inner a{color:#000; border-color:rgba(0,0,0,0.4)}
.black .inner a:hover{border-color:#000;}

.owl-carousel:after{content:""; display:block; position:absolute; width:8%; top:0; bottom:0; left:50%; margin-left:-4%; pointer-events: none; background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/43033/aett_logo_slider.png) no-repeat center 50%; background-size:100% auto;
}

.owl-controls{position:absolute; margin-top:300px;}


/* 실적 */
.box_100 .img_box {width:100%; float:left;}
.box_100 .img_box>li {width:50%; float:left;}
.img_box .img_box_left{width:50%; float:left;  height:600px; }
.img_box .img_box_left img{width:100%; height:600px; }

.img_box .img_box_right{position:relative; width:100%; float:left;  height:300px; }
.img_box .img_box_right img{width:100%;}

.img_box .img_box_right ul li:first-child{position:absolute; bottom:0; left:0;width:100%; height:300px; }

.img_box .img_box_right ul li:last-child{position:absolute; bottom:0; right:0;width:100%; height:300px; }
.img_box .img_box_right ul li:last-child ul li{ width:50%; float:left;}

/*실적*/
.record_wrap_box {position:relative; width:100%; float:left;}

.record_wrap_box .item{
  opacity:0.4;
  transition:.4s ease all;
  margin:0 20px;
  transform:scale(.8);
}
@media(max-width:1000px){
  .record_wrap_box .item{margin:0; transform:scale(.9)}
}
.record_wrap_box .active .item{
  opacity:1;
  transform:scale(1);
}

.record_wrap_box .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.inner{position:absolute; bottom:30px; left:0; right:0; text-align:center;}
.inner a{color:#fff; text-decoration:none; border-bottom:2px solid rgba(255,255,255,0.5); transition:.3s ease border-color}
.inner a:hover{border-color:#fff;}
.black .inner a{color:#000; border-color:rgba(0,0,0,0.4)}
.black .inner a:hover{border-color:#000;}

.owl-carousel:after{content:""; display:block; position:absolute; width:8%; top:0; bottom:0; left:50%; margin-left:-4%; pointer-events: none; background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/43033/aett_logo_slider.png) no-repeat center 50%; background-size:100% auto;
}

.owl-controls{position:absolute; margin-top:300px;}



/*푸터*/
.in {width:1240px; margin:0 auto;}

.notice {width:33.33333333%;  height:160px;  float:left; margin-top:40px; border:1px solid #ddd; box-sizing:border-box; padding:25px;}
.notice h3 {font-size:21px; font-weight:600; width:100%; float:left ; padding-bottom:10px; color:#333;}
.notice li{width:100%; float:left; color:#666; font-size:15px;  padding-bottom:3px;}
.notice h3 a {font-size:13px; float:right; font-weight:300; color:#999 !important; font-family:"iropke-batang"}
.notice li span {font-size:13px; float:right; font-weight:300; color:#999 !important}

.in .about_bn {width:100%; float:left; margin:0 0 40px 0; background:url('/sian/img/bn_bg.png') center top ; height:300px; background-size:cover; text-align:left; }
.in .about_bn div  {background-color:rgba(0,0,0,0); width:100%; box-sizing:border-box; padding:70px 30px;  height:300px; color:#333; font-size:19px;  font-weight:400; line-height:1.5em; }




.guide_text {font-size:17px; line-height:1.8em; color:#666;  width:100%; text-align:center; float:left; margin:20px 0;  }



.results {width:100%; float:left; text-align:center;  padding-top:8%; }

.results ul {width:100%; float:left; margin-top:4%;}
.results li {float:left; width:25%; text-align:center; position:relative; }
.results li .img {width:95%; height:220px;  overflow:hidden; margin-bottom:20px;  box-shadow:2px 2px 2px #ddd;}
.results li  img.product_img {width:100%;   }
.results li div.title {width:100%; float:left;   line-height:1.2em; vertical-align:middle;  font-size:20px; font-weight:600; color:#333; margin:5px 0 6px 0;}


.results li div.title img {vertical-align:middle;  margin-top:0; line-height:25px;  display:inline-block;}
.results_ul li.col-4 {padding:20px; box-sizing:border-box;}
.results_ul li.col-4 img {width:100%; height:280px;}
.results_ul h5 {font-size:22px;font-weight:600; margin-top:20px;}

.results .label {position:absolute; z-index:99999999; top:0; left:0; background-color:#f47321; color:#fff; font-size:18px; width:75px; padding:10px 0; line-height:1.1em;  display:inline-block;}
a.main_btn {font-size:19px; background-color:#615555; color:#fff !important; width:250px; display:inline-block; text-align:center; line-height:60px; }

.txt_bg {background:#f7f7f7; padding:12px 15px; box-sizing:border-box;}
.txt_bg ul li {font-size:18px; color:#555; list-style:disc; margin-left:20px;line-height:1.35em;}

h4.tt {font-size:36px; font-weight:600; width:100%; float:left; line-height:1.4em; color:#333;}
h3.tt {font-size:30px;  font-weight:400; width:100%; float:left;  line-height:1.3em; color:#333;}
p.tt {font-size:25px; font-weight:400; width:100%; float:left;   line-height:1.3em; color:#999;}


.business {width:100%; float:left; text-align:center; position:Relative;}


.contact {width:100%; float:left;   padding-top:6%;}
.contact .contact_txt_box {width:38%; float:right; height:363px; box-sizing:border-box; background:#fff; border:1px solid #ddd;}
.contact .contact_txt_box h5 {font-size:20px; font-weight:600; margin-bottom:5px;}
.contact .contact_txt_box ul li {font-size:17px; font-weight:400; color:#555; line-height:1.6em;}
.contact_txt_box i {font-size:18px; vertical-align:-3px; color:#333;}

.contact .contact_info1{padding:30px; box-sizing:border-box; color:#fff !important;}
.contact .contact_info1 ul li{color:#fff !important;}
.contact .contact_info1 i{color:#fff !important;}

.contact .contact_info2{padding:30px; box-sizing:border-box;}



.in {width:1200px; margin:0 auto;}
.in .guide {width:100%; text-align:left; float:left; font-size:32px; font-weight:700; color:#333;  margin-top:50px; margin-bottom:30px; }

.sub_menu {width:1200px; margin:0 auto;}
.sub_menu li {background-color:#f9f9f9;  text-align:center; border-right:none; font-size:18px; float:left; line-height:50px; box-sizing:border-box; color:#666; border-right:3px solid #fff;}
.sub_menu li:last-child {border-right:none}

.s_line{border:0px solid gray; display:block;width:28px;height:20px; position:relative; margin:0 auto;}

.s_line:after{
  content:""; position:absolute; border-top:4px solid #d4b666; width:40px;
  transform: rotate(25deg);

}

.sian_tab {width:100%; float:left;}
.sian_tab li {width:25%; float:left; background-color:#f9f9f9 ;}
.sian_tab li a {width:100%; display:inline-block; text-align:center; line-height:50px; font-size:20px; font-weight:600; color:#555; }
.sian_tab li.ov  {background-color:#333;}
.sian_tab li.ov  a {color:#fff;}


.fixed_top {width:60px; font-size:13.5px;  border-radius:5px;line-height:60px; background-color:#f1f1f1; color:#333;  text-align:center; flaot:right; position:fixed; bottom:5%; right:3%; letter-spacing:0.5px;}




/* 20190322 (마우스오버시 펼쳐지는 서브메뉴) */
#primary_nav_wrap {width:100%; float:left; height:65px; background:#fff;  margin-top:-35px;
 box-shadow:2px 2px 3px 0px #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:17px;
  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;

}



/* 퀵메뉴 */
div.topBtn { position:fixed; right:30px; bottom:30px; z-index:999;}
div.topBtn #scroll {display:block; background:url('/img/quick.png') center no-repeat; width:60px; height:60px; border-radius:100px; box-shadow:0 0px 5px #eee;}








.distribution-map {
  position: relative;
  width: 100%;
  /*padding: 20px;*/
  box-sizing: border-box;
  margin: 0 auto;
}

.distribution-map .map_dot {
  cursor: pointer;
  outline: none;
  z-index: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #e69c53;
  border: 3px solid #fff;
}

.tab {  display:inline-block;  width:100%; float:left; border-top:1px solid #ddd; }
.tab li {float:left; background-color:#fff;   width:25%;   box-sizing:border-box;}
.tab li a {display:inline-block;  letter-spacing:0px;  text-align:center; width:100%; padding:0;  line-height:50px; font-size:0.9em; font-weight:400; color:#666 !important;}

.tab li.ov {font-weight:600; background-color:#333;}
.tab li.ov a {color:#fff !important; width:100%;}

/*.pop-container .pain_tit  { font-size:1.15em; font-weight:600;letter-spacing:0px;background:#fff; padding-bottom:8px; text-align:center !important;  color:#ff8a00 !important;}
.pop-container .pain_tit a { display:block; padding:20px; box-sizing:border-box; }

.distribution-map h2 {font-size:1.2em; color:#1c4dbe; font-weight:600; margin-bottom:10px;}
.distribution-map p {font-size:1em; color:#fff; text-align:left; margin-left:15px; }

신체부위 레이어팝
.pop-layer a.btn {font-size:15px !important; color:#fff;  font-weight:300 !important; background: linear-gradient(to right, #dc0314, #dc0314);  color:#fff !important;display:inline-block; padding:4px 30px 6px 30px; margin-top:5px;  }
.pop-layer span.s_btn {display:inline-block; padding:3px 13px; border:1px solid #ddd; box-shadow:1px 1px 2px #ddd; font-size:14px; color:#666; }

.pop-layer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 85%;
    height: auto;
    background-color: #fff;
    border: 3px solid #3571B5;
    z-index: 99999999;
}
.pop-layer .pop-container {
	box-sizing:border-box;
}
.pop-layer p {
    color: #666;
    line-height: 25px;
}
.pop-layer  a.cbtn {
    display: block;
    height: 33px;
	width:100%;
	float:left;
    padding: 0 14px 0;
    border: 1px solid #304a8a;
    background-color: #3f5a9d;
    font-size: 1em;
    color: #fff;
    line-height: 33px;
}

.pop-layer .btn-r {width:100%; float:left; margin-top:10px; }
.pop-layer .pop-conts {padding:20px; box-sizing:border-box;}

#mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}
.pop-layer a.cbtn:hover {
    background-color: #1f326a;
    color: #fff;
}
*/