#idx_wrapper{height:100vh;}
/* 메인슬라이더 */
#visual{position:relative; width:100%; height:100vh; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:100vh; position:relative;}
#visual .sliderbx li{ width:100% !important; height:100vh; background-repeat:no-repeat; background-position: center top; background-size:cover;
animation: imagescale 6s ease-in-out infinite alternate;
  -webkit-animation: imagescale 6s ease-in-out infinite alternate;
  -moz-animation: imagescale 6s ease-in-out infinite alternate;
  -o-webkit-animation: imagescale 6s ease-in-out infinite alternate;
}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .txt{position:absolute; top:52%; left:50%; padding:0 0 0 50px; z-index:15; min-width:1280px; transform:translate(-50%, -50%); color:#fff;}
#visual .txt a.btn_roll{
    padding: 10px 30px;
    color: #fff !important;
    border: 1px solid #01559b;
    font-size: 1.30em;
    display: inline-block;
    margin: 30px 0 0;
	transition: all 0.5s;
	background:#01559b;
	}
#visual .txt a.btn_roll02{
	background: none;
    padding: 10px 30px;
    color: #fff !important;
    border: 1px solid #fff;
    font-size: 1.30em;
    display: inline-block;
    margin: 30px 0 0 10px;
	transition: all 0.5s;
	}
#visual .txt a.btn_roll:hover{background:none; border:1px solid #fff; color:#fff;  display: inline-block; transition: all 0.5s;  }
#visual .txt a.btn_roll02:hover{background:#0d7e3e; border:1px solid #0d7e3e;  display: inline-block; transition: all 0.5s;  }
#visual .txt > h3{font-size:2.0em; font-weight:600; line-height:1em;}
#visual .txt > h2::before {
    content: '';
    display: block;
    /* position: absolute; */
    left: 0;
    bottom: 0;
    width: 80px;
    height: 3px;
    margin: 0 0 20px;
    background: #fff;
}
#visual .txt > h2{font-size:3.8em; font-weight:600; line-height:1.25em}
#visual .txt > p{display:block; padding:20px 0 35px; font-size:1.4em; line-height:1.4em; font-weight:400; color:rgba(255,255,255,.85)}

#visual .area_bn_wrap{position:relative; width:1280px; height:100%; margin:0 auto;}
#visual .area_bn_wrap .area_bn{position:absolute; top:50%; right:90px; transform:translateY(-50%); width:326px; height:256px; box-shadow: 4.589px 6.553px 22.75px 12.25px rgba(0, 0, 0, 0.3);}
#visual .area_bn_wrap .area_bn .area_img{width:100%; height:auto;}
#visual .area_bn_wrap .area_bn .area_img img{width:100%; height:100%;}
#visual .area_bn_wrap .area_bn a{position:relative; display:block; padding:27px 25px; box-sizing:border-box; background:#fff; font-size:15px; font-weight:400; color:#333;}
#visual .area_bn_wrap .area_bn a > i{position:absolute; right:0; bottom:0; display:block; width:75px; height:75px; background:#0d7e3e url(../img/main/icon_arrow.svg)no-repeat center; background-size:7px 12px;}

#visual .bx-controls{position:absolute; bottom:0; /*left:calc(50% - 600px); left:-webkit-calc(50% - 600px);*/ width:260px; height:100px; z-index:101; /*background:#fff;*/ text-align:center; border-bottom:1px solid rgba(0,0,0,0.05);transform: translateX(-50%); left: 50%;}
#visual div.bx-pager{position:relative; top:50%; height:7px; transform:translateY(-50%);}
#visual div.bx-pager div{display:inline-block;  margin:0 40px 0 0; }
#visual div.bx-pager div:last-child{margin:0;}
#visual div.bx-pager div a{position:relative; display:inline-block; width:7px; height:7px; box-sizing:border-box; border-radius:50%; text-indent:-9999px; background:#ccc; transition:all 0.3s ease;}
#visual div.bx-pager div a.active{background:#fff;}
#visual div.bx-pager div a:after{content:''; position:absolute; top:0; left:0; width:30px; height:30px; margin-top:-12px; margin-left:-12px; box-sizing:border-box; border-radius:50%; border:2px solid #eee; opacity:0; transition:all 0.3s ease;}
#visual div.bx-pager div a.active:after{opacity:1;}

