@charset "euc-kr";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/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: Nanum Square,"³ª´®°íµñ", NanumGothic, sans-serif !important;
	 background:#ffffff;
	 }
	 
a { color:#1d0c01;
    text-decoration:none;
	font-family: "³ª´®°íµñ", NanumGothic, sans-serif !important;}
	
	
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:1100px; overflow:hidden;}
.center{width:1100px; margin:0 auto; position:relative;}

#topWrap{width:100%; height:110px; position:fixed; top:0; left:0; background:#ffffff; padding:0; z-index:200; }

#mGnbWrap{width:100%; float:left; position:relative; z-index:200; margin-top:39px; border-top:1px solid #9fadb5;}
.mLogo{float:left; width:200px; padding:20px 0; text-align:left;}
.mSns{float:right; padding-top:5px; margin-right:0px;}
.mSns a{padding-left:15px;}

.logGnb{position:absolute; top:-28px; right:0px; }
.logGnb li{padding-left:4px;  font-size:13px; line-height:20px; color:#9fadb5;}
.logGnb li a{color:#292929; line-height:20px;}
.logGnb li a:hover{color:#a1a1a1;}



.mGnb{float:right; padding-top:10px; position:relative; z-index:200; margin-right:-50px;}
.mGnb ul{width:100%; float:left;}
.mGnb ul li{position:relative; z-index:200; line-height:30px;  font-size:18px; text-align:center;} 
.mGnb ul li a{color:#292929; display:inline-block; padding:20px 50px; line-height:20px;} 
.mGnb ul li a:hover{color:#454545;}
.mGnb ul li.on a{color:#454545; background:url(../images/menuBlet.png) no-repeat center bottom;}
.mGnb ul li.select {border:none;}
.mGnb ul li.select a{color:#009cc4; border:none;}


.mGnb ul li.on .subM ul{background:#9fadb5;}

.mGnb ul li .subM{width:100%;  position:absolute; z-index:200; top:50px; left:0; background:url(../images/menuBg02.png); display:none;}
.mGnb ul li .subM ul{width:100%; float:left; margin-top:10px;}
.mGnb ul li .subM ul li{width:100%; float:left; line-height:20px;  font-size:16px; text-align:center;}
.mGnb ul li .subM ul li a{color:#272727; text-decoration:none; background:none; padding:10px 0;}
.mGnb ul li .subM ul li a:hover{color:#ccc; text-decoration:none;}
.mGnb ul li.on .subM ul li a{color:#fff; text-decoration:none;}
.mGnb ul li.on .subM ul li a:hover{color:#fff;}

.mGnb ul li.on .subM ul li:hover{background:#009cc4; }

#tmWrap{width:100%; position:absolute; background:#fff; border-top:1px solid #9fadb5; height:359px; z-index:10; top:110px; left:0; display:none;}  



/* main page*/
#mainWrap{width:100%; float:left; margin-top:110px;}

.mainRollWrap{width:100%; height:679px; float:left; margin-top:0px; position:relative; z-index:1; overflow:hidden;} 


/* main roll img */
.mSlideWrap{width:100%; height:679px; float:left; position:relative; overflow:hidden; z-index:1;}
.mSlideWrap .mSlide{width:1920px; height:100%; float:left; position:relative; 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%; float:left; position:absolute;top:0; left:0; z-index:1;}

.mSlideWrap .msTxt{position:absolute; top:195px; left:50%; margin-left:-550px; z-index:200; width:1100px; display:none;}/* main roll img txt*/
.mSlideWrap .msTxt ul{width:100%; float:left; position:relative;}
.mSlideWrap .msTxt ul li{float:left;}
.mSlideWrap .msTxt ul li .mTxt01{font-size:18px; color:#fff; line-height:40px; text-align:left;}
.mSlideWrap .msTxt ul li .mTxt01 span{padding-bottom:20px; border-bottom:1px solid #fff;}
.mSlideWrap .msTxt ul li .mTxt02{font-size:45px; color:#fff; font-weight:bold; text-align:left; padding:30px 0; text-shadow:1px 1px 3px #CCC;}
.mSlideWrap .msTxt ul li .mTxt03{font-size:18px; color:#fff; text-align:left; line-height:24px; text-shadow:1px 1px 3px #CCC;}
.mSlideWrap .msTxt ul li .mTxt04{padding-top:40px;}
.mSlideWrap .msTxt ul li .mTxt04 a{display:inline-block; width:170px; height:45px; background:url(../images/btnView01.png) no-repeat;}
.mSlideWrap .msTxt ul li .mTxt04 a:hover{width:170px; height:45px; background:url(../images/btnView02.png) no-repeat;}
.mSlideWrap .msTxt ul li .mTxt04 a span{display:none;}

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

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

.mSlideWrap .arrowL{position:absolute; top:50%; left:50%; margin-left:-648px; margin-top:-37px; z-index:200; cursor:pointer; display:block; width:38px; height:74px; background:url(../images/arrowL01.png) no-repeat 0 center;}
.mSlideWrap .arrowR{position:absolute; top:50%; left:50%; margin-left:610px; margin-top:-37px;z-index:200; cursor:pointer; display:block; width:38px; height:74px; background:url(../images/arrowR01.png) no-repeat right center;}

/* end : main roll img */



/* main Cont */
.mainContWrap{width:100%; float:left; padding:30px 0 0;}

.mBoardWrap{width:100%; height:40px; float:left; padding:10px 0; background:#e9e9e9; border-radius:30px; position:relative; overflow:hidden;}
.mBoardWrap .mBoardTit{display:inline-block; float:left; padding-left:30px; font-size:26px; font-weight:600; padding-right:20px; line-height:40px; border-right:1px solid #292929; color:#292929;}
.mBoardWrap .mBoard{display:inline-block; float:left; padding-left:20px; line-height:40px; font-size:20px; color:#111e25; float:left;}
.mBoardWrap .mBoard ul{width:820px; height:40px; float:left; position:relative;}
.mBoardWrap .mBoard ul li{width:100%; height:40px; position:absolute; top:0; left:0; opacity:0;}
.mBoardWrap .mBoard ul li:first-child{opacity:1;}
.mBoardWrap .mBoard ul li a{display:inline-block; width:100%;}
.mBoardWrap .mBoard ul li span.bDate{display:inline-block; float:right; color:#676767; font-size:16px;}

.mBoardWrap .mBoardDate{position:absolute; top:10px; right:148px; line-height:40px; color:#676767; font-size:16px;}
.mBoardWrap .arrowL{position:absolute; top:18px; right:100px; cursor:pointer;}
.mBoardWrap .arrowR{position:absolute; top:18px; right:68px;  cursor:pointer}
.mBoardWrap .arrowMore{position:absolute; top:18px; right:33px;}


.mBoardWrap02{width:100%; height:40px; float:left; padding:10px 0; background:#e9e9e9; border-radius:30px; position:relative; overflow:hidden; margin-top:10px;}
.mBoardWrap02 .mBoardTit{display:inline-block; float:left; padding-left:30px; font-size:26px; font-weight:600; padding-right:20px; line-height:40px; border-right:1px solid #292929; color:#292929;}
.mBoardWrap02 .mBoard{display:inline-block; float:left; padding-left:20px; line-height:40px; font-size:20px; color:#111e25; float:left;}
.mBoardWrap02 .mBoard ul{width:820px; height:40px; float:left; position:relative;}
.mBoardWrap02 .mBoard ul li{width:100%; height:40px; position:absolute; top:0; left:0; opacity:0;}
.mBoardWrap02 .mBoard ul li:first-child{opacity:1;}
.mBoardWrap02 .mBoard ul li a{display:inline-block; width:100%;}
.mBoardWrap02 .mBoard ul li span.bDate{display:inline-block; float:right; color:#676767; font-size:16px;}

.mBoardWrap02 .mBoardDate{position:absolute; top:10px; right:148px; line-height:40px; color:#676767; font-size:16px;}
.mBoardWrap02 .arrowL{position:absolute; top:18px; right:100px; cursor:pointer;}
.mBoardWrap02 .arrowR{position:absolute; top:18px; right:68px;  cursor:pointer}
.mBoardWrap02 .arrowMore{position:absolute; top:18px; right:33px;}


.bestPrd{width:100%; float:left;}
.mainTit{width:100%; float:left; text-align:center; font-size:30px; font-weight:600; line-height:40px; color:#191919; padding:50px 0;}
.mainTit span{font-size:16px; font-weight:normal;}

.bestPrdCate{width:100%; float:left; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.bestPrdCate ul{width:100%; float:left; text-align:center; height:50px;}
.bestPrdCate ul li{display:inline-block; padding:0 20px; float:none;}
.bestPrdCate ul li a{display:inline-block; padding:0 20px; line-height:50px; color:#878686; font-size:16px; cursor:pointer;}
.bestPrdCate ul li a:hover{line-height:48px; border-bottom:2px solid #878686;}
.bestPrdCate ul li.on a{line-height:48px; border-bottom:2px solid #878686;}


.mBestPrd{width:100%; float:left; padding:20px 0 50px; display:none;}
.mBestPrd .mBestCateWrap{width:325px; height:394px; float:left; display:table;}
.mBestPrd .mBestCate01{background:url(../images/bestPrd01.jpg) no-repeat;}
.mBestPrd .mBestCate02{background:url(../images/bestPrd02.jpg) no-repeat;}
.mBestPrd .mBestCate03{background:url(../images/bestPrd03.jpg) no-repeat;}
.mBestPrd .mBestCate04{background:url(../images/bestPrd04.jpg) no-repeat;}
.mBestPrd .mBestCate05{background:url(../images/bestPrd05.jpg) no-repeat;}
.mBestPrd .mBestCate06{background:url(../images/bestPrd06.jpg) no-repeat;}
.mBestPrd .mBestCate07{background:url(../images/bestPrd07.jpg) no-repeat;}
.mBestPrd .mBestCate08{background:url(../images/bestPrd08.jpg) no-repeat;}

.mBestPrd .mBestCate{width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; color:#fff; font-size:18px;}
.mBestPrd .mBestCate span{font-size:24px; font-weight:600;}

.mBest{width:765px; float:right;}
.mBest li{width:243px; height:392px; float:left; border:1px solid #cccccc; margin-left:10px; overflow:hidden;}
.mBest li .mBestImg{width:100%; height:260px; overflow:hidden; /*background:#333;*/}
.mBest li .mBestImg img{width:100%; height:260px; object-fit:cover;}
.mBest li .mBestSub{width:100%; height:60px; overflow:hidden; padding-top:10px; color:#191919; font-size:17px; text-align:center; line-height:30px;}
.mBest li .mBestSub span{font-size:18px; font-weight:600;}
.mBest li .mBestPrice{width:100%; padding-top:10px; color:#191919; font-size:17px; text-align:center; line-height:30px;font-size:18px; font-weight:600;}


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

.mBest li:hover .zoomImg{transition:0.3s; transform:matrix(1.10, 0, 0, 1.10, 0, 0); -webkit-transform:matrix(1.10, 0, 0, 1.10, 0, 0); -moz-transform:matrix(1.10, 0, 0, 1.10, 0, 0); opacity:0.7; filter:alpha(opacity=0.7);}


.kaudioWrap{width:100%; float:left;}
.kaudioLeft{width:546px; height:452px; float:left; position:relative; overflow:hidden;}

.kaudioImg{position:relative; float:left; z-index:1;}
.kaudio{position:absolute; z-index:2; width:100%; height:100%; left:0; top:0;}
.kaudio a{display:table; width:100%; height:100%;}
.kaudio a .kaudioTD{display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%; color:#fff; font-size:20px; line-height:24px;}
.kaudio a .kaudioTD span.tit{font-weight:bold; font-size:24px; line-height:30px;}

.kaudio a .kaudioTD01{display:table-cell; vertical-align:middle; text-align:left; padding-left:50px; color:#fff; font-size:20px; line-height:24px;}
.kaudio a .kaudioTD01 span.tit{font-weight:bold; font-size:24px; line-height:30px;}
.kaudio a .kaudioTD02{display:table-cell; vertical-align:middle; text-align:right; padding-right:50px; color:#fff; font-size:20px; line-height:24px;}

.kaudio a .kaudioTD03{display:table-cell; vertical-align:middle; text-align:left; padding-left:50px; color:#082a3c; font-size:20px; line-height:24px;}
.kaudio a .kaudioTD03 span.tit{font-weight:bold; font-size:24px; line-height:30px;}


.kaudioRight{width:545px; height:452px; float:right; position:relative; overflow:hidden;}
.kaudioRight .kaudio02{width:545px; height:221px; float:left; position:relative; overflow:hidden;}
.kaudioRight .kaudio03{width:545px; height:221px; float:left; position:relative; overflow:hidden; margin-top:10px;}

.kaudioLeft:hover .zoomImg{transition:0.3s; transform:matrix(1.10, 0, 0, 1.10, 0, 0); -webkit-transform:matrix(1.10, 0, 0, 1.10, 0, 0); -moz-transform:matrix(1.10, 0, 0, 1.10, 0, 0);}
.kaudio02:hover .zoomImg{transition:0.3s; transform:matrix(1.10, 0, 0, 1.10, 0, 0); -webkit-transform:matrix(1.10, 0, 0, 1.10, 0, 0); -moz-transform:matrix(1.10, 0, 0, 1.10, 0, 0);}
.kaudio03:hover .zoomImg{transition:0.3s; transform:matrix(1.10, 0, 0, 1.10, 0, 0); -webkit-transform:matrix(1.10, 0, 0, 1.10, 0, 0); -moz-transform:matrix(1.10, 0, 0, 1.10, 0, 0);}

.reviewWrap{width:100%; padding:0px 0 50px; float:left; background:#e9e9e9; margin-top:50px;}
.review{width:100%; padding:0px 0 30px; float:left;}

.review .swiper-slide{width:263px; height:358px; float:left; margin-left:13px;}
.review .reviewBox{width:263px; height:358px; float:left; border:1px solid #c2c2c2; background:#fff; text-align:center; /*margin-left:13px;*/}
.review .reviewBox .reviewImgBox{width:100%; height:178px; overflow:hidden; float:left; /*display:table;*/}
.review .reviewBox .reviewImg{width:100%; height:178px; overflow:hidden;background:#fff; display:table-cell; vertical-align:middle;}
.review .reviewBox .reviewImg img{width:100%; height:100%; object-fit:cover;}
.review .reviewBox .reviewSubj{width:90%; padding:15px 5%; overflow:hidden; float:left; line-height:24px; font-size:18px; color:#292929; font-weight:600; text-align:center;}
.review .reviewBox .reviewLine{width:30px; height:1px; display:inline-block; background:#c2c2c2;}
.review .reviewBox .reviewCont{clear:both; width:90%; padding:15px 5%; float:left; line-height:22px; font-size:15px; color:#292929; text-align:center;}

.review .swiper-slide:first-child{margin-left:0;}

.reviewBox:hover .zoomImg{transition:0.3s; transform:matrix(1.10, 0, 0, 1.10, 0, 0); -webkit-transform:matrix(1.10, 0, 0, 1.10, 0, 0); -moz-transform:matrix(1.10, 0, 0, 1.10, 0, 0); opacity:0.7; filter:alpha(opacity=0.7);}

.reviewBtn{width:100%; float:left; text-align:center;}
.reviewBtn a{display:inline-block; width:170px; height:45px; background:url(../images/btnView03.png) no-repeat;}
.reviewBtn a:hover{background:url(../images/btnView04.png) no-repeat;}
.reviewBtn a span.hide{display:none;}


.mainMap{width:100%; height:395px; float:left;}

/* end : main Cont */



#footWrap{width:100%; float:left; background:#252525; padding:20px 0 40px; }

.fLogo{width:150px; float:left; padding-top:10px;}

.footCopyWrap{width:100%; float:left; position:relative; padding-top:10px;}


.foot{width:950px; padding-top:0px; position:relative; float:left;}

.foot .address{width:100%; text-align:left;  line-height:24px; font-size:14px;  color:#9f9f9f; float:right;}
.foot .address span.copy{padding:0 5px; color:#ffffff;}

.fTelWrap{position:absolute; top:0; right:0; color:#fff; text-align:left;}
.fTelWrap .fTelTit{font-size:18px; font-weight:bold; color:#fff; font-family: Nanum Square,"³ª´®°íµñ", NanumGothic, sans-serif !important;}
.fTelWrap .fTel{font-size:30px; font-weight:bold; padding:15px 0; color:#fff; font-family: Nanum Square,"³ª´®°íµñ", NanumGothic, sans-serif !important;}
.fTelWrap .fTime{font-size:16px; line-height:24px; color:#fff; font-family: Nanum Square,"³ª´®°íµñ", NanumGothic, sans-serif !important;}
.fTelWrap .fTime span{font-weight:600; display:inline-block; padding-right:10px;}

.escrowWrap{position:absolute; top:0; right:0;}


/* sub Common*/

#subTitWrap{width:100%; float:left; height:160px; overflow:hidden; margin-top:110px;}
.subTit{float:left; width:100%; text-align:left; line-height:60px; font-size:40px; color:#fff; padding-top:50px; font-family: Nanum Square,NanumGothic, sans-serif !important;}

.subTitBg01_01{background:url(../images/sub/subTop01_01.jpg) no-repeat;}
.subTitBg01_02{background:url(../images/sub/subTop01_02.jpg) no-repeat;}

.subTitBg02_00{background:url(../images/sub/subTop02_01.jpg) no-repeat;}
.subTitBg02_01{background:url(../images/sub/subTop02_01.jpg) no-repeat;}
.subTitBg02_02{background:url(../images/sub/subTop02_02.jpg) no-repeat;}
.subTitBg02_03{background:url(../images/sub/subTop02_03.jpg) no-repeat;}
.subTitBg02_04{background:url(../images/sub/subTop02_04.jpg) no-repeat;}
.subTitBg02_05{background:url(../images/sub/subTop02_05.jpg) no-repeat;}
.subTitBg02_06{background:url(../images/sub/subTop02_06.jpg) no-repeat;}
.subTitBg02_07{background:url(../images/sub/subTop02_06.jpg) no-repeat;}
.subTitBg02_08{background:url(../images/sub/subTop02_06.jpg) no-repeat;}
.subTitBg02_09{background:url(../images/sub/subTop02_06.jpg) no-repeat;}
.subTitBg02_010{background:url(../images/sub/subTop02_010.jpg) no-repeat;}

.subTitBg03_01{background:url(../images/sub/subTop03_01.jpg) no-repeat;}
.subTitBg03_02{background:url(../images/sub/subTop03_01.jpg) no-repeat;}

.subTitBg04_01{background:url(../images/sub/subTop04_01.jpg) no-repeat;}
.subTitBg04_02{background:url(../images/sub/subTop04_02.jpg) no-repeat;}
.subTitBg04_03{background:url(../images/sub/subTop04_03.jpg) no-repeat;}

.subTitBg0100_01{background:url(../images/sub/subTop0100_01.jpg) no-repeat;}
.subTitBg0100_02{background:url(../images/sub/subTop0100_02.jpg) no-repeat;}
.subTitBg0100_03{background:url(../images/sub/subTop0100_03.jpg) no-repeat;}
.subTitBg0100_04{background:url(../images/sub/subTop0100_04.jpg) no-repeat;}

.subTitBg0200_01{background:url(../images/sub/subTop0200_01.jpg) no-repeat;}
.subTitBg0200_02{background:url(../images/sub/subTop0200_02.jpg) no-repeat;}
.subTitBg0200_03{background:url(../images/sub/subTop0200_03.jpg) no-repeat;}
.subTitBg0200_04{background:url(../images/sub/subTop0200_04.jpg) no-repeat;}
.subTitBg0200_05{background:url(../images/sub/subTop0200_05.jpg) no-repeat;}
.subTitBg0200_06{background:url(../images/sub/subTop0200_05.jpg) no-repeat;}

.subTitBg0300_01{background:url(../images/sub/subTop0300_01.jpg) no-repeat;}
.subTitBg0300_02{background:url(../images/sub/subTop0300_02.jpg) no-repeat;}

#subTab{width:100%; float:left; padding:50px 0 30px;}
#subTab a{display:inline-block; float:left; width:274px; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; background:#9fadb5; border-right:1px solid #f1f1f1;}
#subTab a:hover{background:#009cc4;}
#subTab a.on{background:#009cc4;}



#subWrap{width:100%; float:left; padding:50px 0;  font-size:16px; min-height:500px;}
.subCont{width:100%; float:left; margin-left:0; text-align:center;}
.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;}
.searchWrap{width:100%; height:50px; float:left; margin-left:0; text-align:left; position:relative; text-align:center;}




/* sub Page*/

.subBg01_01{width:100%; float:left; padding:50px 0; margin-top:50px; background:url(../images/sub/subBg01_01.jpg) no-repeat center center; background-attachment:fixed;}
.subBg01Txt{width:100%; float:left; color:#fff; text-align:center; line-height:24px; font-size:16px;}

.subMaps{width:100%; height:500px; float:left;}
.subTxt{width:100%; float:left; padding-top:30px;}
.subTxt span{display:inline-block; padding:15px 30px 15px 62px; line-height:26px; font-size:16px; color:#0f0f0f;}
.subTxt span.pos{background:url(../images/sub/icon_pos.png) no-repeat;}
.subTxt span.tel{background:url(../images/sub/icon_tel.png) no-repeat;}
.subTxt span.fax{background:url(../images/sub/icon_fax.png) no-repeat;}
.subTxt span.email{background:url(../images/sub/icon_email.png) no-repeat;}