@charset "utf-8";
@import url("common.css");
/* NHN INS Webstandard dev team dog 100804 */

/*** S:: 인트로 ***/
#intro{overflow:hidden; clear:both; width:100%; height:100%; position:fixed; }
	#intro .insta{height:50%; background:url('/m/img/introBg_insta.jpg') no-repeat center; background-size:cover; position:relative; }
	#intro .blog{height:50%; background:url('/m/img/introBg_blog.jpg') no-repeat center; background-size:cover; position:relative;}
	.intro_in{text-align:center; width:100%; }
		.intro_in img{width:35px; }
		.intro_in h3{font-size:20px; line-height:140%; color:#fff; font-family:NanumSquare, 나눔스퀘어, NS, sans-serif; font-weight:100; margin:12px 0 15px;}
		.intro_in h3 strong{line-height:140%;font-family:NanumSquare, 나눔스퀘어, NS, sans-serif; font-weight:900; }
		.intro_in span{display:block; background:#fff; width:102px; height:32px; text-align:center; line-height:32px; border-radius:32px; margin:0 auto; font-family:NanumGothic,'NanumGothic', 나눔고딕, NG, sans-serif; letter-spacing:-0.45pt;}
		.insta .intro_in span{color:#f13e4c; }
		.blog .intro_in span{color:#099665; }

		#intro .insta .intro_in{position:absolute; top: 30%; -moz-transform:translateY(-30%); -ms-transform:translateY(-30%); -webkit-transform: translateY(-30%); transform: translateY(-30%);}
		#intro .blog .intro_in{position:absolute; top: 70%; -moz-transform:translateY(-70%); -ms-transform:translateY(-70%); -webkit-transform: translateY(-70%); transform: translateY(-70%);}

#hexagon{position:absolute; top: 50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width:200px; left:50%; margin-left:-100px;}
	#hexagon .hexa_bg{width:100%; }
	#hexagon .hexa_logo{position:absolute; display:block; width:50px; left:50%; top:24%; margin:0 0 0 -25px; }
	#hexagon span{position:absolute; display:block; border:1px solid #ddd; width:100px; height:30px; text-align:center; line-height:30px; border-radius:30px; margin:0 auto; font-family:NanumGothic,'NanumGothic', 나눔고딕, NG, sans-serif; letter-spacing:-0.45pt; color:#666 !important; left:50%; top:20%; margin:95px 0 0 -50px; }
/*** E:: 인트로 ***/




/*** S:: 리뷰통메인 ***/

#visual{position:relative; width:100%;  overflow:hidden !important; position:relative; background:#f5f5f5;}
	.v_img{width:100%; background-position:center; background-size:cover; z-index:50 !important; position:relative; }
	.v_img img{width:100%;}
	#visual .visual_in .v_img.slick-slide a{display:block !important; width:100%; }
	.slider-nav{position:relative !important; top:0; width:100%; background:#333333; text-align:left !important; box-sizing:border-box; }
	.slider-nav div{padding:0 !important; text-align:left !important; }
	.slider-nav .v_nav{width:100% !important; line-height:43px; font-size:14px; color:#fff; letter-spacing:-0.45pt; font-weight:300; padding:0 15px !important; position:relative; box-sizing:Border-box; cursor:pointer; transition:all 0.3s ease;}
	.slick-current .v_nav{background:#f39801 !important; color:#fff ; font-weight:500; }


	.slider-nav .slick-arrow{position:absolute; }
	.slider-nav button{background:none; border:none; width:10px; height:6px; overflow:hidden; text-indent:-9999px;background:url('/img/v_arrow.gif') no-repeat center; background-size:100%;;  opacity:0.5; position:Absolute; cursor:pointer; transition:all 0.3s ease; top:17px}
	.slider-nav .slick-prev{left:2px; transform:rotate(-90deg)}  
	.slider-nav .slick-next{right:2px; transform:rotate(90deg);}


#maincontents{margin:30px 0 0;  padding:0 1%;}
#maincontents .title{font-family:NanumSquare, 나눔스퀘어, NS, sans-serif; font-size:20px; line-height:120%; color:#f38a01; font-weight:100; letter-spacing:-0.85pt; padding:0 0 15px 2%; }
#maincontents .title strong{font-family:NanumSquare, 나눔스퀘어, NS, sans-serif; line-height:120%;  font-weight:800;  letter-spacing:-0.85pt;}
.slick-slide .campaignBox{padding:0 4%; float:left;}

.campaignBox {width:50%; box-sizing:border-box; padding:0 2%;}
.campaignBox dl{width:100%; position:Relative; top:0; transition:all 0.4s ease; margin:0 0 25px;}
	.campaignBox a{display:block; width:100%; height:100%; }
	.campaignBox dt{width:100%; height:100%; overflow:hidden; clear:both; position:Relative; background-size:cover; background-repeat:no-repeat}
		.campaignBox dt img{width:100%; height:100%; }
		.campaignBox dt span{display:block; width:40px; height:40px; line-height:40px; background:#2b2b2b;  font-family:'Montserrat', Sans-serif; font-size:10px; color:#fff; text-align:Center; border-radius:50%; position:Absolute; right:10px; top:10px;}
	.campaignBox dd{padding:10px 0 0;}
		.campaignBox dd .btns{overflow:hidden; clear:both; height:23px;}
			.campaignBox dd .btns span{display:block; width:45px; height:21px; border:1px solid #ddd; font-size:12px; letter-spacing:-0.35pt; line-height:21px; color:#888888; text-align:Center; float:left; margin-right:1px; vertical-align:middle; }
			.campaignBox dd .btns img{display:block; vertical-align:middle; float:left; margin:2px 1px 0;}
		.campaignBox dd h6{font-size:14px; letter-spacing:-0.75pt; line-height:120%; font-weight:300; letter-spacing:-0.55pt; color:#333; margin:13px 0 5px; }
		.campaignBox dd .campaignPrd{font-size:12px; color:#888; letter-spacing:-0.45pt; padding-bottom:5px;}
		.campaignBox dd ol{overflow:hidden; clear:both;}
		.campaignBox dd li{float:left; color:#eb8500; font-family:'Montserrat', 'Noto Sans KR', Sans-serif; font-size:12px; position:Relative; line-height:17px; padding:0 5px; vertical-align:middle; height:17px;}
		.campaignBox dd li:before{content:""; display:block; width:1px; height:9px; background:#c3c3c3; position:absolute; top:4px; left:0;}
		.campaignBox dd li:first-child{padding-left:0}
		.campaignBox dd li:first-child:before{display:none;}
		.campaignBox dd li span{line-height:17px; font-size:13px; padding-left:7px; font-family:'Montserrat', 'Noto Sans KR', Sans-serif;}
		.campaignBox dd li font{line-height:17px; font-size:12px; color:#888888; padding-left:2px}
	.campaignBox .points{display:inline-block;height:17px; font-family:'Montserrat', Sans-serif; font-size:12px; font-weight:400; background:#f39801; color:#fff; vertical-align:top; line-height:17px; padding:0 6px; border-radius:17px; margin:3px 0 0}


.mainPopular_in .slick-prev, .mainPopular_in .slick-next{position: absolute; display: block;width:36px; height: 36px; padding: 0; cursor: pointer;    color: transparent;    border: none;    outline: none;   background: transparent; top:-43px;  z-index:505; border-radius:50%;}
	.mainPopular_in .slick-prev{right:2%; margin-right:40px; background:url('/img/arrow_prev.png') no-repeat left 11px top 16px, #f5f5f5; background-size:13px auto;}
	.mainPopular_in .slick-next{right:2%; background:url('/img/arrow_next.png') no-repeat right 12px top 16px, #f5f5f5; background-size:13px auto; }

/*.main_custom{padding:30px 0;}*/

.mainCustom_in{overflow:hidden; clear:both; }
.mainCustom_in .campaignBox{float:left; }
	.customBtn{display:block; width:94%; height:32px; line-height:32px; text-align:Center; border:1px solid #ddd; border-radius:42px; font-size:12px; letter-spacing:-0.45pt; color:#777777; margin:-5px auto 20px;}
	.customBtn i{display:inline-block; width:11px; height:11px; background:url('/img/setting_icon.png') no-repeat center; vertical-align:middle; margin:1px 3px 0px 0; background-size:100%;}






/*******************************************************************************
	@media 581~640px
*******************************************************************************/
@media all and (max-width:640px){






}


/*******************************************************************************
	@media 421~480px
*******************************************************************************/
@media all and (max-width:480px){





}


/*******************************************************************************
	@media 321~420px
*******************************************************************************/

@media all and (max-width:420px){




}


/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:360px){


/*** S:: 인트로 ***/
#intro{}
		#intro .insta .intro_in{position:absolute; top: 20%; -moz-transform:translateY(-20%); -ms-transform:translateY(-20%); -webkit-transform: translateY(-20%); transform: translateY(-20%);}
		#intro .blog .intro_in{position:absolute; top:80%; -moz-transform:translateY(-80%); -ms-transform:translateY(-80%); -webkit-transform: translateY(-80%); transform: translateY(-80%);}



}

/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){




}