@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');

/*
 * --------------------------------------------------------------------------
 * descript : 메인 콘텐츠
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

/* --------------------------------------------------------------------------
   메인 비주얼 슬라이드
   -------------------------------------------------------------------------- */
#visual-slider{position:relative; background:#000; width:100%; height:100vh; }
#visual-slider .slick-slide{height:100%;}
#visual-slider .item{height:100vh;}
#visual-slider .item .inner{height:inherit;}


/**/
#visual-slider .item.bg01{background:url(/assets/img/web/main/theme/visual_01.jpg) no-repeat center center;}
#visual-slider .item.bg02{background:url(/assets/img/web/main/theme/visual_02.jpg) no-repeat center center;}
#visual-slider .item.bg03{background:url(/assets/img/web/main/theme/visual_03.jpg) no-repeat center center;}
#visual-slider .item.bg04{background:url(/assets/img/web/main/theme/visual_04.jpg) no-repeat center center;}
#visual-slider .item.bg05{background:url(/assets/img/web/main/theme/visual_05.jpg) no-repeat center center;}
#visual-slider .item.bg06{background:url(/assets/img/web/main/theme/visual_06.jpg) no-repeat center center;}
#visual-slider .item.bg07{background:url(/assets/img/web/main/theme/visual_07.jpg) no-repeat center center;}
#visual-slider .item.bg08{background:url(/assets/img/web/main/theme/visual_08.jpg) no-repeat center center;}

#visual-slider .txt-group{position:absolute; width:700px; left:0; top:150px;}
#visual-slider .txt-group .txt{color:#111; letter-spacing:-2px;}

#visual-slider .txt-group .txt01{margin-bottom:15px; font-size:28px; font-weight:100; animation:fadeOutUp 1s both;}
#visual-slider .txt-group .txt02{font-size:60px; line-height:1.3em; font-weight:700; letter-spacing:-8px; animation:fadeOutUp 1s both;}
#visual-slider .txt-group .txt02 em{color:#ff3e62;}
#visual-slider .txt-group .txt03{font-size:24px; font-weight:100; animation:fadeOutUp 1s both;}
#visual-slider .txt-group .txt03 em{font-weight:700;}

#visual-slider .txt-group .bar{display:block; width:1px; height:100px; margin:25px 0 25px 25px; background:#111; animation:fadeOutUp 1s both;}


#visual-slider .slick-active .txt-group .txt01{animation:fadeInDown 0.5s both .5s;}
#visual-slider .slick-active .txt-group .txt02{animation:fadeInDown 0.5s both .75s;}
#visual-slider .slick-active .txt-group .txt03{animation:fadeInUp 0.5s both 2s;}
#visual-slider .slick-active .txt-group .bar{animation:progress-bar 1s both 1s;}

.visual-slider-control{position:absolute; left:50%; bottom:50px; transform:translate(-50%, 0); z-index:1;}
.visual-slider-control button{float:left; 
	display:inline-block; 
	width:40px;
	height:40px;
	line-height:43px; text-align:center;
	/*background:rgba(255,255,255,0.3);*/
	cursor:pointer;}
.visual-slider-control button.btn-prev{border-radius:40px 0 0 40px; margin-right:1px;}
.visual-slider-control button.btn-next{margin-right:1px;}
.visual-slider-control button.btn-pause{margin-right:1px; display:none;}
.visual-slider-control button.btn-play{margin-right:1px; display:none;}

.visual-slider-control .counter{float:left; height:40px; line-height:40px; padding:0 20px; border-radius:0 40px 40px 0;/* background:rgba(255,255,255,0.3);*/}

@-webkit-keyframes progress-bar{from{height:0px;}to{height:100px;}}
@keyframes progress-bar{from{height:0px;}to{height:100px;}}


/* --------------------------------------------------------------------------
   메인 비주얼배너(안전한 턱얼굴수술, 예뻐지는 치아교정, 정직한 임플란트, 편안한 일반진료, 미리하는 예방관리)
   -------------------------------------------------------------------------- */
