@charset "utf-8";
/* CSS Document */

/* main page*/
#mainWrap{width:100%; height:820px; float:left; position:relative; z-index:1;}
#mCont02Wrap{width:100%; height:480px; background:url(../images/main02Bg.jpg) no-repeat center center;  float:left; position:relative; z-index:1;}


.section02{width: 100%; height: 820px; position: absolute; }
.sec02_back{width: 100%; height: 100%; background: url(../images/main/main_bg.jpg) center 0 no-repeat; background-size: cover; z-index: -1; position: absolute;}
/* 섹션 2 안에 배경 전체박스
.sec02_bg{width: 100%; height: 820px; background-size: cover; position: relative; top:0; z-index: -1; margin: 0 auto; float: left;}
 섹션 2 배경 전체 속성 
.secBg{width: 100%; height: 820px; background-size: cover; position: absolute; top:0; z-index:-1; left:100%;}
 배경 활성화된거 보이게 
.sec02_bg .active{left:0;}
 각 배경 이미지 
.sec02_bg01{background: url(../images/main/mRoll01.png) center 0 no-repeat;}
.sec02_bg02{background: url(../images/main/mRoll02.png) center 0 no-repeat;}

 왼쪽 오른쪽 클릭시 이미지 넘어가는것 
.left{width:10%; height: 820px; background: rgba(0,0,0,0); position: fixed; top:0; left:0; transition-duration: 0.3s; cursor:pointer;}
.left:hover{ background: rgba(255,255,255,0.1);}
.right{width:10%; height: 820px; background: rgba(0,0,0,0); position: fixed; top:0; right:0; transition-duration: 0.3s; cursor:pointer;}
.right:hover{ background: rgba(255,255,255,0.1);}
 */

