/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.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%;
	 height:100%;
	 }
	 
body{margin:0;	 
	 padding:0;
	 font-size:12px;
	 color:#1d0c01;
	 font-style:normal;
	 font-family: 'Nanum Gothic', sans-serif;
	 width:100%;
	 height:100%;
	 }
	 
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%; height:100%; max-width:1000px; min-width:280px; margin:0 auto;}

#topWrap{width:100%; float:left;}
#topWrap .logo{width:100%; float:left; padding:0; text-align:center;}

#topWrap .topMenu{width:100%; float:left; background:#fff; padding:15px 0; }
#topWrap .topMenu .logo{float:left; width:100%;text-align:center; position:relative; z-index:1;}
#topWrap .topMenu .logo img{}
#topWrap .topMenu .menu{position:absolute; top:20px; left:2%; z-index:2;}
#topWrap .topMenu .topTel{position:absolute; top:20px; right:5%; z-index:2;}
#topWrap .topMenu .topSns{position:absolute; top:20px; right:2%; z-index:2;}
#topWrap .topMenu .topSns a{padding-left:3px; display:inline-block;}
#topWrap .topMenu .topSns img{}

@media screen and (max-width:320px){ 
	#topWrap .topMenu .logo img{width:100px;}
	#topWrap .topMenu .topSns img{width:26px;}
	#topWrap .topMenu .menu img{width:40px;}
}


/* S : slide Menu*/
.slideMenu{width:65%; max-width:320px; position:absolute; top:0; left:-65%; z-index:999999; padding-bottom:10px; display:none;}