#visual-banner{display:inline-block; width:100%; }
#visual-banner .inner{overflow:hidden;}
#visual-banner .inner > div{position:relative; float:left; height:350px; box-sizing:border-box; background-repeat:no-repeat; background-position:-25px bottom; background-size:108%; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#visual-banner .inner > div::before{display:inline-block; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#visual-banner .inner > div:hover{background-position:0 bottom;}
#visual-banner .inner > div:hover::before{background:rgba(0,0,0,0);}

#visual-banner .item01{width:50%; background-image:url(/assets/img/web/main/theme/visual_banner_bg01.jpg); border-right:1px solid #fff; border-bottom:1px solid #fff;}
#visual-banner .item02{width:50%; background-image:url(/assets/img/web/main/theme/visual_banner_bg02.jpg); border-bottom:1px solid #fff;}
#visual-banner .item03{width:33%; background-image:url(/assets/img/web/main/theme/visual_banner_bg03.jpg);}
#visual-banner .item04{width:34%; background-image:url(/assets/img/web/main/theme/visual_banner_bg04.jpg); border-left:1px solid #fff; border-right:1px solid #fff;}
#visual-banner .item05{width:33%; background-image:url(/assets/img/web/main/theme/visual_banner_bg05.jpg);}

#visual-banner .txt-group{display:block; width:100%; height:100%; cursor:pointer; box-sizing:border-box; z-index:10;}
#visual-banner .txt-group .txt{display:block; width:300px; text-align:center;}
#visual-banner .txt-group .txt01{position:absolute; font-size:20px; opacity:0; -webkit-transition: all 0.3s ease-in-out 0.1s; -moz-transition: all 0.3s ease-in-out 0.1s; -ms-transition: all 0.3s ease-in-out 0.1s; -o-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s;}
#visual-banner .txt-group .txt02{position:absolute; font-size:36px; line-height:1.25em; letter-spacing:-4px; font-weight:700; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


#visual-banner .item01 .txt01{left:0; top:80px; color:#a3a3a3;}
#visual-banner .item01 .txt02{left:0; top:110px; color:#111;}

#visual-banner .item02 .txt01{right:0; top:80px; color:#a3a3a3; }
#visual-banner .item02 .txt02{right:0; top:110px; color:#111; }

#visual-banner .item03 .txt01{width:100%; left:0; top:30px; color:#fff;}
#visual-banner .item03 .txt02{width:100%; left:0; top:60px; color:#fff;}

#visual-banner .item04 .txt01{width:100%; left:0; top:30px; color:#a3a3a3;}
#visual-banner .item04 .txt02{width:100%; left:0; top:60px; color:#111;}

#visual-banner .item05 .txt01{width:100%; left:0; top:30px; color:#a3a3a3;}
#visual-banner .item05 .txt02{width:100%; left:0; top:60px; color:#111;}


#visual-banner .inner > div.item01:hover .txt01{top:100px;  opacity:1;}
#visual-banner .inner > div.item01:hover .txt02{top:130px}

#visual-banner .inner > div.item02:hover .txt01{top:100px;  opacity:1;}
#visual-banner .inner > div.item02:hover .txt02{top:130px}

#visual-banner .inner > div.item03:hover .txt01{top:50px;  opacity:1;}
#visual-banner .inner > div.item03:hover .txt02{top:80px}

#visual-banner .inner > div.item04:hover .txt01{top:50px;  opacity:1;}
#visual-banner .inner > div.item04:hover .txt02{top:80px}

#visual-banner .inner > div.item05:hover .txt01{top:50px;  opacity:1;}
#visual-banner .inner > div.item05:hover .txt02{top:80px}


/* --------------------------------------------------------------------------
   라인업 슬라이드
   -------------------------------------------------------------------------- */
#lineup-brand{text-align:center;}
#lineup-brand {height:600px;}
#lineup-brand .inner{height:inherit;}

#lineup-brand{background:url(/assets/img/web/main/theme/lineup_slider_bg.jpg) no-repeat center center;}

#lineup-brand .txt-group .txt{ color:#fff; font-weight:100; letter-spacing:-1.5px; line-height:1.35em;}
#lineup-brand .txt-group .txt01{font-size:22px;}
#lineup-brand .txt-group .txt02{font-size:60px; letter-spacing:-4px; font-family: 'Nanum Myeongjo', sans-serif; margin-bottom:40px;}
#lineup-brand .txt-group .txt03{font-size:20px; margin-bottom:50px;}
#lineup-brand .txt-group .txt03 em{
	font-weight:700;
	color: #ff3e62;
	}
