/* CSS Document */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/* common */
html, body {margin:0; padding:0; }

div, ul, ol, li, dl, dt, dd, form, fieldset, input, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0; }
img { border:0; vertical-align:top; }
li { list-style:none; float:left; display:inline;}


/* style */

*{margin:0;
  padding:0;
  border:0;}
  


html{overflow-x:hidden;; 
     overflow-y:scroll;	 
	 margin:0;	 
	 padding:0;
	 width:100%;
	 }
	 
body{margin:0;	 
	 padding:0;
	 font-size:12px;
	 color:#1d0c01;
	 font-style:normal;
	 width:100%;
	 font-family: 'NanumSquare', sans-serif !important;
	 background:#ffffff;
	 }
	 
a { color:#1d0c01;
    text-decoration:none;}
	
	
a:hover{color:#bebebe;
        text-decoration:none;}
		
table{border:0;
      border-collapse:0;
	  border-spacing:0;}

td{vertical-align:middle;}
	  
ul, ol, li,{margin:0;
   padding:0;
   vertical-align:top;
   float:left;}
   
   
/* common */

#wrap{width:100%; float:left; min-width:1348px; overflow:hidden;}/* min-width:최소너비*/
.mCenter{width:1348px; margin:0 auto;}/* min-width:최소너비*/
.center{width:1280px; margin:0 auto;}/* min-width:최소너비*/

#topWrap{width:100%;  float:left; padding-top:30px; height:140px; background:url(../images/subTopBg.jpg); position:relative; z-index:10;} /* 상단 메뉴*/

#mGnbWrap{width:100%; padding:10px 0; background:#ffffff; float:left; position:relative; z-index:200;}
.mLogo{float:left; padding-left:10px; padding-right:100px;}
.mSns{float:right; padding-top:10px; margin-right:10px;}
.mSns a{padding-left:15px;}