.slideMenu ul.top{width:100%; float:left; padding:15px 0; background:#ffffff;}
.slideMenu ul.top li{float:left; border-bottom:none; background:#ffffff; 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; box-sizing:border-box; background:#ffffff;}
.slideMenu ul li{width:100%; float:left; background:#ffffff; box-sizing:border-box;}

.slideMenu ul li a{display:inline-block; width:100%; float:left; height:48px; line-height:48px; font-size:16px; color:#000000; box-sizing:border-box; padding:0 10px;
                   font-weight:bold; font-family: 'Nanum Gothic', sans-serif; border-bottom:1px solid #cccccc; background:url(../images/arrowDown.png) no-repeat 90% center;}
.slideMenu ul li.on a{color:#f66720; border-bottom:none; background:url(../images/arrowUp.png) no-repeat 90% center;}
/*.slideMenu ul li.on{color:#c20000; border-bottom:none;}*/


.slideMenu ul ul.sub{display:none; background:#f1f1f1; border-bottom:1px solid #cccccc;}
.slideMenu ul ul.sub li{width:100%; float:left; background:#f1f1f1; border-bottom:none;}


.slideMenu ul ul.sub li a{width:100%; box-sizing:border-box; padding:0 10px 0 25px; height:36px; line-height:36px; font-size:14px; 
                          color:#333; font-family: 'Nanum Gothic', sans-serif; font-weight:normal; border-bottom:none; background: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: 'Nanum Gothic', sans-serif; font-weight:bold; height:30px;}
.slideMenu ul ul.bottomMenu a{width:100%; padding-left:0; line-height:30px; color:#7f7f7f; font-size:14px;}


@media screen and (max-width:320px){ 
	.slideMenu ul li a{height:34px; line-height:34px; font-size:16px;}
	.slideMenu ul ul.sub li a{height:30px; line-height:30px; font-size:14px;}
}


/* E : slide Menu*/



/* main roll img */
#mSlideArea{width:100%; height:100%; float:left; position:relative; box-sizing:border-box; padding-top:129px; margin-top:-129px; z-index:1;}

@media screen and (max-width:320px){ 
  #mSlideArea{padding-top:118px; margin-top:-118px;}
}

.mSlideWrap{width:100%; height:100%; float:left; position:relative; z-index:1;}
.mSlideWrap img{width:100%;}
.mSlideWrap .mSlide{width:100%; height:100%; float:left; position:absolute; top:0; left:0; z-index:1; overflow:hidden;}
.mSlideWrap .mSlide ul{width:100%; height:100%; float:left; position:relative; z-index:1;}
.mSlideWrap .mSlide ul li{width:100%;height:100%; position:absolute; top:0; left:0; z-index:1; background-size:cover; background-position:center center; background-repeat:no-repeat; text-align:center; display:table;}
.mSlideWrap .mSlide ul li p{width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle;}
.mSlideWrap .mSlide ul li img{width:100%; max-width:640px;}

.mSlideWrap .msTxt{width:100%; position:absolute; top:70%; left:0%; 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*/
.mSlideWrap .msTxt ul{width:100%; float:left; position:relative; display:none;}
.mSlideWrap .msTxt ul li{float:left; width:33.333333%;}
.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; text-align:center; width:100%;}
.mSlideWrap .msTxt ul li .mTxt01 img{width:100%;}
.mSlideWrap .msTxt ul li .mTxt02{ font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:16px; color:#ffffff; width:100%; text-align:center; padding-top:20px; display:none;}
.mSlideWrap .msTxt ul li .mTxt02 a{display:inline-block; width:150px; height:30px; line-height:30px; text-align:center; border:1px solid #dfaaff; color:#dfaaff;}

.mSlideWrap .msTxt ul li .mTxt01 span.off{display:block;}
.mSlideWrap .msTxt ul li .mTxt01 span.on{display:none;}
.mSlideWrap .msTxt ul li.on .mTxt01 span.off{display:none;}
.mSlideWrap .msTxt ul li.on .mTxt01 span.on{display:block;}

.mSlideWrap .sblet{position:absolute; bottom:10%; left:50%; margin-left:-34px; z-index:200;}
.mSlideWrap .sblet li {padding-right:10px; cursor:pointer; width:16px;}
.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;}


.arrowL{position:absolute; top:36%; left:10%; z-index:200; cursor:pointer; width:8%; max-width:38px; display:none;}
.arrowR{position:absolute; top:36%; left:80%; z-index:200; cursor:pointer; width:8%; max-width:38px; display:none;}

/* end : main roll img */


#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;}

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


#mainCont{width:100%; float:left;}
#mainCont .mCont{width:94%; padding:15px 3%; float:left;}
#mainCont .mCont ul{width:100%; float:left;}
#mainCont .mCont li{width:32%; float:left; background:#eee; margin:5px 0; text-align:center;}
#mainCont .mCont li.cen{margin:5px 2%;}
#mainCont .mCont img{width:100%; max-width:142px;}

#mainCont .mCont01{width:100%; padding:20px 0%; float:left; border-top:1px solid #d7d7d7;}
#mainCont .mCont01 .mTit{width:94%; padding:0 3% 15px 3%; float:left; font-size:16px; color:#6c6c6c; font-family: 'Nanum Gothic', sans-serif; font-weight:normal; }
#mainCont .mCont01 .mainBoard{width:94%; padding:0 3%; float:left; font-size:14px; color:#6c6c6c; font-family: 'Nanum Gothic', sans-serif; font-weight:normal; }
#mainCont .mCont01 .mainBoard ul{width:100%; float:left;}
#mainCont .mCont01 .mainBoard ul li{width:100%; float:left;}
#mainCont .mCont01 .mainBoard li .mNotice{float:left; width:70%;}
#mainCont .mCont01 .mainBoard li .mDate{float:right; width:30%; text-align:right;}

#mainCont .mCont01 .mainBoard a{color:#6c6c6c; line-height:24px;}

#mainCont .mCont02{width:100%; float:left;}
#mainCont .mCont02 .left{width:50%; float:left; background:#ebebeb; text-align:center;}
#mainCont .mCont02 .left img{width:100%;}
#mainCont .mCont02 .right{width:50%; float:left; background:#425a7a; text-align:center;}
#mainCont .mCont02 .right img{width:100%;}




#footWrap{width:100%; float:left; background:#252525; 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:#cecece; font-family: 'Nanum Gothic', sans-serif; font-weight:normal; text-align:center;}
#footWrap .sns{width:88%; float:left; margin-left:22%; display:none; }
#footWrap .sns li{margin-right:3px;}

#subTopWrap{width:100%; float:left;  padding:12px 0; background:#f8f8f8; position:relative; z-index:10; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
.subMenu{width:100%; float:left; font-family: 'Nanum Gothic', sans-serif; font-size:16px; text-align:center; font-weight:bold; line-height:24px;}
.subMenu span.br{display:none;}
.subMenu a{color:#000; padding:0 15px; font-size:16px;}
.subMenu a.on{color:#f3682f;}

@media screen and (max-width:480px){ 
	.subMenu span.br{display:none;}
	.subMenu a{font-size:14px; padding:0 7px; letter-spacing:-1px;}
}

@media screen and (max-width:320px){ 
	.subMenu a{font-size:13px; padding:0 5px;}
}

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

.subImg{width:100%; max-width:480px;}
.subImg1000{width:1000px; position:relative; top:0; left:50%; margin-left:-500px; float:left;}
.subImg480{width:100%; float:left; display:none;}

/*.subLine{width:100%; float:left; border-top:3px solid #ececec;} */

.subMovie{width:100%; height:350px; float:left;}

@media screen and (max-width:480px){ 
	.subImg1000{display:none;}
	.subImg480{display:block;}
	
	.subMovie{height:320px;}
}

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


#popupWrap{width:100%; position:absolute; top:4%; left:0; z-index:999999; display:none; }
#popupWrap .popCont{width:96%; max-width:600px; margin:0 auto; }
#popupWrap .popCont img{width:100%;}
#popupWrap .popClose{width:96%; max-width:600px; margin:0 auto; height:30px; line-height:30px; font-size:14px; text-align:center; background:#000; color:#fff;}
#popupWrap .popClose span{display:inline-block; padding:0 10px;}
#popupWrap .popClose span a{color:#fff;}



.chkWrap01{width:96%; padding:30px 2%; border:1px solid #b7b7b7; display:table; float:left; margin-top:30px;}
.chkWrap02{width:96%; padding:30px 2%; border:1px solid #b7b7b7; display:table; float:left; margin-top:30px;}
.chkWrap03{width:96%; padding:30px 2%; 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:20px; font-size:18px; color:#f2692f;}
.prdChkWrap .prdChkTxt02{padding-bottom:20px; font-size:20px; color:#111111; line-height:32px;}
.prdChkWrap .prdChkTxt02 span{color:#f2692f;}
.prdChkWrap .prdChkTxt03{padding-bottom:20px; font-size:16px; color:#111111;}
.prdChkWrap .prdChkTxt03 span{color:#f2692f;}
.prdChkWrap .prdChkTxt04{padding-bottom:20px; font-size:16px; color:#a5a5a5;}

.prdChkWrap .prdCard{padding-bottom:30px;}
.prdChkWrap .prdCard img{width:80%; max-width:318px;}

.prdChkWrap .prdChkInput{padding-bottom:30px; font-size:18px; color:#303030; line-height:35px;}
.prdChkWrap .prdChkInput span{display:inline-block; padding-right:0px; font-size:18px;}
.prdChkWrap .prdChkInput input{display:inline-block; width:90%; max-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:140px; height:50px; background:#f2692f; color:#fff; line-height:50px; text-align:center;}
.prdChkWrap .prdChkSubmit a:hover{background:#000;}

@media screen and (max-width:480px){ 
	.prdChkWrap .prdChkTxt01{font-size:16px;}
    .prdChkWrap .prdChkTxt02{font-size:18px;}
    .prdChkWrap .prdChkTxt03{font-size:14px;}
    .prdChkWrap .prdChkTxt04{font-size:14px;}
	
	.prdChkWrap .prdChkInput span{font-size:16px;}
}