@charset "utf-8";

/* common */
*{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		
		}


/* main page*/


#mainWrap{width:100%; position:relative; z-index:1;}
.mainFrame{width:100%; position:relative; z-index:1;}

.mainScroll{width:100%; text-align:center; position:absolute; z-index:10; left:0; bottom:0px;}

#mainScreen{box-sizing:border-box;}

.mainScreen01{width:100%; overflow:hidden; position:relative; z-index:2; box-sizing:border-box; padding-top:0px; }
.mainScreen02{width:100%; overflow:hidden; position:relative; z-index:2; background:#ffffff; padding-top:0;}
.mainScreen03{width:100%; overflow:hidden; position:relative; z-index:2; background:#f8f8f8;}
.mainScreen04{width:100%; overflow:hidden; position:relative; z-index:2; background:#ffffff;}
.mainScreen05{width:100%; height:100%; overflow:hidden; position:relative; z-index:2; background:url(../images/main/mainBg02.jpg) no-repeat center center; background-size:cover;}
.mainScreen06{width:100%; overflow:hidden; position:relative; z-index:2; background:#e8e8e8;}
.mainScreen07{width:100%; overflow:hidden; position:relative; z-index:2; padding-top:0;}

.screenWrap{width:100%; min-width:1153px; margin:0 auto; position:relative; box-sizing:border-box; overflow:hidden;}
.mainScreen01 .screenWrap{padding-bottom:52%;}

.screenTB{width:100%; height:100%; display:table; overflow:hidden;}
.screenTD{width:100%; height:100%; display:table-cell; vertical-align:middle; box-sizing:border-box; padding-top:88px;}


#mScroll{width:50px; height:60px; position:fixed; z-index:100; background:url(../images/mScroll.png) no-repeat center center; bottom:10px; left:50%; margin-left:-25px; cursor:pointer; display:none;}

.section{width:100%; height:100%;}



/* main page */


#mainRollBox{width:100%; box-sizing:border-box; position:relative; float:left;}
.mRollImg{width:100%; position:relative; z-index:1;}
.mRollImg img{width:100%;}

/* main Roll */
.mRollWrap{width:100%; position:absolute; top:0; left:0; z-index:10; height:100%; overflow:hidden;}
.mRollWrap .arrowL{width:64px; height:60px; position:absolute; z-index:10; cursor:pointer; top:50%; left:1%; margin-top:-30px; display:none;}
.mRollWrap .arrowR{width:64px; height:60px; position:absolute; z-index:10;  cursor:pointer; top:50%; right:1%; margin-top:-30px; display:none;}

.mRollWrap .swiper-pagination{bottom:20px; width:100%; text-align:center;}
.mRollWrap .swiper-pagination .swiper-pagination-bullet{width:160px; height:3px; margin:0 5px; background:#fff; border-radius:10px; opacity:1;}
.mRollWrap .swiper-pagination .swiper-pagination-bullet-active{background:#c3d600;}

.mRollWrap .swiper-container{width:100%; height:100%;}
.mRollWrap .swiper-container .swiper-slide{background-repeat:no-repeat; background-position:center center; background-size:cover;}

.bgBox{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; top:0; left:0; z-index:1; }
.bgBox{-webkit-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -o-transition: all 1.2s;  transition: all 1.2s; }
.bgBox img{width:100%;}

.mRollWrap .mRollBox{width:80%; max-width:1200px; margin:0 auto; height:100%; text-align:left; display:table; z-index:20; position:relative; display:none;}

.mRollWrap .mRollBox .rollTxt{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.mRollWrap .mRollBox .rollTxt p{color:#fff;}
.mRollWrap .mRollBox .rollTxt p.rollTxt01{font-size:80px; padding:12px 0; font-weight:600; text-shadow:1px 1px rgba(0,0,0,.4);}
.mRollWrap .mRollBox .rollTxt p.rollTxt02{font-size:55px; text-shadow:1px 1px rgba(0,0,0,.4); }
.mRollWrap .mRollBox .rollTxt p.rollTxt03{font-size:18px; line-height:24px; margin-top:20px;}
.mRollWrap .mRollBox .rollTxt p.rollTxt03 a{display:inline-block; width:120px; height:40px;line-height:40px; border-radius:20px; background:#fff; color:#564e42; text-align:center; }
.mRollWrap .mRollBox .rollTxt p.rollTxt03 a:hover{background:#564e42; color:#fff;}
.mRollWrap .mRollBox .rollTxt .rollTxtLine{display:inline-block; width:100px; height:1px; background:#fff;}


/* main Roll */
.mSlideWrap{width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; box-sizing:border-box;}
.mSlideWrap .mSlide{width:100%; height:100%; position:relative; overflow:hidden; z-index:1;}

.mSlideWrap .mTxt{display:inline-block; position:absolute; left:50%; top:100px; z-index:10;}


.mSlide .swiper-container{width:100%; height:100%;}
.mSlide .swiper-container .swiper-slide{background-position:center center; background-repeat:no-repeat; background-size:cover;}
.mSlide .swiper-container .swiper-slide .slideImg{width:100%; height:100%; display:table;}
.mSlide .swiper-container .swiper-slide .slideImg .sImg{width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center;}

.mSlide .swiper-container .swiper-slide a{display:inline-block; width:100%; height:90%;}

.mSlide .swiper-pagination{bottom:5%; width:100%; text-align:center;}
.mSlide .swiper-pagination .swiper-pagination-bullet{width:160px; height:3px; margin:0 5px; background:#fff; border-radius:10px; opacity:1;}
.mSlide .swiper-pagination .swiper-pagination-bullet-active{background:#c3d600;}

.mSlide .swiper-button-next{width:70px; height:70px; background:url(../images/main/mainPrdArrowR.png) no-repeat center center; cursor:pointer;}
.mSlide .swiper-button-prev{width:70px; height:70px; background:url(../images/main/mainPrdArrowL.png) no-repeat center center; cursor:pointer;}

.mMovieWrap{width:100%; height:100%; position:relative;}
.mMovie {width:100%; position:absolute; left:50%; top:50%; overflow:hidden; z-index:1; transform:translate(-50%,-50%);}


/* main Produt */
#mainProduct{width:100%; height:100%; box-sizing:border-box; position:relative; float:left; display:table;}
#mainProduct .mPrdWrap{width:100%; height:100%; box-sizing:border-box; position:relative; display:table-cell; vertical-align:middle;}
.mainPrdTit{width:100%; float:left; padding:60px 0 30px; text-align:center;}
.mainPrdWrap{width:100%; float:left; height:517px; position:relative; }
.mainPrdWrap .swiper-container{z-index:1;}
.mainPrdWrap .mainPrdPage{z-index:2; position:absolute; left:862px; top:130px;}
.mainPrdWrap .mainPrdPage .swiper-pagination-bullet{width:15px; height:15px; background:#ebebeb; opacity:1; margin-right:10px;}
.mainPrdWrap .mainPrdPage .swiper-pagination-bullet-active{background:#c3d600;}

.mainPrdWrap .mainPrdArrowL{z-index:2; position:absolute; left:862px; top:310px; display:inline-block; width:30px; height:30px; background:url(../images/main/mainPrdArrowL.png) no-repeat center center; cursor:pointer;}
.mainPrdWrap .mainPrdArrowR{z-index:2; position:absolute; left:900px; top:310px; display:inline-block; width:30px; height:30px; background:url(../images/main/mainPrdArrowR.png) no-repeat center center; cursor:pointer;}


#dentiumNum{width:100%; height:100%; box-sizing:border-box; position:relative; float:left; display:table;}
#dentiumNum .numWrap{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.dNumTitWrap{width:100%; float:left; padding:60px 0 80px; position:relative;}
.dNumTitWrap .dentiumNumTit{float:left; font-size:52px; color:#2e2e2e; line-height:60px;}
.dNumTitWrap .dentiumNumTit span{color:#c3d600;}
.dNumTitWrap .dentiumNumTxt{position:absolute; bottom:90px; right:0; font-size:18px; color:#2e2e2e; font-weight:400;}
.dNumContWrap{width:100%; float:left; padding:0px 0 60px; position:relative;}
.dNumContWrap ul{width:100%; float:left;}
.dNumContWrap ul li{width:33.33%; float:left; box-sizing:border-box; border-left:1px solid #a9a9a9; padding:20px; color:#2e2e2e; font-size:14px; text-align:center; line-height:20px; font-weight:400;}
.dNumContWrap ul li:first-child{border-left:none;}
.dNumContWrap ul li .num{display:inline-block; font-size:30px; color:#000; padding-bottom:20px; font-weight:bold; line-height:30px;}




#dentiumNews{width:100%;box-sizing:border-box; position:relative; float:left;  padding:80px 0;}
.newsWrap{width:100%; float:left; padding-top:80px;}
.newsTit{width:100%; float:left; text-align:center; color:#fff; font-size:20px;line-height:30px; padding-bottom:30px;  padding-top:30px;}
.newsTit .tit{font-weight:600; font-family: 'Pretendard', sans-serif !important;}
.newsTit img{padding-bottom:10px;}

.newsBoxWrap{width:100%; float:left;}
.newsBox01{width:316px; float:left;}
.newsBox02{width:480px; float:left; margin:0 20px;}

.newsBox01_01{width:100%; height:215px; float:left; box-sizing:border-box; padding:30px 26px; background:#ffffff; margin-bottom:20px; position:relative;}
.newsBox01_02{width:100%; height:430px; float:left; box-sizing:border-box; padding:30px 26px; background:#eeeeee; position:relative;}

.newsBox02_01{width:100%; height:435px; float:left; box-sizing:border-box; padding:0; background:#000000; margin-bottom:20px; overflow:hidden; position:relative;}
.newsBox02_02{width:100%; height:210px; float:left; box-sizing:border-box; padding:30px 26px; background:#ffffff; position:relative;}

.newsBox03_01{width:100%; height:215px; float:left; box-sizing:border-box; padding:30px 26px; background-color:#c3d600; position:relative; margin-bottom:20px; position:relative;}
.newsBox03_02{width:100%; height:200px; float:left; box-sizing:border-box; padding:30px 26px; background-color:#ffffff; position:relative; margin-bottom:20px; position:relative;}
.newsBox03_03{width:100%; height:210px; float:left; box-sizing:border-box; padding:30px 26px; background-color:#eeeeee; position:relative; position:relative;}

.newsBoxTit{width:100%; padding-bottom:20px; position:relative; color:#2e2e2e; font-size:24px;}
.newsBoxTit a{display:inline-block; position:absolute; top:0; right:0; width:28px; height:28px; border-radius:100%; text-align:center; background:#d7d7d7; line-height:28px; color:#fff; font-size:20px; font-weight:600;}

.newsBoxTit02{color:#484848;}
.newsBoxTit03{color:#ffffff;}
.newsBoxTit03 a{background:#b3bd4f;}

.noticeList{width:100%; float:left;}
.noticeList li{width:100%; float:left; box-sizing:border-box; padding-left:12px; padding-top:2px; padding-bottom:2px; position:relative;}
.noticeList li::before{width:12px; line-height:20px;font-size:14px; color:#000; content:'·'; position:absolute; top:0; left:0;}
.noticeList li a{font-size:14px; color:#8f8f8f; line-height:20px;}
.noticeList li a:hover{color:#c3d600;}

.newsBoxTxt{width:100%; float:left; font-size:14px; color:#2e2e2e; line-height:20px; margin-bottom:15px;}
.newsBoxTxt02{color:#ffffff;}


.mainEventRoll{width:100%; float:left; height:241px; position:relative; z-index:1; }
.mainEventRoll .swiper-container{z-index:1;}
.mainEventRoll .mainEventPage{z-index:2; position:relative; width:100%; text-align:center; padding:10px 0;}
.mainEventRoll .mainEventPage .swiper-pagination-bullet{width:8px; height:8px; background:#ffffff; opacity:1; margin-right:10px;}
.mainEventRoll .mainEventPage .swiper-pagination-bullet-active{background:#c3d600; width:20px; border-radius:4px;}


.mBtnGo{display:inline-block; position:absolute; z-index:200; bottom:30px; right:20px;}
.mBtnGo a{display:inline-block; width:60px; height:60px; box-sizing:border-box; padding:15px; box-sizing:border-box; background:#c3d600; color:#1e2327;
          line-height:15px; font-size:14px; text-align:center; border-radius:100%;}
.mBtnGo a:hover{background:#1e2327; color:#ffffff;}

.movieLink{display:inline-block; position:absolute; left:50%; margin-left:-105px; bottom:100px; z-index:20;}
.movieLink a{display:inline-block; width:210px; height:50px; box-sizing:border-box; border:1px solid #c3d600; line-height:48px; text-align:center; color:#fff; font-size:14px;}
.movieLink a:hover{background:#c3d600;}

.newsBoxIcon{display:inline-block; position:absolute; bottom:30px; right:26px; z-index:1;}

.customWrap{width:100%; float:left;}
.customWrap li{width:50%; float:left; padding:3px 0; color:#2e2e2e; font-size:14px; letter-spacing:-1px;}
.customWrap li span{font-size:17px; font-weight:600; display:inline-block; padding-right:5px;}

.liveDate{display:inline-block; width:157px; box-sizing:border-box; padding:10px; color:#fff; line-height:16px; font-size:13px; background:#c3d600;}



#dentiumAcademyWrap{width:100%; box-sizing:border-box; position:relative; float:left;}
.academyWrap{width:100%; float:left; position:relative; padding:0px 0 0px;}
.academyTit{width:100%; float:left; text-align:center; color:#2e2e2e; font-size:20px;line-height:30px; padding-bottom:30px;}
.academyTit img{padding-bottom:10px;}

.lectureBox{width:100%; float:left; height:458px; position:relative;}
.lectureWrap{width:100%; float:left; position:absolute; padding:20px 0;}
.lectureRoll{width:100%; height:418px; float:left; position:relative; padding:32px 0 100px; z-index:1;}
.lectureRoll .swiper-slide{width:540px; height:303px; box-sizing:border-box; padding:0 15px;}

.lectureRoll .swiper-slide span{display:inline-block; width:100%;}
.lectureRoll .swiper-slide span img{width:100%; box-sizing:border-box;}
.lectureRoll .swiper-slide span img.lecImg{-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity:0.8;}


.lectureRoll .swiper-slide-active span img.lecImg{-webkit-filter: grayscale(0%);filter: grayscale(0%); }
.lectureRoll .swiper-slide-duplicate-active span img.lecImg{-webkit-filter: grayscale(0%);filter: grayscale(0%); }


/*.lectureRoll .swiper-slide span.off{display:inline-block;}
.lectureRoll .swiper-slide span.on{display:none;}

.lectureRoll .swiper-slide-active span.off{display:none;}
.lectureRoll .swiper-slide-active span.on{display:inline-block;}

.lectureRoll .swiper-slide-duplicate-active span.off{display:none;}
.lectureRoll .swiper-slide-duplicate-active span.on{display:inline-block;}*/




.lectureBg{width:100%; position:absolute; height:416px; background:url(../images/main/academyCom.png) no-repeat center center; top:20px; left:0; z-index:20;}

.lectureWrap .lecturePrev{width:70px; height:70px; background:url(../images/main/arrowL01.png) no-repeat center center; cursor:pointer; z-index:30; position:absolute; left:1%; top:50%; margin-top:-35px;}
.lectureWrap .lectureNext{width:70px; height:70px; background:url(../images/main/arrowR01.png) no-repeat center center; cursor:pointer; z-index:30; position:absolute; right:1%; top:50%; margin-top:-35px;}

.academyLink{width:100%; text-align:center; padding:25px 0; float:left;}
.academyLink a{display:inline-block; width:165px; height:40px; box-sizing:border-box; border:1px solid #c3d600; line-height:40px; font-size:14px;}
.academyLink a:hover{color:#fff; background:#c3d600;}

.academyPageWrap{width:100%; height:2px; float:left; text-align:center; position:relative;}
.academyPageWrap .academyPage{display:inline-block; width:620px; height:2px; position:absolute; left:50%; margin-left:-310px; top:0;}
.academyPageWrap .academyPage .swiper-pagination-progressbar{background:#c3d600 !important;}

/* new Design */

#movieWrap{width:100%; float:left; padding:0; position:relative; padding-top:80px;}
#movieWrap .mainMovie{width:67%; float:left; position:relative; z-index:1;}
#movieWrap .movieBox{position:absolute; z-index:10; padding:80px; top:50%; right:0; margin-top:-210px; background:#ffffff; width:45%;}
#movieWrap .movieBox img{width:100%; max-width:526px;}
#movieWrap .movieBox a{display:inline-block; width:150px; height:40px; margin-top:50px; background:url(../images/main/btnDetail01.png) no-repeat 0  center; text-indent:-999999; clear:both; }
#movieWrap .movieBox a:hover{background:url(../images/main/btnDetail02.png) no-repeat 0  center; }


#academyWrap{width:100%; float:left; padding:0px 0 100px; position:relative;}
.academyBoxWrap{width:100%; float:left;}
.academyBox{width:370px; float:left; overflow:hidden; margin:0 7px;}
.academyBox .boxImg{width:100%; height:389px; overflow:hidden;}
.academyBox .boxTxt{width:100%; box-sizing:border-box; border:1px solid #d2d2d2; border-top:0; padding:20px 0; text-align:center; font-size:14px; line-height:14px; color:#2a2a2a;}
.academyBox .boxTxt span{display:inline-block; padding-right:25px; border-right:1px solid #2a2a2a; }
.academyBox .boxTxt a{display:inline-block; padding:0 25px; color:#2a2a2a;}
.academyBox .boxTxt a:hover{color:#c3d600;}

.zoom{
	    -webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;	
}


.academyBox:hover .zoom{transition:0.3s; transform:matrix(1.20, 0, 0, 1.20, 0, 0); -webkit-transform:matrix(1.20, 0, 0, 1.20, 0, 0); -moz-transform:matrix(1.20, 0, 0, 1.20, 0, 0);}


#aboutWrap{width:100%; float:left; padding:0px 0 0px; position:relative;}
.aboutTit{width:100%; float:left; text-align:center; color:#2e2e2e; font-size:20px;line-height:30px; padding-bottom:40px;}
.aboutTit img{padding-bottom:10px;}

.aboutBoxWrap{width:100%; float:left;}
.aboutBox{width:370px; float:left; overflow:hidden; margin:0 7px; position:relative;}
.aboutBox .boxImg{width:370px; height:370px; box-sizing:border-box; border-radius:100%; border:1px solid #dbdbdb; overflow:hidden; position:relative; z-index:1;}
.aboutBox .boxTxt{width:100%; position:absolute; top:50%; left:0; margin-top:0px; padding:20px 0; text-align:center; font-size:30px; line-height:40px; color:#ffffff; font-weight:600; z-index:2; text-shadow:1px 1px #dbdbdb;}
.aboutBox .boxTxt span{display:inline-block; padding-right:25px; border-right:1px solid #2a2a2a; }
.aboutBox .boxTxt a{display:inline-block; padding:0 25px; color:#2a2a2a;}
.aboutBox .boxTxt a:hover{color:#c3d600;}

.aboutBox02{width:366px; float:left; overflow:hidden; margin:0 9px; position:relative;}
.aboutBox02 .boxImg{width:100%; box-sizing:border-box; position:relative; z-index:1; text-align:center;}
.aboutBox02 .boxTxt{position:absolute; bottom:10px; right:30px;  font-size:40px; line-height:40px; color:#ffffff; font-weight:600; z-index:2;}
.aboutBox02 .boxTxt span{display:inline-block; padding-right:25px; border-right:1px solid #2a2a2a; }
.aboutBox02 .boxTxt a{display:inline-block; padding:0 25px; color:#2a2a2a;}
.aboutBox02 .boxTxt a:hover{color:#c3d600;}

.aboutBox03{width:366px; float:left; overflow:hidden; margin:0 9px; position:relative;}
.aboutBox03 .boxImg{width:100%; box-sizing:border-box; position:relative; z-index:1; text-align:center;}
.aboutBox03 .boxTxt{position:absolute; bottom:10px; right:30px;  font-size:40px; line-height:40px; color:#ffffff; font-weight:600; z-index:2;}
.aboutBox03 .boxTxt span{display:inline-block; padding-right:25px; border-right:1px solid #2a2a2a; }
.aboutBox03 .boxTxt a{display:inline-block; padding:0 25px; color:#2a2a2a;}
.aboutBox03 .boxTxt a:hover{color:#c3d600;}

.aboutLink{width:100%; text-align:center; padding:40px 0 0; float:left;}
.aboutLink a{display:inline-block; width:165px; height:40px; box-sizing:border-box; border:1px solid #c3d600; line-height:40px; font-size:14px;}
.aboutLink a:hover{color:#fff; background:#c3d600;}

/* about 01 Design */
#aboutWrap01{width:100%; height:calc(100% - 300px); display:flex; justify-content:space-between; align-items:center; padding:0 10%; position:relative; box-sizing:border-box; min-width:1153px;}
.aboutTit01{width:25%; z-index:2;}
.aboutTit01 img{width:100%; max-width:384px;}

.aboutBoxWrap01{width:65%; position:relative; z-index:1; padding-bottom:20px; display:flex; justify-content:space-between;}
.aboutBox01{width:30%; float:left; overflow:hidden; position:relative; box-shadow:1px 1px 10px #dbdbdb; background:#ffffff; box-sizing:border-box;}
.aboutBox01 .boxImg{width:100%; /*height:310px;*/ box-sizing:border-box; overflow:hidden; position:relative; z-index:1;}
.aboutBox01 .boxTxt{width:100%; position:relative; box-sizing:border-box;padding:30px 0 50px; text-align:center; font-size:38px; line-height:40px; color:#444444; font-weight:bold; z-index:2;}
.aboutBox01 .boxTxt span{display:inline-block; padding-right:25px; border-right:1px solid #2a2a2a; }
.aboutBox01 .boxTxt a{display:inline-block; padding:0 25px; color:#2a2a2a;}
.aboutBox01 .boxTxt a:hover{color:#c3d600;}

.aboutBox01 .boxImg img{width:100%;}



@media screen and (max-width:1700px){
	
	/*#aboutWrap01{padding:0px 2% 0px;}
	
	.aboutTit01{width:350px;}
	.aboutTit01 img{width:350px;}
	
	.aboutBoxWrap01{width:900px;}
	.aboutBox01{width:300px; float:left; overflow:hidden; margin:0 15px; position:relative; box-shadow:1px 1px 10px #dbdbdb; background:#ffffff;}
    .aboutBox01 .boxImg{width:300px; height:284px; box-sizing:border-box; overflow:hidden; position:relative; z-index:1;}
	.aboutBox01 .boxImg img{width:100%;}	
	*/
	
}



@media screen and (max-width:1500px){
	
	/*#aboutWrap01{padding:0px 2% 0px;}
	
	.aboutTit01{width:300px;}
	.aboutTit01 img{width:300px;}
	
	.aboutBox01{width:300px; float:left; overflow:hidden; margin:0 15px; position:relative; box-shadow:1px 1px 10px #dbdbdb; background:#ffffff;}
    .aboutBox01 .boxImg{width:300px; height:284px; box-sizing:border-box; overflow:hidden; position:relative; z-index:1;}
	.aboutBox01 .boxImg img{width:100%;}	*/
	
	
}

@media screen and (max-width:1400px){
	
	/*#aboutWrap01{padding:0;}
	
	.aboutBoxWrap01{width:750px;}
	.aboutBox01{width:250px; margin:0 10px;}
    .aboutBox01 .boxImg{width:250px; height:236px;;}
	
	.aboutBox01 .boxTxt{padding:20px 0 30px; font-size:30px; line-height:30px;}*/
	
	#aboutWrap01{padding:0 5%; }
		
	
	
}


/* about 02 Design */
.aboutBg{background:url(../images/main/aboutBg.jpg) no-repeat center center; background-size:cover;}
#aboutWrap02{width:100%; float:left; padding:0px 5% 0px; position:relative; box-sizing:border-box; min-width:1153px;}
.aboutTit02{position:absolute; top:50%; margin-top:-42px; left:5%; z-index:2;}

.aboutBoxWrap02{float:right; position:relative; z-index:1;}
.aboutBox02{width:368px; float:left; overflow:hidden; margin:0 15px; position:relative;}
.aboutBox02 .boxImg{width:368px; height:368px; border-radius:100%; background-color:#cacaca; box-sizing:border-box; overflow:hidden; position:relative; z-index:1; position:relative;}
.aboutBox02:nth-child(2) .boxImg{background-color:#eaeaea;}
.aboutBox02 .boxImg img{width:100%;}
.aboutBox02 .boxTxt{width:100%; position:absolute; bottom:80px; left:0; text-align:center; font-size:38px; line-height:40px; color:#444444; font-weight:bold; z-index:2;}

@media screen and (max-width:1500px){
	
	#aboutWrap02{padding:0px 2% 0px;}
	
	.aboutTit02{margin-top:-31px; left:2%;}
	.aboutTit02 img{width:300px;}
	
	.aboutBox02{width:300px;}
    .aboutBox02 .boxImg{width:300px; height:300px; box-sizing:border-box; overflow:hidden; position:relative; z-index:1;}
	.aboutBox02 .boxImg img{width:100%;}	
	
	
}

@media screen and (max-width:1300px){
	
	#aboutWrap02{padding:0;}
	
	.aboutTit02{margin-top:-35px;}
	.aboutTit02 img{width:300px;}
	
	.aboutBox02{width:250px; margin:0 10px;}
    .aboutBox02 .boxImg{width:250px; height:250px;;}
	
	.aboutBox02 .boxTxt{bottom:50px; font-size:30px; line-height:30px;}
		
	
	
}


#worldWrap{width:100%; float:left; padding:0px 0; position:relative; background-color:#e8e8e8;}
#worldWrap .worldMap{width:100%; height:553px; position:relative; z-index:1; background:url(../images/main/world.png) no-repeat right center; background-size:100% auto;}
#worldWrap .worldTxt{position:absolute; z-index:2; top:0px; left:15%; padding-top:95px; paddint-top:95px; color:#252525; font-size:50px; line-height:60px; font-weight:400;}
#worldWrap .worldTxt span{font-weight:600; color:#c3d600;}
#worldWrap .worldTxt .aLink{width:100%; padding:40px 0; text-align:center;}
#worldWrap .worldTxt .aLink a{display:inline-block; padding:15px 20px; box-sizing:border-box; border:3px solid #c3d600; font-size:14px; color:#2a2a2a; line-height:20px; border-radius:30px;}

@media screen and (max-width:1300px){

	#worldWrap .worldTxt{left:5%;}
	#movieWrap .mainMovie{width:70%;}
	
	#movieWrap .movieBox{padding:50px 80px; margin-top:-180px;}
	
}





/* renew 2026 */

/*.mainScreen02::before{content:''; display:inline-block; width:100%; height:30%; background:#f1f1f1; position:absolute; top:0; left:0;}*/

.counterWrap{width:100%; height:300px; background:#f1f1f1; position:relative; display:flex; align-items:center; box-sizing:border-box; padding-top:80px;}
.counterWrap .count{width:90%; max-width:1300px; margin:0 auto; display:flex; justify-content:space-between;}
.counterWrap .count .countBox{width:25%; text-align:center; font-size:18px; line-height:140%; }
.counterWrap .count .countBox span{font-size:60px; font-weight:600; display:inline-block; font-family: 'Pretendard', sans-serif !important; line-height:100%;}


.dentiumServiceBox{width:80%; /*max-width:1300px;*/ min-width:1153px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.dtServiceLeft{width:25%; font-size:18px;}
.dtServiceLeft span{font-size:45px; padding-bottom:20px; font-weight:900; font-family: 'Pretendard', sans-serif !important; color:#2e2e2e;}
.dtServiceLeft a.learnMore{display:inline-block; width:90%; padding:10px 0; position:relative; font-size:16px; border-bottom:1px solid #c2c2c2; margin-top:80px;}
.dtServiceLeft a.learnMore::after{display:inline-block; content:''; width:10px; height:10px; border-top:1px solid #333; border-right:1px solid #333; position:absolute; right:0; top:50%; transform:rotate(45deg) translate(0,-50%);}

.dtServiceLeft a.learnMore::after{
	    -webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;	
}

.dtServiceLeft a.learnMore:hover{border-bottom:1px solid #000000; color:#000000;}
.dtServiceLeft a.learnMore:hover::after{border-top:1px solid #000; border-right:1px solid #000; right:10px;}

.dtServiceLeft .serviceTit{width:100%; max-width:432px; padding-bottom:10px;}


.dtServiceRight{width:63%;  display:flex; justify-content:space-between;}
.dtServiceRight .serviceBox{width:33.33%; padding-bottom:40%; position:relative; border:1px solid #c2c2c2; border-left:none; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.dtServiceRight .serviceBox a{display:inline-block; width:100%; height:100%; position:absolute; top:0; left:0; color:#333; font-size:18px; box-sizing:border-box; padding:20px;}
.dtServiceRight .serviceBox a p{text-align:center; font-size:18px;}
.dtServiceRight .serviceBox a p span{font-weight:600; font-size:24px;}
.dtServiceRight .serviceBox a b{font-size:30px; display:inline-block; position:absolute; right:20px; bottom:20px; font-weight:600; display:none;}
.dtServiceRight .serviceBox a .goBtn{display:inline-block; width:60%; color:#000; font-size:18px; font-weight:400; padding-bottom:10px; text-align:left; position:relative;
                                     border-bottom:1px solid #000; position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
.dtServiceRight .serviceBox a .goBtn::after{display:inline-block; width:10px; height:10px; content:''; border-top:1px solid #000; border-right:1px solid #000; position:absolute; top:50%; right:10px; transform:rotate(45deg) translateY(-50%);}

.dtServiceRight .serviceBox a .goBtn::after{
	    -webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;	
}


.dtServiceRight .serviceBox a:hover{background:rgba(0,0,0,.7); color:#ffffff !important;}
.dtServiceRight .serviceBox a:hover .goBtn{color:#fff; border-bottom:1px solid #ffffff;}
.dtServiceRight .serviceBox a:hover .goBtn::after{border-top:1px solid #ffff; border-right:1px solid #fff; right:30px;}




.dtServiceRight .serviceBox01{border-left:1px solid #c2c2c2; background-image:url(../images/main/serviceBox01.jpg);}
.dtServiceRight .serviceBox02{background-image:url(../images/main/serviceBox02.jpg);}
.dtServiceRight .serviceBox03{background-image:url(../images/main/serviceBox03.jpg);}


.dtAcademyBox{width:100%; box-sizing:border-box; padding:0 5%;}
.dtAcademyBox .dtAcademy{width:100%; display:flex; justify-content:space-between; padding-bottom:10px;}
.dtAcademyBox .dtAcademy .academyVideo{width:480px; height:435px; overflow:hidden;}
.dtAcademyBox .dtAcademy .academyRecent{width:calc((100% - 480px - 20px) / 2); height:435px; overflow:hidden; box-sizing:border-box; border:1px solid #aaaaaa; padding:20px; border-radius:0px; background-color:#f1f1f1; box-sizing:border-box;}
.dtAcademyBox .dtAcademy .academyRecent .recentTit{font-size:24px; font-weight:600; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #c3d600; color:#000; position:relative;}
.dtAcademyBox .dtAcademy .academyRecent .recentTit::before{content:''; display:inline-block; width:120px; height:2px; position:absolute; background:#c3d600; left:0; bottom:0px;}
.dtAcademyBox .dtAcademy .academyRecent .recentTit a.more{display:inline-block; position:absolute; font-size:20px; font-weight:600; text-align:center; line-height:28px; width:28px; height:28px; color:#ffffff;
                                                          background:rgba(215,215,215,1); border-radius:100%; right:0; top:50%; margin-top:-10px;}
.dtAcademyBox .dtAcademy .academyRecent .recentTit a.more:hover{background:#000;}

.dtAcademyBox .dtAcademy .academyRecent .seminarList{width:100%; height:100%;}
/*.dtAcademyBox .dtAcademy .academyRecent .seminarList li{width:100%; box-sizing:border-box; padding:5px 0 5px 20px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dtAcademyBox .dtAcademy .academyRecent .seminarList li::before{display:inline-block; content:''; width:3px; height:3px; background:#c3d600; position:absolute; top:50%; margin-top:-1px; left:10px;}
.dtAcademyBox .dtAcademy .academyRecent .seminarList li a{color:#ffffff; font-size:14px;}
.dtAcademyBox .dtAcademy .academyRecent .seminarList li a:hover{color:#c3d600;}*/

.dtAcademyBox .dtAcademy .academyRecent .seminarList li{width:100%; height:100%;}
.dtAcademyBox .dtAcademy .academyRecent .seminarList li a{display:inline-block; width:100%; height:100%; position:relative; background:#000;}
.dtAcademyBox .dtAcademy .academyRecent .seminarList li a .lecImg{width:100%; height:100%; position:relative; object-fit:cover; overflow:hidden; z-index:1;}
.dtAcademyBox .dtAcademy .academyRecent .seminarList li a .subject{position:absolute;  text-align:center; color:#fff; padding:0 20px; box-sizing:border-box;  width:100%; z-index:2; font-size:20px; font-weight:600;left:0; top:45%; transform:translateY(-50%); opacity:0; }

.dtAcademyBox .dtAcademy .academyRecent .seminarList li a:hover .lecImg{opacity:0.4;}
.dtAcademyBox .dtAcademy .academyRecent .seminarList li a:hover .subject{opacity:1;}

.academyRecent .newSeminar{width:100%; box-sizing:border-box; padding:20px;}
.academyRecent .newSeminar .newSeminarRoll{width:100%; float:left; height:280px; position:relative; z-index:1; }
.academyRecent .newSeminar .newSeminarRoll .swiper-container{z-index:1;}

.academyRecent .newSeminar .newSeminarRoll a{display:inline-block; width:100%; position:relative;}
.academyRecent .newSeminar .newSeminarRoll .swiperSubject{width:100%; font-size:16px; padding-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; opacity:0;}
.academyRecent .newSeminar .newSeminarRoll .swiperImg{width:100%; height:250px; background:#000;}
.academyRecent .newSeminar .newSeminarRoll .swiperImg img{width:100%; height:100%; object-fit:cover; object-position:center top;}
.academyRecent .newSeminar .newSeminarRoll a .view{display:inline-block; width:50px; height:50px; border-radius:100%; background:#c3d600; 
                                                   line-height:30px; position:absolute; bottom:0; right:0; color:#ffffff; font-size:14px; text-align:center; padding:10px;}

.academyRecent .newSeminar .newSeminarRoll .swiper-slide-active .swiperSubject{opacity:1;}

.academyRecent .newSeminar .newSeminarRoll a:hover .swiperSubject{color:#000;}
.academyRecent .newSeminar .newSeminarRoll a:hover .swiperImg img{opacity:0.8;}


.academyRecent .newSeminar .newSeminarRoll .mainEventPage{z-index:2; position:relative; width:100%; text-align:center; padding:10px 0;}
.academyRecent .newSeminar .newSeminarRoll .mainEventPage .swiper-pagination-bullet{width:8px; height:8px; background:#ffffff; opacity:1; margin-right:10px;}
.academyRecent .newSeminar .newSeminarRoll .mainEventPage .swiper-pagination-bullet-active{background:#c3d600; width:20px; border-radius:4px;}



.eventSeminarWrap{width:calc((100% - 480px - 50px) / 2); height:435px; overflow:hidden; box-sizing:border-box;}
.mondaySeminarWrap{background:url(../images/academy/monday.jpg) no-repeat right center; background-size:cover; position:relative; width:100%; height:200px;}
.mondaySeminarWrap .mondaySeminar{width:100%; height:100%; position:absolute; top:0; left:0;}
.mondaySeminarWrap .mondaySeminar a{display:inline-block; width:100%; height:100%; box-sizing:border-box; padding:30px;}
.mondaySeminarWrap .mondaySeminar a p{font-size:16px; padding-bottom:10px; text-align:left;}
.mondaySeminarWrap .mondaySeminar a p.tit{font-size:24px; font-weight:600;}
.mondaySeminarWrap .mondaySeminar a p.date{paddint-top:50px;}
.mondaySeminarWrap .mondaySeminar a p.date span{display:inline-block; padding:5px 10px; border:1px solid #c3d600; background:#c3d600; color:#ffffff; font-size:18px; border-radius:20px;}

.mondaySeminarWrap .mondaySeminar a:hover{background:rgba(0,0,0,.7);}
.mondaySeminarWrap .mondaySeminar a:hover p{color:#ffffff;}

.contactBox{width:100%; background:#f8f8f8; border-radius:10px; padding:20px 30px;}

.contactBox .tit{font-size:18px; font-weight:600; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #c3d600; color:#000; position:relative; margin-bottom:10px;}
.contactBox .tit::before{content:''; display:inline-block; width:120px; height:2px; position:absolute; background:#c3d600; left:0; bottom:0px;}

.contactBox .telBoxWrap{width:100%; display:flex; justify-content:space-between; align-items:center;}
.contactBox .telBox{padding:0; box-sizing:border-box;}
.contactBox .telBox01{width:68%; padding:10px 0;}
.contactBox .telBox02{width:30%; background:#ffffff; border:1px solid #f1f1f1; padding:10px; box-sizing:border-box;}

.contactBox .telBox .telGuideBox{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; /*background:url(../images/main/icon_goTel.png) no-repeat right bottom; */}
.contactBox .telBox .telGuide{display:inline-block; font-size:16px; text-align:left; width:49%; box-sizing:border-box; padding:10px 20px; margin:2px 0; position:relative; color:#333; background:#ffffff; border:1px solid #f1f1f1; border-radius:30px;}
.contactBox .telBox .telGuide::after{content:''; display:inline-block; width:10px; height:10px; 
                                                   border-top:1px solid #333; border-right:1px solid #333; position:absolute; top:50%; right:30px; transform:rotate(45deg) translateY(-50%);}
												   
												   
.contactBox .telBox .telGuide span{font-weight:900;}	

.contactBox .telBox .telInfo{width:100%;}											   
.contactBox .telBox .telInfo li{width:100%; box-sizing:border-box; padding:5px 0 5px 15px; position:relative; overflow:hidden; /*white-space:nowrap; text-overflow:ellipsis;*/ font-size:16px; color:#333;}
.contactBox .telBox .telInfo li::before{display:inline-block; content:''; width:3px; height:3px; background:#c3d600; position:absolute; top:50%; margin-top:-1px; left:5px;}		
.contactBox .telBox .telInfo li span{font-weight:600;}