/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@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;
	 font-family: 'NanumSquare', sans-serif !important;
	 width:100%;
	 overflow:hidden;
	 }
	 
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%; max-width:1000px; min-width:320px; margin:0 auto;}

#topWrap{width:100%; position:fixed; top:0; z-index:200; max-width:1000px; background:#fff; border-bottom:1px solid #f1f1f1;}
#topWrap .logo{width:100%; float:left; padding:0; text-align:center;}
#topWrap .topMenu{width:100%; float:left; background:#fff; padding:15px 0; position:relative; z-index:9999;}
#topWrap .topMenu .logo{width:60%; position:absolute; left:50%; margin-left:-30%; text-align:center;}
#topWrap .topMenu .logo img{height:45px;}
#topWrap .topMenu .menu{float:left; padding-left:2%;}
#topWrap .topMenu .menu .menuShow{display:block;}
#topWrap .topMenu .menu .menuClose{display:none;}

#topWrap .topMenu .topTel{float:right; padding-right:2%;}
#topWrap .topMenu .topSns{float:right; padding-right:2%;}
#topWrap .topMenu .topSns a{padding-left:2px;}


/* S : slide Menu*/
.slideMenu{width:100%; position:absolute; top:-100%; left:0; z-index:200; padding-bottom:10px; padding-top:75px; display:none;}