#visual .bx-controls-direction{display:none;}
.scrolldown{position:absolute; bottom:0; left:0; z-index:52; width:calc(50% - 600px); width:-webkit-calc(50% - 600px); background:#0d7e3e; font-weight:500; color:#fff; text-align:center;}
.scrolldown a{position:relative; display:block; position:relative; padding:39px 5px; box-sizing:border-box;}
.scrolldown a > i{position:relative; font-style:normal; font-weight:200; font-size:15px; color:#fff;}
.scrolldown a > i:before{content:""; position:absolute; top:50%; left:-22px; width:14px; height:9px; margin-top:-4.5px; background:url(../img/main/icon_b_arrow.svg) no-repeat 50% 50%; background-size:cover;}
.scrolldown a:before{display:none; content:""; position:absolute; top:50%; left:35px; width:14px; height:9px; margin-top:-4.5px; background:url(../img/main/icon_b_arrow.svg) no-repeat 50% 50%; background-size:cover;}

/* swipe bullet customizing */
.swiper-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85px;
}
.swiper-pagination.swiper-pagination {
  bottom: 0;
}

.swiper-pagination-bullet {
  background: #ef7900;
  width: 22px;
  height: 4px;
  border-radius: 0;
  transition: opacity 1s ease;
}
.swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet {
  margin: 0;
}
@media (min-width: 768px) {
  .swiper-pagination-bullet {
    width: 40px;
  }
}

@media (max-width: 1600px) {
	.inr{width:1280px;}
	#visual .area_bn_wrap{width:1280px;}
	#visual .bx-controls{/*left:calc(50% - 500px); left:-webkit-calc(50% - 500px); left:0 !important*/}
	.scrolldown{width:calc(50% - 500px); width:-webkit-calc(50% - 500px);}
	.line .left{left:calc(50% - 500px); left:-webkit-calc(50% - 500px);}
	.line .right{right:calc(50% - 500px); right:-webkit-calc(50% - 500px);}

	#visual .txt{min-width:1280px;}
}

@media (max-width: 1500px) {
	.inr{width:90%;}
	#visual .area_bn_wrap{width:90%;}
	#visual .bx-controls{/*left:calc(50% - 40%); left:-webkit-calc(50% - 40%);*/}
	.scrolldown{/*width:calc(50% - 40%); width:-webkit-calc(50% - 40%);*/}
	.line .left{left:calc(50% - 40%); left:-webkit-calc(50% - 40%);}
	.line .right{right:calc(50% - 40%); right:-webkit-calc(50% - 40%);}

	#visual .txt{min-width:1050px;}
}

@media (max-width: 1400px) {
	.inr{width:100%;}
	#visual .line{display:none;}
	.scrolldown{width:200px;}
	/*#visual .bx-controls{left:0;}*/
	#visual .txt{min-width:90%;}
}

@media (max-width: 1280px) {
	#visual .txt{padding:0 0 0 50px;}
	#visual .txt > h2{font-size:2.8em;}
	#visual .txt > p{font-size:16px;}
	#visual .area_bn_wrap .area_bn{right:50px;}
}
@media (max-width: 1024px){
	#visual .txt{padding:0 0 0 20px;}
	#visual .txt > p{font-size:15px;}
	#visual .area_bn_wrap .area_bn{width:310px; right:20px;}
	#visual .txt{ top:37%;}
}

@media (max-width:900px){
	#visual .txt{min-width:94%; padding:0}
	#visual .area_bn_wrap .area_bn{width:260px; right:0;}
	#visual .area_bn_wrap .area_bn a{padding:22px 20px;}
	#visual .txt > h3{font-size:2.0em;}
	#visual .area_bn_wrap .area_bn a > i{width:67px; height:67px;}
	.scrolldown a{padding:32px 5px;}
	#visual .bx-controls{width:150px; height:86px;}
	#visual div.bx-pager div{margin:0 27px 0 0;}
}

@media (max-width:767px){
	#visual .txt{top:45%; text-align:center; transform:translate(-50%, -100%);}
	#visual .txt > h3{font-size:1.5em;}
	#visual .txt > h2{font-size:2.6em;}
	#visual .txt > h2::before {
		content: '';
		display: block;
		/* position: absolute; */
		left: 0;
		bottom: 0;
		width: 80px;
		height: 3px;
		margin: 0px auto 20px;
		background: #fff;
	}
	#visual .area_bn_wrap .area_bn{width:240px; left:50%; transform:translate(-50%, -10%);}
	.scrolldown{width:70px; height:70px;}
	.scrolldown a > i{display:none;}
	.scrolldown a > svg{display:none;}
	.scrolldown a{height:100%; padding:5px;}
	.scrolldown a:before{display:block; left:50%; margin-left:-7px;}
	#visual .bx-controls{/*left:0px;*/ height:70px;}
	#visual div.bx-pager div a{width:6px; height:6px;}
	#visual div.bx-pager div a:after{width:26px; height:26px; margin-top:-10px; margin-left:-10px;}
}

