@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, Malgun Gothic, Dotum, AppleGothic, 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:998px; overflow:hidden;}
.center{width:998px; margin:0 auto;}

#topWrap{width:100%; float:left; background:#ffffff; z-index:200; position:fixed; border-bottom:1px solid #ccc;} 

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

#logGnbWrap{width:100%; float:left; background:#422f0d; padding:15px 0;  text-align:right;}
.logGnb{float:right; width:100%; text-align:right;}
.logGnb ul{float:right;}
.logGnb li{padding-left:10px; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; font-size:14px;}
.logGnb li a{color:#ffffff;}
.logGnb li a:hover{color:#ffffff;}



.mGnb{float:right; padding-top:0px; position:relative; z-index:200; padding-right:20px;}/* 메인메뉴 ?�비*/
.mGnb ul{width:100%; float:left;}
.mGnb ul li{position:relative; z-index:200; padding:0 40px; line-height:59px; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; font-size:20px; text-align:center;} /* 메인로고 ?�이 : line-height */
.mGnb ul li a{color:#454545; display:inline-block; width:100%;} /* 메인로고 ?�이 : height */
.mGnb ul li a:hover{color:#422f0d;}
.mGnb ul li.on a{color:#422f0d;}
.mGnb ul li.onM a{color:#422f0d;}



.mGnb ul li .subM{width:100%; height:120px; position:absolute; z-index:200; top:60px; left:0; background:url(../images/menuBg02.png); display:none;} /* ?�단메뉴 ?�이 : top */
.mGnb ul li .subM ul{width:100%; float:left; margin-top:20px;}
.mGnb ul li .subM ul li{width:100%; float:left; line-height:32px; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; font-size:16px; text-align:left; padding-right:0; border:none;}
.mGnb ul li .subM ul li a{color:#8d8d8d; text-decoration:none; background:none;}
.mGnb ul li .subM ul li a:hover{color:#fff; text-decoration:none;}
.mGnb ul li .subM ul li.on a{color:#fff; text-decoration:none;}
.mGnb ul li .subM ul li.on{background:none;}

#tmWrap{width:100%; position:absolute; background:#422f0d; height:220px; z-index:10; top:130px; left:0; display:none;}  /* ?�단메뉴 ?�이 : top */



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

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


/* main roll img */
.mSlideWrap{width:100%; height:513px; float:left; position:relative; overflow:hidden; z-index:1;}/* 메인롤링?��?지 ?�이 : height */
.mSlideWrap .mSlide{width:1920px; height:513px; float:left; position:relative; left:50%; margin-left:-960px; z-index:1; overflow:hidden;}/* 메인롤링?��?지 ?�이 : height */
.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:120px; left:50%; margin-left:-490px; z-index:200; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; font-size:16px; color:#222222; line-height:30px; text-align:center; color:#ffffff;}/* main roll img txt*/
.mSlideWrap .msTxt ul{width:100%; float:left; position:relative;}
.mSlideWrap .msTxt ul li{width:100%; float:left; position:absolute; top:0; left:0;}
.mSlideWrap .msTxt ul li .mTxt01{ font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; font-size:16px; color:#ffffff; line-height:30px; width:1000px; text-align:left;}
.mSlideWrap .msTxt ul li .mTxt01 span{font-weight:bold; font-size:40px; line-height:60px;}
.mSlideWrap .msTxt ul li .mTxt02{ font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; font-size:16px; color:#ffffff; width:1000px; text-align:left; padding-top:40px;}



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

.mSlideWrap .sBlet{position:absolute; top:450px; left:50%; margin-left:-60px; z-index:200;}
.mSlideWrap .sBlet a{display:inline-block; width:20px; height:20px; background:#fff; margin-right:10px; cursor:pointer; border-radius:20px;}
.mSlideWrap .sBlet a.on{background:none; width:18px; height:18px; border:2px solid #fff; }
.mSlideWrap .sBlet a:over{background:none; width:18px; height:18px; border:2px solid #fff;}

.mSlideWrap .playStop{position:absolute; top:452px; left:50%; margin-left:30px; z-index:200; cursor:pointer;}
.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; bottom:50px; left:30px; z-index:200; cursor:pointer; display:none;}
.mSlideWrap .arrowR{position:absolute; bottom:50px; left:60px; z-index:200; cursor:pointer; display:none;}

/* end : main roll img */





/* main Board*/
.mBoardWrap{width:100%; float:left;}
.mBoardWrap .mBoard{width:100%; float:left; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; line-height:30px;}
.mBoardWrap .mBoard ul{width:100%; float:left; position:relative;}
.mBoardWrap .mBoard ul li{width:100%; float:left; font-size:16px; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; color:#000000; line-height:24px; padding:5px 0;}
.mBoardWrap .mBoard ul li a{color:#454545; display:inline-block; width:100%;}
.mBoardWrap .mBoard ul li a:hover{coor:#422f0d;}
.mBoardWrap .mBoard ul li span.date{font-size:14px; color:#999; float:right; display:inline-block;}


/*mainGallery*/
.mainGallery{width:100%; float:left;}
.mainGallery ul{width:100%; float:left;}
.mainGallery ul li{width:162px; height:97px; overflow:hidden;}
.mainGallery ul li img{width:162px;}


/* main Cont*/
.mContWrap{width:100%; float:left; padding-bottom:50px;}
.mCont00Wrap{width:332px; float:right; position:relative; margin-top:-300px; z-index:100;}
.mCont01Wrap{width:100%; float:left;}
.mCont02Wrap{width:100%; float:left;}
.mCont03Wrap{width:100%; float:left;}
.mCont01{border-left:1px solid #dedee0; border-bottom:1px solid #dedee0; float:left; width:565px; height:210px; padding:50px;}
.mCont02{float:left;}
.mCont03{border-left:1px solid #dedee0; border-bottom:1px solid #dedee0; float:left; width:565px; height:308px; padding:50px;}



.mContTit{width:100%;  font-size:20px; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; color:#000000; font-weight:bold; padding-bottom:30px;}
.mContTxt{width:100%;  font-size:16px; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; color:#999; padding-top:0px; line-height:160%;}
.mContTxt  span{font-size:17px; color:#333;}
.mContTxt a{color:#999;}
.mContTxt a:hover{color:#CCC;}

.mLogo{width:190px; float:left;}
.mTxt{width:270px; float:left; margin-left:20px;}


.mCont01 .mMemberShopWrap{width:100%; height:100%; float:left; position:relative;}
.mCont01 .mMemberShopWrap .mMemberShop{width:100%; height:100%; float:left; position:relative;}
.mCont01 .mMemberShopWrap .mMemberShop ul{float:left; position:relative; width:100%; height:100%; overflow:hidden;}
.mCont01 .mMemberShopWrap .mMemberShop ul li{position:absolute; top:0; left:0; width:100%; height:100%;}
.mMemberShop ul li .shopPhoto{width:261px; height:152px; border:1px solid #e1e1e1; float:left; overflow:hidden;}
.mMemberShop ul li .shopPhoto img{width:100%;}

.mMemberShop ul li .shopInfo{width:270px; height:154px; float:right; overflow:hidden; position:relative;}
.mMemberShop ul li .shopInfo .shopName{width:100%; padding:10px 0 15px; font-size:18px; font-weight:bold; color:#422f0d;}
.mMemberShop ul li .shopInfo .shopCont{width:100%; font-size:14px; color:#292929; line-height:24px;}
.mMemberShop ul li .shopInfo .shopLink{position:absolute; bottom:0; left:0;}
.mMemberShop ul li .shopInfo .shopLink a{display:inline-block; width:180px; height:48px; border:1px solid #9e9e9e; color:#9e9e9e; line-height:48px; font-size:14px; text-align:center;}
.mMemberShop ul li .shopInfo .shopLink a:hover{color:#422f0d; border:1px solid #422f0d;}

.mMemberShopWrap .sBlet{position:absolute; top:450px; left:50%; margin-left:-60px; z-index:200; display:none;}
.mMemberShopWrap .sBlet a{display:inline-block; width:20px; height:20px; background:#fff; margin-right:10px; cursor:pointer; border-radius:20px;}
.mMemberShopWrap .sBlet a.on{background:none; width:18px; height:18px; border:2px solid #fff; }
.mMemberShopWrap .sBlet a:over{background:none; width:18px; height:18px; border:2px solid #fff;}

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

.mMemberShopWrap .arrowL{position:absolute; top:-52px; left:207px; z-index:20; cursor:pointer; }
.mMemberShopWrap .arrowR{position:absolute; top:-52px; left:240px; z-index:20; cursor:pointer; }




#footWrap{width:100%; float:left; background:#ffffff; padding:50px 0;}

.footSite{width:100%; float:left; background:#d8d8d8; padding:20px 0;}
.footSite ul{width:100%; float:left;}
.footSite ul li{padding:0 5px; font-size:14px; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; color:#707070;}
.footSite ul li a{color:#707070;}
.footSite ul li a:hover{color:#422f0d;}


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

.foot .fSns{width:100%; float:left; text-align:center;}
.foot .fSns a.sns{padding:0 10px;}

.foot .copy{width:798px; text-align:left;  line-height:20px; font-size:13px; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; padding-top:15px; color:#5f5f5f; float:left;}
.foot .copy span{padding:0 5px; font-weight:bold;}

.foot .fLogo{width:200px; float:left; text-align:left; padding-top:15px;}




#subPageTop{width:100%; float:left; padding:0; position:relative; z-index:1; margin-top:135px;}
.subTopWrap{width:100%; height:180px; float:left; position:relative; background-repeat:no-repeat; background-position:center center; }
.subTopGnb{width:100%; float:left; border-bottom:1px solid #cccccc;}
.subTopGnb .stGnb{width:100%; float:left; height:65px; text-align:center;}
.subTopGnb .stGnb li{display:inline-block; float:none;}
.subTopGnb .stGnb li a{display:inline-block; line-height:65px; padding:0 20px; color:#909090; font-size:16px;}
.subTopGnb .stGnb li a:hover{line-height:63px; color:#000000; border-bottom:2px solid #422f0d;}
.subTopGnb .stGnb li.on a{line-height:63px; color:#000000; border-bottom:2px solid #422f0d;}



#subPageTitWrap{width:100%; float:left; padding-top:80px; display:none;}
#subPageTitWrap .sPageTit{width:100%; float:left; font-size:30px; font-weight:600; color:#000; text-align:center;;}
#subPageTitWrap .sPageTit span{border-bottom:1px solid #000; display:inline-block; padding-bottom:15px;}



#subWrap{width:100%; float:left; padding-top:80px; padding-bottom:50px; font-family: Nanum Square, NanumGothic, Malgun Gothic, Dotum, AppleGothic, sans-serif !important; 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; font-size:13px;}

.subContTit{width:100%; float:left; padding-bottom:20px; text-align:center; font-size:30px; color:#292929; line-height:30px; font-weight:600; font-family: Nanum Square, sans-serif !important;}
.subContTit span{display:inline-block; width:50px; height:2px; background:#5c3e34; margin-top:20px;}