@charset "euc-kr";
/* CSS Document */



/* main page*/
#mainWrap{width:100%; position:relative; z-index:1; float:left; margin-top:123px;}

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

.scrollTxtBox{display:inline-block; position:absolute; bottom:0; right:-3.2%;}
.scrollTxtBox .scrollTxt{ font-size:11px; line-height:20px; color:#333; display:block;}
.scrollTxtBox .scrollBar{display:block; width:100%; height:100px; overflow:hidden; text-align:center; position:relative;}
.scrollTxtBox .scrollBar span{display:inline-block; width:1px; height:100%; background:#333; position:absolute; top:0; left:50%; margin-left:-0.5px; }
	
.scrollTxtBox .scrollBar span{
	-webkit-animation:scrBar 3s ease-in-out infinite alternate;
    -moz-animation:scrBar 3s ease-in-out infinite alternate;
    animation:scrBar 3s ease-in-out infinite alternate;
}
@-webkit-keyframes scrBar{
    0% {top:-100px; opacity:1;}
	50%{top:102px; opacity:1;}
	51%{top:102px; opacity:0; }
	100%{top:-100px; opacity:0;}
}
@-moz-keyframes scrBar{
     0% {top:-100px; opacity:1;}
	50%{top:102px; opacity:1;}
	51%{top:102px; opacity:0; }
	100%{top:-100px; opacity:0;}
}
@keyframes scrBar{
     0% {top:-100px; opacity:1;}
	50%{top:102px; opacity:1;}
	51%{top:102px; opacity:0; }
	100%{top:-100px; opacity:0;}
}

/* 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; /*background:url(/_sudaWeb/img/mRoll/arrowType01L.png) no-repeat center center;*/ cursor:pointer; top:50%; left:1%; margin-top:-30px; display:none;}
.mRollWrap .arrowR{width:64px; height:60px; position:absolute; z-index:10; /*background:url(/_sudaWeb/img/mRoll/arrowType01R.png) no-repeat center center;*/ 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;}



.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;	
}


.mainCenter{width:1200px; margin:0 auto;}