@media (max-width:500px){
	#visual .txt{min-width:70%;}
	#visual .txt > h3{font-size:1.5em;}
	#visual .txt > h2{font-size:1.8em;}
	#visual .txt > p{word-break:keep-all;}
	#visual .area_bn_wrap .area_bn{width:220px;}
	#visual .area_bn_wrap .area_bn a{padding:19px;}
	#visual .area_bn_wrap .area_bn a > i{width:59px; height:59px;}
	.scrolldown{width:60px; height:60px;}
	#visual .bx-controls{/*left:0px;*/ width:100px; height:60px;}
	#visual div.bx-pager div{margin:0 20px 0 0;}
	#visual div.bx-pager div a{width:5px; height:5px;}
	#visual div.bx-pager div a:after{width:24px; height:24px; margin-top:-9px;}
	#visual .txt a.btn_roll02{
	background: none;
    padding: 10px 30px;
    color: #fff !important;
    border: 1px solid #fff;
    font-size: 1.30em;
    display: inline-block;
    margin: 30px 0 0 0px;
	transition: all 0.5s;
	}
}

@media (max-width:450px){
	#visual .txt{min-width:85%;}
	#visual .txt > h3{font-size:1.5em;}
	/*#visual .txt > h2{font-size:3.5em;}*/
	#visual .txt > p{font-size:14px; padding:5px 0 0;}
	#visual .area_bn_wrap .area_bn{width:190px;}
	#visual .area_bn_wrap .area_bn a{padding:15px; font-size:14px;}
	#visual .area_bn_wrap .area_bn a > i{width:51px; height:51px;}

}