#lineup-brand .txt-group .obj img{margin:0 auto;}


#lineup-brand .txt-group .txt01{animation:fadeInDown 0.5s both .35s;}
#lineup-brand .item .txt-group .txt02{animation:fadeInDown 0.5s both .55s;}
#lineup-brand .item .txt-group .txt03{animation:fadeInDown 0.5s both .75s;}
#lineup-brand .item .txt-group .obj{animation:fadeInUp 0.5s both .95s;}


/* --------------------------------------------------------------------------
   
   -------------------------------------------------------------------------- */
#lineup-banner{ background:#fff;}

#lineup-banner .lineup-banner{width:100%; height:350px;}
#lineup-banner .lineup-banner a{position:relative; display:inline-block; float:left; width:50%; height:350px; box-sizing:border-box; overflow:hidden; }
#lineup-banner .lineup-banner a em{position:absolute; left:40px; top:80px; display:block; font-size:32px; font-weight:700; letter-spacing:-2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#lineup-banner .lineup-banner a span{position:absolute; left:40px; top:130px; font-size:18px; line-height:1.4em; font-weight:100; color:#333; letter-spacing:-1px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#lineup-banner .lineup-banner a:hover em{top:60px;}
#lineup-banner .lineup-banner a:hover span{top:105px;}

#lineup-banner .lineup-banner a.real-story{background:#bfd2e8;}
#lineup-banner .lineup-banner a.real-story::before{display:inline-block; width:474px; height:151px; left:40px; bottom:-30px; opacity:0.1; background:url(/assets/img/web/main/theme/realstory.png) no-repeat left center; -webkit-transition: all 15s; -moz-transition: all 15s; -ms-transition: all 15s; -o-transition: all 15s ease-in-out; transition: all 15s;}
#lineup-banner .lineup-banner a.real-story::after{display:inline-block; width:410px; height:779px; right:-130px; top:-50px; background:url(/assets/img/web/main/theme/model01.png) no-repeat left center;}
#lineup-banner .lineup-banner a.real-story:hover::before{left:-200px;}
#lineup-banner .lineup-banner a.real-story em{color:#395473;}
#lineup-banner .lineup-banner a.before-after{background:#f8e7d6;}
#lineup-banner .lineup-banner a.before-after::before{display:inline-block; width:687px; height:151px; left:40px; bottom:-30px; opacity:0.1; background:url(/assets/img/web/main/theme/before_after.png) no-repeat left center; -webkit-transition: all 15s; -moz-transition: all 15s; -ms-transition: all 15s; -o-transition: all 15s ease-in-out; transition: all 15s;}
#lineup-banner .lineup-banner a.before-after::after{display:inline-block; width:455px; height:819px; right:-100px; top:-50px; background:url(/assets/img/web/main/theme/model02.png) no-repeat left center;}
#lineup-banner .lineup-banner a.before-after:hover::before{left:-400px;}
#lineup-banner .lineup-banner a.before-after em{color:#544934;}

#lineup-banner .before-after-tab{width:100%; height:60px; margin-bottom:10px;}
#lineup-banner .before-after-tab button{display:inline-block; float:left; width:50%; height:60px; line-height:60px; text-align:center; color:#fff; background:#bbbbbb; font-size:18px; cursor:pointer;}
#lineup-banner .before-after-tab button.active{background:#333333;}

#lineup-banner #real-story-tab01{display:block;}

#lineup-banner .before-after-contents{display:none;}
#lineup-banner .before-after-contents a{position:relative; display:block; width:100%; height:100%;}
#lineup-banner .before-after-contents a::before{display:inline-block; width:100%; height:100%; left:0; top:0; opacity:0; background:rgba(0,0,0,0.6); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#lineup-banner .before-after-contents a::after{display:inline-block; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); opacity:0; content:'더보기 +'; padding:10px 20px; border:1px solid #fff; color:#fff; font-size:15px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

#lineup-banner .before-after-contents a:hover::before,
#lineup-banner .before-after-contents a:hover::after{opacity:1;}


/* --------------------------------------------------------------------------
   
   -------------------------------------------------------------------------- */