.slideMenu ul.top{width:100%; float:left; padding:15px 0; background:#ec0303;}
.slideMenu ul.top li{float:left; border-bottom:none; background:#ec0303; width:auto;}
.slideMenu ul.top li img{width:100%;}
.slideMenu ul.top li:first-child{width:18.86792452830189%;}
.slideMenu ul.top li:nth-child(2){width:64.15094339622642%;}
.slideMenu ul.top li:nth-child(3){width:16.0377358490566%;}

.slideMenu ul{width:100%; float:left;}
.slideMenu ul li{width:100%; float:left; border-bottom:none; background:#ec0303;}

.slideMenu ul li a{width:85%; padding-left:15%; float:left; height:48px; line-height:48px; font-size:18px; color:#fff; font-weight:bold; font-family: 'NanumSquare', sans-serif !important;}
.slideMenu ul li.on a{color:#fff; background:#ec0303;}
.slideMenu ul li.on{color:#fff; background:#ec0303;}


.slideMenu ul ul.sub{display:none;}
.slideMenu ul ul.sub li{width:100%; float:left; background:#fff; border-bottom:none;}


.slideMenu ul ul.sub li a{width:80%; margin-left:3%; margin-right:3%; padding-left:14%; height:36px; line-height:36px; font-size:16px; color:#5d5d5d; font-family: 'NanumSquare', sans-serif !important; font-weight:normal; border-bottom:1px solid #e4e4e4; background:#ffffff;}
.slideMenu ul ul.sub li:last-child a{border-bottom:none;}


.slideMenu ul ul.bottomMenu{float:left; display:none;}
.slideMenu ul ul.bottomMenu li{width:100%; float:left; background:#ebebeb; border-bottom:none; color:#7f7f7f; line-height:30px; font-size:16px; text-align:center; font-family: 'NanumSquare', sans-serif !important; font-weight:bold; height:30px;}
.slideMenu ul ul.bottomMenu a{width:100%; padding-left:0; line-height:30px; color:#7f7f7f; font-size:14px;}
/* E : slide Menu*/




#footWrap{width:100%; float:left; background:#fff; border-top:1px solid #707070; padding:20px 0;}
#footWrap .fLogo{width:100%; float:left; padding-bottom:15px; text-align:center;}
#footWrap .foot{width:100%; float:left; line-height:24px; font-size:13px; color:#707070; font-weight:normal; text-align:center;}
#footWrap .foot a{display:inline-block; padding:0 5px;}
#footWrap .copy{width:100%; float:left; line-height:24px; font-size:13px; color:#707070; font-weight:normal; text-align:center;}
#footWrap .sns{width:88%; float:left; margin-left:22%; display:none; }
#footWrap .sns li{margin-right:3px;}

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



/* main roll img */


.mSlideWrap{width:100%; float:left; position:relative; z-index:1;}
.mSlideWrap img{width:100%;}


/* main Roll */
.mRollWrap{width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0;}

.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; display:none;}
.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; display:none;}

.mRollWrap .swiper-pagination{bottom:20px; width:100%; text-align:center;}
.mRollWrap .swiper-pagination .swiper-pagination-bullet{width:40px; height:4px; margin:0 5px; background:#fff; border-radius:2px; 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%; 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:30px; line-height:40px; padding:0px 0 20px; font-weight:600; text-shadow:1px 1px rgba(0,0,0,.4);}
.mRollWrap .mRollBox .rollTxt p.rollTxt02{font-size:40px; 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;}


@media screen and (max-width:640px){
	
	.mRollWrap .mRollBox .rollTxt p.rollTxt01{font-size:24px; line-height:36px;}
    .mRollWrap .mRollBox .rollTxt p.rollTxt02{font-size:30px;}
    .mRollWrap .mRollBox .rollTxt p.rollTxt03{font-size:16px;}
	
}

@media screen and (max-width:480px){
	
	.mRollWrap .mRollBox .rollTxt p.rollTxt01{font-size:20px; line-height:30px;}
    .mRollWrap .mRollBox .rollTxt p.rollTxt02{font-size:24px;}
    .mRollWrap .mRollBox .rollTxt p.rollTxt03{font-size:14px;}
	
}



/* end : main roll img */



#mainWrap{width:100%; float:left; position:relative; z-index:1; padding-top:75px;}
#mainCont{width:100%; float:left;}
#mainCont .mCont{width:96%; padding:15px 2%; float:left;}

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

.businessRollWrap{width:100%; height:280px; float:left; position:relative;}

.businessRoll{width:100%; height:280px; position:relative; overflow:hidden;}

.businessRollWrap .arrowR{width:30px; height:30px; position:absolute; z-index:10; background-color:none; background:url(../images/btnArrow02_R.png) no-repeat center center; background-size:30px; cursor:pointer; top:50%; right:-15px; margin-top:-15px; }
.businessRollWrap .arrowL{width:30px; height:30px; position:absolute; z-index:10; background-color:none; background:url(../images/btnArrow02_L.png) no-repeat center center; background-size:30px; cursor:pointer; top:50%; left:-15px; margin-top:-15px;}

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


.businessRoll .swiper-container{width:100%; height:100%;}
.businessRoll .swiper-container .swiper-slide{width:280px; height:280px; 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:20px 0; background:rgba(0,0,0,0.8); color:#fff; text-align:center; font-size:14px; text-align:center; bottom:0; left:0;}



#mainCont .mCont02{width:100%; box-sizing:border-box; padding:50px 0; float:left; background:url(../images/main03.jpg) no-repeat center center;}
#mainCont .mCont02 .mCateBox{width:40%; box-sizing:border-box; padding:20px; float:right; background:#fff;}
#mainCont .mCont02 .mCateLink{text-align:left;}

#mainCont .mCont03{width:100%; box-sizing:border-box; padding:80px 0; float:left; background:url(../images/main04.jpg) no-repeat center center; background-size:cover; margin-top:80px;}
#mainCont .mCont03 .movieTxt{color:#fff; font-size:40px; line-height:50px; text-align:center; width:100%; padding-bottom:50px; float:left; font-weight:bold;}
#mainCont .mCont03 .movieTxt span{font-size:20px;}
#mainCont .mCont03 .movieBtn{color:#fff; font-size:40px; line-height:50px; text-align:center; width:100%; padding-bottom:50px; float:left;}
#mainCont .mCont03 .movieBtn .playBtn{cursor:pointer;}

/* movie*/
#movieWrap{width:100%; height:100%; background:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999; display:none;}
.movie{width:90%; max-width:900px; height:80%; max-height:400px; background:#000; color:#ffffff; position:absolute; top:5%; left:5%; text-align:center; font-size:20px; box-sizing:border-box; padding:40px 0 20px; z-index:10;}
.movieClose{width:90%; max-width:900px; height:40px; background:#000; color:#ffffff; position:absolute; top:5%; left:5%; text-align:center; font-size:16px; line-height:40px; cursor:pointer; z-index:20;}


@media screen and (max-width:640px){
	.mCateBox .mCateTit01{font-size:18px;}
    .mCateBox .mCateTit02{font-size:30px;}
	
	.businessRollWrap{height:200px;}
    .businessRoll{height:200px;}
    .businessRoll .swiper-container .swiper-slide{width:200px; height:200px;}
	
	.mLink{width:100px;}
	
	#mainCont .mCont02 .mCateBox{width:50%;}
	
}

@media screen and (max-width:480px){
	.mCateBox .mCateTit01{font-size:16px;}
    .mCateBox .mCateTit02{font-size:26px;}
	
	#mainCont .mCont02 .mCateBox{width:60%;}
	
	#mainCont .mCont03 .movieTxt{font-size:30px; line-height:40px;}
    #mainCont .mCont03 .movieTxt span{font-size:18px;}
}



/* common sub page */ 

#subMenuWrap{width:100%; float:left;}
#subMenuWrap li{width:20%; float:left;}
#subMenuWrap li img{width:100%;}
#subMenuWrap li span.on{display:none;}
#subMenuWrap li span.off{display:block;}

#subMenuWrap li.on span.on{display:block;}
#subMenuWrap li.on span.off{display:none;}

#subMenuWrap li a span.on{display:none;}
#subMenuWrap li a span.off{display:block;}


#subTopWrap{width:100%; float:left;  padding:20px 0; background:#ec0303; display:none;}
.subMenu{width:100%; float:left; font-family: 'NanumSquare', sans-serif !important; font-size:16px; text-align:center; font-weight:bold;}
.subMenu a{color:#c4c4c4; padding:0 15px;}
.subMenu a.on{color:#fff;}

#subWrap{width:100%; float:left; min-height:500px;}
#subWrap .subTit{width:100%; float:left;}
#subWrap .subTit img{width:100%;}
#subWrap .subConts{width:96%; float:left; margin:15px 2%;}
#subWrap .subBoard{width:96%; float:left; margin:15px 2%;}
#subWrap .subBoard02{width:92%; float:left; margin:15px 4%;}



#subPageTop{width:100%; float:left; position:relative; z-index:1; margin-top:75px; box-sizing:border-box; padding:0 2%;}

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

.subLoca{font-family: 'NanumSquare', sans-serif !important; font-size:14px; line-height:14px; position:absolute; top:20px; right:0; }
.subLoca span{}
.subTopTit{width:100%; padding-left:0; text-align:center; font-family: 'NanumSquare', sans-serif !important; color:#000; font-size:30px; font-weight:bold; line-height:40px; 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;}


.subImg100{width:100%;}

.subMap{width:100%; height:400px; background:url(../images/sub/subMap.png) no-repeat center center;}
.subMapTxt{width:100%; padding:30px 10px; box-sizing:border-box;}
.subMapTxt p{padding:5px 0 5px 100px; box-sizing:border-box; font-size:20px; color:#767676; position:relative;}
.subMapTxt p::before{display:inline-block; width:100px; position:absolute; top:5px; left:0;  color:#292929; font-weight:600; content:'';}
.subMapTxt p:first-child::before{content:'주소';}
.subMapTxt p:nth-child(2)::before{content:'전화번호';}
.subMapTxt p:nth-child(3)::before{content:'Fax';}

.subMapLink{width:100%; padding:30px 10px; box-sizing:border-box; text-align:center;}
.subMapLink a{display:inline-block; width:150px; text-align:center; line-height:24px; box-sizing:border-box; padding:10px; border:1px solid #ebebeb; color:#767676; border-radius:5px; font-size:18px; margin:0 5px;}

@media screen and (max-width:640px){
	
	.subMapTxt p{padding:5px 0 5px 80px; font-size:18px;}
    .subMapTxt p::before{width:80px;}
    .subMapLink{padding:20px 10px;}
    .subMapLink a{width:120px; font-size:14px; margin:0 3px;}
	
}

@media screen and (max-width:480px){
	
	.subMapTxt p{font-size:16px;}
	
	/*.subTopWrap{padding:80px 0 20px;}*/
	.subTopTit{font-size:24px;}
	
	 .subMapLink{padding:10px 10px;}
	 .subMapLink a{width:90px; font-size:12px; margin:0px;}
	
}