/* 주요진료배너 */
#m_treat ul:after{content:''; display:block; clear:both;}
#m_treat ul li{ float:left; width:50%; padding:50px 40px; text-transform: uppercase; transition: all 0.5s;}
#m_treat ul li:nth-child(1){ background:url(../img/main/m_treat_bg01.jpg) no-repeat center center #0d7e3e; background-size:cover}
#m_treat ul li:nth-child(2){ text-align:right; background:url(../img/main/m_treat_bg02.jpg) no-repeat center center #01559b; background-size:cover}
#m_treat ul li:nth-child(3){ width:100%; background:url(../img/main/m_treat_bg03.jpg) no-repeat center center #3c3a36; background-size:cover; padding:50px 15% !important}
#m_treat ul li:nth-child(4){ background:url(../img/main/m_treat_bg04.jpg) no-repeat center center #ef7900; background-size:cover}
#m_treat ul li:nth-child(5){ text-align:right; background:url(../img/main/m_treat_bg05.jpg) no-repeat center center #909319; background-size:cover}
#m_treat ul li > dl > dt{ color:#fff; font-size:2.2em; font-weight:500}
#m_treat ul li > dl > dt span{ display:block; opacity:.8; font-size:.45em; font-weight:300 !important; letter-spacing:0}
#m_treat ul li > dl > dd{ color:rgba(255,255,255,.89); margin:18px 0 0; font-size:1.17em}
#m_treat ul li > dl > dd.more{ color:rgba(255,255,255,.89)}
#m_treat ul li > dl > dd.more:before{display: inline-block; font-family: "Font Awesome 5 Pro"; content: "\f067"; font-size:1.50em;  color: #fff !important; font-weight: 400; position: relative; top: 50%; left:50%; transform: translate(-50%,-50%);}
#m_treat ul li > dl > dd.more{ width:40px; height:40px; background:#0b4926; margin:23px 0 0}
#m_treat ul li:nth-child(2) > dl > dd.more{ background:#02255f; float:right}
#m_treat ul li:nth-child(2) > dl > dd.more:before{ left:0}
#m_treat ul li:nth-child(4) > dl > dd.more{ background:#643d14;}
#m_treat ul li:nth-child(5) > dl > dd.more{ background:#57590b; float:right}
#m_treat ul li:nth-child(5) > dl > dd.more:before{ left:0}
.m_treat_icon{ text-align:center; display:flex; justify-content:center}
.m_treat_icon div{ margin:0 30px}
.m_treat_icon p{ color:#fff; font-size:1.10em; padding:10px 0}

/* 인테리어 슬라이드 */
.slide-image {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale3d(1.3, 1.3, 1);
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 1400ms ease;
}

.slide-content {
  padding: 0 2.2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.slide-content h4 {
  font-size: 25px;
  font-weight: 400;
  margin: 0 0 1rem;
  padding-top: 2.8rem;
  flex-grow: 0;
}
.slide-content p {
  display: flex;
  line-height: 1.8;
  margin-top: 0;
  font-size: 14px;
  flex-grow: 1;
}
.slide-content footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 2.8rem;
  font-size: 14px;
  color: #c2c0e0;
}
.slide-content a {
  color: tomato;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 3px solid currentColor;
  padding-bottom: 3px;
}


#m_content01{ width:1280px; min-width:1280px; margin:0px auto 90px; padding:0}
#m_content01 header{ background:url(../img/main/header_bg.png) no-repeat center top; padding:120px 0 60px; text-align:center}
#m_content01 header h3{font-size:2.50em; font-weight:400; line-height:1.60em}
#m_content01 header h3 span{ color:#0d7e3e}
#m_content01 header p{ font-size:1.25em; font-weight:400; opacity:.8}
#m_content01 header p.eng{ font-size:1.2em; font-weight:400; opacity:1 !important; text-transform: uppercase;}

#m_content02{ background:url(../img/main/m_content02.jpg) no-repeat center top; height:741px; padding:110px 0}
.cont{ width:1280px; margin:0px auto}
.cont:after{content:''; display:block; clear:both;}
.m_introduce{ width:50%; float:left; transition: all 0.5s;}
.m_introduce h3::before {
    content: '';
    display: block;
    /* position: absolute; */
    left: 0;
    bottom: 0;
    width: 80px;
    height: 2px;
    margin: 0 0 20px;
    background: #fff;
}
.m_introduce h3{font-size:2.30em; font-weight:400; line-height:1.60em; color:#fff}
.m_introduce p{font-size:1.25em; font-weight:400; line-height:1.8em; color:rgba(255,255,255,.85); width:70%;}
.m_introduce img{ border:2px solid #3c3c3c; margin:30px 0}
.m_introduce .more a{    
    padding: 10px 30px;
    color: #fff !important;
    border: 1px solid #ef7900;
    font-size: 1.30em;
    display: inline-block;
    margin: 30px 0 0;
	transition: all 0.5s;
	background:#ef7900;
	}
.m_introduce .more a:hover{background:none; border:1px solid #fff; color:#fff;  display: inline-block; transition: all 0.5s;  }
.m_treat{ width:35%; float:right; transition: all 0.5s;}
.m_treat .treat_banner ul:after{content:''; display:block; clear:both;}
.m_treat .treat_banner li{ display:inline-block; width:50%; background:url(../img/main/treat_banner01.png) no-repeat 7% 35% #81a751; float:left; padding:30px 20px 30px 70px}
.m_treat .treat_banner li:nth-child(2){ background:url(../img/main/treat_banner02.png) no-repeat 7% 35% #ef7900}
.m_treat .treat_banner li:nth-child(3){ background:url(../img/main/treat_banner03.png) no-repeat 7% 35% #0d7e3e}
.m_treat .treat_banner li:nth-child(4){ background:url(../img/main/treat_banner04.png) no-repeat 7% 35% #01559b}
.m_treat .treat_banner li:nth-child(5){ background:#3c3c3c; width:100%; text-align:center; color:#fff; font-size:1.45em}
.m_treat .treat_banner li span{ font-size:1.27em}
.m_treat .treat_banner li dt{ color:#fff; margin:0 0 8px; font-weight:500; font-size:1.15em}
.m_treat .treat_banner li dd{ color:rgba(255,255,255,.8)}
.m_treat .treat_time{ background:url(../img/main/treat_time_icon.png) no-repeat 100% 0; margin:50px 0 0}
.m_treat .treat_time h3{font-size:2.30em; font-weight:400; line-height:1.60em; color:#fff; margin:0 0 10px}
.m_treat .treat_time p{font-size:1.25em; font-weight:400; line-height:1.8em; color:rgba(255,255,255,.85); width:70%;}

#m_content03{ width:100%; min-width:1280px; margin:0px auto; padding:0 0 380px; background:#f7f7f9; text-align:center; position:relative}
#m_content03 .area{ width:1280px; height:373px; margin:0px auto; background:url(../img/main/m_content03_bg.jpg) no-repeat bottom center; background-size:100% auto; position:absolute; bottom:0; left:50%; transform:translateX(-50%)}
.doctors{ position:absolute; bottom:0; left:50%; transform:translateX(-50%)}
#m_content03 header{ background:url(../img/main/header_bg02.png) no-repeat center top; padding:120px 0 60px; text-align:center}
#m_content03 header h3{font-size:2.50em; font-weight:400; line-height:1.60em}
#m_content03 header h3 span{ color:#e08500}
#m_content03 header p{ font-size:1.25em; font-weight:400; opacity:.8}
#m_content03 header p.eng{ font-size:1.2em; font-weight:400; opacity:1 !important; text-transform: uppercase;}

#m_content04{ padding:100px 0 0; text-align:center}
#m_content04 .area{ width:1280px; height:373px; margin:0px auto; }
#m_content04 ul{ display:flex}
#m_content04 ul > li:nth-child(1){ width:20%; margin:0 5% 0 0; text-align:left}
#m_content04 ul > li:nth-child(2){ width:75%; margin:0 0 0 5%}
#m_content04 li h3{ font-size:2.85em; font-weight:500; color:#444}
#m_content04 li h3 span{ display:block; font-size:.60em; opacity:.7}
#m_content04 li div.more:before{display: inline-block; font-family: "Font Awesome 5 Pro"; content: "\f067"; font-size:1.50em;  color: #fff !important; font-weight: 400; position: relative; top: 50%; left:50%; transform: translate(-50%,-50%);}
#m_content04 li div.more{ width:40px; height:40px; background:#ef7900; margin:20px 0 0}
#m_content04 li div.more a{ color:#fff !important}

#m_content05{ padding:0; width:1280px; margin:0px auto}
.send_sms{ padding:30px 20px; background:#454545; text-align:center}
.send_sms .m_call{ }
.send_sms .m_call p{ color:#fff; font-size:1.45em}
.send_sms .m_call span{ font-size:1.27em}

@media (max-width: 1279px) {
#m_content01{ width:100%; min-width:auto; margin:0px auto 90px; padding:0}
.cont{ width:100%; margin:0px auto}
#m_content03{ width:100%; min-width:auto;}
#m_content03 .area{ width:100%;}
#m_content04{ padding:50px 0; text-align:center}
#m_content04 .area{ width:100%; height:auto; margin:0px auto; }
#m_content05{ width:100%; margin:0px auto}
}
@media (max-width: 992px) {
#m_content01{ margin:0}
#m_content01 header h3{font-size:1.50em; font-weight:400; line-height:1.60em}
#m_content01 header h3 span{ color:#0d7e3e}
#m_content01 header p{ font-size:1.15em; font-weight:400; opacity:.8}
#m_content01 header p.eng{ font-size:1.0em; font-weight:400; opacity:1 !important; text-transform: uppercase;}
#m_treat ul li{ float:none; width:100%; padding:40px 30px; transition: all 0.5s;}
#m_content02{ background:#5e5958; height:auto; padding:50px 0}
#m_treat ul li:nth-child(3){ text-align:center; padding:30px 20px 20px !important}
.m_treat .treat_banner li{ padding:20px 20px 20px 70px; min-height:146px}
.m_treat .treat_banner li:nth-child(5){ padding:20px; min-height:auto}
.m_introduce{ width:100%; float:none; text-align:center; transition: all 0.5s; padding:0 0 50px}
.m_introduce h3{font-size:1.80em; font-weight:400; line-height:1.60em; color:#fff}
.m_introduce p{font-size:1.15em; font-weight:400; line-height:1.6em; color:rgba(255,255,255,.85); width:100%; transition: all 0.5s;}
.m_treat_icon{ text-align:center; display:inline-block; justify-content:center}
.m_treat_icon div{ margin:0px; float:left; width:33.333%}
.m_treat{ width:100%; float:none; transition: all 0.5s;}
.m_treat .treat_time{ background:url(../img/main/treat_time_icon.png) no-repeat 95% 0; margin:50px 0 0; padding:0 30px}
#m_content03 header h3{font-size:1.50em; font-weight:400; line-height:1.60em}
#m_content03 header h3 span{ color:#e08500}
#m_content03 header p{ font-size:1.15em; font-weight:400; opacity:.8}
#m_content03 header p.eng{ font-size:1.0em; font-weight:400; opacity:1 !important; text-transform: uppercase;}

#m_content04 ul{ display:block}
#m_content04 ul > li:nth-child(1){ display:none}
#m_content04 ul > li:nth-child(2){ width:100%; margin:0}
}
@media (max-width: 800px) {
#m_treat ul li > dl > dt{ color:#fff; font-size:1.7em; font-weight:500}
#m_treat ul li > dl > dt span{ display:block; opacity:.8; font-size:.45em; font-weight:300 !important; letter-spacing:0}
#m_treat ul li > dl > dd{ color:rgba(255,255,255,.89); margin:18px 0 0; font-size:1.05em}
#m_content03{ padding:0 0 150px}
#m_content04{ padding:0}
.doctors .imgWidth{ width:100%}
#m_content03 header{padding:120px 0 100px;}
}
@media (max-width: 700px) {
}
@media (max-width: 500px) {
.m_introduce .imgWidth{ width:80%}
#m_content03 header{padding:120px 0 0;}
}


/* 제품소개 */
#area_product{position:relative;}
#area_product .inr{z-index:1;}
#area_product .list{}
#area_product .list li{float:left; width:calc(100% / 3);  width:-webkit-calc(100% / 3); height:390px; /*background:transparent;*/ box-sizing:border-box; transition:all 0.3s ease;}
#area_product .list li > a{display:block; padding:70px 50px; box-sizing:border-box;}
#area_product .list li > a > em{font-style:normal; font-size:14px; font-weight:bold; color:#fff; line-height:1.5em; transition:all 0.3s ease;}
#area_product .list li > a > h2{display:block; padding:1px 0 6px; font-size:19px; font-weight:500; color:#fff; line-height:1.5em; transition:all 0.3s ease;}
#area_product .list li > a > .area_icon{width:31px; height:31px; transition:all 0.3s ease;}
/*#area_product .list li:nth-child(1) > a > .area_icon{width:31px; height:31px; background:url(../img/main/icon_product01.svg)no-repeat center; background-size:cover;}
#area_product .list li:nth-child(2) > a > .area_icon{width:32px; height:31px; background:url(../img/main/icon_product02.svg)no-repeat center; background-size:cover;}
#area_product .list li:nth-child(3) > a > .area_icon{width:39px; height:29px; background:url(../img/main/icon_product03.svg)no-repeat center; background-size:cover;}*/
#area_product .list li > a > span{display:block; padding:120px 0 0; font-style:normal; font-size:15px; font-weight:400; color:rgba(255,255,255,.7); line-height:1.5em; transition:all 0.3s ease;}
#area_product .list li{background:url(../img/main/product_on01.jpg)no-repeat center; background-size:cover;  transition:all 0.3s ease;}
#area_product .list li:nth-child(2){background:url(../img/main/product_on02.jpg)no-repeat center; background-size:cover;  transition:all 0.3s ease;}
#area_product .list li:nth-child(3){background:url(../img/main/product_on03.jpg)no-repeat center; background-size:cover;  transition:all 0.3s ease;}
#area_product .list li:hover{background:url(../img/main/product_on01_over.jpg)no-repeat center; background-size:cover transition:all 0.3s ease;;}
#area_product .list li:nth-child(2):hover{background:url(../img/main/product_on02_over.jpg)no-repeat center; background-size:cover; transition:all 0.3s ease;}
#area_product .list li:nth-child(3):hover{background:url(../img/main/product_on03_over.jpg)no-repeat center; background-size:cover; transition:all 0.3s ease;}
/*#area_product .list li:hover{background:url(../img/main/product_on01.jpg)no-repeat center; background-size:cover;}
#area_product .list li:nth-child(2):hover{background:url(../img/main/product_on02.jpg)no-repeat center; background-size:cover;}
#area_product .list li:nth-child(3):hover{background:url(../img/main/product_on03.jpg)no-repeat center; background-size:cover;}*/
#area_product .list li:hover > a > em{color:#fff;}
#area_product .list li:hover > a > h2{color:#fff;}
#area_product .list li:hover > a > span{color:#fff;}
/*#area_product .list li:hover:nth-child(1) > a > .area_icon{width:31px; height:31px; background:url(../img/main/icon_product01_on.svg)no-repeat center; background-size:cover;}
#area_product .list li:hover:nth-child(2) > a > .area_icon{width:32px; height:31px; background:url(../img/main/icon_product02_on.svg)no-repeat center; background-size:cover;}
#area_product .list li:hover:nth-child(3) > a > .area_icon{width:39px; height:29px; background:url(../img/main/icon_product03_on.svg)no-repeat center; background-size:cover;}*/


@media (max-width: 1024px) {
	#area_product .list li{height:320px;}
	#area_product .list li > a{padding:50px;}
	#area_product .list li > a > span{padding:80px 0 0;}
}
@media (max-width: 900px) {
	#area_product .list li > a{padding:40px;}
}
@media (max-width: 768px) {
	#area_product .list li{width:100%; height:auto; /*background:#fff;*/ border-bottom:1px solid rgba(0,0,0,0.05);}
}
@media (max-width: 550px) {
	#area_product .list li > a{padding:30px;}
	#area_product .list li > a > span{padding:40px 0 0;}
}
@media (max-width: 400px) {
	#area_product .list li > a{padding:20px;}
}

/*회사소개*/
#area_company{position:relative; width:100%;}
#area_company .area_img{position:relative; top:0; left:0; width:calc(50% + 600px); width:-webkit-calc(50% + 600px); height:550px; background:url(../img/main/img_company.jpg)no-repeat center; background-size:cover;}
#area_company .area_txt{position:absolute; top:50%; right:0; padding:100px 65px; box-sizing:border-box; width:calc(50% - 200px); width:-webkit-calc(50% - 200px); background:url(../img/main/company_txt_bg.jpg)no-repeat center; background-size:cover; color:#fff;}
#area_company .area_txt span{display:inline-block; font-size:15px; font-weight:300; color:#fff;}
#area_company .area_txt h3{display:block; padding:10px 0 25px; font-size:40px; font-weight:bold; color:#fff;}
#area_company .area_txt p{font-size:16px; font-weight:400; color:#fff; line-height:1.7em; word-break:keep-all;}
#area_company .area_btn{position:absolute; top:50%; right:0; display:block; width:calc(50% - 600px); width:-webkit-calc(50% - 600px); padding:27px 25px; box-sizing:border-box; border-top:1px solid rgba(0,0,0,0.05); background:#fff; font-size:15px; font-weight:400; color:#333; transform:translateY(-100%);}
#area_company .area_btn > i{position:absolute; right:0; bottom:0; display:block; width:75px; height:75px; background:#0d7e3e url(../img/main/icon_arrow.svg)no-repeat center; background-size:7px 12px;}

@media (max-width: 1600px) {
	#area_company .area_img{width:calc(50% + 500px); width:-webkit-calc(50% + 500px);}
	#area_company .area_txt{width:calc(50% - 166px); width:-webkit-calc(50% - 166px);}
	#area_company .area_btn{width:calc(50% - 500px); width:-webkit-calc(50% - 500px);}
}
@media (max-width: 1500px) {
	#area_company .area_img{width:95%;}
	#area_company .area_txt{width:calc(50% - 15%); width:-webkit-calc(50% - 15%); min-height:355px; padding:66px 50px;}
	#area_company .area_txt p br{display:none;}
	#area_company .area_btn{width:240px; border-top:none;}
}
@media (max-width: 1400px) {
	#area_company .area_img{width:100%;}
	#area_company .area_txt{width:33.33%; padding:66px 50px;}
}
@media (max-width: 1200px) {
	#area_company .area_txt{width:33.33%; padding:53px 50px;}
}
@media (max-width: 1024px) {
	#area_company .area_txt{padding:50px 40px;}
	#area_company .area_btn{width:22%; padding:27px 20px;}
}
@media (max-width: 850px) {
	#area_company .area_txt{padding:40px;}
	#area_company .area_txt h3{font-size:35px;}
	#area_company .area_btn{width:33.33%;}
}

@media (max-width: 768px) {
	#area_company .area_img{height:0; padding-bottom:50%;}
	#area_company .area_txt{position:relative; width:100%; padding:50px 40px;min-height:auto;}
	#area_company .area_txt p {margin:0 0 50px;}
	#area_company .area_btn{width:33.33%; top:unset; border-bottom:1px solid rgba(0,0,0,0.05);}
	#area_company .area_txt p br{display:block;}
	#area_company .area_btn > i{bottom:-1px; height:76px; border-bottom:1px solid #1f2756;}
}
@media (max-width: 650px){
	#area_company .area_btn{width:200px; padding:21px 20px;}
	#area_company .area_btn > i{width:64px; height:64px;}
}
@media (max-width: 550px){
	#area_company .area_txt{padding:40px 30px;}
	#area_company .area_txt h3{padding:10px 0 15px; font-size:30px;}
	#area_company .area_txt p{font-size:15px;}
	#area_company .area_txt p br{display:none;}
}
@media (max-width: 450px){
	#area_company .area_txt h3{font-size:28px;}
}
@media (max-width: 400px){
	#area_company .area_txt{padding:30px 20px;}
	#area_company .area_txt h3{font-size:25px;}
}

#area_board{width:100%;}
#area_board .line.gray{z-index:0;}
#area_board .line.gray i:first-child{border-right:none;}
.area_board:after{content:''; display:block; clear:both;}
.area_notice{float:left; width:calc(100% - 400px); width:-webkit-calc(100% - 400px);}
.area_notice .area_btn{position:relative;}
.area_notice .area_btn > i{position:absolute; top:0; right:0; display:block; width:80px; height:80px; background:#0d7e3e url(../img/main/icon_arrow.svg)no-repeat center; background-size:7px 12px;}

.area_location{position:relative; z-index:1; margin:80px 0 0; float:left; width:400px; height:444px; transition:all 0.3s ease;}
.area_location > a{display:block; width:100%; height:100%; padding:60px 50px; box-sizing:border-box;}
.area_location > a > em{font-style:normal; font-size:15px; font-weight:bold; color:#0d7e3e; line-height:1.5em; transition:all 0.3s ease;}
.area_location > a > h2{display:block; padding:3px 0 8px; font-size:19px; font-weight:500; color:#333; line-height:1.5em; transition:all 0.3s ease;}
.area_location > a > .area_icon{width:31px; height:31px; background:url(../img/main/icon_location.svg)no-repeat center; background-size:cover; transition:all 0.3s ease;}
.area_location > a .info_location{padding:90px 0 0;}
.area_location > a .info_location span{display:block; font-size:15px; font-weight:600; color:#333;}
.area_location > a .info_location em{display:block; padding:5px 0 0; font-style:normal; font-size:15px; font-weight:400; color:#555;}
.area_location:hover{background:#0d7e3e;}
.area_location:hover > a > em{color:#fff;}
.area_location:hover > a > h2{color:#fff;}
.area_location:hover > a > .area_icon{background:url(../img/main/icon_location_on.svg)no-repeat center; background-size:cover;}
.area_location:hover > a .info_location span{color:#fff;}
.area_location:hover > a .info_location em,
.area_location:hover > a .info_location b{color:#fff;}
.area_location .info_location > ul > li:last-child{margin:15px 0 0;}
.area_location .info_location > ul > li > em{display:block; padding:5px 0 0; line-height:1.4em; font-style:normal; font-size:14px; font-weight:400; color:#555;}
.area_location .info_location > ul > li > b {display:block; font-size:15px; font-weight:600; color:#333;}


@media (max-width: 1600px) {
	.area_notice{width:calc(100% - 334px); width:-webkit-calc(100% - 334px);}
	.area_location{margin:80px 0 0; width:333px; height:auto;}
	.area_location > a{padding:34px 40px;}
}
@media (max-width: 1500px) {
	.area_notice{width:calc(100% - 33.33%); width:-webkit-calc(100% - 33.33%);}
	.area_location{margin:80px 0 0; width:33.33%;}
	.area_location > a{padding:60px 40px;}
}

@media (max-width: 768px) {
	#area_board .line.gray{display:none;}
	.area_notice{width:100%;}
	.area_notice .area_btn > i{width:75px; height:74px;}
	.area_location{margin:0; width:100%; height:auto; background: #0d7e3e;}
	.area_location > a > em{color:#fff;}
	.area_location > a > h2{color:#fff;}
	.area_location > a > .area_icon{background:url(../img/main/icon_location_on.svg)no-repeat center; background-size:cover;}
	.area_location > a .info_location span{color:#fff;}
	.area_location > a .info_location em{color:#fff;}
	.area_location .info_location > ul > li > em,
	.area_location .info_location > ul > li > b{color:#fff;}
	.news_text{width:100%;}
}
@media (max-width: 650px) {
	.area_notice .area_btn > i{width:64px; height:64px;}
}
@media (max-width: 550px) {
	.area_location > a{padding:50px 30px;}
	.area_location > a .info_location{padding:60px 0 0;}
}
@media (max-width: 400px) {
	.area_location > a{padding:40px 20px;}
}



/*메인추출*/
.m_latest{ width:1280px; margin:0px auto 20px; transition: all 0.7s;}

@media screen and (max-width:1199px) {
.m_latest{ width:100%; margin:0px auto 20px; transition: all 0.7s;}
}

@media screen and (max-width:767px) {
.m_latest{ width:100%; margin:0px auto 10px; transition: all 0.7s;}
}


/*메인추출탭*/
/* tabs05 */
.tabs05 {
  /*border-right: 1px solid #0d7e3e;*/
}
.tabs05:after {
  content: "";
  display: table;
  clear: both;
}
.tabs05 input[type=radio] {
  display: none;
}
.tabs05 label {
  display: block;
  float: left;
  width: 25%;
  padding:20px 18px;
  /*border-top: 1px solid #1134a8;;*/
  border-bottom: 1px solid #0d7e3e;;
  /*border-right: none;*/
  background: #fff;
  text-align: center;
  font-weight: 500;
  color: #41434f;
  cursor: pointer;
  -webkit-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  font-size: 1.25em;
}
.tabs05 label:hover {
  background-color: white;
}
.tabs05 [id^="tab"]:checked + label {
  /*border-bottom-color: white;*/
  background:#0d7e3e;
  color: #fff;
}

.tab-content05 {
  display: none;
  float: left;
  width: 100%;
  padding: 0;
  background:#fff;
}

#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
  display: block;
}

#tab4:checked ~ #tab-content4,
#tab5:checked ~ #tab-content5,
#tab6:checked ~ #tab-content6 {
  display: block;
}

#tab7:checked ~ #tab-content7,
#tab8:checked ~ #tab-content8,
#tab9:checked ~ #tab-content9 {
  display: block;
}

.other-content {
  color: white;
}

@media only screen and (max-width: 768px) {
  .tabs05 label {
    float: left;
    /*width: 100%;*/
	padding:10px 5px;
	/*border-top: 1px solid #ff5300;;*/
	font-size: .9em;
  }
}
@media only screen and (max-width: 480px) {
}

#m_certi{ width:1280px; margin:30px auto 30px}
#m_certi:after{content:''; display:block; clear:both;}
#m_certi .certi{ width:700px; float:left; transition:all 0.3s ease;}
#m_certi .ad{ width:500px; float:left; transition:all 0.3s ease;}
@media only screen and (max-width: 1199px) {
#m_certi{ width:100%; margin:30px auto 30px}
#m_certi .certi{ width:60%; transition:all 0.3s ease;}
#m_certi .certi img{ width:100%}
#m_certi .ad{ width:40%; float:left; transition:all 0.3s ease;}
}
@media only screen and (max-width: 992px) {
#m_certi .certi{ width:100%; float:left; transition:all 0.3s ease;}
#m_certi .ad{ width:100%; float:left; transition:all 0.3s ease;}
}
@media only screen and (max-width: 800px) {
#m_certi .certi{ width:100%; float:left; transition:all 0.3s ease;}
#m_certi .ad{ width:100%; float:left; transition:all 0.3s ease;}
}