#lineup-community{display:inline-block; width:100%; background:#f8f8f8; text-align:center;}
#lineup-community .tit{margin-bottom:50px;}
#lineup-community .tit em{position:relative; font-weight:700;position:relative; display:inline-block; font-size:40px; letter-spacing:-4px;}
#lineup-community .tit em::before{display:inline-block; width:83px; height:100%; left:-130px; top:0; background:url(/assets/img/web/main/theme/tit_bg.png) no-repeat center center;}
#lineup-community .tit em::after{display:inline-block; width:83px; height:100%; right:-130px; top:0; background:url(/assets/img/web/main/theme/tit_bg.png) no-repeat center center;}

#lineup-community a.more{position:absolute; display:inline-block; width:43px; height:10px; right:20px; top:50px; background:url(/assets/img/web/main/theme/btn_more.png) no-repeat center center;}
#lineup-community .inner {overflow:hidden;}
#lineup-community ul{width:100%; height:250px; box-sizing:border-box; padding:5px 25px; background:#fff; border:1px solid #ddd; border-top:0; text-align:left;}
#lineup-community ul li{}
#lineup-community ul li a{position:relative; display:block; height:60px; line-height:60px; padding-right:100px; color:#333; font-size:14px; border-bottom:1px solid #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#lineup-community ul li a span{position:absolute; right:0; top:0; color:#999; line-height:60px;}
#lineup-community ul li:last-child a{border-bottom:0;}

#lineup-community .notice,
#lineup-community .news,
#lineup-community .media{position:relative; float:left; width:calc(33.3333333333% - 15px); height:350px; box-sizing:border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

#lineup-community .notice:hover,
#lineup-community .news:hover,
#lineup-community .media:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}



#lineup-community .notice{margin-right:20px;}
#lineup-community .notice .brd_tit{width:100%; height:100px; box-sizing:border-box; padding-top:30px; background:#f06384; font-size:15px; font-weight:700; color:rgba(255,255,255,0.5);}
#lineup-community .notice .brd_tit em{display:block; font-size:22px; color:#fff; margin-top:5px;}
#lineup-community .notice a:hover{color:#f06384;}


#lineup-community .news{margin-right:20px;}
#lineup-community .news .brd_tit{width:100%; height:100px; box-sizing:border-box; padding-top:30px; background:#5e5e5e; font-size:15px; font-weight:700; color:rgba(255,255,255,0.5);}
#lineup-community .news .brd_tit em{display:block; font-size:22px; color:#fff; margin-top:5px;}
#lineup-community .news a:hover{color:#5e5e5e;}

#lineup-community .media{margin-right:0;}
#lineup-community .media .brd_tit{width:100%; height:100px; box-sizing:border-box; padding-top:30px; background:#778bbf; font-size:15px; font-weight:700; color:rgba(255,255,255,0.5);}
#lineup-community .media .brd_tit em{display:block; font-size:22px; color:#fff; margin-top:5px;}
#lineup-community .media a:hover{color:#778bbf;}


/* --------------------------------------------------------------------------
   
   -------------------------------------------------------------------------- */
#partner{position:relative;}
#partner .inner {padding:30px 0; width:100%;max-width: min-content;}
/*#partner a{border:1px solid #ddd;}*/

#partner a{display:block;
padding:0 60px;
}
#partner a img{margin:0 auto; width:50%}
#partner a:focus{opacity:0.5;}

#partner .slick-slide{margin: 0 10px;}
#partner .slick-list{margin: 0 20px;}
























