@charset "utf-8";
#main_visual{
    padding-top: 20px; padding-bottom: 5px;
	height: auto; background:url(/images/main/mbg.png) center top;background-color: #44a4e5}
.visual_wrap{
    height: 620px;
    border-radius: 30px;
    background-color: #fff;
}

#main_con2{
    
}

/*#banner_zone{
    text-align: center;
     padding-top: 5px; padding-bottom: 5px
}*/
.banner_wrap{
    height: 110px; 
}




/*센터소식, 마일리지안내 */
 #main_con1{background-color: #fff;  margin-bottom: 5px; height: 420px }
.con1_wrap {width: 1300px; margin: 0 auto; clear: both;}
.n_wrap{ width: 65%; float: left; clear: both; }
.newsinfo{ width: 42%; background:#f29600; height: 385px; padding:20px; text-align: center; border: 1px solid #f29600;border-top-left-radius:30px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; float: left}
 .newsinfo h1 {color: #fff; font-weight: 600; font-size: 28px; text-align: left}
 .newsinfo p {color: #fff; font-weight: 500; font-size: 16px; text-align: left}
 .newsinfo img { padding-top: 50px}
 .cont_news{}
	 
.cont_news{width: 55%; float: right; position: relative;padding-top:36px;  }
.cont_news .more{	position: Absolute;	top: 54px;	right: 2px;}
.cont_news .more img{ width:19px; height:19px}
.news_first{overflow: hidden; clear:both; width:100%; height:70px; border-bottom:1px solid #bbbaba;}
.news_first > div{width:90%; padding-top:0px; padding-bottom: 10px}
.news_first p{overflow:hidden;}
.news_first p span.firsttitle a{display: block;	letter-spacing: -0.75pt;font-size:18px; line-height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000;}
.news_first p span.firsttitle a:hover{ text-decoration:underline}
.news_first dt a{display: block;		letter-spacing: -0.75pt;font-size:15px; line-height:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#333;}

.cont_news .news_list{padding:20px 0px;}
.news_list li{position: relative; line-height:50px; border-bottom: 1px dashed #cfcfcf; background: url(/images/main/dot_org.png) no-repeat 0px 20px; padding-left: 10px}
.news_list li a{display: block;	margin-right: 90px;	letter-spacing: -0.75pt;font-size:15px; line-height:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000;}
.news_list li a:hover {text-decoration: underline}
.news_list .date{position: absolute; right:0; top:0; color:#000;  font-size:14px; line-height:50px; }
.news_list li a img{ padding-top:10px}

.minfo{width: 35%; float: right; background: url(/images/main/bg_minfo.png) no-repeat right bottom; height: 385px; border-top-left-radius:0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 30px; }
.minfo h1 {text-align: center; padding-top: 30px; height: 75px}
.minfo p {text-align: center; color: #a3740f; font-size: 15px}
.minfo ul {margin-top: 10px}	 
.minfo li { background: #789c71; border-radius: 30px; margin-bottom: 10px; color: #fff; width: 45%; margin-left: 18%; padding: 5px 5px 5px 15px; display: inline-block}
.minfo li a{ color: #fff; display: inline-block; font-size: 1em; letter-spacing: -1px}
.minfo li a:hover{ color: #b7f028; display: inline-block}
.minfo li img {vertical-align: middle}

@media screen and (max-width:1299px)
{	.con1_wrap {width: auto; margin: 0 auto; clear: both;}
	.n_wrap {width: 55%; padding-left: 5% }
	.minfo {width: 45%;}
	.cont_news {width: 100%}
	.newsinfo {display: none}	
	 }
@media screen and (max-width:999px)
{	.con1_wrap {width: auto; margin: 0 auto; clear: both;}
	.n_wrap {width: 46%; padding-left: 3% }
	.minfo {width: 54%;}
	.cont_news {width: 100%}
	.newsinfo {display: none}	
	 }
@media screen and (max-width:768px)
{	.n_wrap {width: 100%; }
	.cont_news{width: 90%; padding-top:20px; padding-right: 10%}
	.minfo {width: 100%; background: url(/images/main/bg_minfom.png) no-repeat right bottom;}
	.newsinfo {width: 97%; display: block; height: 56px;  border: 1px solid #f29600;border-top-left-radius:30px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 30px;}
	/*.newsinfo img, br {display: none}*/
	.newsinfo h1 {color: #fff; font-weight: 600; font-size: 22px; text-align: left; line-height: 20px}
	 .newsinfo p {display: none}
	.cont_news .more{	position: Absolute;	top: 54px;	right: 22px;}
	.minfo li a{ color: #fff; display: inline-block; font-size: .8em; letter-spacing: -1px; line-height: 2.2em}



	 }

/* 활동스토리 */