/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);/* 나눔 스퀘어*/
@import url(http://fonts.googleapis.com/earlyaccess/notosans.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;
  box-sizing:border-box;}
  


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: 'Nanum Square', sans-serif;
	 width:100%;
	 overflow:hidden;
	 background:#f1f1f1;
	 }
	 
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;}
   
   
header,footer,nav,section,article,address{margin:0; padding:0; font-style:normal;}
   
.fontNotosans{font-family: 'Noto Sans', sans-serif !important; font-weight:600 !important;} 
   
/* common */

#wrap{width:100%; position:relative; max-width:1000px; min-width:320px; margin:0 auto;}

#topWrap{width:100%; max-width:1000px; min-width:320px; float:left; position:fixed; z-index:100;}
#topWrap .topMenu{width:100%; float:left; position:relative; padding:10px 0; background:#fff; z-index:100; border-bottom:1px solid #fff;}
#topWrap .topMenu .logo{width:100%; padding:0 2%; position:relative; float:left; text-align:left; z-index:100;}
#topWrap .topMenu .logo .main{display:none;}
#topWrap .topMenu .logo .sub{display:block;}

#topWrap .mainPage{background:none !important;}
#topWrap .mainPage .logo .main{display:block !important;}
#topWrap .mainPage .logo .sub{display:none !important;}

#topWrap .topMenu .menu{position:absolute; top:13px; right:2%; z-index:110;}
#topWrap .topMenu .menu .main{display:none;}
#topWrap .topMenu .menu .sub{display:block;}
#topWrap .mainPage .menu .main{display:block !important;}
#topWrap .mainPage .menu .sub{display:none !important;}