#mSection{width:100%; float:left;}
.mNoticeWrap{width:100%; height:52px; overflow:hidden; box-sizing:border-box; border:1px solid #dbdbdb;float:left; position:relative;}
.mNoticeWrap .mNotice{width:100%; float:left; box-sizing:border-box; padding-right:392px; padding-left:150px; position:relative; z-index:1;}
.mNoticeWrap .mNotice .mNoticeTit{width:150px; height:50px; position:absolute; top:0; left:0; background:#c3d600; text-align:center;}
.mNoticeWrap .mNotice .mNoticeTit span{display:inline-block; height:50px; line-height:50px; padding-left:40px; background:url(../images/icon_notice.png) no-repeat 0px center; color:#fff; font-size:20px;}
.mNoticeWrap .mNotice .mNoticeSwiper{width:100%; box-sizing:border-box; padding-right:120px; position:relative; float:left;}
.mNoticeWrap .mNotice .mNoticeSwiper ul{width:100%; float:left;}
.mNoticeWrap .mNotice .mNoticeSwiper ul li{width:100%; float:left; box-sizing:border-box; padding:10px; line-height:30px; color:#292929; font-size:16px;}
.mNoticeWrap .mNotice .mNoticeSwiper .noticeMore{width:30px; height:50px; position:absolute; top:0; right:20px; background:url(../images/icon_more.png) no-repeat center center;}
.mNoticeWrap .mNotice .mNoticeSwiper .noticeMore a{display:inline-block; width:100%; height:100%;}
.mNoticeWrap .mNotice .mNoticeSwiper .swLeft{width:30px; height:50px; position:absolute; top:0; right:80px; background:url(../images/icon_arrowL.png) no-repeat center center;}
.mNoticeWrap .mNotice .mNoticeSwiper .swRight{width:30px; height:50px; position:absolute; top:0; right:50px; background:url(../images/icon_arrowR.png) no-repeat center center;}

.linkBtn{width:200px; position:absolute; top:0; right:211px; border-left:1px solid #dbdbdb;  background:url(../images/icon_arrowR.png) no-repeat 180px center;}
.linkBtn a{display:inline-block; width:100%; height:50px; line-height:50px; color:#c3d600 !important; font-size:16px; text-align:center; box-sizing:border-box; padding-left:15px;}
.linkBtn a:visited{color:#c3d600;}
.linkBtn a:hover{color:#292929 !important;}

.offLineSeminar{ top:0; right:191px;}
.offLineSeminar a{ background:url(../images/icon_speaker.png) no-repeat 15px center; color:#c3d600;}
.offLineSeminar a:click{ background:url(../images/icon_speaker.png) no-repeat 15px center;}
.symposium{ top:0; right:0px; width:190px; background-position:170px center;}
.symposium a{ background:url(../images/icon_note.png) no-repeat 15px center;}
.symposium a:click{ background:url(../images/icon_note.png) no-repeat 15px center; color:#c3d600;}


.mSec01{background:url(../images/mainBg01.jpg) no-repeat center center; background-attachment:fixed;}
.mSec02{background:#f5f5f5;}
.mSec03{background:#fff;}
.mSec04{background:#fff; padding:80px 0;}



.mSecTit{width:100%; float:left; padding:50px 0 0; position:relative; text-align:center;}
.mSecTit span{position:relative; display:inline-block; padding:10px 20px; background:#fff; z-index:10; color:#292929; font-size:30px;}
.mSecTit::after{width:100%; height:5px; position:absolute; bottom:15px; left:0; background:#f0f0f0; content:'';}

.mSec02 .mSecTit span{background:#f5f5f5;}

.mRecentCont{width:100%; float:left; padding:30px 0;}
.mRecentCont .mRecentBox{width:290px; float:left; margin:15px 0px 15px 13px;}
.mRecentCont .mRecentBox:first-child{margin-left:0;}
.mRecentCont .mRecentBox:nth-child(4n+1){margin-left:0;}
.mRecentCont .mRecentBox a{display:inline-block; width:100%; height:306px; float:left; border:1px solid #dbdbdb; box-sizing:border-box; text-align:center; background:#fff;}

.mRecentBox .mBox{width:265px; display:inline-block;}
.mRecentBox .mBox .mBoxTit{width:100%; float:left; padding:10px 0; font-size:16px; line-height:24px; color:#292929;}
.mRecentBox .mBox .mBoxTit span{font-style:italic; font-size:14px; color:#575757; display:inline-block; padding-top:10px;}
.mRecentBox .mBox .mBoxTit .mNameBox{display:table; width:100%;}
.mRecentBox .mBox .mBoxTit .mNameBox .mName{display:table-cell; height:48px; vertical-align:middle; text-align:center; font-size:16px; line-height:24px;}
.mRecentBox .mBox .mBoxTit .mNameBox .mName a{font-size:16px; line-height:24px;}

.mRecentBox .mBox .mBoxPhoto{width:100%; height:150px; overflow:hidden; float:left; position:relative; margin-top:10px;}
.mRecentBox .mBox .mBoxPhoto img{position:relative; z-index:1; width:100%;}
.mRecentBox .mBox .mBoxPhoto .ov{display:inline-block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.4); background-image:url(../images/btnMovie.png);
                                              background-repeat:no-repeat; background-position:center center; z-index:20; opacity:0;}
.mRecentBox .mBox .mBoxPhoto .icon{position:absolute; right:0; bottom:0; z-index:30;}
.mRecentBox .mBox .mBoxPhoto .icon img{width:auto; margin:2px;}
											  
.mRecentBox .mBox .mBoxInfo{width:100%; float:left; padding:0px 0 10px; text-align:center;}
.mRecentBox .mBox .mBoxInfo span{display:inline-block; padding:0 20px; line-height:24px; font-size:14px; color:#454545;}
.mRecentBox .mBox .mBoxInfo span.time{background:url(../images/icon_time.png) no-repeat 0 center;}
.mRecentBox .mBox .mBoxInfo span.play{background:url(../images/icon_play.png) no-repeat 0 center;}
											  
											
.mRecentCont .mRecentBox a:hover{border:2px solid #c3d600; box-shadow:1px 1px 5px #dbdbdb;}
.mRecentCont .mRecentBox a:hover .mBoxPhoto .ov{opacity:1; transition:0.3s;}
.mRecentCont .mRecentBox a:hover .mBox .mBoxTit{padding-top:9px;}

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

.lecturesWrap{width:100%; float:left; padding:30px 0;}
.lecturesWrap .lectures{width:123px; height:123px; box-sizing:border-box; margin-left:11.5px; float:left;}
.lecturesWrap .lectures:first-child{margin-left:0;}

.lectures a{display:inline-block; width:100%; height:100%; border-radius:100%; background-repeat:no-repeat; background-position:center center;}
.lectures a span{display:none;}
.lectures:first-child a{background-image:url(../images/icon_lecture_01.png);}
.lectures:nth-child(2) a{background-image:url(../images/icon_lecture_02.png);}
.lectures:nth-child(3) a{background-image:url(../images/icon_lecture_03.png);}
.lectures:nth-child(4) a{background-image:url(../images/icon_lecture_04.png);}
.lectures:nth-child(5) a{background-image:url(../images/icon_lecture_05.png);}
.lectures:nth-child(6) a{background-image:url(../images/icon_lecture_06.png);}
.lectures:nth-child(7) a{background-image:url(../images/icon_lecture_07.png);}
.lectures:nth-child(8) a{background-image:url(../images/icon_lecture_08.png);}
.lectures:nth-child(9) a{background-image:url(../images/icon_lecture_09.png);}

.lectures:first-child a:hover{background-image:url(../images/icon_lecture_ov_01.png);}
.lectures:nth-child(2) a:hover{background-image:url(../images/icon_lecture_ov_02.png);}
.lectures:nth-child(3) a:hover{background-image:url(../images/icon_lecture_ov_03.png);}
.lectures:nth-child(4) a:hover{background-image:url(../images/icon_lecture_ov_04.png);}
.lectures:nth-child(5) a:hover{background-image:url(../images/icon_lecture_ov_05.png);}
.lectures:nth-child(6) a:hover{background-image:url(../images/icon_lecture_ov_06.png);}
.lectures:nth-child(7) a:hover{background-image:url(../images/icon_lecture_ov_07.png);}
.lectures:nth-child(8) a:hover{background-image:url(../images/icon_lecture_ov_08.png);}
.lectures:nth-child(9) a:hover{background-image:url(../images/icon_lecture_ov_09.png);}

.mCateLink{width:100%; float:left;}
.cateLink{width:33.3333%; float:left;}
.cateLink a{display:inline-block; width:100%; position:relative; overflow:hidden;}
.cateLink img{width:100%; position:relative; z-index:1;}
.cateLink a .ovImg{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
.cateLink a .ovImg .zoom{width:100%;}

.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;	
}

.cateLink a: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);}


.mSec04Cont{width:592px; float:left; margin:10px 0;}
.mSec04Cont:nth-child(2){float:right; width:580px;}

.mSec04Cont02{margin-top:30px;}

.mCaseBox{width:100%; float:left;}
.mCaseBox .mCaseBoxTit{width:100%; float:left; padding:10px 20px; box-sizing:border-box; background:#c3d600; line-height:30px; color:#fff; font-size:18px;}
.mCaseBox .mCaseBoxTit a{display:inline-block; float:right;}
.mCaseBox .mCaseCont{width:100%; float:left; padding:20px; box-sizing:border-box; border:1px solid #dbdbdb; border-top:none; display:table;}
.mCaseBox .mCaseCont .mCasePhoto{width:219px; display:table-cell;}
.mCaseBox .mCaseCont .mCaseTxt{display:table-cell; padding-left:20px; color:#292929; font-size:14px; line-height:20px; float:left; vertical-align:middle;}
.mCaseBox .mCaseCont .mCaseTxt span{font-size:12px; color:#666; display:inline-block; padding-left:24px; background:url(../images/icon_play.png) no-repeat 0 center;}

.mLinkBox{width:100%; float:left; height:221px; background:url(../images/goFamilyBg.png) no-repeat center center; box-sizing:border-box; padding:20px 10px;}
.mLinkBox .mLinkTit{width:100%; text-align:center; padding:20px 0; color:#c3d600; font-size:20px; font-weight:bold; position:relative; float:left; margin-top:30px; margin-bottom:10px;}
.mLinkBox .mLinkTit::before{content:''; width:1px; height:10px; background:#c3d600; display:inline-block; position:absolute; top:0; left:50%;}
.mLinkBox .mLinkTit::after{content:''; width:1px; height:10px; background:#c3d600; display:inline-block; position:absolute; bottom:0; left:50%;}
.mLinkBox .mLinkWrap{width:100%; padding-top:10px; float:left;}
.mLinkBox .mLinkWrap .mLink{display:inline-block; width:50%; float:left; box-sizing:border-box; text-align:left; padding:10px 20px;}
.mLinkBox .mLinkWrap .mLink a{display:inline-block; width:100%; height:30px; box-sizing:border-box; padding-right:30px; font-size:16px; color:#fff; line-height:30px; background:url(../images/icon_more.png) no-repeat center right;}
.mLinkBox .mLinkWrap .mLink a:hover{color:#c3d600; background:url(../images/icon_more02.png) no-repeat center right;}



.mNoticeBox{width:100%; height:219px; box-sizing:border-box; border-bottom:3px solid #f0f0f0; float:left;}
.mNoticeBox .mNoticeTit{width:100%; float:left; padding:10px 0; position:relative;}
.mNoticeBox .mNoticeTit span{display:inline-block; padding:0 20px; background:#fff; color:#292929; line-height:30px; font-size:18px; font-weight:600; position:relative; z-index:10;}
.mNoticeBox .mNoticeTit::after{display:inline-block; width:100%;height:3px; background:#f0f0f0; position:absolute; top:25px; left:0; margin-top:-1.5px; z-index:1; content:'';}

.mNoticeCont{width:100%; float:left; height:128px; overflow:hidden; padding:20px 0;}
.mNoticeCont ul{width:100%; float:left;}
.mNoticeCont ul li{width:100%; float:left; padding:8px 0 8px 20px; background:url(../images/icon_new.png) no-repeat 0 center; box-sizing:border-box;}
.mNoticeCont ul li a{display:inline-block; width:100%; color:#292929; font-size:18px; line-height:24px;}
.mNoticeCont ul li a:hover{color:#c3d600;}
.mNoticeCont ul li a span.date{color:#838383; display:inline-block; float:right; font-size:14px;}

.mCSBox{width:100%; float:left; height:221px; background:#f5f5f5; padding:30px; overflow:hidden; text-align:center;}
.mCSBox .mCSTit{display:inline-block; padding:20px 0 10px; color:#a9a9a9; font-size:28px; font-weight:600;}
.mCSBox .mCSTel{display:inline-block; padding-left:50px; background:url(../images/icon_tel02.png) no-repeat 0 center; color:#292929; font-size:34px; line-height:40px; font-weight:bold;}
.mCSBox .mCSTxt{display:inline-block; padding:20px 0; color:#292929; font-size:20px;}






/* sub page*/
#subWrap .subAgree{width:100%; float:left; }
#subWrap .subAgree textarea{width:100%; height:700px; box-sizing:border-box; padding:30px; border:1px solid #dfdfdf;}


.brandWrap{width:100%; float:left;}
.brandWrap .brandBox{width:25%; float:left; margin-bottom:80px; text-align:left;}
.brandWrap .brandBox .brandA{display:inline-block; width:45px; height:45px; background:#fab943; line-height:45px; font-size:30px; color:#fff; text-align:center;}
.brandWrap .brandBox .brandList{clear:both; display:inline-block; margin-left:22px; padding:10px 22px 10px 22px; border-left:1px solid #dfdfdf;}
.brandWrap .brandBox .brandList li{display:inline-block; padding:10px 0; color:#292929; font-size:14px; text-transform:uppercase;}
.brandWrap .brandBox .brandList li a{display:inline-block; color:#292929; font-size:14px;}

.brandWrap .brandBox:nth-child(4n+1){clear:both;}


.subMap{padding:30px 0; height:440px; display:block;}

.introTxtWrap{width:100%; float:left; text-align:center;}
.introTxtWrap .introTxt{display:inline-block; padding:30px 0; position:relative; line-height:30px; color:#1f1c22; font-size:18px; font-family: 'NanumSquare', sans-serif !important;}
.introTxtWrap .introTxt span{display:inline-block; border-bottom:2px solid #d3e166; margin-bottom:5px;}
.introTxtWrap .introTxt .firstTxt{display:inline-block; position:absolute; top:28px; left:-28px; color:#d3e166; font-weight:600; font-size:30px;}


.myPageList{width:100%; float:left; text-align:center;}
.myPageList li{width:30%; margin:20px 1%; display:inlin-block; float:none;}
.myPageList li a{display:inline-block; width:100%; box-sizing:border-box; padding:50px 20px; border:2px solid #dbdbdb; color:#292929; font-size:18px;}
.myPageList li a:hover{border:2px solid #c3d600;}