.visual-banner-new{display:inline-block; width:100%; box-sizing:border-box; padding:100px; background:#fff url(/assets/img/web/main/theme/visual_banner_new_bg.png) no-repeat center center; background-size:cover; text-align:center;}

.visual-banner-new h3{position:relative; font-size:40px; font-weight:700; letter-spacing:-3px; padding-bottom:50px; margin-bottom:50px;}
.visual-banner-new h3 mark{background:none; color:#ff3e62;}
.visual-banner-new h3::before{display:inline-block; width:1px; height:50px; background:#111; left:50%; bottom:-25px; transform:translate(-50%, 0);}

.visual-banner-new .di{width:1650px;}
.visual-banner-new .list{position:relative; float:left; width:calc(330px - 8px); margin-right:10px; height:490px;  background-color:#111; background-position:center top; background-repeat:no-repeat; background-size:cover; text-align:center; box-sizing:border-box;}
.visual-banner-new .list:last-child{margin-right:0;}
.visual-banner-new .list a{position:absolute; left:25px; bottom:50px; width:calc(100% - 50px); height:155px; padding-top:25px; color:#fff; border:2px solid #fff;  background:rgba(255,62,98,0); letter-spacing:-2px; box-sizing:border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.visual-banner-new .list a::before{opacity:0; display:inline-block; width:38px; height:8px; left:calc(50% - 20px); bottom:100px; transform:translate(-50%, 0); background:url(/assets/img/web/main/theme/arrow.png) no-repeat center center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.visual-banner-new .list a::after{opacity:1; display:inline-block; width:51px; height:51px; border-radius:51px; background:rgba(255,62,98,1) url(/assets/img/web/main/theme/more.png) no-repeat center center; left:50%; bottom:-26px; transform:translate(-50%, 0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.visual-banner-new .list a img{position:absolute; left:50%; top:50px; transform:translate(-50%, 0); opacity:0;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.visual-banner-new .list a img,
.visual-banner-new .list a span,
.visual-banner-new .list a em,
.visual-banner-new .list a em strong{display:block; margin:0 auto;}
.visual-banner-new .list a span{ width:100%; margin-bottom:10px; font-size:15px; letter-spacing:8px;}
.visual-banner-new .list a em{ width:100%; font-size:27px; line-height:1.25;}
.visual-banner-new .list a em strong{font-weight:700;}


.visual-banner-new .list:hover a{height:390px; padding-top:150px; background:rgba(255,62,98,0.7); }
.visual-banner-new .list:hover a img{opacity:1; top:70px;-webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;}


.visual-banner-new .list:hover a::before{left:calc(50%); opacity:1; -webkit-transition: all 0.2s ease-in-out 0.25s; -moz-transition: all 0.2s ease-in-out 0.25s; -ms-transition: all 0.2s ease-in-out 0.25s; -o-transition: all 0.2s ease-in-out 0.25s; transition: all 0.2s ease-in-out 0.25s;}
.visual-banner-new .list:hover a::after{opacity:0; bottom:0;}






.visual-banner-new .list[data-title="턱얼굴수술"]{background-image:url(/assets/img/web/main/theme/visual_banner_new_bg01.jpg);}
.visual-banner-new .list[data-title="치아교정"]{background-image:url(/assets/img/web/main/theme/visual_banner_new_bg02.jpg);}
.visual-banner-new .list[data-title="임플란트"]{background-image:url(/assets/img/web/main/theme/visual_banner_new_bg03.jpg);}
.visual-banner-new .list[data-title="일반진료"]{background-image:url(/assets/img/web/main/theme/visual_banner_new_bg04.jpg);}
.visual-banner-new .list[data-title="예방관리"]{background-image:url(/assets/img/web/main/theme/visual_banner_new_bg05.jpg);}





/*main 디자인변경 css 20230109***********************************************************************************
***************************************************************************************************************
***************************************************************************************************************
***************************************************************************************************************/



.serif{
    font-family: 'Noto Serif KR', serif;
}

section{
    padding: 180px 0;
}

.sec_wrap{
    width: 1400px;
    margin: 0 auto;
}

.tit_box{
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
}

.tit_box img{
    width: 1.2%;
}

.tit_box .main_tit{
    margin: 30px 0;
    font-size: 2.8rem;
    font-weight: 500;
}

.tit_box .main_tit span{
    color: #ff3e62;
    font-weight: 700;
}

.tit_box .sub_tit{
    font-size: 1rem;
    font-weight: 400;
    color: #000;
	line-height:1.5;
}

/*sec01 시작
***********************************************************************************************************************************************************************************/

.menu_box{
    width: 90%;
    margin: 0 auto;
}

.menu_box ul {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.menu_box ul li{
    width: 25%;
    margin: 0 50px;
    padding-bottom: 80px;
}

.menu_box ul .menu_img{
    width: 100%;
    height: 22vw;
}

.menu_box ul li:nth-child(2) .menu_img, .menu_box ul li:nth-child(5) .menu_img{
    margin-top: 136px;
}

.menu_box ul .menu_img01{
    background: url(/assets/img/web/main/theme/visual_banner_new_bg01.jpg) no-repeat center;
}
.menu_box ul .menu_img02{
    background: url(/assets/img/web/main/theme/visual_banner_new_bg02.jpg) no-repeat center;
}
.menu_box ul .menu_img03{
    background: url(/assets/img/web/main/theme/visual_banner_new_bg03.jpg) no-repeat center;
}
.menu_box ul .menu_img04{
    background: url(/assets/img/web/main/theme/visual_banner_new_bg04.jpg) no-repeat center;
}
.menu_box ul .menu_img05{
    background: url(/assets/img/web/main/theme/visual_banner_new_bg05.jpg) no-repeat center;
}

.e_tit{
    color: #ff3e62;
    font-size: 0.9rem;
    font-weight: 400;
    margin-top: 30px;
}

.k_tit{
    font-size: 1.25rem;
    font-weight: 500;
    margin: 15px 0;
}

.me_info{
    display: flex;
    position: relative;
}
.me_info p{
    font-size: 1rem;
    margin: 0;
}

.ent{
    margin: auto 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    
}

.ent img{
    position: absolute;
    animation: ent_ani ease infinite 1.5s;
}



@keyframes ent_ani{
    0%{
        right: 7%;
    }
    50%{
        right: 2%;
    }
    100%{
        right: 7%;
    }
}


.ent::before{
    content: "";
    position: absolute;
    right: 0;
    top: -5px;
    width: 20px;
    height: 20px;
    background-color: #f8e4e8;
    border-radius: 50%;
    display: block;
    z-index: -1;
}

#sec01{
    background: url(/assets/img/common/theme/sec01_bg.png) no-repeat top left;
    background-size:45% auto;
}


/*sec02 시작
***********************************************************************************************************************************************************************************/

#sec02{
    background-color: #f5f6f6;
}

.sys_box ul{
    display: flex;
    justify-content: space-between;
}

.sys_box ul li{
    width: 23%;
    border-radius: 30px 0 30px 0;
    background-color: #fff;
    padding: 48px 0;
    text-align: center;
}

.sys_box ul li img{
    width: 35%;
}
.sys_box ul li p{
    font-size: 1.125rem;
    color: #fff;
    width: 55%;
    padding: 10px 0;
    background-color: #ff3e62;
    border-radius: 30px;
    margin: 40px auto 0 auto;
    font-weight: 500;
}



/*sec03 시작
***********************************************************************************************************************************************************************************/


.more_btn{
    border: 2px solid #ff3e62;
    border-radius: 50px;
    padding: 20px 60px;
    width: 13%;
    margin: 80px auto 0 auto;
	cursor:pointer;
	transition:0.3s;
}

.more_btn a{
    
	width: 100%;
    display: flex;
    justify-content: space-between;
}

.more_btn a p{
	color: #ff3e62;
    font-size: 1.1rem;
}

.more_btn:hover {
	background: #ff3e62;
}

.more_btn:hover a p{
	color:#fff;
}

.more_btn:hover a span img{
	filter: contrast(0%) brightness(200%);
}

.more_btn a span{
	margin:auto 0;
}

.slick-prev03{

position: absolute;
    top: 50%;
	left: 20%;
    transform: translateY(-50%);
	z-index: 10;
	opacity:0.6;
	cursor:pointer;
}

.slick-next03{

position: absolute;
    top: 50%;
	right: 20%;
    transform: translateY(-50%);
	z-index: 10;
	opacity:0.6;
	cursor:pointer;
}

.slick-prev03:hover{
	opacity:1;
}

.slick-next03:hover{
	opacity:1;
}



.slide_01 .slick-slide{
	   filter: grayscale(1);
	    margin:0 40px;
}

.slide_01 .slick-current{
	filter:none;
}


.slide_01 .slick-list{
}







/*sec04 시작
***********************************************************************************************************************************************************************************/

#sec04{
    background-color: #f5f6f6;
    border-top: 1px dashed #999;
}

.slide_02 .slick-slide{
	   filter: grayscale(1);
	   margin:0 40px;
}
.slide_02 .slick-list{
	
}

.slide_02 .slick-current{
	filter:none;
}

.slide_02 .slick-slide img{
	width:1400px !important;
}