.mCont01Wrap{width:1200px; height:100%; margin:0 auto; position:relative; z-index:5;}
.mCont01Wrap .mCont01{position:absolute; top:45%; left:0; margin-top:-200px;}
.mCont01Wrap .mCont01Btn{position:absolute; top:50%; left:0; margin-top:190px;}
.mCont01Wrap .mCont01Btn a{display:inline-block; padding:0px 40px; background:#3d83e8; color:#fff; font-size:20px; line-height:54px; font-weight:600; float:left;}
.mCont01Wrap .mCont01Btn a:hover{color:#3d83e8; background:#fff;}

.mCont01Wrap .mCont01Btn span.dday{display:inline-block; padding-left:20px; font-weight:600; font-size:40px; line-height:58px; color:#fff; float:left;}

.mScrollBtn{position:absolute; z-index:10; bottom:10px; left:50%; margin-left:-30px; width:60px; text-align:center; color:#fff; font-size:17px; line-height:24px; cursor:pointer;}


.mContWrap{width:1200px; margin:0 auto; position:relative; z-index:1;}

.mContTit{width:100%; padding:60px 0; text-align:center; float:left; color:#fff; font-size:30px; font-weight:600;}
.mCont02{width:100%; float:left;}
.mCont02Box{width:276px; height:238px; float:left; border:1px solid #fff; margin-left:28px; text-align:center; position:relative;}
.mCont02Box:first-child{margin-left:0;}

.mContIcon{width:100%; height:120px; display:inline-block; margin-top:30px;}
.mContIcon_01{background:url(../images/mIcon_01.png) no-repeat center center;}
.mContIcon_02{background:url(../images/mIcon_02.png) no-repeat center center;}
.mContIcon_03{background:url(../images/mIcon_03.png) no-repeat center center;}
.mContIcon_04{background:url(../images/mIcon_04.png) no-repeat center center;}

.mContTxt{width:100%; padding-top:10px; color:#fff; font-size:20px;}

.mCont02BoxOv{position:absolute; width:278px; height:240px; background:#fff; top:-1px; left:-1px; display:table; display:none;}
.mCont02BoxOv a{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; line-height:40px; font-size:18px; color:#3d83e8; font-weight: bold;}
.mCont02BoxOv a img{width:40px;}

.mCont02Box:hover .mCont02BoxOv{display:table;}


#mCont03Wrap{width:100%; float:left; padding:50px 0; background:#fff; position:relative; z-index:1;}
.mContTit02{width:100%; padding-bottom:60px; text-align:center; float:left; color:#292929; font-size:30px; font-weight:600;}
.mCont03{width:100%; /*height:560px;*/ float:left; text-align:center;}
.mCont03Box{width:378px; height:560px; display:inline-block; margin:0 10px; text-align:center; position:relative; }
.mCont03Box .mCont03Img{width:376px; height:498px; overflow:hidden; border:1px solid #3d83e8;}
.mCont03Box .mCont03Txt{width:100%; height:30px; padding:15px 0; background:#3d83e8; line-height:30px; color:#fff; font-size:18px; font-weight:600;}
.mCont03Box .mCont03Txt span{font-size:14px; font-weight:normal;}



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


.mCont03Img:hover .zoomImg{transition:0.3s; transform:matrix(1.10, 0, 0, 1.10, 0, 0); -webkit-transform:matrix(1.10, 0, 0, 1.10, 0, 0); -moz-transform:matrix(1.10, 0, 0, 1.10, 0, 0); /*opacity:0.7; filter:alpha(opacity=0.7);*/}




#mCont04Wrap{width:100%; height:400px; float:left;background:url(../images/main04Bg.jpg) center 0 no-repeat; position:relative; z-index:1;}
.mCont04{width:100%; padding-top:166px; float:left; text-align:center;}
.mCont04Box{width:230px; height:70px; display:inline-block; margin:0 15px; text-align:center; position:relative;}
.mCont04Box a{display:inline-block; width:228px; height:28px; border:1px solid #fff; line-height:28px; padding:15px 0; color:#fff; font-size:20px; font-weight:600;}
.mCont04Box a:hover{background:#fff; border:1px solid #fff; color: #3d83e8;}


#mCont06Wrap{width:100%; float:left; padding:100px 0; background:#fff; position:relative; z-index:1;}
.mContTit06{width:100%; padding-bottom:60px; text-align:center; float:left; color:#292929; font-size:30px; font-weight:600;}
.mCont06{width:100%; /*height:560px;*/ float:left; text-align:center;}
.mCont06Box{width:350px; height:250px; display:inline-block; margin:0 25px; text-align:center; position:relative; background: #ccc;}
.mCont06Box .mCont06Img{width:350px; height:200px; overflow:hidden;}
.mCont06Box .mCont06Txt{width:100%; height:20px; padding:15px 0; background:#3d83e8; line-height:20px; color:#fff; font-size:18px; font-weight:600;}
.mCont06Box .mCont06Txt span{font-size:14px; font-weight:normal;}

.mCont06Box:hover .mCont06Txt{background: #4ba1f7; transition-duration: 0.3s;}

.mCont06Img:hover .zoomImg{transition:0.3s; transform:matrix(1.05, 0, 0, 1.05, 0, 0); -webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0); -moz-transform:matrix(1.05, 0, 0, 1.05, 0, 0); /*opacity:0.7; filter:alpha(opacity=0.7);*/}


#mCont05Wrap{width:100%; float:left; padding:50px 0; background:#fff; position:relative; z-index:1;}
.mCont05{width:100%; height:220px; float:left; text-align:center;}
.boardLeft{width:48%; float:left;}
.boardRight{width:48%; float:right;}

.boardTit{width:90%; font-size:24px; font-weight:600; color:#292929; position:relative; padding:0 5% 20px; float:left; text-align:left;}
.boardTit .more{position:absolute; top:0px; right:5%;}
.mBoardWrap{width:100%; float:left; border-top:2px solid #3d83e8;}
.mBoard{width:100%; float:left;}
.mBoard li{width:90%; padding:10px 5%; border-bottom:1px solid #999; font-size:16px; line-height:24px; position:relative; float:left;}
.mBoard li a{display:inline-block; width:100%; font-size:16px; color:#616161; text-align:left;}
.mBoard li a .date{display:inline-block; float:right; color:#c0c0c0; font-size:14px;}


/* end : main Cont */


/* popup*/
#popupWrap{width:640px; height:480px; position:absolute; top:50%; left:30%; margin-left:-480px; margin-top:-240px; z-index:120;}
#popupWrap .popCont{width:640px; height:480px; padding-top:10%; overflow-y:hidden; max-width:1000px; margin:0 auto; }
#popupWrap .popCont img{width:100%;}
#popupWrap .popClose{width:100%; margin:0 auto; height:30px; line-height:30px; font-size:14px; text-align:center; background:#000; color:#fff;}
#popupWrap .popClose span{display:inline-block; padding:0 10px;}
#popupWrap .popClose span a{color:#fff;}

#popup02{width:615px; position:absolute; top:150px; left:50%; margin-left:20px; z-index:999999; }
#popup02 .popCont{width:100%; max-width:615px; margin:0 auto; }
#popup02 .popCont img{width:100%;}
#popup02 .popClose{width:100%; max-width:615px; margin:0 auto; height:30px; line-height:30px; font-size:14px; text-align:center; background:#000; color:#fff;}
#popup02 .popClose span{display:inline-block; padding:0 10px;}
#popup02 .popClose span a{color:#fff;}