/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.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: "나눔고딕", 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:1160px; overflow:hidden;}/* min-width:최소너비*/
.center{width:1160px; margin:0 auto; position:relative;}/* min-width:최소너비*/



#topWrap{width:100%; float:left; background:#ffffff; position:relative; z-index:200;} /* 상단 메뉴*/

#mGnbWrap{width:100%; float:left; position:relative; z-index:200; padding:10px 0;}
.mLogo{width:280px; float:left; text-align:left;}


.logGnb{position:absolute; right:0; top:20px;}
.logGnb a{padding :0px 10px; margin:5px 0; color:#b9b9b9; line-height:20px; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:15px; line-height:16px; border-right:1px solid #b9b9b9;}
.logGnb a:hover{color:#454545;}


.mGnb{float:left; position:relative; z-index:200;}/* 메인메뉴 너비*/
.mGnb ul{float:left;}
.mGnb ul li{position:relative; z-index:200; line-height:55px; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:20px; text-align:center; padding:0 40px;} /* 메인로고 높이 : line-height */
.mGnb ul li a{color:#4a4a4a; display:inline-block; width:100%;} /* 메인로고 높이 : height */
.mGnb ul li a:hover{color:#000;}
.mGnb ul li.on a{color:#000;}
.mGnb ul li.onM a{color:#000;}



.mGnb ul li .subM{width:100%; height:120px; position:absolute; top:30px; left:0; background:url(../images/menuBg02.png); display:none; z-index:200; } /* 상단메뉴 높이 : top */
.mGnb ul li .subM ul{width:100%; float:left; margin-top:60px;}
.mGnb ul li .subM ul li{width:100%; float:left; line-height:26px; height:26px; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:14px; text-align:center; position:relative; z-index:200; border:none; margin:0; font-weight:normal; padding:0;}
.mGnb ul li .subM ul li a{color:#000000; text-decoration:none; background:none;}
.mGnb ul li .subM ul li a:hover{color:#f66729; text-decoration:none;}
.mGnb ul li .subM ul li.on a{color:#f66729; text-decoration:none;}
.mGnb ul li .subM ul li.on{background:none;}

#tmWrap{width:100%; position:absolute; background:url(../images/menuBg.png); background:rgba(255,255,255,.8); height:250px; z-index:3; top:70px; left:0; display:none;}  /* 상단메뉴 높이 : top */



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


/* main roll img */
.mSlideWrap{width:100%; height:591px; float:left; position:relative; overflow:hidden; z-index:1;}/* 메인롤링이미지 높이 : height */
.mSlideWrap .mSlide{width:1920px; height:591px; 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; width:1160px; top:390px; left:50%; margin-left:-580px; z-index:200; font-family: Nanum Barun Gothic,"나눔고딕", 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 : margin-left: 텍스트 가로 위치, top: 텍스트 새로위치*/
.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 Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:20px; color:#ffffff; line-height:30px; width:100%; text-align:center; display:none;}
.mSlideWrap .msTxt ul li .mTxt02{ font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:20px; color:#ffffff; font-weight:bold; width:100%; padding-top:20px; text-align:center;}


.mSlideWrap .sblet{position:absolute; bottom:50px; left:50%; margin-left:-44px; 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 .playStop{position:absolute; bottom:50px; left:100px; 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; 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 Cont*/
.mContWrap{width:100%; float:left; padding:0; position:relative; z-index:10;}
.mCont01Wrap{width:100%; float:left; background:url(../images/bg01.png); padding:20px 0; margin-top:-93px; display:none;}
.mCont01{width:100%; float:left; text-align:center;}

.mCont02{width:100%; float:left; text-align:center; padding:40px 0 20px 0;}
.mCont03{width:100%; float:left;}
.mCont04Wrap{width:100%; float:left; padding-botom:50px;  padding-top:50px;}
.mCont04_01{width:374px; float:left;}
.mCont04_02{width:371px; float:left; margin:0 22px;}
.mCont04_03{width:371px; float:left; padding-bottom:50px; position:relative;}

.mainReview{width:100%; float:left;}
.mReview{width:370px; height:380px; float:left; margin-left:21px; border:1px solid #e1e1e1;}
.mReview:first-child{margin-left:0;}

.mReview .reviewPhoto{width:100%; height:250px; float:left; border-bottom:1px solid #e1e1e1; overflow:hidden;}
.mReview .reviewPhoto img{width:100%; height:250px;}
.mReview .reviewTxt{width:92%; margin:0 4%; float:left; margin-top:30px; text-align:center; overflow:hidden;}
.mReview .reviewTxt .tit{width:100%; float:left; color:#535154; font-size:20px; font-weight:600;}
.mReview .reviewTxt .line{width:100%; float:left; padding:10px 0;}
.mReview .reviewTxt .line span{display:inline-block; width:30px; height:3px; background:#f2692f;}
.mReview .reviewTxt .subj{width:100%; float:left; color:#535154; font-size:14px;}


.mContTit{width:100%;  font-size:20px; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#4b4b4b; font-weight:bold; padding-bottom:10px;}
.mContTit .btnGo{float:right;}
.mContTxt{width:100%;  font-size:14px; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#b1b1b1; padding-top:5px;}

.btnMore{width:100%;  font-size:14px; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, 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;}

.mContTel{width:100%;  font-size:30px; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#a71212; font-weight:bold; padding-top:15px;}
.mContContact{width:100%;  font-size:16px; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#4b4b4b; padding-top:5px; line-heght:200%;}
.mContContact span{font-weight:bold; line-height:200%; font-size:18px;}

.mBoard{width:100%; height:110px; padding-top:5px; float:left;}
.mBoard ul{width:90%; float:left; padding-left:5%;}
.mBoard ul li{width:100%; float:left; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#4b4b4b; font-size:14px; line-height:24px;}
.mBoard ul li .mNotice{float:left; width:70%;}
.mBoard ul li .mDate{float:right; width:30%; text-align:right;}
.mBoard ul li a{color:#4b4b4b;}
.mBoard ul li a:hover{color:#242424;}

.mGallery{width:100%; padding-top:5px; float:left; position:relative;}
.mGallery ul{width:100%; height:110px; overflow:hidden; float:left; position:relative;}
.mGallery ul li{width:100%; height:110px; overflow:hidden; position:absolute; top:0; left:0;}
.mGallery ul li img{width:100%;}
.gblet{position:absolute; top:35px; right:0;z-index:200;}
.gblet li {padding-left:10px; cursor:pointer;}
.gblet li span.off{display:block;}
.gblet li span.on{display:none;}
.gblet li.on span.off{display:none;}
.gblet li.on span.on{display:block;}
.garrowL{position:absolute; bottom:50px; left:30px; z-index:200; cursor:pointer; display:none;}
.garrowR{position:absolute; bottom:50px; left:60px; z-index:200; cursor:pointer; display:none;}


#footWrap{width:100%; float:left; background:#ffffff; position:relative;}

.fSiteWrap{float:left; width:100%; background:#d7d7d7; padding:15px 0;}
.fSite{font-size:16px; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#959595;}
.fsite li{float:left; padding-right:15px;}
.fsite li a{color:#959595;}
.fsite li a:hover{color:#454545;}

.foot{width:100%; padding:15px 0; position:relative; float:left; clear:both;}
.foot .fLogo{width:100%; float:left; text-align:center; padding-top:15px;}
.foot .copy{width:100%; text-align:center;  line-height:24px; font-size:14px; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; padding-top:15px; color:#adacac; float:left;}
.foot .copy span{padding:0 5px;}


#subTopWrap{width:100%; float:left; border-top:1px solid #000;}

.subTop{width:100%; float:left; position:relative;}
.subTopImg{float:left; position:relative; width:1920px; text-align:center; left:50%; top:0; margin-left:-960px;}
.subTopTit{width:100%; color:#4a4a4a; font-size:30px; line-height:34px; text-align:center; position:absolute; top:100px; left:0; display:none;}
.subTopTxt{width:100%; padding-top:0px; color:#4a4a4a; font-size:16px; line-height:20px; text-align:center; position:absolute; top:140px; left:0; display:none;}




#subGnbWrap{width:100%; float:left; height:40px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.subGnb{width:640px; margin:0 auto; text-align:center;  line-height:40px; font-size:16px; text-align:center; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#7d7d7d;}

.subGnb .gnbHome{width:30px; height:25px; padding-top:15px; padding-left:15px; padding-right:15px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; text-align:center;  line-height:40px; font-size:16px; text-align:center; font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, 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: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#7d7d7d; position:relative; float:left;}
.subGnb .subGnbM .mTit{width:230px; padding-left:10px; background:url(../images/bletDown_01.png) no-repeat right 15px; cursor:pointer;}
.subGnb .subGnbM .sTit{width:230px; padding-left:10px; background:url(../images/bletDown_01.png) no-repeat right 15px; color:#a70000; cursor:pointer;}
.subGnb .subGnbM .totGnb{width:100%; margin-left:0%; position:absolute; top:42px; left:0; background:#fff; 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 a{color:#a70000;}

.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: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#7d7d7d;}



#subWrap{width:100%; float:left; padding:50px 0; font-family: Nanum Barun Gothic,"나눔고딕", 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;}




.bestReview{width:100%; float:left; text-align:left; margin-bottom:50px;}
.bestTit{width:100%; float:left; text-align:left; font-size:20px; font-weight:600; color:#f60;}

.boardTab{width:100%; float:left; margin-bottom:20px; text-align:left; display:none;}
.boardTab a{display:inline-block; width:48%; margin-left:1%; height:50px; line-height:50px; box-sizing:border-box; border:1px solid #ccc;  color:#333; font-size:18px; text-align:center; font-weight:600;}
.boardTab a:hover{background:#F60; color:#fff;}
.boardTab a.on{background:#F60; color:#fff;}
.subReview{width:100%; float:left; text-align:left;}

.sub100{width:1920px; position:relative; top:0; left:50%; margin-left:-960px;}
.subMovie{width:100%; height:650px; position:relative; margin:20px 0; float:left;}
.subMovie02{width:100%; height:300px; position:relative; margin:10px 0; float:left;}
.subMovie02 .sMovie{width:32%; margin-left:2%; float:left;}
.subMovie02 .sMovie:first-child{margin-left:0;}

.chkWrap01{width:1158px; height:283px; padding:30px 0; border:1px solid #b7b7b7; display:table; float:left; margin-top:30px;}
.chkWrap02{width:1158px; height:283px; border:1px solid #b7b7b7; display:table; float:left; margin-top:30px;}
.chkWrap03{width:1158px; height:283px; border:1px solid #b7b7b7; display:table; float:left; margin-top:30px;}

.prdChkWrap{width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle;}

.prdChkWrap .prdChkTxt01{padding-bottom:30px; font-size:20px; color:#f2692f;}
.prdChkWrap .prdChkTxt02{padding-bottom:30px; font-size:24px; color:#111111; line-height:32px;}
.prdChkWrap .prdChkTxt02 span{color:#f2692f;}
.prdChkWrap .prdChkTxt03{padding-bottom:30px; font-size:16px; color:#111111;}
.prdChkWrap .prdChkTxt03 span{color:#f2692f;}
.prdChkWrap .prdChkTxt04{padding-bottom:30px; font-size:16px; color:#a5a5a5;}

.prdChkWrap .prdCard{padding-bottom:30px;}

.prdChkWrap .prdChkInput{padding-bottom:30px; font-size:18px; color:#303030; line-height:35px;}
.prdChkWrap .prdChkInput span{display:inline-block; padding-right:20px; font-size:18px;}
.prdChkWrap .prdChkInput input{display:inline-block; width:480px; padding-right:20px; height:35px; line-height:33px; border:1px solid #b7b7b7; background:#f2f2f2; padding:0 10px; color:#a5a5a5; text-align:center;}
.prdChkWrap .prdChkInput input:click{color:#303030;}
.prdChkWrap .prdChkSubmit{}
.prdChkWrap .prdChkSubmit a{display:inline-block; font-size:18px; font-weight:600; width:200px; height:50px; background:#f2692f; color:#fff; line-height:50px; text-align:center;}
.prdChkWrap .prdChkSubmit a:hover{background:#000;}