.logGnb{position:absolute; top:-15px; right:0px; display:none;}
.logGnb li{padding-left:4px; font-family: 'NanumSquare', sans-serif !important; font-size:14px;}
.logGnb li a{color:#c8c8c8;}
.logGnb li a:hover{color:#a1a1a1;}



.mGnb{float:right; position:relative; z-index:200;}/* 메인메뉴 너비*/
.mGnb ul{width:100%; float:left;}
.mGnb ul li{position:relative; z-index:200; padding:0 50px; line-height:55px; font-family: 'NanumSquare', sans-serif !important; font-size:20px; color:#ffffff;} /* 메인로고 높이 : line-height */
.mGnb ul li.line{padding:0;}
.mGnb ul li a{color:#454545;} /* 메인로고 높이 : height */
.mGnb ul li a:hover{color:#000;}
.mGnb ul li.on a{color:#000;}




.mGnb ul li .subM{width:100%; height:150px; position:absolute; z-index:200; top:30px; left:0; background:url(../images/menuBg02.png); display:none;} /* 상단메뉴 높이 : top */
.mGnb ul li .subM ul{width:100%; float:left; margin-top:50px;}
.mGnb ul li .subM ul li{width:100%; float:left; line-height:34px; font-family: 'NanumSquare', sans-serif !important; font-size:15px; letter-spacing:-0.2px; text-align:left; padding-right:0; border:none;}
.mGnb ul li .subM ul li a{color:#717171;}
.mGnb ul li .subM ul li a:hover{color:#000;}
.mGnb ul li .subM ul li.on a{color:#000;}
.mGnb ul li .subM ul li.on{color:#000;}

#tmWrap{width:1348px; position:absolute; background:#fff; border-top:1px solid #f90000; height:240px; z-index:200; top:108px; left:50%; margin-left:-674px;; display:none;}  /* 상단메뉴 높이 : top */

.mPage #topWrap{background:none; position:fixed; top:0; left:0;}


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

.mainRollWrap{width:100%; height:1094px; float:left; margin-top:0px; position:relative; z-index:1; overflow:hidden;} /* 메인롤링이미지 높이 : height */



/* main Roll */
.mRollWrap{width:100%; position:relative; height:100%; overflow:hidden;}

.mRollWrap .arrowR{width:94px; height:94px; position:absolute; z-index:10; background:url(../images/arrowR.png) no-repeat center center; cursor:pointer; top:50%; right:5%; margin-top:-47px;}
.mRollWrap .arrowL{width:94px; height:94px; position:absolute; z-index:10; background:url(../images/arrowL.png) no-repeat center center; cursor:pointer; top:50%; left:5%; margin-top:-47px;}

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

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

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

.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:46px; padding:0px 0 20px; font-weight:600; text-shadow:1px 1px rgba(0,0,0,.4);}
.mRollWrap .mRollBox .rollTxt p.rollTxt02{font-size:60px; text-shadow:1px 1px rgba(0,0,0,.4); font-weight:bold;}
.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; display:none;}







/* main Cont*/
.mContWrap{width:100%; float:left;}
.mCont01Wrap{width:100%; float:left; padding:100px 0;}
.mCont01{width:100%;float:left;}
.mCont01Left{width:315px;float:left;}
.mCont01Right{width:1000px; height:328px; float:right; position:relative;}

.businessRoll{width:990px; height:328px; position:relative; overflow:hidden; margin-left:10px;}

.mCont01Right .arrowR{width:47px; height:47px; position:absolute; z-index:10; background:url(../images/btnArrow02_R.png) no-repeat center center; cursor:pointer; top:50%; right:-60px; margin-top:-23px;}
.mCont01Right .arrowL{width:47px; height:47px; position:absolute; z-index:10; background:url(../images/btnArrow02_L.png) no-repeat center center; cursor:pointer; top:50%; left:-60px; margin-top:-23px;}

.mCont01Right .swiper-pagination{bottom:140px; width:100%; text-align:center; display:none;}


.businessRoll .swiper-container{width:100%; height:100%;}
.businessRoll .swiper-container .swiper-slide{width:330px; height:330px; overflow:hidden; position:relative;}
.businessRoll .swiper-container .swiper-slide a{display:inline-block; width:100%; height:100%; position:relative;}
.businessRoll .swiper-container .swiper-slide .prdImg{width:100%; position:relative; z-index:1; box-sizing:border-box; border:1px solid #dbdbdb;}
.businessRoll .swiper-container .swiper-slide .prdName{width:100%; position:absolute; z-index:2;padding:30px 0; background:rgba(0,0,0,0.8); color:#fff; text-align:center; font-size:16px; text-align:center; bottom:0; left:0;}


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

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


.mCateBox{width:100%; box-sizing:border-box; padding-top:35px;}
.mCateBox .mCateTit01{width:100%; font-size:20px;color:#7c7c7c; padding-bottom:30px;}
.mCateBox .mCateTit02{width:100%; font-size:48px;color:#2a2a2a; padding-bottom:40px; font-weight:bold;}
.mCateBox .mCateLink{width:100%;}
.mCateBox .mCateLink a{display:inline-block; padding:20px 10px;}

.mCont02Wrap{width:100%; float:left; padding:100px 0; background:url(../images/main03.jpg) no-repeat center center; margin-bottom:100px;}
.mCont02{width:100%; float:left; position:relative; height:450px;}
.mCont02 .mCont02Box{width:450px; width:500px; box-sizing:border-box; padding:80px; background:#fff; position:absolute; top:0; left:50%; margin-left:10px;}

.mCont03Wrap{width:100%; height:648px; float:left; background:url(../images/main04.jpg) no-repeat center center; position:relative;}
.mCont03{position:absolute; top:450px; left:50%; margin-left:-42px;}
.playBtn{cursor:pointer;}
.main{float:left; width:100%;}

/* movie*/
#movieWrap{width:100%; height:100%; background:url(../images/movieBg.png); position:fixed; top:0; left:0; z-index:999; display:none;}
.movie{width:600px; height:380px; background:#000; color:#ffffff; position:absolute; top:300px; left:50%; margin-left:-300px; text-align:center; padding-top:0; font-size:20px;}
.movieClose{width:600px; height:40px; background:#000; color:#ffffff; position:absolute; top:260px; left:50%; margin-left:-300px; text-align:center; font-size:16px; line-height:40px; cursor:pointer;}



.mContTit{width:100%;  font-size:18px; font-family: 'NanumSquare', sans-serif !important; color:#7b7b7b; font-weight:bold; padding-bottom:30px; text-align:center; padding-bottom:60px;}
.mContTxt{width:100%;  font-size:14px; font-family: 'NanumSquare', sans-serif !important; color:#b1b1b1;}

.btnMore{width:100%;  font-size:14px; font-family: 'NanumSquare', sans-serif !important; color:#242424; font-weight:bold; padding-top:20px; }
.btnMore a{display:inline-block; width:120px; height:30px; line-height:30px; border:1px solid #e1e1e1; color:#b1b1b1; text-align:center;}
.btnMore a:hover{border:1px solid #252525; color:#252525;}


#footWrap{width:100%; float:left; background:#ffffff; border-top:1px solid #707070;}


.foot{width:100%; padding:20px 0; position:relative; float:left;}

.foot .fSite{float:left;width:350px;}
.foot .fSite ul{width:200px;}
.foot .fSite ul li{width:100px; font-size:16px; font-weight:bold; line-height:24px;}
.foot .fSite ul li a{color:#707070;}
.foot .fSite ul li a:hover{color:#000;}


.foot .fLogo{position:absolute; top:20px; left:250px; }

.foot .copy{text-align:left;  line-height:24px; font-size:14px; font-family: 'NanumSquare', sans-serif !important; padding-top:0px; color:#707070; float:left; margin-left:350px;}
.foot .copy span{padding:0 5px;}
.foot .copy a{color:#707070;}
.foot .copy a:hover{color:#000;}

.foot .copy a.pLogo{display:inline-block; width:30px; height:30px; background:url(../images/pLogo.png) no-repeat center bottom; background-size:20px;}

.foot .fSns{float:right;}
.foot .fSns a{padding-left:15px;}



#subGnbWrap{width:100%; float:left; height:40px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.subGnb{float:left; width:100%; text-align:center;  line-height:40px; font-size:16px; text-align:center; font-family: 'NanumSquare', sans-serif !important; color:#7d7d7d;}

.subGnb .home{width:30px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; text-align:center;  line-height:40px; font-size:16px; text-align:center; font-family: 'NanumSquare', sans-serif !important; color:#7d7d7d; float:left;}
.subGnb .subGnbM{width:250px; border-right:1px solid #e9e9e9; text-align:center;  line-height:40px; font-size:16px; text-align:center; font-family: 'NanumSquare', sans-serif !important; color:#7d7d7d; position:relative; float:left;}
.subGnb .subGnbM .mTit{width:230px; padding-left:10px; background:url(../images/blet_01.png) no-repeat right 15px; cursor:pointer;font-size:16px;}
.subGnb .subGnbM .sTit{width:230px; padding-left:10px; background:url(../images/blet_02.png) no-repeat right 15px; color:#25abc8; cursor:pointer; font-size:16px;}
.subGnb .subGnbM .totGnb{width:90%; margin-left:5%; position:absolute; top:42px; left:0; background:url(../images/menuBg.png); z-index:999; display:none; }
.subGnb .subGnbM .totGnb ul{width:100%; float:left; background:url(../images/menuBg02.png);}
.subGnb .subGnbM .totGnb ul li{width:100%; float:left; line-height:30px; background:url(../images/menuBg02.png);}
.subGnb .subGnbM .totGnb ul li a{color:#7d7d7d;}
.subGnb .subGnbM .totGnb ul li a:hover{color:#000;}
.subGnb .subGnbM .totGnb ul li.on{display:none;}

.subGnb .subGnbM .totGnbArea{width:110%; margin-left:-5%; height:250px; position:absolute; top:42px; left:0; background:url(../images/menuBg02.png); z-index:200; display:none;}

.subGnb .subGnbS{width:250px; border-right:1px solid #e9e9e9; text-align:center;  line-height:40px; font-size:16px; text-align:center; font-family: 'NanumSquare', sans-serif !important; color:#7d7d7d;}



#subPageTop{width:100%; float:left; padding:0; position:relative; z-index:1;}
.subTopImg{width:1920px; float:left; position:relative; z-index:1; left:50%; top:0; margin-left:-960px;  margin-top:-80px; display:none;}

.subTopWrap{width:100%; float:left; position:relative; z-index:1; padding:100px 0 20px;}

.subLoca{font-family: 'NanumSquare', sans-serif !important; font-size:14px; line-height:14px; position:absolute; top:50px; right:0; }
.subLoca span{}
.subTopTit{width:100%; padding-left:0; text-align:center; font-family: 'NanumSquare', sans-serif !important; color:#000; font-size:40px; font-weight:bold; line-height:50px; position:relative;}
.subTopTit::after{width:200px; height:3px; display:inline-block; background:#ec0303; position:absolute; bottom:-20px; left:50%; margin-left:-100px; content:''; display:none;}

.subTopTit span{display:inline-block; padding-bottom:10px; border-bottom:3px solid #ec0303; padding-left:20px; padding-right:20px;}

.subTopTxt{width:100%; font-family: 'NanumSquare', sans-serif !important; color:#6b99b1; font-size:16px; line-height:30px; position:absolute; top:160px; left:0; text-align:left; display:none;}


#subWrap{width:100%; float:left; padding:50px 0 100px; font-family: 'NanumSquare', sans-serif !important; font-size:16px; min-height:500px;}
.subCont{width:100%; float:left; margin-left:0%; text-align:left;}
.subBoard{width:100%; float:left; margin-left:0%; text-align:left;}
.subAgree{width:90%; float:left; padding:20px 4%; text-align:left; border:1px solid #e1e1e1;}

.subMap{width:100%; float:left;}
.subMapTxt{width:100%; float:left; padding:50px 0;}
.subMapLink{width:100%; float:left; text-align:center;}
.subMapLink a{display:inline-block; margin:0 5px;}

.subBg0102{background:url(../images/sub/sub01_02Bg.jpg) no-repeat right bottom; padding-bottom:20px; margin-bottom:80px;}