* {margin:0;padding:0;-webkit-appearance:none;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html {xoverflow-x:hidden; font-family:malgun gothic, Arial, Helvetica, sans-serif;}
body.gray {background: #fff;}
a {text-decoration: none; outline: none; color:#fff; selector-dummy:expression(this.hideFocus=true);}
img {border:0;}
table {border-collapse: collapse;}

.header {width:100%;position:fixed;z-index:9999;top:0px;background:#fff;border-bottom: 1px solid #d7d7d7;min-width:430px;}
.header .menuArea {width:100%;max-width:1200px;margin:0 auto;xposition: inherit;background:#fff;}
.menuTop {float:left;width:230px;}

#logo {float:left;width:200px;height:70px;background:url('../imgs/logo.png') no-repeat;cursor: pointer;margin:0 10px 0 30px;}
.stk {background:url('../imgs/mochi_img.png') no-repeat 0px -20px;width: 90px;height: 70px;float: left;}
.menu {width: 419px;height: 69px;float: right;position: relative;background: #fff;}
.menu span {float: left;background: red;width: 50px;height: 30px;margin: 26px 28px 5px 0;cursor: pointer;background: url('../imgs/menu.png') no-repeat 0px -20px;}

/* 메뉴 이이지 BG 포지션 */
#about {margin-left: 15px; width: 68px; background: url('../imgs/about.png') no-repeat;}
#blog {width:48px; background: url('../imgs/blog.png') no-repeat;}
#works {width: 77px; background: url('../imgs/works.png') no-repeat;}
#tag {width: 40px;}
#painting {width: 97px;margin-right: 30px; background: url('../imgs/painting.png') no-repeat;}

/* 메뉴 바 가변 적용 시 */
.menuAreaType .menuTop {float: none;margin: 0 auto;}
.menuAreaType .menu {float: none;height: 100%;width:414px;margin:0px auto;}
.menuAreaType .menu span {margin-top: 0px;}
.menuAreaType .menu #painting {margin-right:0px;}
.menuAreaType .menu #about {margin-left:20px;}

.wrap {xwidth:100%; min-width:430px; position: relative;xpadding: 55px 0 0 5px;}
.banner {margin-top: 70px;overflow: hidden;background: #fff;}
.bannerType {background: #fef60f;}
.banner img {width: 100%;min-width:400px; max-width: 2000px; xmargin-left: -100px;display:block; padding-top:10px;}
.bannerExtend{margin-top: 104px;}
.contents {margin:0 auto !important;min-height: 1000px;margin:-5px auto 0px -20px;text-align: center;position: relative;}
.about-contents {margin:0 auto !important;margin:-5px auto 0px -20px;text-align: center;}
.about-contents .myimg img {width: 100%;min-width:400px; /*max-width: 2000px;*/}
.about-contents .myimg p {color:#b582b4; margin:0 auto; width:85%; padding: 40px 0; line-height:1.78; font-size:15px;}
.about-contents .about-tit {background:#b582b4; color:#fff; font-weight:800; font-size:20px; margin:0 auto; width:100%; height:36px; margin-top:20px; padding:5px 0px;}
.about-contents .sns-wrap span {width: 40px; display: inline-block; margin-right:10px;}
.about-contents .sns-wrap span:last-child{margin-right:0;}
.about-contents .sns-wrap span img {display:block; width:40px;}

.t-img {display:block;}
.bot {margin-bottom:40px;}

/* mouse overlay fade mix style */
.contents .overlay_wrap {
	background:#9b4dad;
	/* position:absolute; IE7에서 잘못나옴*/
	width:240px;
	height:240px;
	cursor:pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 450ms ease-out 0s;
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
}
.contents .overlay_wrap:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}
.title_overlay {font-size: 16px;padding: 30px 20px 0 20px;white-space: normal;word-break: break-all;text-overflow: clip;line-height:20px; text-align:left; }
.info_overlay {color: #e3d3e7;font-size: 14px;padding:20px; text-align:left;}


.contents a {width: 240px;height: 240px;display: inline-block;xmargin: 2px 0 0 6px;}
.content {display: inline-block;width: 240px;height: 240px;background:#f5f5f5;margin: 20px 10px 0 10px;padding: 1px;}
.contentType a {xwidth: 450px;}

/* 내용 */
.viewWrap {padding: 85px 0 0 0;width: 100%; }
.veiwWrapExtend{margin-top: 40px; min-width:430px;}
.veiwWrapExtend .title{text-align:center;}
.veiwWrapExtend .info{text-align:center;}
.view {position: relative;width: 94%;max-width: 1130px;margin: 0px auto 50px auto;min-height: 300px;background: #fff;}
.title {font-size: 24px;font-weight: bold;white-space: normal;word-break: break-all;text-overflow: clip;line-height:30px;}
.info {color: #c1c1c1;font-size: 14px;}
.fulltxt {color:#666;margin-left:2px;}
.desc {margin: 10px auto 0 auto;color: #c1c1c1;font-size: 12px;}
.desc td {vertical-align: top;border-left: 1px solid #c1c1c1;padding: 0 4px 0 6px;width: 33%;}
.desc .eng{font-size: 13px;}
.desc .jpn{border-right: 1px solid #c1c1c1;}
.art {margin: 20px auto 0 auto;}
.art img {width: 100%;max-width: 1200px;background: #fff url('../imgs/loading.gif') top center no-repeat;}

.btn {height: 27px;margin:20px 0 10px 0;}
.pre {float: left;width:115px;height:22px;background:url('../imgs/btn_pre.png') center no-repeat;xmargin: 0 0 0 60px;}
.next {float: right;width:79px;height: 22px;background:url('../imgs/btn_next.png') center no-repeat;xmargin: 0 60px 0 0;}

/* 하단 푸터 */
.footer {margin:60px 0 40px 0;width: 100%;height: 45px;background:url('../imgs/footer.png') center no-repeat;}

.grid {
	margin: 0 auto;
}

@media (max-width: 706px)
{
	#logo {margin:0 18px;}
}