* { margin:0; padding:0; outline:0; border:0; background:transparent; }
html, body { width:100%; height:100%; min-width:1280px; color:#000; font-size:0.75em; font-family:'Arial','dotum',sans-serif; }
a { color:#000; text-decoration:none; }
#wrap { position:relative; }
#header { position:relative; width:1114px; margin:0 auto; padding:0; overflow:hidden; }
#header h1 { margin:38px auto 0; text-align:center; }
#header h1 img { max-width:100%; }
#header h1.mobile { display:none; }
#header .solar-mark { position:absolute; left:0; top:68px; }
#header .btn-type { position:absolute; right:0; top:68px; }
#header .solar-mark img,
#header .btn-type img { float:left; }
#header #nav { margin:50px auto 0; border-bottom:1px solid #000; }
#header #nav ul { margin:0 auto -1px; text-align:center; font-size:0; line-height:0; }
#header #nav ul li { display:inline-block; padding:0 9px; background:#fff; }
#header #nav ul li a { display:inline-block; padding:0 0 3px; font-size:12px; line-height:27px; color:#898989; border-bottom:1px solid #c9c9c9; }
#header #nav ul li a:hover { padding:0 0 1px; color:#000; border-bottom:3px solid #000; }

#header .mlink { display:; position:absolute; left:0; top:65px; width:100%; margin:0; padding:0 ; overflow:; }
#header .mlink a { font-size:11px; color:#000; line-height:35px; }
#header .mlink img{ float:left; }
#header .mlink .right { float:right; margin-right:60px; }

#container { position:relative; width:1114px; margin:0 auto; padding:0; }
#contents { position:relative; margin:72px auto 0; padding:0 0 140px; }

.grid { position:relative; list-style:none; overflow:hidden; display:table; width:1130px; margin:0 0 0 -15px; font-size:0; line-height:0; }
.grid .thumbbox { /*display:; float:left; */width:173px; height:auto; margin:0 0 15px 15px; background:no-repeat center center; }
.grid .thumbbox img { display:block; width:173px; height:auto; opacity:0; }

.page.active { display: block; }
.btnArea { display:none; position:fixed; left:50%; bottom:0; width:1114px; margin:0 0 0 -557px; padding:58px 0 44px; text-align: center; background:#fff url('./images/decoline_more-view.jpg') repeat-x 0 58px; }
.btnArea #loadMore { display:inline-block; padding:0 10px; text-decoration: none; cursor: pointer; background:#fff; }
.btnArea #loadMore.disable { cursor: default; }


.prologue-info { padding:0 25px; font-size:11px; line-height:1.8em; }
.prologue-info h2 { margin:30px 0 10px; padding:0; font-size:18px; color:#000; font-weight:normal; text-align:center; }
.prologue-info p { margin:0; padding:15px 0; font-size:12px; color:#7d7d7d; text-align:left; }
.prologue-info p.small { font-size:10px; }


.fancybox-wrap, .fancybox-inner  {
	min-width:700px !important; text-align:center !important;
}
.fancybox-image { margin:0 auto !important; width:auto !important; }

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

* { margin:0; padding:0; outline:0; border:0; background:transparent; }
html, body { width:100%; height:100%; min-width:320px; color:#000; font-size:0.75em; font-family:'Arial','dotum',sans-serif; }
a { color:#000; text-decoration:none; }
#wrap { position:relative; }
#header { position:relative; width:100%; margin:0 auto; padding:0; overflow:hidden; }
#header h1 { margin:10px auto 0; padding:0 31px; text-align:center; }
#header h1 img { max-width:100%; }
#header h1.pc { display:none; }
#header h1.mobile { display:block; }
#header .solar-mark { display:none; position:absolute; left:0; top:68px; }
#header .btn-type { display:none; position:absolute; right:0; top:68px; }
#header .solar-mark img,
#header .btn-type img { float:left; }
#header #nav { margin:30px auto 0; border-bottom:1px solid #000; }
#header #nav ul { margin:0 auto -1px; text-align:center; font-size:0; line-height:0; }
#header #nav ul li { display:inline-block; padding:0 5px; background:#fff; }
#header #nav ul li a { display:inline-block; padding:0 0 3px; font-size:11px; line-height:27px; color:#898989; border-bottom:1px solid #c9c9c9; }
#header #nav ul li a:hover { padding:0 0 1px; color:#000; border-bottom:3px solid #000; }

#header .mlink { position:relative; left:0; top:0; width:auto; margin:0; padding:15px 18px ; }
#header .mlink .right { margin-right:0px; }

#container { position:relative; width:100% !important; margin:0 auto; padding:0; }
#contents { position:relative; margin:38px auto 0; padding:0 0 140px; }

.grid { position:relative; list-style:none; overflow:hidden; display:table; width:100%; margin:0 0 0 0px; font-size:0; line-height:0; }
.grid .thumbbox { /*display:; float:left; */width:48%; height:auto; margin:0 1% 15px; padding:0; box-sizing:border-box; background:no-repeat center center; }
.grid .thumbbox img { display:block; width:100%; height:auto; opacity:0; }

.page.active { display: block; }
.btnArea { display:none; position:fixed; left:50%; bottom:0; width:100%; margin:0 0 0 -0px; padding:58px 0 44px; text-align: center; background:#fff url('./images/decoline_more-view.jpg') repeat-x 0 58px; }
.btnArea #loadMore { display:inline-block; padding:0 10px; text-decoration: none; cursor: pointer; background:#fff; }
.btnArea #loadMore.disable { cursor: default; }


}

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

.prologue-info p { font-size:11px; }
.prologue-info p.small { font-size:9px; }

.fancybox-wrap {
	width:100% !important;
}

}