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

/* main roll img */


.mSlideWrap{width:100%; height:718px; float:left; position:relative; z-index:1; overflow:hidden;}


.mSlideWrap .mSlide{width:1920px; height:100%; float:left; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1; overflow:hidden;}
.mSlideWrap .mSlide ul{width:100%; float:left; position:relative; z-index:1;}
.mSlideWrap .mSlide ul li{width:100%; position:absolute; top:0; left:0; z-index:1;}


.mSlideWrap .msTxt{width:100%; position:absolute; top:8%; left:0%; z-index:200; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:16px; color:#222222; line-height:30px; text-align:center; color:#ffffff; display:none;}/* main roll img txt*/
.mSlideWrap .msTxt ul{width:100%; float:left; position:relative;}
.mSlideWrap .msTxt ul li{float:left; width:100%; position:absolute; top:0; left:0;}
.mSlideWrap .msTxt ul li .mTxt01{ font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:20px; color:#ffffff; line-height:30px; text-align:center; width:100%;}
.mSlideWrap .msTxt ul li .mTxt01 img{width:23.4%; max-width:449px;}
.mSlideWrap .msTxt ul li .mTxt02{ font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:16px; color:#ffffff; width:94%; padding-left:3%; text-align:center; padding-top:20px; text-align:left; display:none;}
.mSlideWrap .msTxt ul li .mTxt02 img{width:134px;}


.mSlideWrap .sBlet{position:absolute; width:100%; bottom:155px; left:0; z-index:200; text-align:center;}
.mSlideWrap .sBlet a{display:inline-block; width:15px; height:15px; margin:0 2px; border-radius:100%; box-sizing:border-box; background:none; border:2px solid #CCC;}
.mSlideWrap .sBlet a.on{background:#fff; border:none;}


.mSlideWrap .arrowL{position:absolute; top:50%; left:3%; z-index:200; cursor:pointer; width:80px; /*max-width:80px;  display:none; */}
.mSlideWrap .arrowR{position:absolute; top:50%; right:3%; z-index:200; cursor:pointer; width:80px;/* max-width:80px;  display:none; */}

/* end : main roll img */

/* mContWrap*/
.mContBg{width:100%; height:577px; float:left; background:url(../images/main/mainBg.jpg) no-repeat center bottom; /*background-attachment:fixed;*/}
.mContWrap{width:100%; height:500px; float:left; box-shadow:2px 2px 3px #CCC; margin-top:-115px; position:relative; z-index:200;}

.mContWrap .left{width:240px; height:667px; overflow:hidden; float:left; margin-top:-167px;}
.mContWrap .right{width:960px; height:500px; overflow:hidden; float:left; position:relative; background:#fff;}

.mContWrap .right .rCont01{width:100%; height:60px; float:left;}
.mContWrap .right .rCont01 li{width:25%; float:left; background: #fff;}
.mContWrap .right .rCont01 li img:hover{opacity: 0.8; transition-duration: 0.3s;}

.mContWrap .right .rCont02{width:960px; height:200px; float:left; overflow:hidden; padding:20px 30px; background:#fff !important;}
.mContWrap .right .rCont02 .mBoardL{width:50%; height:200px; box-sizing:border-box; float:left; border-right:1px solid #CCC; padding-right:30px;}
.mContWrap .right .rCont02 .mBoardR{width:50%; height:200px; box-sizing:border-box; float:right; padding-left:30px;}
.mContWrap .right .rCont02 .mBoardTit{width:100%; float:left; padding-bottom:20px; line-height:20px; font-size:20px; color:#292929;}
.mContWrap .right .rCont02 .mBoardTit a{display:inline-block; float:right; color:#0060ae; font-size:16px; padding:0px 3px; border:1px solid #0060ae; border-radius:3px;}
.mContWrap .right .rCont02 .mBoardTit a:hover{color:#999; border:1px solid #999;}

.mContWrap .right .rCont02 .mBoard{width:100%; float:left; line-height:30px; font-size:17px; color:#292929;}
.mContWrap .right .rCont02 .mBoard li{width:97%; padding-left:3%; float:left; line-height:34px; font-size:14px; color:#292929; border-bottom:1px solid #ebebeb; background:url(../images/dot_01.png) no-repeat 0 center;}
.mContWrap .right .rCont02 .mBoard li span{display:inline-block; float:right; color:#999999;}
.mContWrap .right .rCont02 .mBoard li a{display:inline-block; width:100%; color:#292929;}
.mContWrap .right .rCont02 .mBoard li a:hover{color:#999;}

.mContWrap .right .rCont03{width:100%; height:200px; float:left; overflow:hidden; position:absolute; bottom:0; left:0;}
.mContWrap .right .rCont03 li{width:25%; float:left; overflow:hidden;}

.mainMovie{width:100%; float:left; position:relative;}
.mainMovie .movieBg{width:100%; float:left; position:relative; z-index:1;}
.mainMovie .movieBg img{width:100%;}
.mainMovie .movie{width:100%; height:100%; position:absolute; top:0; left:0; z-index:10;}





#popupWrap{width:100%; height:90%; position:absolute; top:8%; left:0; z-index:999999;}
#popupWrap .popCont{width:96%; height:94%; overflow-y:scroll; max-width:1000px; margin:0 auto; }
#popupWrap .popCont img{width:100%;}
#popupWrap .popClose{width:96%; max-width:1000px; margin:0 auto; height:60px; line-height:50px; font-size:30px; text-align:center; background:#000; color:#fff;}
#popupWrap .popClose span{display:inline-block; padding:0 30px;}
#popupWrap .popClose span a{color:#fff;}