@charset "utf-8";
@import url('font-awesome.css');
@import url('animate.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,500,600,700,800);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/* 
	==================
	[GLOBAL STYLES]
	==================
*/
body,input,textarea,select,button,table{font-family:'Nanum Gothic',"나눔고딕", Dotum, 돋움, AppleGothic, sans-serif, Gulim, 굴림; margin:0;font-size:12px; color:#000;background-color:#fff;}

.clear	{content:"";display:block;clear:both;}

ul,ol{list-style:none;}

#wrap {min-width:100%;}
.wide {width:100%;margin:0 auto; border-top:10px solid #000;top:0;}
#mainVisual {width :100%;
	height : 0;
	padding-top : calc(482/1900*100%); /* calc (이미지 높이 ÷ 이미지 가로 × 100 %) */
	background: url("/YeongWol/mainImg_bg.jpg") center center / cover no-repeat;
	position:relative;margin:auto;}
#mainConts {width:100%;height:178px;position:relative;margin:auto;/* padding:50px; */}

.mainContsInner {width:590px;height:178px;position:relative;margin: 100px auto;}
.mainContsInner img { width:100%; height:100%; border:0px; display:block; position:absolute; top:0px; left:0px; transition: opacity .5s; }
.mainContsInner:hover img:last-child { opacity:0 }

#mainTxt {width:100%;height:150px;position:relative;margin:auto;/* padding:100px; */}
.txt01 {text-align: center;font-size: 2rem;line-height: 1.5;font-weight:700;margin: 100px 20px;padding-bottom:100px;}


@media (max-width:768px)
{
    #mainVisual {padding-top : calc(724/720*100%); /* calc (이미지 높이 ÷ 이미지 가로 × 100 %) */
	background: url("/YeongWol/mainImg_bg_m.png") center center / cover no-repeat;}
	
	.mainContsInner {display:inline-block;width:100%;height:100%;margin-left:30px;}
	
	.mainContsInner img { width:80%; height:80%;}
	.txt01 {display:inline-block;font-size:1.9rem;}
}