@charset "euc-kr";

*, body, div, ul, li, dt, dd, ol, p, h1,h2,h3, h4, h5, h6, form, table {margin:0; padding:0;}
a,body,p,br,td,div,span,form,center,pre,blockquote { font-family: "돋움";font-size: 12px; line-height:20px; color: #444444; text-decoration: none; }
ul, ol, dl {list-style:none}
img {border:0; vertical-align:top;}
ul {list-style:none; padding:0 margin:0 }

#wrap { width:100%; margin:0 auto;}

#head { width:100%; height:93px; background:url(/images/common/top_bg.jpg) repeat-x; margin:0 auto;}
#navi_warp { width:1000px; height:93px;margin:0 auto;}

.logo{float:left;margin-top:10px;margin-left:20px;}
.menu{ float:right;text-align:right;}


.navi{float:right; width:727px; text-align:right; margin-top:10px;}
.top_btn{float:right; height:21px; width:500px; text-align:right; margin-top:5px;}






#m_visual { width:100%; height:600px; margin:0 auto; background-color:#f3f3f3; border-bottom:1px solid #ececec;}
#mv_con{ width:1000px; height:578px; margin:0 auto; padding-top:10px; overflow:hidden; }
.popup{ float:left; width:504px;}
.visual{float:right; width:495px; margin-top:10px;}

#m_con {float: left; width:100%;}
#m_con .container{max-width:1030px;height:120px; padding-top:23px;}

#bn01 { height:120px;  height:120px; float:left; margin-right:13px;}
#bn02 {  height:120px; float:left;margin-right:22px; }

#board01 {  height:120px;float:left;  }


.box {position:relative; height:580px;}
.box .popup{position:absolute; width:500px; left:0px; top:0px;}
.box .visual{position:absolute; width:495px; right:0px; top:0px; }

.mainContents {border:1px solid #CCC; height:320px; background:#fff; width:465px; position:relative; top:20px; left:4px;}
.mainContents #event_top { position:absolute; top:-25px; left:-1px;}
.mainContents .mainBanner {width:100%; float:left; position:relative;}
.mainContents .mainBanner .control {position:absolute; top:10px; left:10px; z-index:5; width:120px;}
.mainContents .mainBanner .control .rolling li {float:left;}
.mainContents .mainBanner .control .rolling a {float:left; width:120px; overflow:hidden; float:left; padding-bottom:5px;}
.mainContents .mainBanner .control .rolling a.active {background-position:0 -20px;}
.mainContents .mainBanner .control a.ctrl {position:absolute; top:-5px; left:435px; width:15px; height:15px; overflow:hidden; text-indent:-999px;/*background:url(http://verygoodpain.com/images/main/visual_btn_gostop.png) 0 0 no-repeat;*/}
.mainContents .mainBanner .control a.ctrl.stop {background-position:0px 0px;}
.mainContents .mainBanner .control a.ctrl.play {background-position:0px -20px;}
.mainContents .mainBanner .banner {width:325px; height:319px; overflow:hidden; position:absolute; top:1px; left:140px;}
.mainContents .mainBanner .banner li {width:325px; float:left;}


/*--------sub-----*/

#con_warp{ width:100%; margin:0 auto; overflow:hidden; float:left;}
	#svisual_warp{ width:100%; margin:0 auto; border-bottom:1px solid #CCC;}
		#s_visual{ margin:0 auto; width:1000px; }
		#container{ width:1000px; margin:0 auto; margin-top:58px;}
			#leftmenu{ width:202px; float:left; margin-right:62px; }
			.contents{ width:736px; float:right; }
				.page{ margin-top:44px;}
			
.s_title{ display:block; clear:both;}




#con { width:915px; height:160px; margin-bottom:26px; margin:0 auto;}
#foot { width:1030px; height:95px; margin:30px auto 40px; border-top:1px solid #d3d3d3;  color:8c8c8c; font-size:11px; line-height:-2em;}
#foot ul{ margin-top:10px;}
#foot li:first-child{ margin-bottom:10px;}

.font_blue1{ color:#429778; font-size:10px;}
.font_blue2{ color:#0da1ed; cursor:pointer;}
.font_gray1{ color:8c8c8c;}

.copy{ overflow:hidden;} 


.board {font-family: "돋움";font-size: 10px; line-height:18px; color: #999999; text-decoration: none;}


/*-----common------*/

.mt30{ margin-top:30px;}
.mt10{ margin-top:10px;}


/*word제어*/
.off {display:inline-block;}
.on {display:none;}

/*180809추가*/
@import url( "//fonts.googleapis.com/earlyaccess/notosanskr.css" );


.contatiner_box{width:100%; }

.container {width:1240px; margin:0 auto;}

.h-info{position:relative;width:240px; }

.h-info .till{position:absolute; top:8px; left:0; color:#000; font-size:14px; }
.till li{ display:inline-block}
 .h-info .num {position:absolute;top:40px; left:0;  float:left; }
.h-logo {width:203px; margin:0 auto;}
.h-right .coupon{float:left; }

.h-con {padding:8px 0; display:flex;}



/*가맹점
.sungnam {position:absolute; top:10px; right:0px; width:200px;}*/


#navi {display:flex;background:#55a50e; border-top:1px solid #4b9708; border-bottom:1px solid #4b9708; box-sizing:border-box;}
#navi ul {text-align: center;}
#navi li {display: inline-block;text-align: center;}
#navi a  {display:block; padding:15px 20px; color:#fff; font-family:"Noto Sans KR", sans-serif; font-size:15px; letter-spacing:-0.5px;}
#navi a:hover {background:#4b9708; transform:0.5 all; }