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



/* main page*/

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

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


.mainScreen01{width:100%; height:100%; overflow:hidden; position:relative; z-index:2;  background-size:cover !important; margin-top:78px;}
.mainScreen02{width:100%; height:100%; overflow:hidden; position:relative; z-index:2; background:url(../images/mainBg01.jpg) no-repeat center center; background-size:cover !important;}
.mainScreen03{width:100%; height:100%; overflow:hidden; position:relative; z-index:2; background:#000;}
.mainScreen04{width:100%; height:auto; position:relative; z-index:2; background:#fafafa;}

.screenWrap{width:100%; min-width:1180px; height:100%; margin:0 auto; position:relative; box-sizing:border-box;}
.screenWrap02{width:100%; min-width:1180px; margin:0 auto; position:relative;}

#mPageNav{width:200px; height:100%; position:fixed; top:0; right:76px; border-right:1px solid #f1f1f1; z-index:80;}
#mPageNav ul{width:100%; position:absolute; right:0; top:50%; margin-top:-64px;}
#mPageNav li{display:inline-block; width:100%; height:32px; position:relative; cursor:pointer; text-align:right;}
#mPageNav li span{display:inline-block;}
#mPageNav li span.pageTit{padding-right:25px; color:#fff; line-height:32px; padding-top:2px; padding-bottom:2px; text-align:right;}
#mPageNav li span.pageTit span.tit{font-size:14px;}
#mPageNav li span.pageTit span.dot{display:inline-block; position:absolute; top:2px; right:-16px; width:32px; height:32px; background:url(../images/dot01.png) no-repeat center center;}


#mPageNav li.on span.pageTit{color:#00aeef;}
#mPageNav li.on span.pageTit span.dot{background:url(../images/dot01Ov.png) no-repeat center center;}

#mPageNav li:hover span.pageTit{color:#00aeef !important;}
#mPageNav li:hover span.pageTit span.dot{background:url(../images/dot01Ov.png) no-repeat center center !important;}




.mPGNav li.on span.pageTit{color:#00aeef !important;}

.mPGNav li span.pageTit{color:#9e9e9e !important;}
.mPGNav li span.pageTit span.dot{background:url(../images/dot02.png) no-repeat center center !important;}
.mPGNav li.on span.pageTit span.dot{background:url(../images/dot01Ov.png) no-repeat center center !important;}


#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;}
/*#mScroll:hover{ background:url(../images/scroll02.png) no-repeat center center;}
.mScrollOn{ background:url(../images/scroll02.png) no-repeat center center !important;}*/

#mBottom{position:absolute; z-index:90; left:0; bottom:0; height:45px; width:100%; padding:10px 0; background:#00aaed; }
#mBottom .mBtt{width:100%; float:left; color:#fff; line-height:45px; font-size:15px;}
#mBottom .mBtt span{display:inline-block; float:left;}
#mBottom .mBtt span.bold{font-weight:600;}
#mBottom .mBtt span.time{background:url(../images/icon_time.png) no-repeat left center; width:45px; height:45px;}
#mBottom .mBtt span.speaker{background:url(../images/icon_speaker.png) no-repeat left center; width:45px; height:45px; margin-left:30px;}
#mBottom .mBtt span.pos{background:url(../images/icon_pos.png) no-repeat left center; width:45px; height:45px; margin-left:30px;}

/*main screen01*/

.screenWrap .screenBoxWrap{width:100%; height:100%; display:table; position:relative; z-index:10;}
.screenWrap .screenBoxWrap .screenBox{width:100%; height:100%; display:table-cell; vertical-align:middle; position:relative; z-index:10;}

.screenWrap02 .screenBoxWrap{width:100%; position:relative; z-index:10;}
.screenWrap02 .screenBoxWrap .screenBox{width:100%; position:relative; z-index:10;}


/* main Roll */
.mSlideWrap{width:100%; height:100%; position:relative; left:0; margin-left:0; overflow:hidden;}
.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-pagination-bullet{width:10px; height:10px; background:#bebebe; opacity:1; display:none;}
.mSlide .swiper-container .swiper-pagination-bullet-active{background:#00aeef;}
.mSlide .swiper-container .swiper-pagination{bottom:90px;}

.mSlide .swiper-button-next{width:70px; height:70px; background:url(../images/arrow01R.png) no-repeat center center;}
.mSlide .swiper-button-prev{width:70px; height:70px; background:url(../images/arrow01L.png) no-repeat center center;}


/*.mBluechair{position:absolute; left:0; top:50%; margin-top:-130px; z-index:20;}*/

/* main Screen02 */
.mScr02Left{width:50%; height:100%; position:absolute; left:0; top:0; background:#000;}
.mScr02Left .mScr02LeftBox{width:100%; height:100%; float:left; display:table;}
.mScr02Left .mScr02LeftBox .mScr02Box{display:table-cell; vertical-align:middle; text-align:center; width:100%;}
.mScr02Left .mScr02LeftBox .mScr02Box img{width:100%; max-width:960px;}


/* main Screen03 */
.mScr03Box{width:25%; height:50%; float:left; background-repeat:no-repeat; background-position:left center; background-size:cover;}
.mScr03Box02{width:50%; height:50%; float:left;}

.mScr03BoxBg01{background:#fff;}
.mScr03BoxBg02{background:#f3f3f3;}
.mScr03BoxBg03{background-image:url(../images/storeImg01.jpg);}
.mScr03BoxBg04{background-image:url(../images/storeImg02.jpg); background-position:right center;}
.mScr03BoxBg05{background-image:url(../images/storeImg03.jpg);}
.mScr03BoxBg06{background-image:url(../images/storeImg04.jpg); background-position:right center;}

.mScr03TB{width:100%; height:100%; display:table;}
.mScr03TB .mScr03TD{width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center;}

a.link{display:inline-block; padding:5px 0;}
a.link .off{display:inline-block;}
a.link .on{display:none;}

a.link:hover .off{display:none;}
a.link:hover .on{display:inline-block;}


/* main Screen04 */
.mainScr04Prd{width:100%; height:350px; padding:50px 0; background:#fff;}
.mainScr04Prd .mainBest{width:20%; height:350px; float:left; text-align:center; background:url(../images/bestItem.png) no-repeat center center;}
.mainScr04Prd .mPrdWrap{width:80%; height:350px; float:left; box-sizing:border-box; padding:0 100px; position:relative;}

.mainScr04Prd .mPrdWrap .mPrdImg{width:100%;}
.mainScr04Prd .mPrdWrap .mPrdName{width:100%; padding:10px; box-sizing:border-box; text-align:center; font-size:18px;}


.mainScr04Prd .mPrdWrap .swiper-button-prev{position:absolute; left:20px;}
.mainScr04Prd .mPrdWrap .swiper-button-next{position:absolute; right:20px;}


.mainScr04Prd .mPrdWrap .swiper-container{width:100%; height:100%;}
.mainScr04Prd .mPrdWrap .swiper-container .swiper-slide{width:305px;}
.mainScr04Prd .mPrdWrap .swiper-container .swiper-slide a{display:inline-block;}
.mainScr04Prd .mPrdWrap .swiper-container .swiper-pagination-bullet{width:10px; height:10px; background:#bebebe; opacity:1; display:none;}
.mainScr04Prd .mPrdWrap .swiper-container .swiper-pagination-bullet-active{background:#00aeef;}
.mainScr04Prd .mPrdWrap .swiper-container .swiper-pagination{bottom:90px;}

.mainScr04Prd .mPrdWrap .swiper-button-next{width:50px; height:50px; background:url(../images/arrow02R.png) no-repeat center center;}
.mainScr04Prd .mPrdWrap .swiper-button-prev{width:50px; height:50px; background:url(../images/arrow02L.png) no-repeat center center;}

.mainSnsWrap{width:100%; float:left; padding:50px 0; background:url(../images/mainBg04.jpg) repeat-x;}
.mainSnsWrap .mSnsWrap{width:1180px; margin:0 auto;}
.mainSnsWrap .mSnsWrap .snsWrap{width:100%; float:left; position:relative;}
.mainSnsWrap .mSnsWrap .snsWrap .mSnsMovie{width:580px; float:left;}
.mainSnsWrap .mSnsWrap .snsWrap .mSnsInstagram{width:580px; float:right;}

.mSnsWrap .snsWrap .mSnsInstagram .instaWrap{width:100%; float:left;}
.mSnsWrap .snsWrap .mSnsInstagram .instaWrap li{display:inline-block; width:280px; float:left; margin-bottom:11px;}
.mSnsWrap .snsWrap .mSnsInstagram .instaWrap li:first-child{margin-right:20px;}
.mSnsWrap .snsWrap .mSnsInstagram .instaWrap li:nth-child(2n+1){margin-right:20px; clear:both;}

.mainSnsWrap .mSnsWrap .snsWrap .snsTit{width:100%; padding-bottom:10px; float:left;}




/* SUB PAGE COMMON*/
.subContLeft{width:570px; float:left;}
.subContRight{width:570px; float:right;}
.linkWrap{width:100%; float:left; padding:50px 0; text-align:center;}
.linkWrap a{display:inline-block; width:250px; padding:10px 0; margin:0 5px; text-align:center; box-sizing:border-box; border-radius:20px; box-shadow:2px 2px 5px #dbdbdb; font-size:18px; line-height:30px;}

.linkWrap a.link01{background:#eeeeee; color:#292929; margin-top:83px;}
.linkWrap a.link01:hover{background:#ffd41d; color:#292929;}

.linkWrap a.link02{background:#19cd60; color:#fff;}
.linkWrap a.link02:hover{background:#3880f6; color:#f1de54;}

.brand02Box{width:100%; float:left; background:#e9e9e9; padding:70px 0;}
.brand03Box{width:100%; float:left; background:#fff; padding:100px 0 120px; position:relative;}
.brand03Box .subCont{position:relative; z-index:10;}
.brand03Box .brand03BgBox{position:absolute; z-index:1; bottom:0; left:0; height:368px; width:100%; background:#fecd07;}