@charset "utf-8"; 

/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(890rem); margin-top:95rem; color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:center; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{font-family: 'BookkMyungjo-Lt';margin:350rem 0 15rem 0; line-height:1.3; font-weight:400; font-size:40rem; }
#main_visual p{line-height:1.4;  font-size:20rem; letter-spacing:-.5rem; font-weight:100; text-transform:uppercase; font-family: 'Pretendard';}
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}



/* main content */
.main-content{}
.main-content *{}

.main-menu__list{display:grid; justify-content:center; align-items:center; text-align:center; grid-template-columns:repeat(4, 1fr);}
.main-menu__list > li{position:relative; background:#fafafa; background-size:cover;}
.main-menu__list > li a:before{opacity:0; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:#654423;  transition:0.3s}
.main-menu__list > li :hover:before{opacity:0.3; transition:0.3s}
.main-menu__list > .main-menu__item01{background-image: url(../img/main/img_mainbg01.jpg); color:#fff;}
.main-menu__list > .main-menu__item03{background-image: url(../img/main/img_mainbg02.jpg); color:#fff;}
.main-menu__list > .main-menu__item06{background-image: url(../img/main/img_mainbg03.jpg); color:#fff;}
.main-menu__list > .main-menu__item08{background-image: url(../img/main/img_mainbg04.jpg); color:#fff;}
.main-menu__list > .color_white > *,
.main-menu__list > .color_white p{color:#fff;}
.main-menu__list > li a{display:flex;align-items:center;padding: 80rem 0rem;flex-direction:column;font-style:normal;}
.main-menu__list > li a *{font-style:normal;}
.main-menu__list > li i{font-size: 12rem;display: block;margin-top: 25rem;}
.main-menu__list > li strong{margin:24rem 0 10rem 0; font-weight:600; font-size:23rem;}
.main-menu__list > li p{font-weight:300; font-size:17rem; word-break:keep-all; color:#666;}
.main-menu__list img{height:75rem;}

.main-company{padding:100rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 85% 15%;}
.main-company .main-company__inner{display:flex; align-items: center;}
.main-company .main-company__img{width:50%; margin-right:5%}
.main-company .main-company__text{width:45%}
.main-company .main-company__text h3{margin-bottom:30rem; font-size:30rem; font-weight:600}
.main-company .main-company__text h3 span{color:#c5a56e}
.main-company .main-company__text p{line-height:1.8; color:#666}

.main-facilities{overflow:hidden; background:#f8f8f8; padding:100rem 0}
.main-facilities__inner{float:right; width:1650rem;}
.main-facilities__slide .swiper-pagination{position:static; margin-top:30rem;}
.main-facilities__slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#c5a56e}
.main-facilities__slide img{width:100%}
.main-facilities__text{width:320rem; float:left; margin-top:60rem}
.main-facilities__text h3{font-size:30rem; font-weight:bold;}
.main-facilities__text p{margin:20rem 0 30rem 0; color:#666}


.main-board{margin:100rem 0}
.main-board h3{font-size:30rem; font-weight:bold}
.main-board__inner{display:flex;}
.main-board__title{display:flex;margin-bottom:20rem;align-items: center;}
.main-board__title img{height:28rem; margin-right: 10rem;}
.main-board__contact{width:calc(100% - 985rem)}
.main-board__contact > a{font-size:45rem;font-weight:bold;line-height: 1;}
.main-board__contact p{margin-top:10rem; color:#8b8b8b;}
.main-board__contact p b{color:#111;}
.main-board__contact ul{display:flex;justify-content: space-between; margin-top:25rem;}
.main-board__contact ul li{width:48%; background:#c5a56e; text-align:center; transition:0.3s}
.main-board__contact ul li:last-child{background:#46300a;}
.main-board__contact ul li a{display:block; width:100%; padding:15rem 0; color:#fff; font-size:15rem}
.main-board__contact ul li:hover{background:#333; transition:0.3s}

.main-board__notice{position:relative; width:900rem; margin-right:85rem;}
.main-board__notice .pic_li_lt .lt_more{top:15rem; background: url(../img/layout/icon_btn_b.svg) no-repeat center;}
.main-board__notice .pic_li_lt .lt_more:hover{transform: rotate(0deg);}
.main-board__notice li a{}
.main-board__notice .pic_li_lt{border-top:2rem solid #111;}
.main-board__notice .pic_li_tit *{font-weight:300}
.main-board__notice .pic_li_lt li .pic_li_tit:hover{color:#c5a56e;}
.main-board__notice .pic_li_lt li .pic_li_tit{font-weight:300;font-size:17rem;padding: 0 0rem;line-height: 1;}
.main-board__notice .pic_li_lt li{position:relative; padding:20rem 0rem; margin-bottom:0; border-bottom:1rem solid #e2e2e2;}


@media (max-width:1700px){
	.main-facilities__inner{width:100%; padding-left:30rem;}
	
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:80%;}
	
	.main-board__notice{width:65%; margin-right:5%;}
	.main-board__contact{width:30%;}
}

@media (max-width:1023px) {
	#main_visual{margin-top:80rem;}
	#main_visual h2{font-size:40rem}

	.main-content{display:block;}
	.wrap{width:100%; padding:0 20rem}	
	
	.main-company .main-company__img{width:45%; margin-right:5%;}
	.main-company__text{width:50%;}	

	.main-menu__list{grid-template-columns: repeat(2, 1fr);}
	.main-menu__list > .main-menu__item04,
	.main-menu__list > .main-menu__item07{background:#f1e9e1;}

	.main-facilities__text{margin-top:0}

	.main-board__notice{width:50%;}
	.main-board__contact{width:45%;}

}


@media (max-width:860px){
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}

	.main-company{padding:60rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 50% 5%;}
	.main-company .main-company__inner{flex-direction: column;}
	.main-company .main-company__img{width:100%; margin-right:0}
	.main-company .main-company__img img{width:100%;}
	.main-company .main-company__text{width:100%; margin-top:30rem; text-align:center;}

	.main-menu__list img{height:60rem;}
	.main-menu__list > li a{padding:50rem 5rem}
	
	.main-facilities{padding:60rem 0}
	.main-facilities__text{ float:none; width:100%; margin-bottom:30rem; text-align:center;}
	.main-facilities__inner{padding:0 20rem;}

	.main-board{margin:60rem 0}
	.main-board__inner{ display:block;}
	.main-board__notice{width:100%; margin-right:0}
	.main-board__contact{width:100%; margin-top:30rem;}


}

@media (max-width:540px) {
	#main_visual{margin-top:80rem; height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{margin:50rem 0 0 ; font-size:12rem}
	#main_visual .btn_more{margin-top:25rem}
	
	.main-company{padding:30rem 0}
	.main-company .main-company__text h3{margin-bottom:15rem; font-size:22rem; word-break: keep-all;}
	
	.main-board__notice{margin-top:25rem}
	.main-facilities{padding:30rem 0}
	.main-facilities__text h3{font-size:22rem}
	.main-facilities__text p{margin:10rem 0 15rem 0}
	.main-board__contact strong{font-size:30rem}
	
	.main-menu__list{display:flex;flex-wrap: wrap;align-items: stretch;}
	.main-menu__list > li a:before{display:none;}
	.main-menu__list > li{width:50%}
	.main-menu__list > li a{padding:50rem 15rem}
	.main-menu__list > li strong{font-size:20rem; font-weight:bold; margin: 15rem 0 10rem 0}
	#main_visual .roll{    background-position: 40%;}

	.main-menu__list img{height:40rem;}
	.main-menu__list > li p{font-size:14rem;}
	
	.main-board{margin:30rem 0}
	h3.main-board__title{margin-bottom:10rem; font-size:22rem;font-weight: bold;}
	.main-board__notice .pic_li_lt .lt_more{top:7rem}
	.main-board__contact > a{font-size:30rem}
	.main-board__contact ul li a{font-size:12rem}
}

.inner{width:100%;max-width:1460px;padding:0 20rem;margin:0 auto}
.flex-wrap {display:flex; justify-content:space-between;}

.main-ir {padding:100rem 0 170rem;background:url("../img/main/melag_bg.jpg") no-repeat top center / cover;}
.main-ir .flex-wrap {align-items:center;}
.main-ir__title-wrap {flex-shrink:0;padding-bottom:25rem;margin-right:40rem; margin-top:80rem;}
.main-ir__title-wrap h3 {font-size:40rem; color:#806f5f; font-weight:700; margin-bottom:20rem;}
.main-ir__title-wrap p {display:block; font-size:18rem; color:#5b5b5b; font-family: 'Pretendard';}

.main-ir__banners {width:100%;max-width:740rem; cursor:pointer; position: relative;}
.main-ir__banners-inner {display:flex;margin:-10px;}
.main-ir__banner {width:50%;padding:10rem; }
.main-ir__banner-wrap {position:relative;width:100%;max-width:213rem;padding-top:122.2222222222222222%;background-repeat:no-repeat;background-position:top center;background-size:cover;}
.main-ir__banner-inner {position:absolute;left:0;width:100%;height:100%; top:0;}
.main-ir__banner-inner img {border-radius:500rem;}
.main-ir__banner-inner h4 {position:absolute; color:#fff; font-size:18rem; font-weight:700; text-align:center; bottom:100rem; width:100%;  left:50%; transform:translateX(-50%);}

.port-1 {  float: left;  width: 100%;  position: relative;  overflow: hidden;  text-align: center;  }
.port-1 .text-desc {  opacity: 0.9;  top: -100%;  transition: 0.5s;}
.port-1.effect-2 .text-desc {  top: auto;  bottom: -100%;}
.port-1.effect-2:hover .text-desc {  bottom: 0;}
.text-desc {  position: absolute;  left: 0;  top: 0; padding-top:150rem; background: rgba(128,111,95,.7);  border-radius:500rem;	  height: 100%;  opacity: 0;  width: 100%; color:#fff; font-size:30rem;}

@media (max-width:1280px) {
	.main-ir {padding-top:0;}
	.main-ir__title-wrap h3 {font-size:25rem;}
	.main-ir__title-wrap p {font-size:15rem;}
	.main-ir .flex-wrap {flex-direction:column;}
	.main-ir__title-wrap {text-align:center;padding:0;margin:0;}
	.main-ir__banners {max-width:none; margin-top:50rem;}
	.main-ir__banner-inner img {width:100%;}
}

@media (min-width:1025px) {
	/* Main IR */
	.main-ir__banner-link:hover {bottom:0;right:0;width:100%;height:100%;text-indent:0;}
	.main-ir__banner-link:hover::before {visibility:hidden;opacity:0;}
	.main-ir__banner-link:hover::after {width:100%;height:100%;}
	.main-ir__banner-link:hover .main-ir__banner-icon {visibility:visible;opacity:1;}
	.main-ir__banner-link:hover .main-ir__banner-text {visibility:visible;opacity:1;}
	.main-ir__top .btn-detail:hover {color:#fff;}
	.main-ir__link:hover .main-ir__inner {border-color:transparent;background-color:rgba(255,255,255,.15);}
	.main-ir__list .slick-arrow:hover {background-color:#007dc6;}
}

@media (max-width:1024px) {
	.main-ir {padding-top:100rem;}
.main-ir__banner-inner h4 {font-size:13rem;}
}



.main-esg {padding:130rem 0;background:url("../img/main/clinic_bg.jpg") no-repeat top center / cover;}
.main-esg__title-wrap {text-align:center; color:#fff;}
.main-esg__title-wrap h5 {font-size:12rem; letter-spacing:2rem;}
.main-esg__title-wrap h3 {font-size:40rem; font-family: 'BookkMyungjo-Lt';}
.main-esg__wrap {margin-top:80rem;}
.main-esg__list {display:flex;flex-wrap:wrap;}
.main-esg__item {cursor:pointer; width:33.33333333333333333333333%;padding:50px 0;}
.main-esg__inner {display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:0 30px;text-align:center;}
.main-esg__inner::after {top:50%;right:-1px;transform:translate(40%, -50%);}
.main-esg__icon-wrap {display:flex;justify-content:center;align-items:center;height:45px;}
.main-esg__icon {display:inline-block;}
.main-esg__title {margin-top:25px;font-size:15rem;font-weight:600;color:#fff;line-height:1;}
.main-esg__category {margin-top:10px;font-size:22rem;color:#fff;}
.main-esg .btn-default {max-width:180px;height:50px;visibility:hidden;opacity:0;margin:25px 0 -75px;font-size:14px;color:rgba(255,255,255,.6);transition:visibility .3s, opacity .3s, margin-bottom .3s, color .3s, background-color .3s;}

@media (max-width:600px) {

	/* Main ESG */
	.main-esg {padding:100px 0;}
	.main-esg__title-wrap h5 {font-size:11rem}
	.main-esg__title-wrap h3 {font-size:25rem;}
	.main-esg__wrap {max-width:700px;margin:50px auto 0;}
	.main-esg__item {position:relative;width:100%;padding:30px;}
	.main-esg__inner {border-right:0;}
	.main-esg__title {margin-top:30rem;font-size:13rem;}
	.main-esg__category {font-size:17rem;}
	.main-esg .btn-default {visibility:visible;opacity:1;margin-bottom:0; background:none;}

}