/* S : slide Menu*/
.slideMenuWrap{width:100%; max-width:1000px; height:100%; float:left; position:fixed; top:0px; z-index:110; background:#000; opacity:0.7; display:none;}

.slideMenu{width:84%; height:100%; max-width:800px; position:fixed; z-index:120; background:#fff; top:0; right:0; display:none;}

.slideMenu .slideTop{width:100%; float:left; background:#fff; position:relative;}
.slideMenu .slideTop .slideTopLogo{width:100%; padding:10 2%; position:relative; float:left; text-align:left;}
.slideMenu .slideTop .slideClose{position:absolute; top:13px; right:2%; z-index:200;}

.slideMenu ul.menu{width:100%; margin-left:0; float:left; margin-top:0px;}
.slideMenu ul.menu li{width:100%; float:left; border-top:1px solid #ddddda; background:#fff; padding:0; position:relative;}


.slideMenu ul.menu li a{width:90%; padding-left:5%; float:left; height:50px; line-height:50px; font-size:18px; color:#292929; font-weight:bold; display:inline-block; position:relative;}
.slideMenu ul.menu li.on a{color:#fff;}
.slideMenu ul.menu li.on{background:#005a8b; border-top:none;}

.slideMenu ul.menu li span.viewSub{display:inline-block; width:10%; height:50px; line-height:50px; font-size:30px; color:#005a8b; font-weight:bold; text-align:right; position:absolute; top:0px; right:2%;}
.slideMenu ul.menu li.on span.viewSub{color:#fff;}


.slideMenu ul.sub{display:none; margin-top:0; /*border-top:1px solid #ddddda;*/ float:left; width:100%; background:#e9ecf0;}
.slideMenu ul.sub li{width:100%; float:left; border-bottom:none; padding:0; background:#e9ecf0;}


.slideMenu ul.sub li a{width:85%; display:inline-block; margin-left:3%; margin-right:3%; padding-left:8%; height:40px; line-height:40px; font-size:16px; color:#292929 !important; font-weight:normal;}

.slideCopyWrap{width:80%; margin-left:10%; box-sizing:border-box; padding:15px; border:1px solid #ab9483; margin-top:30px; float:left;}
.slideCopy{width:100%; font-size:13px; color:#7c7166; line-height:24px; letter-spacing:-1px;}
.slideCopy span{font-weight:bold;}

.slideMenu .logMenu{width:100%; float:left; padding:8px 0; background:#036c75; text-align:center; font-size:15px; line-height:24px;}
.slideMenu .logMenu a{display:inline-block; padding:0 10px; font-size:15px; color:#fff;}


.slideMenu .slideBanner{width:100%; float:left; padding:30px 10% 40px; background:#fff; border-top:1px solid #ddddda; text-align:center;}
.slideMenu .slideBanner img{width:100%;}

.slideMenu .slideLang{width:100%; float:left; padding:20px 10% 20px; background:#fff; border-top:1px solid #ddddda; text-align:center;}
.slideMenu .slideLang a{display:inline-block; width:40%; margin:0 1%; height:40px; border:1px solid #005a8b; text-align:center; line-height:40px; color:#005a8b; font-size:16px;}

/* E : slide Menu*/




#footWrap{width:100%; float:left; background:#005a8b; padding:20px 0; position:relative; z-index:2;}

#footWrap .fAddress{width:100%; float:left; padding:20px 2%; position:relative; color:#fff; font-size:16px; text-align:center; line-height:24px;}

#footWrap .copy{width:100%; float:left; padding:10px 2%; position:relative; color:#fff; font-size:17px; text-align:center;}


.familySite{float:left; padding:10px 2%; width:100%;}
.familySite .selectBoxWrap{width:100%; height:30px; line-height:30px; background:#e9ecf0; border:1px solid #dfdfdf; position:relative; box-sizing:border-box;}
.familySite .selectBoxWrap .selectBox{width:100%; height:100%; padding-left:5px; color:#6c6c6c; line-height:30px; font-size:15px; cursor:pointer; background:url(../images/icon_arrow_d.png) no-repeat 96% center;}

.familySite .selectBoxWrap .fmSite{width:100%; position:absolute; bottom:29px; display:none;}
.familySite .selectBoxWrap .fmSite ul{width:100%; float:left; background:#e9ecf0; border:1px solid #c2c2c2;}
.familySite .selectBoxWrap .fmSite ul li{width:100%; float:left;}
.familySite .selectBoxWrap .fmSite ul li a{display:inline-block; width:100%; line-height:30px; padding:0 10px; color:#6c6c6c; font-size:15px;}


#fSiteMapWrap{width:100%; float:left; padding:30px 0; background:#e9ecf0;}
.fSiteMap{width:100%; float:left; text-align:left;}
.fSiteMap .fSite{width:96%; box-sizing:border-box; float:left; display:table; margin-bottom:20px; margin-left:2%;}
.fSiteMap .fSite .fmenu{width:25%; display:table-cell;  height:100%; vertical-align:top; padding-right:10px; font-size:17px; color:#292929; font-weight:600;}
.fSiteMap .fSite ul{width:75%;  display:table-cell; }
.fSiteMap .fSite ul li{float:left; padding:0 4px; border-left:1px solid #373737; margin:4px 0;}
.fSiteMap .fSite ul li a{font-size:16px; color:#373737;}
.fSiteMap .fSite ul li:first-child{border-left:none;}

@media screen and (max-width:480px){
	
	#topWrap{}
	
		
	#topWrap .topMenu .logo img{width:140px; padding-top:4px;}	
	#topWrap .topMenu .menu img{width:34px;}
	#topWrap .topMenu .menu{top:13px;}
	
	.slideMenu{top:0px;}
	.slideMenu .slideTopLogo img{width:140px;}
	.slideMenu .slideClose{top:13px;}
	.slideMenu .slideClose img{width:34px;}
	
	.slideMenu .slideSns a img{height:36px;}
	.slideMenu .slideSns a {font-size:13px;}
	
	
    #footWrap .fAddress{font-size:13px; line-height:20px;}
    #footWrap .copy{font-size:14px;}
	
	.familySite .selectBoxWrap .selectBox{font-size:13px;}
	.familySite .selectBoxWrap .fmSite ul li a{font-size:13px;}
	
	.fSiteMap .fSite .fmenu{font-size:15px;}
	.fSiteMap .fSite ul li a{font-size:13px;}
	

}





/* main Page*/
#mainWrap{width:98%; float:left; margin-top:0px; background:#fff; position:relative; margin-left:2%;}

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


.mSlideWrap{width:100%; float:left; position:relative;}


.mSwiper{width:100%; position:relative;}
.mSwiper .mSwiperImg{width:100%; position:relative; z-index:10;}
.mSwiper .mSwiperImg img{width:100%;}
.mSwiper .mSwiperTxt01{position:absolute; top:31%; left:4%; color:#292929; font-size:40px; text-align:left; z-index:20;}
.mSwiper .mSwiperTxt01 span{font-weight:600;}
.mSwiper .mSwiperTxt02{position:absolute; top:75%; left:4%; color:#292929; font-size:20px; text-align:left; z-index:30;}
.mSwiper .mSwiperTxt03{position:absolute; bottom:4%; left:4%; color:#005a8b; font-size:20px; text-align:left; z-index:40; }
.mSwiper .mSwiperTxt03 a{display:inline-block;padding:10px 40px; border:1px solid #005a8b; color:#005a8b; font-size:18px;}


.mNoticeWrap{width:100%; height:60px; padding:10px 0; background:url(../images/mBoardBg.jpg) no-repeat; float:left; position:relative; overflow:none;}
.mNoticeWrap .mNoticeTit{width:20%; padding-left:2%; line-height:40px; color:#fff; font-size:20px; font-weight:600; float:left;}
.mNoticeRoll{width:60%; height:40px; padding-left:2%; line-height:40px; float:left;}
.mNoticeRoll .mNotice a{display:inline-block; width:100%; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:left; overflow:hidden;}
.mNoticeRoll .mNotice a span.date{display:inline-block; float:right; color:#CCC; display:none;}
.mNoticeRoll .mNotice a:hover{color:#FFC;}

/* Arrows */

 .mNoticeRoll .swiper-container{height:40px;}

 .mNoticeWrap .swiper-slide{background:none;}
 .mNoticeWrap .swiper-button-prev,
 .mNoticeWrap .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -11px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}
 .mNoticeWrap .swiper-button-prev.swiper-button-disabled,
 .mNoticeWrap .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
 .mNoticeWrap .swiper-button-prev,
 .mNoticeWrap .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/btn_prev.png);
  left: auto;
  right: 8%;
}

 .mNoticeWrap .swiper-button-next,
 .mNoticeWrap .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/btn_next.png);
  right: 5%;
  left: auto;
}

 .mNoticeWrap .swiper-button-more{

  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -11px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
	
  background-image: url(../images/btn_more.png);
  right: 2%;
  left: auto;
}

 .mNoticeWrap .swiper-button-more a{display:inline-block; width:100%; height:100%;}

/*----------------------*/


.mainCont01{width:100%; padding:25px 2%; float:left; background:url(../images/mainBg01.jpg) no-repeat center center;}
.mCont01{width:100%; float:left; text-align:center;}
.mCont01 img{width:78%; max-width:500px;}


.mBestPrdWrap{width:100%; padding:25px 2% 25px; float:left; background:#fff;}
.mBestPrdTit{width:100%; padding-bottom:20px; padding-top:0px; float:left; font-size:24px; font-weight:600; color:#191919; line-height:30px; text-align:center;}
.mBestPrdTit span{font-size:18px; font-weight:normal;}

/*.mBestPrd{width:100%; float:left; position:relative;}
.mBest{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.bestPrd{width:98%; margin-left:1%; border:1px solid #999; float:left; position:relative;}
.bestPrd .bestPrdImg{width:100%; background-repeat:none; background-size:cover; background-position:center center; z-index:1;}
.bestPrd .bestPrdImg img{width:100%;}
.bestPrd .bestPrdName{width:96%; margin-left:2%; height:150px; padding-top:20px; /*border-top:1px solid #999; color:#292929; font-size:18px; line-height:24px; text-align:center; position:relative;}
.bestPrd .bestPrdName span{font-weight:600;}
.bestPrd .bestPrdName a{display:inline-block; margin-top:10px;}
.bestPrd .bestPrdLab{position:absolute; top:10px; right:10px; z-index:2}
.bestPrd .bestPrdLab img{width:40px;}


.mBest{width:100%; margin-bottom:20px; float:left; position:relative;}*/

.mBest{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}

.mBestPrd{width:100%; float:left; position:relative;}
.mBestPrd a{display:inline-block; width:100%; height:100%; text-align:center;}
.mBestPrd .prdImg{width:96%; display:inline-block; height:100%; overflow:hidden; position:relative; z-index:1; border:1px solid #f1f1f1; box-sizing:border-box;}
.mBestPrd .prdImg .zoomImg{width:100%; padding-bottom:20px;}

.mBestPrd .prdOver{position:absolute; top:0px; left:0px; z-index:20; width:240px; height:240px; background:rgba(0,90,139,0.7); opacity:0;  filter:alpha(opacity=0); }

.prdOver{display:none;}

.mBestPrd .prdName{width:100%; position:absolute; z-index:2; bottom:5px; left:0; text-align:center; font-size:16px; font-weight:600;}


.mBestPrd .mBestArrowL{width:40px; height:40px; position:absolute; top:-55px; left:2%; background:url(../images/arrowL.png) no-repeat center center; background-size:cover; cursor:pointer;}
.mBestPrd .mBestArrowR{width:40px; height:40px; position:absolute; top:-55px; right:2%; background:url(../images/arrowR.png) no-repeat center center; background-size:cover; cursor:pointer;}


.mainCont02{width:100%; float:left; background:#efefef; text-align:center; margin:40px 0; padding:20px 0;}
.mCont02{width:100%; float:left; text-align:center;}
.mCont02 img{width:100%; max-width:640px;}


.mainCont03{width:100%; float:left; background:#333333; text-align:center;}
.mCont03{width:100%; float:left; text-align:center;}
.mCont03 img{width:100%; max-width:640px;}

.mContBox{width:50%; float:left; height:200px; overflow:hidden; position:relative;}
.mContBox a{display:inline-block; width:100%; height:100%;}
.mContBox a .mContImg{width:100%; height:100%; position:relative; z-index:1; background-repeat:no-repeat; background-position:0 center;}

.mContBox a .mContImg01{background-image:url(../images/mCont01_01.png);}
.mContBox a .mContImg02{background-image:url(../images/mCont01_02.png);}
.mContBox a .mContImg03{background-image:url(../images/mCont01_03.png);}
.mContBox a .mContImg04{background-image:url(../images/mCont01_04.png);}

.mContBox a .mContTxt01{width:100%; position:absolute; z-index:3; top:87px; left:0; color:#fff; font-size:18px; line-height:24px; text-align:left; padding-left:4%;}
.mContBox a .mContTxt01 span{font-weight:bold; font-size:22px;}



.mContactBox{width:100%; padding:15px 2%; float:left;}
.mContactBox .contactBox{width:100%; margin-bottom:20px; float:left; text-align:left; display:table; position:relative;}

.mContactBox .contactBox .contactImg{width:25%; height:100%; vertical-align:middle; display:table-cell; position:relative; z-index:20;}
.mContactBox .contactBox .contactImg img{width:100%;}
.mContactBox .contactBox .contactTel{width:25%; height:100%; vertical-align:middle; color:#005a8b; font-weight:600; font-size:22px; line-height:24px; display:table-cell;  position:relative; z-index:20;}
.mContactBox .contactBox .contactTxt{width:50%; height:100%; vertical-align:middle; color:#313131; font-size:20px; line-height:24px; display:table-cell;  position:relative; z-index:20;}

.mContactBox .contactBox .botLine{position:absolute; width:90%; height:1px; border-bottom:1px solid #dfdfdf; bottom:10px; right:0; z-index:10;}


.goAskWrap{width:100%; padding-bottom:40px; float:left; margin-top:-61px; text-align:center;}
.goAskWrap .goAsk{display:inline-block; width:60%; max-width:200px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:18px; border:1px solid #005a8b; background:#005a8b;}
.goAskWrap .goAsk:hover{background:#fff; color:#005a8b;}



@media screen and (max-width:640px){
	
   .mBestPrd{}
   .bestPrd{}
   .bestPrd .bestPrdImg{}
   .bestPrd .bestPrdName{height:150px; font-size:16px;}
   .bestPrd .bestPrdName span{font-size:16px;}
   .bestPrd .bestPrdLab img{width:36px;}

   .mSnsWrap a{line-height:24px; font-size:16px;}
   .mSnsWrap a img{width:24px; margin-right:8px;}
   

	
}


@media screen and (max-width:480px){
	
	#mainWrap{margin-top:0px;}
	#mainRollWrap{margin-top:0px;}
	
    .mSwiper .mSwiperTxt01{font-size:30px;}
    .mSwiper .mSwiperTxt02{font-size:16px;}
    .mSwiper .mSwiperTxt03{font-size:14px;}
    .mSwiper .mSwiperTxt03 a{padding:5px 30px; font-size:14px;}
	
	
	.mBestPrdTit{font-size:18px; line-height:24px;}
    .mBestPrdTit span{font-size:15px;}
	
	
	.mBestPrd{}
    .bestPrd{}
    .bestPrd .bestPrdImg{}
    .bestPrd .bestPrdName{height:150px; font-size:14px;}
    .bestPrd .bestPrdName span{font-size:14px;}
	.bestPrd .bestPrdName a img{width:140px;}
    .bestPrd .bestPrdLab img{width:34px;}
	
	.mBestPrd .mBestArrowL{width:30px; height:30px; top:-45px;}
    .mBestPrd .mBestArrowR{width:30px; height:30px; top:-45px;}
	
	.mSnsWrap a{line-height:20px; font-size:14px;}
    .mSnsWrap a img{width:20px; margin-right:4px;}
	
	
	.mNoticeWrap .mNoticeTit{font-size:16px;}
	.mNoticeRoll .mNotice a{font-size:14px;}
	
	.mContBox{width:100%;}
	
	.mContactBox .contactBox .contactTel{font-size:16px;}
	.mContactBox .contactBox .contactTxt{font-size:15px;}
	

	
}




/* MAIN BANNER */
.mBannerWrap{width:100%; height:100%; float:left; margin-top:0px; position:absolute; top:0; left:0; z-index:1;} 

.mBannerWrap > .mSlideWrap{width:100%; height:100%; float:left; position:relative; z-index:1;}/* 메인롤링이미지 높이 : height */
.mBannerWrap > .mSlideWrap .mSlide{width:100%; height:100%; overflow:hidden; float:left; position:relative; left:0; top:0; margin-left:0; z-index:1; overflow:hidden;}/* 메인롤링이미지 높이 : height */
.mBannerWrap > .mSlideWrap .mSlide ul{width:100%; height:100%; float:left; position:relative; z-index:1;}
.mBannerWrap > .mSlideWrap .mSlide ul li{width:100%; height:100%; float:left; position:absolute;top:0; left:0; z-index:1; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.mBannerWrap > .mSlideWrap .msTxt{position:absolute; top:0; left:0; margin-left:0px; z-index:200; width:100%; height:100%; display:none;}/* main roll img txt*/
.mBannerWrap > .mSlideWrap .msTxt ul{width:100%; height:100%; float:left; position:relative;}
.mBannerWrap > .mSlideWrap .msTxt ul li{float:left; width:100%; height:100%; position:relative; position:absolute; top:0; left:0;}
.mBannerWrap > .mSlideWrap .msTxt ul li .mTxt01{font-size:26px; color:#fff; line-height:40px; text-align:left; font-weight:600; width:100%; padding-left:2%; margin-top:80%;}
.mBannerWrap > .mSlideWrap .msTxt ul li .mTxt02{font-size:18px; color:#fff; text-align:center; padding:0; width:100%; padding-left:2%; clear:both;text-align:left;}
.mBannerWrap > .mSlideWrap .msTxt ul li .mTxtLine{margin:30px 0; width:80px; height:1px; margin-left:2%; background:#fff;}

.mBannerWrap > .mSlideWrap .msTxt .pointWrap{position:absolute; top:33.5897%; left:60.7825%; height:22.17948%; width:27.1875%;}
.mBannerWrap > .mSlideWrap .msTxt .pointWrap .ballWrap{position:absolute; width:300px; height:300px; left:50%; top:50%; margin-left:-150px; margin-top:-150px; z-index:5;}
.mBannerWrap > .mSlideWrap .msTxt .pointWrap .ballWrap .ball{position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; opacity:0; background:rgba(255,255,255,.5); animation:ball-scale-multiple 3s 0s linear infinite; webkit-animation: ball-scale-multiple 3s 0s linear infinite;}
.mBannerWrap > .mSlideWrap .msTxt .pointWrap .ballWrap .ball:nth-child(2){animation-delay:-2s;}
.mBannerWrap > .mSlideWrap .msTxt .pointWrap .ballWrap .ball:nth-child(3){animation-delay:-0.5s;}
.mBannerWrap > .mSlideWrap .msTxt .pointWrap .point{width:100%; position:relative; z-index:10;}
.mBannerWrap > .mSlideWrap .msTxt .pointWrap .point img{width:100%;}
.mBannerWrap > .mSlideWrap .msTxt .pointWrap .pointTxt{width:100%; height:30px; position:absolute; top:100%; z-index:10; text-align:center; color:#fff; line-height:30px; font-size:14px;}

@keyframes ball-scale-multiple{

  0%{
	 webket-transform:scale(0.3);
	 transform:scale(0.5);
	 opacity:0.3;  
  }
  
  5%{
	 opacity:0.8;  
  }
  
  100%{
	 webket-transform:scale(1.2);
	 transform:scale(1.2);
	 opacity:0;  
	  
	  }
	
}



.mBannerWrap > .mSlideWrap .sBlet{width:100%; position:absolute; top:90px; left:2%; z-index:200; text-align:left;}
.mBannerWrap > .mSlideWrap .sBlet a{display:inline-block; width:12px; height:12px; margin:0 2px; border-radius:10px; background:none; border:1px solid #fff; cursor:pointer;}
.mBannerWrap > .mSlideWrap .sBlet a.on{background:#fff;}

.mBannerWrap > .mSlideWrap .sBlet a.on{
	    -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;
		transition:0.3s;
		width:24px;	
}

.mBannerWrap > .mSlideWrap .playStop{position:absolute; top:450px; left:50%; margin-left:-350px; z-index:200; cursor:pointer; display:none;}
.mBannerWrap > .mSlideWrap .playStop li span.off{display:inline-block; padding-left:20px;}
.mBannerWrap > .mSlideWrap .playStop li span.on{display:none;}
.mBannerWrap > .mSlideWrap .playStop li.on span.off{display:none;}
.mBannerWrap > .mSlideWrap .playStop li.on span.on{display:inline-block; padding-left:20px;}

.mBannerWrap .arrowL{position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-770px; z-index:200; cursor:pointer; display:block; width:40px; height:80px; background:url(../images/arrow02_L.png) no-repeat center center; display:none;}
.mBannerWrap .arrowR{position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:730px;z-index:200; cursor:pointer; display:block; width:40px; height:80px; background:url(../images/arrow02_R.png) no-repeat center center; display:none;}


@media screen and (max-width:480px){
	
	.mBannerWrap > .mSlideWrap .msTxt ul li .mTxt01{font-size:20px; line-height:26px; margin-top:80%;}
	.mBannerWrap > .mSlideWrap .msTxt ul li .mTxt02{font-size:14px; line-height:20px;}
	.mBannerWrap > .mSlideWrap .msTxt ul li .mTxtLine{margin:15px 2%;}
	
	.mBannerWrap > .mSlideWrap .msTxt .pointWrap .ballWrap{width:180px; height:180px; margin-left:-90px; margin-top:-90px;}
	
	.mBannerWrap > .mSlideWrap .sBlet{top:80px;}
	
}


/*-------//MAIN BANNER-------- */


/* sub Common*/


#subTitle{width:100%; float:left;height:146px; margin-top:72px; position:relative;}

.subTopBg1{background:url(../images/sub/subTop01.png) no-repeat center center;}
.subTopBg2{background:url(../images/sub/subTop02.png) no-repeat center center;}
.subTopBg3{background:url(../images/sub/subTop03.png) no-repeat center center;}
.subTopBg4{background:url(../images/sub/subTop04.png) no-repeat center center;}

#subTitle .subTit{position:absolute; right:2%; bottom:15px; font-size:30px; color:#fff; line-height:40px; font-weight:bold;}

.subGnbWrap{width:100%; float:left; padding:10px 0; text-align:center; background:#005a8b;}
.subGnbWrap a{display:inline-block; line-height:30px; font-size:18px; color:#b6b6b6 !important; padding:0 20px;}
.subGnbWrap a.on{color:#fff !important;}



#subWrap{width:100%; float:left; min-height:500px; position:relative; z-index:2; background:#fff;}

#subWrap .subCont{width:100%; float:left; position:relative; z-index:2; padding:30px 0; }
#subWrap .subBoard{width:100%; padding:30px 2%; float:left; background:#fff; position:relative; z-index:2; font-size:14px;}




.subImg100{width:100%; /*max-width:640px;*/}


@media screen and (max-width:480px){
	
	#subTitle{margin-top:68px;}
	#subWrap .subCont{}
	
	#subTitle .subTit{font-size:20px; line-height:30px;}
    #subTitle .subTxt{font-size:14px; line-height:20px;}
	
	.subGnbWrap a{font-size:14px; line-height:24px;}
	
}


/* sub page*/

#subTabWrap{width:96%; margin-left:2%; float:left; margin-top:30px;}
.subTab02{width:100%;}
.subTab02 li{width:50%; float:left;}

.subTab03{width:100%;}
.subTab03 li{width:33.333%; float:left;}

.subTab04{width:100%;}
.subTab04 li{width:25%; float:left;}

.subTab05{width:100%;}
.subTab05 li{width:20%; float:left;}

.subTab06{width:100%;}
.subTab06 li{width:16.666%; float:left;}

#subTabWrap a{display:inline-block; width:100%; height:40px; line-height:30px; padding:5px 0; box-sizing:border-box; border:1px solid #dbdbdb; background:#e9ecf0; color:#878787; font-size:18px; text-align:center; cursor:pointer;}
#subTabWrap a.on{border:1px solid #005a8b; background:#005a8b; color:#fff;}
#subTabWrap a:hover{border:1px solid #005a8b; background:#005a8b; color:#fff;}

/* 관련법규*/
#rawWrap{width:100%; float:left; padding:30px 2%;}
.raw{width:100%; padding:20px 0; float:left;}
.raw .rawTit{padding-left:15px; border-left:2px solid #005a8b; line-height:20px; color:#005a8b; font-size:20px; margin-bottom:20px; float:left; display:block; font-weight:600;}
.raw .rawArticle{padding-left:15px; color:#292929; font-size:17px; line-height:26px; display:block; clear:both; text-align:left;}
.raw .rawArticle p{width:100%; display:block; clear:both; padding:5px 0;}
.raw .rawArticle table td{padding:5px 0; font-size:17px;}
.raw .rawArticle ol{float:left; margin-left:15px; margin-top:20px;}
.raw .rawArticle ol li{list-style:decimal; display:list-item; padding-bottom:20px; clear:both;}

.raw .rawArticle ul.list{float:left; margin-left:15px; margin-top:20px;}
.raw .rawArticle ul.list li{display:list-item; list-style:square;  padding-bottom:10px; clear:both;}

.raw .rawArticle ol.subArticle{float:left; margin-left:0px; margin-top:10px; font-size:16px; line-height:22px; clear:both;}
.raw .rawArticle ol.subArticle li{list-style:none; padding-bottom:10px; display:block; clear:both;}

.raw .rawArticle ul.sSubArticle{float:left; margin-left:15px; margin-top:10px; font-size:15px; line-height:20px; clear:both;}
.raw .rawArticle ul.sSubArticle li{list-style:none; padding-bottom:8px; display:block; clear:both;}

.raw .rawArticle .testTB{width:100%; border-bottom:1px solid #005a8b;}
.raw .rawArticle .testTB th, .raw .rawArticle .testTB td{padding:10px 0; text-align:center; border-left:1px solid #dfdfdf; line-height:24px;}
.raw .rawArticle .testTB th:first-child, .raw .rawArticle .testTB td:first-child{border-left:none;}
.raw .rawArticle .testTB th{background:#005a8b; color:#fff;}
.raw .rawArticle .testTB td{border-bottom:1px solid #dfdfdf; color:#292929;}
.raw .rawArticle .testTB td.bNone{border-bottom:none;}
.raw .rawArticle .testTB td.bL{border-left:1px solid #dfdfdf;}


@media screen and (max-width:480px){
	#subTabWrap a{font-size:16px;}
	
	.raw .rawTit{font-size:18px;}
	.raw .rawArticle{font-size:15px; line-height:24px;}
	
	.raw .rawArticle table td{font-size:15px;}

	
}

/* 부칙*/
#subRawWrap{width:100%; float:left; background:#f6f6f6; margin-bottom:100px;}
.subRaw{width:100%; padding:30px 2%; border-bottom:1px solid #dfdfdf; float:left;}
.subRaw:last-child{border-bottom:none;}
.subRaw .subRawTit{clear:both; padding-left:10px; border-left:2px solid #005a8b; line-height:24px; font-size:24px; color:#005a8b; margin-left:10px; margin-bottom:30px; float:left; font-weight:600;}
.subRaw p{clear:both; padding-left:30px;}

.sRawWrap{padding-bottom:30px; float:left; clear:both;}
.sRawWrap .subRawTit01{clear:both; padding-left:10px; border-left:2px solid #005a8b; line-height:20px; font-size:20px; color:#005a8b; margin-left:20px; margin-bottom:20px; float:left; font-weight:600; text-align:left;}
.sRawWrap .subRawArticle{width:100%;padding-left:30px; color:#292929; font-size:17px; line-height:26px; display:block; clear:both; text-align:left; float:left;}

.sRawWrap .subRawArticle ul.list{float:left; margin-left:15px; margin-top:20px;}
.sRawWrap .subRawArticle ul.list li{display:list-item; list-style:square;  padding-bottom:10px; clear:both;}
.sRawWrap .subRawArticle p{clear:both; padding-left:0px; text-align:left;}

.sRawWrap .subRawArticle ol.sRowSubList{float:left; margin-left:10px; margin-top:10px; font-size:16px; line-height:22px; clear:both;}
.sRawWrap .subRawArticle ol.sRowSubList li{list-style:none; padding-bottom:10px; display:block; clear:both;}

.sRawWrap .subRawArticle ol.ssRowList{float:left; margin-left:25px; margin-top:10px; font-size:15px; line-height:22px; clear:both;}
.sRawWrap .subRawArticle ol.ssRowList li{list-style:decimal; display:list-item; padding-bottom:10px; clear:both;}

.sRawWrap .subRawArticle .testTB{width:100%; border-bottom:1px solid #005a8b;}
.sRawWrap .subRawArticle .testTB th, .sRawWrap .subRawArticle .testTB td{padding:10px 0; text-align:center; border-left:1px solid #dfdfdf; line-height:24px;}
.sRawWrap .subRawArticle .testTB th:first-child, .raw .rawArticle .testTB td:first-child{border-left:none;}
.sRawWrap .subRawArticle .testTB th{background:#005a8b; color:#fff;}
.sRawWrap .subRawArticle .testTB td{background:#fff; text-align:center;color:#292929;}

.sRawWrap .subRawArticle ol.ssRowSubList{float:left; margin-left:25px; margin-top:10px; font-size:15px; line-height:22px; clear:both;}
.sRawWrap .subRawArticle ol.ssRowSubList li{display:list-item; list-style:lower-roman; padding-bottom:10px; clear:both;}

@media screen and (max-width:480px){
	
	.subRaw .subRawTit{font-size:18px;}
	.sRawWrap .subRawArticle{font-size:15px; line-height:24px;}
	
	.sRawWrap .subRawArticle ol.sRowSubList{font-size:14px;}
	.sRawWrap .subRawArticle ol.ssRowList{font-size:13px;}

	
}

/* 회사소개 > CI소개 */
.imgCI{width:100%; float:left;}
.ciTxtWrap{width:100%; float:left; padding:50px 2%; text-align:center; line-height:30px; color:#292929;}
.ciTxtWrap .ciTit{font-size:24px; font-weight:600;}
.ciTxtWrap .txtLine{display:inline-block; width:50px; height:1px; margin:15px 0; background:#005a8b;}
.ciTxtWrap .ciDesp{font-size:18px;}
.ciTxtWrap .pdfDown{display:inline-block; text-align:center; padding:50px 0; width:100%;}
.ciTxtWrap .pdfDown .btnDown{display:inline-block; width:70%; max-width:320px; height:45px; line-height:45px; color:#fff; font-size:20px; background:#005a8b; border:1px solid #005a8b;}
.ciTxtWrap .pdfDown .btnDown:hover{background:#fff; color:#005a8b;}


@media screen and (max-width:480px){
	
	.ciTxtWrap .ciTit{font-size:20px;}
	.ciTxtWrap .ciDesp{font-size:15px;}
	.ciTxtWrap .pdfDown{padding:30px 0;}
	.ciTxtWrap .pdfDown .btnDown{font-size:16px;}

	
	
}


/* 관련기술법규 > 가스누설감지기술 */
#techBoxWrap{width:100%; float:left; padding:30px 0;}
.techBox{width:100%; float:left; margin-bottom:30px; background:#f6f6f6; padding:50px 2%; position:relative;}
.techBox .techTit{width:100%; margin-bottom:30px; font-size:24px; font-weight:600; color:#000; float:left; text-align:left;}
.techBox .techSubTit{width:100%; padding:0px 15px; margin:10px 0; font-size:20px; color:#005a8b; float:left; border-left:2px solid #005a8b; text-align:left; font-weight:600;}
.techBox .techSubTit span.chk{display:inline-block; width:50px; height:20px; background:url(../images/sub/mark_chk.png) no-repeat center center;}
.techBox .techDesp{width:100%; padding:10px 20px 40px 20px; font-size:17px; color:#292929b; float:left; line-height:26px; text-align:left; }
.techBox .techDesp ul{width:100%; float:left;}
.techBox .techDesp ul li{display:list-item; list-style:square; margin-left:15px; clear:both;}

.techBox .techLine{width:100%; position:relative; float:left; margin-left:-25px; height:40px; border-top:1px solid #dfdfdf;}


.awardMark{position:absolute;top:20px; right:40px;}

@media screen and (max-width:480px){
	.techBox .techTit{font-size:18px;}
	.techBox .techSubTit{font-size:16px;}
	.techBox .techDesp{font-size:14px;}
	
}


/* 회사소개 > 회사소개 */
.subContTitWrap{width:100%; float:left; padding:40px 0; text-align:center; line-height:30px; color:#292929;}
.subContTitWrap .subContTit{font-size:24px; font-weight:600;}
.subContTitWrap .subContLine{display:inline-block; width:30px; height:1px; margin:15px 0; background:#005a8b;}

.global{width:100%; height:515px; background:url(../images/sub/global.png) no-repeat center center; background-size:cover; float:left; position:relative;}
.global .globalTxt{position:absolute; left:4%; bottom:70px; color:#fff; padding-left:10px; border-left:2px solid #fff; line-height:30px; font-size:26px;}
.global .globalTxt span{font-weight:600;}

.companyDesp{padding:40px 2%; text-align:center; line-height:30px; font-size:18px; color:#252525; float:left; width:100%;}
.companyDesp span.blue{color:#005a8b; font-weight:600;}
.companyDesp span.insure{color:#ed5f00; padding-left:15px; display:inline-block; padding-top:10px; padding-bottom:10px; background:url(../images/sub/dot_orange.png) no-repeat 0 22px;}

.companyBoxWrap{width:100%; padding:30px 0; text-align:center; float:left; background:#f6f6f6;}
.companyBoxWrap .companyBox{width:30%; display:inline-block; padding:10px 0;}
.companyBoxWrap .companyBox .companyImg{padding-bottom:5px; width:100%;}
.companyBoxWrap .companyBox .companyImg img{width:80%;}
.companyBoxWrap .companyBox .companyName{font-size:20px; line-height:40px; color:#005a8b; font-weight:600;}
.companyBoxWrap .companyBox .companyTxt{font-size:18px; line-height:24px; color:#292929; }

.contactBoxWrap{width:100%; float:left; padding:30px 0; border-bottom:1px solid #dfdfdf;}
.contactMap{width:100%; float:left; height:250px;}


.contactInfo{width:100%; padding-top:20px; padding-left:10%; padding-right:10%; text-align:center; float:left;}
.contactInfo .infoBox{width:100%; height:68px; padding-top:5px; padding-bottom:5px;  display:inline-block; padding-left:75px; background-repeat:no-repeat; background-position:0 center; color:#292929; font-size:18px; line-height:58px; text-align:left; margin-bottom:10px;}
.contactInfo .infoBox span{display:inline-block; padding-right:5px; color:#005a8b; font-weight:600;}
.contactInfo .tel{background:url(../images/sub/icon_tel.png) no-repeat 0 center; line-height:29px;}
.contactInfo .email{background:url(../images/sub/icon_email.png) no-repeat 0 center;}
.contactInfo .pos{background:url(../images/sub/icon_pos.png) no-repeat 0 center; line-height:29px;}

.orgBoxWrap{width:100%; float:left; padding:30px 0; border-bottom:1px solid #dfdfdf;}
.orgBox{width:100%; float:left; }


@media screen and (max-width:480px){
	.global .globalTxt{font-size:20px;}
	
	.companyDesp{font-size:16px; line-height:24px;}
	
	.contactInfo .infoBox{font-size:15px;}
	.companyBoxWrap .companyBox .companyName{font-size:16px;}
	.companyBoxWrap .companyBox .companyTxt{font-size:14px;}
	
}


.historyBoxWrap{width:100%; padding:15px 0; margin-bottom:40px; float:left; background:#f6f6f6;}
.historyTop{width:100%; height:50px; float:left; background:url(../images/sub/historyLine_top.png) no-repeat center 0;}
.historyBottom{width:100%; height:20px; float:left; background:url(../images/sub/historyLine_bottom.png) no-repeat center bottom;}
.historyLeft{width:50%; padding-bottom:30px; float:left; background:url(../images/sub/historyLine_L.png) no-repeat 100% 0; position:relative; clear:both; margin-left:3px;}
.historyRight{width:50%; padding-bottom:30px; float:right; background:url(../images/sub/historyLine_R.png) no-repeat 0 0; position:relative; clear:both; margin-right:2px;}


.year{position:absolute; right:50px; top:-10px; font-size:20px; font-weight:600; color:#005a8b; line-height:24px;}
.history{position:relative; float:left; padding-top:20px; clear:both; width:100%; padding-right:30px; font-size:16px;  color:#292929; line-height:24px;}

.historyLeft .year{right:30px;}
.historyLeft .history{float:left;  text-align:right;}

.historyRight .year{left:30px;}
.historyRight .history{float:right; text-align:left; padding-left:30px; padding-right:0;}


@media screen and (max-width:480px){
	
	.year{font-size:16px;}
	.history{font-size:14px;}
	
}

/* 가스 사용요령 */
.gasGuideWrap{width:100%; padding-top:176px; padding-left:2%; padding-right:2%; height:432px; background:url(../images/sub/safeGuide.png) no-repeat center 0; text-align:center; color:#fff; font-size:17px; line-height:24px;}
.gasGuideWrap span{font-weight:600;}

.guideWrap{width:100%; padding:40px 0;}

.guide{width:100%; padding:0 2%; float:left; margin-bottom:50px; position:relative;}
.guide .guideTit{margin-bottom:20px; font-size:24px; font-weight:600; float:left; text-align:left; display:block; border-left:2px solid #005a8b; color:#005a8b; padding-left:10px;}
.guide .guideDesp{display:block; padding-left:15px; clear:both;font-size:17px; color:#292929b; float:left; line-height:26px; text-align:left; }
.guide .guideDesp ul{width:100%; float:left;}
.guide .guideDesp ul li{display:list-item; list-style:square; margin-left:15px; clear:both;}


@media screen and (max-width:480px){
	
	.gasGuideWrap{font-size:15px;}
	
	.guide{margin-bottom:30px;}
	
	.guide .guideTit{font-size:18px;}
	.guide .guideDesp{font-size:15px;}
	
	
}

/* support*/
.supportL{width:96%; margin-left:2%; float:left; border:1px solid #dfdfdf; padding:30px; box-shadow:1px 1px 5px #dfdfdf;}
.supportR{width:96%; margin-left:2%; float:right;}
.supportR .supportBox{width:100%; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #dfdfdf; float:left;}
.supportR .supportBox:last-child{border-bottom:none;}
.supportR .supportBox .supportTit{padding-left:15px; color:#005a8b; font-size:20px; font-weight:600; margin-bottom:12px; text-align:center;}
.supportR .supportBox  .supportTel{clear:both; line-height:27px; margin-left:15px; margin-bottom:10px; color:#292929; font-size:17px; text-align:center;}
.supportR .supportBox  .supportEmail{clear:both; margin-left:15px; line-height:27px; margin-bottom:10px; color:#292929; font-size:17px; text-align:center;}

.supportR .supportBox .line{display:inline-block; width:30px; height:3px; background:#005a8b; margin-top:10px; margin-bottom:10px;}

@media screen and (max-width:480px){
	.supportR .supportBox .supportTit{font-size:18px;}
	.supportR .supportBox  .supportTel{font-size:15px;}
	.supportR .supportBox  .supportEmail{font-size:15px;}
	
}