@charset "utf-8";
/* ==========================================================================
   Base styles & Helper
   ========================================================================== */
/* common */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {-ms-touch-action:none; position:relative; height:100%; min-height:100%;}
body {position:relative; height:100%; min-height:100%; font:normal 12px/1.5 NanumGothic, 'Nanum Gothic', '나눔고딕', Dotum, '돋움', Gulim; }

/* common form element */
.hide {display:none}

/* ==========================================================================
   Layout
   ========================================================================== */



img, fieldset	{ border:0; }
a, img, input {selector-dummy: expression(this.hideFocus=true);}

#introContext {overflow:hidden; position:relative; top:50%; margin-top:-340px; height:680px; background:url(../img/intro/bg-context.png) 50% 0 no-repeat;}
#introContext h1 {padding-top:60px; height:190px; margin:0 auto; width:260px;}
#introViewport {
	position: relative;
	width:400px;
	margin:170px auto 0;
	overflow: hidden;
}

#introWrapper {
	width:400px;
	height:220px;
	margin:0 auto;
}

#introScroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width:385px; /* 1080 */
	height:220px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.slide {
	width:385px;
	height:220px;
	float:left;
}

.painting {
	display:none;
	width:385px;
	height:220px;
	text-align:center;
}
.painting img {max-width:385px;}
#introIndicator {
	display:none;
	position: relative;
	width:30px;
	height:20px;
	margin:0 auto;
	background: url(../img/intro/bg-indicator.png) repeat-x;
}
#dotty {
	position: absolute;
	width:10px;
	height:10px;
	border-radius: 5px;
	background: #0072bc;
}

.intro-decorator {position:absolute; z-index:2; left:50%; top:50%; margin:20px 0 0 131px; width:360px; height:340px; background:url(../img/intro/img-pencil.png) no-repeat;}
.intro-util {display:none}
.intro-util .btn {text-indent:-9999px;-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.15);box-shadow:0 5px 5px rgba(0, 0, 0, 0.15);}
	.intro-util .btn-prev {position:absolute; left:0; top:45%; width:40px; height:40px; border-radius:0; -webkit-border-radius:0; border:1px solid #cecece;; background:#FFF url(../img/sprite.png) -185px -17px no-repeat;}
	.intro-util .btn-next {position:absolute; right:0; top:45%; width:40px; height:40px; border-radius:0; -webkit-border-radius:0; border:1px solid #cecece;; background:#FFF url(../img/sprite.png) -240px -17px no-repeat;}
	.intro-util .btn:active {border-color:transparent; background-color:#0072bc;}


.intro-footer {margin-top:95px;text-align:center; width:}
.intro-footer .btn.btn-facebook {margin:7px 0 4px 2px; width:30px; height:30px; background:url(../img/sprite.png) -143px -92px no-repeat; text-indent:-9999px;}
.intro-footer .btn.btn-blog {margin:7px 0 4px 2px; width:30px; height:30px; background:url(../img/sprite.png) -190px -92px no-repeat;text-indent:-9999px;}



#gnb {position:fixed; z-index:10; left:0; top:0; height:100%; width:200px; background:#000;
	-moz-transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
	-webkit-transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
	-o-transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
	transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
}
body.collapsed #gnb {left:-200px;}
	#gnb nav:first-child {display:block; width:200px; min-height:100%; margin:0 0 -100px; padding-bottom:100px;}
	#gnb nav.pos {position:absolute;}

	.brand {position:relative; z-index:3; margin:0; padding:0; width:200px; height:120px; background:#000 url(../img/brand.png) left top no-repeat;
		-moz-transition:height ease-in-out 0.15s;
		-webkit-transition:height ease-in-out 0.15s;
		-o-transition:height ease-in-out 0.15s;
		transition:height ease-in-out 0.15s;
	}
	.brand a {display:block; width:200px; height:120px; text-indent:-9999px;}

	.gnb-guide {position:relative; z-index:3;  background:#1a1c1b;width:200px}
	.gnb-guide > a {position:relative; display:block; z-index:10; padding:10px 16px; width:200px; height:100px; text-decoration:none; letter-spacing:-1px; border-left:none; border-right:none; background:#1a1c1b url("../img/map_title_bg.png");
		-moz-transition:padding ease-in-out 0.15s, height ease-in-out 0.15s;
		-webkit-transition:padding ease-in-out 0.15s, height ease-in-out 0.15s;
		-o-transition:padding ease-in-out 0.15s, height ease-in-out 0.15s;
		transition:padding ease-in-out 0.15s, height ease-in-out 0.15s;
	}
	.gnb-guide > a:active {background:#1a1c1b}
	.gnb-guide > a h2 {
	font-size:16px;letter-spacing:0;
	height:auto;line-height:18px;
	color:#bbbbbb;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}
	.gnb-guide > a p {
	color:#ddd;
	font-size:11px;
	height:28px; line-height:12px;margin-top:0;letter-spacing:0
}
	.gnb-guide .btn-popover {right:0px; top:4px;
		-moz-transition:top ease-in-out 0.15s;
		-webkit-transition:top ease-in-out 0.15s;
		-o-transition:top ease-in-out 0.15s;
		transition:top ease-in-out 0.15s;
	}

/*.gnb-guide .btn-popover:hover .ico-popover {background-position:-23px -50px;}*/

	#popGuide {position:absolute; z-index:9; left:-310px; top:0; padding:10px 18px; width:510px; height:100px; background:url('../img/popguide_tbg.png');
		-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
		box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
		-moz-transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
		-webkit-transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
		-o-transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
		transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
	}
	#popGuide h2 {margin:0 0 10px; font-size:18px;height:25px;color:#9ad9f9}
	#popGuide p {color:#dedede;font-size:11px;line-height:12px}
	#popGuide .popguide_t{background:#fff url("../img/detail_bg.png") repeat-x top left;padding:15px 15px 12px;}

	.menu {overflow:hidden; position:relative; display:block; z-index:10; margin:0; padding:0; list-style:none}
	.menu li {float:left; display:block; width:100px; height:100px; background:url(../img/sprite.menu.png) no-repeat}
	.menu li a {display:block; width:100px; height:100px; text-indent:-9999px;border:0}
	.menu li.menu1 {background-position:0 0;}
	.menu li.menu2 {background-position:-100px 0;}
	.menu li.menu3 {background-position:0 -100px;}
	.menu li.menu4 {background-position:-100px -100px;}
	.menu li.menu5 {background-position:0 -200px;}
	.menu li.menu6 {background-position:-100px -200px;}
	.menu li.menu7 {background-position:0 -300px;}
	.menu li.menu8 {background-position:-100px -300px;}

	.menu li.menu1:hover {background:url(../img/sprite.menu_over.png) no-repeat;background-position:0 0;}
	.menu li.menu2:hover {background:url(../img/sprite.menu_over.png) no-repeat;background-position:-100px 0;}
	.menu li.menu3:hover {background:url(../img/sprite.menu_over.png) no-repeat;background-position:0 -100px;}
	.menu li.menu4:hover {background:url(../img/sprite.menu_over.png) no-repeat;background-position:-100px -100px;}
	.menu li.menu5:hover {background:url(../img/sprite.menu_over.png) no-repeat;background-position:0 -200px;}
	.menu li.menu6:hover {background:url(../img/sprite.menu_over.png) no-repeat;background-position:-100px -200px;}
	.menu li.menu7:hover {background:url(../img/sprite.menu_over.png) no-repeat;background-position:0 -300px;}
	.menu li.menu8:hover {background:url(../img/sprite.menu_over.png) no-repeat;background-position:-100px -300px;}

	.menu li.on.menu1 {background-position:0 -400px;}
	.menu li.on.menu2 {background-position:-100px -400px;}
	.menu li.on.menu3 {background-position:0 -500px;}
	.menu li.on.menu4 {background-position:-100px -500px;}
	.menu li.on.menu5 {background-position:0 -600px;}
	.menu li.on.menu6 {background-position:-100px -600px;}
	.menu li.on.menu7 {background-position:0 -700px;}
	.menu li.on.menu8 {background-position:-100px -700px;}

	.menu li.on.menu1:hover {background:url(../img/sprite.menu.png) no-repeat;background-position:0 -400px;}
	.menu li.on.menu2:hover {background:url(../img/sprite.menu.png) no-repeat;background-position:-100px -400px;}
	.menu li.on.menu3:hover {background:url(../img/sprite.menu.png) no-repeat;background-position:0 -500px;}
	.menu li.on.menu4:hover {background:url(../img/sprite.menu.png) no-repeat;background-position:-100px -500px;}
	.menu li.on.menu5:hover {background:url(../img/sprite.menu.png) no-repeat;background-position:0 -600px;}
	.menu li.on.menu6:hover {background:url(../img/sprite.menu.png) no-repeat;background-position:-100px -600px;}
	.menu li.on.menu7:hover {background:url(../img/sprite.menu.png) no-repeat;background-position:0 -700px;}
	.menu li.on.menu8:hover {background:url(../img/sprite.menu.png) no-repeat;background-position:-100px -700px;}

	.util-menu {padding:14px 14px 2px;}
	.util-menu a {font-size:12px;}
	.util-menu .btn {padding:3px 11px;}
	.util-menu .btn i {margin-right:5px}
	.util-menu .btn.btn-facebook {margin:2px 0 4px 8px; width:11px; height:20px; background:url(../img/sprite.png) 0 -95px no-repeat; text-indent:-9999px;}
	.util-menu .btn.btn-facebook:hover {background:url(../img/sprite.png) 0 -151px no-repeat;}
	.util-menu .btn.btn-blog {margin:2px 0 4px 2px; width:12px; height:20px; background:url(../img/sprite.png) -28px -95px no-repeat;text-indent:-9999px;}
	.util-menu .btn.btn-blog:hover {background:url(../img/sprite.png) -28px -150px no-repeat;}
	/*.util-menu .btn.btn-sitemenu {float:right; font-weight:800; line-height:17px}*/
	.util-menu .btn.btn-sitemenu {float:right; font-weight:800; line-height:17px;border-radius:0;border:1px solid #464646;background:#1a1a1a;color:#9a9a9a}
	.util-menu .btn.btn-sitemenu:hover{color:#6fbef7}
	.contactinfo{color:#999;font-size:10px;line-height:12px;margin: 1em 0;}
	.contactinfo a{color:#999}
	.contactinfo a:link{text-decoration:none}
	.contactinfo span{font-size:12px;font-weight:bold}
	.contactinfo img{vertical-align: middle;}
	.copyright_nrp {padding:5px 14px 22px 14px; height:100px;}
	.copyright_nrp .flogo {margin:0; width:53px; height:16px; font:bold 14px Times; color:#525355; background:url(../img/sprite.png) 0 -198px no-repeat; text-indent:-9999px;}
	.copyright_nrp p {margin:4px 0 0; color:#999; font:11px/1.2 Arial; }

	.gnb-util {position:absolute; z-index:2; top:0; left:200px;
		-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
		box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
	}
	.gnb-util .btn-gnb-toggle {display:block; position:relative; /* margin-bottom:-20px;  */width:47px; height:47px; border:none; background:url(../img/sprite.png) 0 -230px no-repeat; text-indent:-9999px; outline:none; z-index:2;margin-top:1px;margin-left:1px}
	.gnb-util .btn-gnb-toggle:hover {background-position:0 -277px}
	.gnb-util .btn-gnb-toggle:active {background-position:0 -277px;}
	.gnb-util .btn-gnb-toggle.expand {background-position:0 -324px;}
	.gnb-util .btn-gnb-toggle.hover {background-position:0 -324px;}
	.gnb-util .btn-gnb-toggle.expand:active {background-position:0 -371px;}
	.gnb-util .btn-gnb-toggle.expand:hover {background-position:0 -371px;}

	.gnb-util .gnb-util-only-sub {overflow:hidden; position:absolute; z-index:0; top:0; left:-200px; width:100px;
		-moz-transition:left ease-in-out 0.5s;
		-webkit-transition:left ease-in-out 0.5s;
		-o-transition:left ease-in-out 0.5s;
		transition:left ease-in-out 0.5s;

	}
	.gnb-util .btn-gnb-prev {float:left; width:47px; height:50px; border:none; background:url(../img/sprite.png) 0 -428px no-repeat; text-indent:-9999px; outline:none;}
	.gnb-util .btn-gnb-prev:active {background-position:0 -475px;}
	.gnb-util .btn-gnb-prev:hover {background-position:0 -475px;}
	.gnb-util .btn-gnb-next {float:left; width:47px; height:50px; border:none; background:url(../img/sprite.png) 0 -522px no-repeat; text-indent:-9999px; outline:none;}
	.gnb-util .btn-gnb-next:active {background-position:0 -569px;}
	.gnb-util .btn-gnb-next:hover {background-position:0 -569px;}

	.gnb-util-root {position:fixed; right:0; top:-54px;
		-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
		box-shadow:0 5px 5px rgba(0, 0, 0, 0.3);
		-moz-transition:top ease-in-out 0.5s;
		-webkit-transition:top ease-in-out 0.5s;
		-o-transition:top ease-in-out 0.5s;
		transition:top ease-in-out 0.5s;
	}
	.gnb-util-root .btn-gnb-wholemap {float:left;display:block;width:90px; height:47px; border:none; background:url(../img/sprite.png) 0 -634px no-repeat; text-indent:-9999px; outline:none;margin-right:1px;margin-top:1px}
	.gnb-util-root .btn-gnb-wholemap:active {background-position:-90px -634px;}
	.gnb-util-root .btn-gnb-wholemap:hover {background-position:-90px -634px;}
	.gnb-util-root .btn-gnb-paint {float:left;display:block;width:134px; height:47px; border:none; background:url(../img/sprite.png) 0 -682px no-repeat; text-indent:-9999px; outline:none;;margin-right:1px;margin-top:1px}
	.gnb-util-root .btn-gnb-paint:active {background-position:-134px -682px;}
	.gnb-util-root .btn-gnb-paint:hover {background-position:-134px -682px;}
	.gnb-util-root .btn-gnb-product {float:left;display:block;width:105px; height:47px; border:none; background:url(../img/sprite.png) 0 -730px no-repeat; text-indent:-9999px; outline:none;margin-top:1px;margin-right:1px}
	.gnb-util-root .btn-gnb-product:active {background-position:-105px -730px;}
	.gnb-util-root .btn-gnb-product:hover {background-position:-105px -730px;}



	/*
	.copyright hr.logo {
		border:0;
		background-image: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,.4), rgba(255,0,0,0));
		background-image:    -moz-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,.4), rgba(255,0,0,0));
		background-image:     -ms-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,.4), rgba(255,0,0,0));
		background-image:      -o-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,.4), rgba(255,0,0,0));
	}
	*/


/*
* MAP ( lol )
*/
.fullmap {overflow:hidden; position:absolute; left:200px; top:0; right:0; bottom:0; background:#1a1c1b url(../img/bg-pattern.jpg); cursor:move;}
body.collapsed .fullmap {left:0;}
	.fullmap .scroller {position:absolute; z-index:1; width:2102px; height:1400px;
		/*background: url(../img/map/map_whole.jpg);*/
		background-repeat:no-repeat;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none;
	}


.minimap {position:fixed; z-index:10; bottom:0; right:0; width:188px; height:100px; border:1px solid #FFF; cursor:move;}
	.minimap-indicator {position:absolute; z-index:150; padding:20px; z-index:3; border:1px solid #fe0;
		background: rgba(255,255,255,0.15);
		box-shadow: 0 0 5px #000;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}
.minimap img.legacyIE {display:none; position:absolute; z-index:0; width:188px; height:100px; }
.infotext {position:fixed; z-index:10; bottom:10px;right:200px;color:#fff;z-index:3; }

/* map partial */
.wholemap {}
.wholemap .fullmap {z-index:1;}
.wholemap .minimap {
	z-index:2;
	background:url(../img/map/map_whole.jpg) no-repeat;
	background-size:100% 100%;
}
.ie-legacy .wholemap .minimap {background:url(../img/map/map_whole_s.jpg) no-repeat;}
/*
.wholemap .minimap {
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/map_whole.jpg', sizingMethod='scale')";
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/map_whole.jpg', sizingMethod='scale')";
	}
*/


.submap {}
.submap .fullmap {z-index:0;}
.submap .fullmap .scroller {position:absolute; z-index:1; width:2000px; height:1500px;}
.submap .fullmap .scroller .img-map {position:absolute; left:0; top:0;}
.submap .fullmap .scroller img{-webkit-perspective:1}

.submap .minimap {
	z-index:1;
	background:url(../img/map/apt.jpg) no-repeat;
	background-size:100% 100%;
}

.submap .minimap[data-name="01000000"] {}
.submap .minimap[data-name="02000000"] {background-image:url(../img/map/commerce.jpg)}
.submap .minimap[data-name="03000000"] {background-image:url(../img/map/house.jpg)}
.submap .minimap[data-name="04000000"] {background-image:url(../img/map/edu.jpg)}
.submap .minimap[data-name="05000000"] {background-image:url(../img/map/gym.jpg)}
.submap .minimap[data-name="06000000"] {background-image:url(../img/map/medical.jpg)}
.submap .minimap[data-name="07000000"] {background-image:url(../img/map/industry.jpg)}
.submap .minimap[data-name="08000000"] {background-image:url(../img/map/water.jpg)}

.ie-legacy .submap .minimap[data-name="01000000"] {background:url(../img/map/apt_s.jpg) no-repeat;}
.ie-legacy .submap .minimap[data-name="02000000"] {background-image:url(../img/map/commerce_s.jpg)}
.ie-legacy .submap .minimap[data-name="03000000"] {background-image:url(../img/map/house_s.jpg)}
.ie-legacy .submap .minimap[data-name="04000000"] {background-image:url(../img/map/edu_s.jpg)}
.ie-legacy .submap .minimap[data-name="05000000"] {background-image:url(../img/map/gym_s.jpg)}
.ie-legacy .submap .minimap[data-name="06000000"] {background-image:url(../img/map/medical_s.jpg)}
.ie-legacy .submap .minimap[data-name="07000000"] {background-image:url(../img/map/industry_s.jpg)}
.ie-legacy .submap .minimap[data-name="08000000"] {background-image:url(../img/map/water_s.jpg)}



/*
.submap .minimap {
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/apt.jpg', sizingMethod='scale')";
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/apt.jpg', sizingMethod='scale')";
}
.submap .minimap[data-name=commerce] {
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/commerce.jpg', sizingMethod='scale')";
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/commerce.jpg', sizingMethod='scale')";
}
.submap .minimap[data-name=house] {
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/house.jpg', sizingMethod='scale')";
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/house.jpg', sizingMethod='scale')";
}
.submap .minimap[data-name=edu] {
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/edu.jpg', sizingMethod='scale')";
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/edu.jpg', sizingMethod='scale')";
}
.submap .minimap[data-name=gym] {
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/gym.jpg', sizingMethod='scale')";
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/gym.jpg', sizingMethod='scale')";
}
.submap .minimap[data-name=medical] {
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/medical.jpg', sizingMethod='scale')";
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/medical.jpg', sizingMethod='scale')";
}
.submap .minimap[data-name=industry] {
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/industry.jpg', sizingMethod='scale')";
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/industry.jpg', sizingMethod='scale')";
}
.submap .minimap[data-name=water] {
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/water.jpg', sizingMethod='scale')";
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./static/img/map/water.jpg', sizingMethod='scale')";
}
*/








/* map detail layer*/
.detail-layer {display:none; position:absolute; z-index:10; padding:30px 6px 6px; width:480px; min-height:100px; color:#666; background:url('../img/detail_tbg.png'); border:1px solid #b2b2b1;
	-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.5);
	box-shadow:0 6px 12px rgba(0, 0, 0, 0.5);
	background-clip:padding-box;
	-moz-transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
	-webkit-transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
	-o-transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
	transition:left ease-in-out 0.15s, top ease-in-out 0.15s;
}
	.detail-layer h2 {margin:1px 0 5px; font-size:15px; color:#0767a6;}
	.detail-layer h2 span {display:none}
	.detail-layer p {margin:0 0 10px 95px; line-height:1.5;}
	.detail-flow-media { float:left; margin:0 13px 0 0; box-shadow:;
		-webkit-box-shadow:0 3px 8px rgba(0, 0, 0, 0.3);
		box-shadow:0 3px 8px rgba(0, 0, 0, 0.3);
	}
	.detail-layer .action {text-align:center;}
	.detail-layer .action .btn {font-size:12px; font-weight:bold; padding:3px 16px;font-family:NanumGothic }
	.detail-layer .action .btn:hover{color:#bebebe}
	.detail-layer .action .btn:hover .ico-expand{background-position:-15px 0}
	.detail-layer .action .btn:hover .ico-paint{background-position:-48px 0}
	.detail-layer .action .btn:hover .ico-menu-white{background-position:-78px 0}

	.detail-html .table a {padding-bottom:0; border-bottom:none;}
	.detail-html .table td {max-width:200px;}
	.detail-html .table td:last-child {max-width:450px;}
.detail-layer.table {min-width:480px; width:auto;border:1px solid #b2b2b1;max-height: 720px;overflow-y: auto;}
.detail_t{background:#fff url("../img/detail_bg.png") repeat-x top left;padding:15px 15px 12px; }






/* full table layer */
.table-layer {display:none; overflow:hidden; position:absolute; z-index:20; top:0; right:0; bottom:10px; left:200px; padding:10px 20px; background:#FFF; border:1px solid #d6d6d6; margin:20px 170px 20px 170px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.5);
	box-shadow:0 6px 12px rgba(0, 0, 0, 0.5);
}
body.collapsed .table-layer {left:0;}
	.table-layer h1 {margin:45px 0 5px; color:#ffffff; font-size:20px; padding:10px 0 10px 20px; background:#000}
	.table-layer h2 {margin-top:50px;padding-left:12px; color:#333; font-size:15px; font-weight:700; line-height:1.1; border-left:3px solid #d50a0a;}
	.table-layer h3 {margin-top:20px;margin-bottom:10px;padding-left:14px; color:#666; font-size:14px; font-weight:700; line-height:0.8;}
	.table-layer h1 small {margin-left:1em; font-size:12px; font-weight:500; color:#c8c8c8;}
	.table-layer h1 small span{color:#4eaae5}
	.table-layer .table {}

.scrollBox {overflow:hidden; position:absolute; left:20px; top:105px; right:20px; bottom:10px;/* border-top:2px solid #333*/}
.scrollable {
	position: absolute;
	padding-right:10px;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.iScrollVerticalScrollbar{width:12px !important}
iScrollIndicator{border-radius:0px !important}

/* TABLE */
.table-wrapper {overflow:hidden; margin-bottom:10px; }
	.table {width:100%; margin:0 0 10px; font-size:13px; border-collapse:collapse; border:none; border-top:1px solid #d7d7d7; color:#333;empty-cells:show;}
	.table th, .table td {padding:6px 10px; border:1px solid #d7d7d7; /*background:url(../img/line-bar.png) 100% 50% no-repeat;*/empty-cells:show;border-collapse:collapse }
	.table thead th {color:#fff; background:#0072bc;}
	.table tbody th {background:#ebebeb;}
	.table td {text-align:center;}
	.table td.t_td{border-right:1px solid #518ec9 !important}
	.table a {color:#518ec9; text-decoration:none; font-weight:bold /*padding-bottom:1px; border-bottom:1px solid #bfdcee;*/}
	.table tr th:last-child, .table tr td:last-child {}
	.table tr td[rowspan], .table tr th[rowspan] {}
	.table .list-num {float:left; margin:-1px 6px 15px 0; padding:1px 6px; color:#FFF; background:#464646;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

.table_in{width:100%}
.table_in td{border-bottom:none}
.table_in th{border-bottom:none}
.table_in .table_in_th{border-top:none}
.table_in .fir_td{border-left:none}
.table_in .last_td{border-right:none}

.table-wrapper.text-left table {text-align:left;}
.table-wrapper.text-left table td {text-align:left;}
.table-layer .table {table-layout:fixed;}
.table-layer table td {text-align:left;}
.table-layer table thead tr th:first-child {width:230px; color:#fff; background:#0072bc;}
.table-layer table tbody tr td:first-child {width:230px}

#layerItemArea.table-layer {left:250px;
	-moz-transition:left ease-in-out 0.3s;
	-webkit-transition:left ease-in-out 0.3s;
	-o-transition:left ease-in-out 0.3s;
	transition:left ease-in-out 0.3s;
}
#layerItemArea.table-layer.active {left:200px; right:0;}

/* TABS */
.tabs {overflow:hidden; margin:1px 0 0; padding:0; list-style:none;}
	.tabs li {float:left; display:block; width:25%; }
	.tabs li.on {}
	.tabs li a {display:block; padding:10px 0;text-align:center; color:#666; font-size:14px; font-weight:800; text-decoration:none; border:2px solid #FFF; border-bottom-color:#333;}
	.tabs li.on a {color:#fff; border:2px solid #333; border-bottom-color:#464646; background:#464646;font-size:14px}

#paintLayer {}
#materialLayer {}
	#materialLayer .scrollBox {border-top:none}
	#materialLayer .table {margin-bottom:30px; text-align:left; color:#666}
	#materialLayer .table td {text-align:left}


/* 제품 상세 */
.item-detail {margin:20px 10px;}
	.item-detail .item-header {overflow:hidden;}
		.item-detail .media {float:left; display:block; width:200px; text-align:center;padding-top:40px}
		.item-detail .media img {max-width:100%}
		.item-detail .item-header-cont {margin-left: 200px; }
	.item-detail .item-body {clear:both;}
	.item-detail .item-body p{word-break:break-all}
	.item-detail a {padding:0; border-bottom:none;}
	.item-detail li {margin-bottom:4px}
	.item-detail .table td {text-align:center}
	.item-detail .table.table-fixed {table-layout:fixed;}
	.item-detail .table.table-fixed th {width:25%;  color:#333; background:#ebebeb;}
	.item-detail .table th.th-type2{color:#828282}

#tempDOM {display:none} /* AJAX DATA proc */


/* button */
.btn {display:inline-block; margin-bottom:0; font-weight:400; text-align:center; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid rgba(0, 0, 0, 0); white-space:nowrap; padding:6px 12px; font-size:14px; line-height:1.4; -webkit-user-select:none; -moz-user-select: none;-ms-user-select: none;user-select: none; text-decoration:none;}
.btn-primary {color:#FFF; background-color:#75818a; border-color:#5f6c76;
	-webkit-box-shadow:0 3px 8px rgba(0, 0, 0, 0.3);
	box-shadow:0 3px 8px rgba(0, 0, 0, 0.3);
}
.btn-default {color:#0072bc; background-color:#FFF; border-color:#d2d2d2;}
.btn-text {color:#666; background-color:transparent; border-color:transparent;}
.btn-close {position:absolute; z-index:21; right:0; top:0;}
.btn-close:hover .ico-close-s {background:url(../img/sprite.png) no-repeat -22px -27px}
.table-layer .btn-close{position:absolute; z-index:21; left:10px;top:10px;width:50px}
.btn-popover {position:absolute; }
.btn-top {position:absolute; z-index:50; right:7px; bottom:10px;}
.btn-top:hover .ico-top{background-position:0 -876px}
.btn-top:active .ico-top{background-position:0 -876px}


/* icon */
.ico {position:relative; top:1px; display:inline-block; width:13px; height:13px; background:url(../img/sprite.png) no-repeat;}
.ico-expand {top:4px; width:13px; height:13px; background-position:0 0}
.ico-close {width:28px; height:28px; background-position:-121px -25px}
.ico-close-s {width:13px; height:13px; background-position:0 -27px}
.ico-menu-blue {top:3px; width:14px; height:14px; background-position:0 -130px;}
.ico-popover {width:18px; height:22px; background-position:0 -50px;}
.ico-paint {background-position:-33px 0;}
.ico-menu-white {width:11px; height:11px; background-position:-63px 0;}
.ico-pdf {width:16px; height:17px; background-position:-74px -99px;}
.ico-top{width:47px; height:47px; background-position:0 -809px}


/*깜빡임아이콘*/
#main_icon div {display:block;width:40px;height:40px;outline:none;position:absolute;z-index:9;}
#main_icon div a{display:block}
.mred_01{top:384px; left:599px; pointer-events:none;}
.mred_02{top:529px; left:362px; pointer-events:none;}
.mred_03{top:810px; left:810px; pointer-events:none;}
.mred_04{top:939px; left:1142px; pointer-events:none;}
.mred_05{top:829px; left:1270px; pointer-events:none;}
.mred_06{top:439px; left:1178px; pointer-events:none;}
.mred_07{top:455px; left:1778px; pointer-events:none;}
.mred_08{top:260px; left:1607px; pointer-events:none;}
.mred_09{top:360px; left:1462px; pointer-events:none;}
.mtxt_01{top:425px; left:564px; pointer-events:none;}
.mtxt_02{top:569px; left:285px; pointer-events:none;}
.mtxt_03{top:851px; left:737px; pointer-events:none;} /*학교/보육시설 문구*/
.mtxt_04{top:980px; left:1111px; pointer-events:none;}
.mtxt_05{top:869px; left:1227px; pointer-events:none;}
.mtxt_06{top:478px; left:1154px; pointer-events:none;}
.mtxt_07{top:495px; left:1741px; pointer-events:none;}
.mtxt_08{top:400px; left:1419px; pointer-events:none;}
.mtxt_09{top:299px; left:1556px; pointer-events:none;}

#sub_icon div {display:block;width:26px;height:15px;outline:none;position:absolute;z-index:9;}
/*.apt_wrap{display:none}*/
.apt_wrap .sred_01{top:145px; left:627px}
.apt_wrap .sred_02{top:98px; left:1262px}
.apt_wrap .sred_03{top:147px; left:1634px;}
.apt_wrap .sred_04{top:253px; left:1818px}
.apt_wrap .sred_05{top:348px; left:476px}
.apt_wrap .sred_06{top:379px; left:574px}
.apt_wrap .sred_07{top:411px; left:497px;}
.apt_wrap .sred_08{top:626px; left:480px;}
.apt_wrap .sred_09{top:318px; left:838px;}
.apt_wrap .sred_10{top:643px; left:841px;}
.apt_wrap .sred_11{top:923px; left:1087px;}
.apt_wrap .sred_12{top:1157px; left:1779px;}
.apt_wrap .sred_13{top:1348px; left:1425px;}
.apt_wrap .sred_14{top:1279px; left:1298px;}
.apt_wrap .sred_15{top:1284px; left:1515px;}
.apt_wrap .sred_16{top:1242px; left:1440px;}
.apt_wrap .sred_17{top:1036px; left:1287px;}
.apt_wrap .sred_18{top:1024px; left:1535px;}
.apt_wrap .sred_19{top:932px; left:1618px;}
.apt_wrap .sred_20{top:1042px; left:964px;}
.apt_wrap .sred_21{top:1068px; left:697px;}
.apt_wrap .sred_22{top:1002px; left:818px;}
.apt_wrap .sred_23{top:1148px; left:612px;}
.apt_wrap .sred_24{top:1202px; left:409px;}
.apt_wrap .sred_25{top:1157px; left:364px;}
.apt_wrap .sred_26{top:1033px; left:179px;}
.apt_wrap .sred_27{top:1272px; left:917px;}
.apt_wrap .sred_28{top:1199px; left:869px;}
.apt_wrap .sred_29{top:872px; left:1162px;}
.apt_wrap .sred_30{top:843px; left:844px;}
.apt_wrap .sred_31{top:764px; left:1048px;}
.apt_wrap .sred_32{top:673px; left:1093px;}
.apt_wrap .sred_33{top:756px; left:1471px;}
.apt_wrap .sred_34{top:670px; left:1248px;}

.commerce_wrap{display:none}
.commerce_wrap .sred_01{top:139px; left:560px}
.commerce_wrap .sred_02{top:192px; left:361px;}
.commerce_wrap .sred_03{top:349px; left:1663px;}
.commerce_wrap .sred_04{top:527px; left:1711px;}
.commerce_wrap .sred_05{top:193px; left:702px;}
.commerce_wrap .sred_06{top:346px; left:339px;}
.commerce_wrap .sred_07{top:531px; left:599px;}
.commerce_wrap .sred_08{top:685px; left:438px;}
.commerce_wrap .sred_09{top:286px; left:746px;}
.commerce_wrap .sred_10{top:662px; left:753px;}
.commerce_wrap .sred_11{top:867px; left:1084px;}
.commerce_wrap .sred_12{top:986px; left:1900px;}
.commerce_wrap .sred_13{top:1286px; left:1718px;}
.commerce_wrap .sred_14{top:1155px; left:1460px;}
.commerce_wrap .sred_15{top:1237px; left:1778px;}
.commerce_wrap .sred_16{top:987px; left:1578px;}
.commerce_wrap .sred_17{top:1015px; left:1426px;}
.commerce_wrap .sred_18{top:925px; left:1359px;}
.commerce_wrap .sred_19{top:882px; left:1270px;}
.commerce_wrap .sred_20{top:1012px; left:1036px;}
.commerce_wrap .sred_21{top:1229px; left:690px;}
.commerce_wrap .sred_22{top:835px; left:640px;}
.commerce_wrap .sred_23{top:1336px; left:335px;}
.commerce_wrap .sred_24{top:1217px; left:237px;}
.commerce_wrap .sred_25{top:875px; left:427px;}
.commerce_wrap .sred_26{top:728px; left:167px;}
.commerce_wrap .sred_27{top:706px; left:1809px;}
.commerce_wrap .sred_28{top:1095px; left:785px}
.commerce_wrap .sred_29{top:692px; left:1277px;}
.commerce_wrap .sred_30{top:708px; left:801px}
.commerce_wrap .sred_31{top:576px; left:971px;}
.commerce_wrap .sred_32{top:566px; left:1145px;}

.house_wrap{display:none}
.house_wrap .sred_01{top:439px; left:942px}
.house_wrap .sred_02{top:477px; left:1098px;}
.house_wrap .sred_03{top:521px; left:1570px;}
.house_wrap .sred_04{top:320px; left:854px;}
.house_wrap .sred_05{top:510px; left:663px;}
.house_wrap .sred_06{top:752px; left:520px;}
.house_wrap .sred_07{top:321px; left:666px;}
.house_wrap .sred_08{top:825px; left:1077px;}
.house_wrap .sred_09{top:1298px; left:1612px;}
.house_wrap .sred_10{top:1162px; left:1479px;}
.house_wrap .sred_11{top:1196px; left:1403px;}
.house_wrap .sred_12{top:1090px; left:1581px;}
.house_wrap .sred_13{top:922px; left:1489px;}
.house_wrap .sred_14{top:722px; left:1453px;}
.house_wrap .sred_15{top:834px; left:658px;}
.house_wrap .sred_16{top:1139px; left:676px;}
.house_wrap .sred_17{top:728px; left:402px;}
.house_wrap .sred_18{top:755px; left:1605px;}
.house_wrap .sred_19{top:946px; left:692px;}
.house_wrap .sred_20{top:702px; left:884px;}
.house_wrap .sred_21{top:504px; left:854px;}
.house_wrap .sred_22{top:572px; left:1091px;}
.house_wrap .sred_23{top:157px; left:990px;}

.edu_wrap{display:none}
.edu_wrap .sred_01{top:118px; left:371px}
.edu_wrap .sred_02{top:88px; left:1884px;}
.edu_wrap .sred_03{top:579px; left:1721px;}
.edu_wrap .sred_04{top:418px; left:902px;}
.edu_wrap .sred_05{top:517px; left:197px;}
.edu_wrap .sred_06{top:423px; left:1208px;}
.edu_wrap .sred_07{top:585px; left:326px;}
.edu_wrap .sred_08{top:328px; left:676px;}
.edu_wrap .sred_09{top:421px; left:1483px;}
.edu_wrap .sred_10{top:1045px; left:1826px;}
.edu_wrap .sred_11{top:1311px; left:1587px;}
.edu_wrap .sred_12{top:1178px; left:1262px;}
.edu_wrap .sred_13{top:1324px; left:1809px;}
.edu_wrap .sred_14{top:924px; left:1844px;}
.edu_wrap .sred_15{top:936px; left:1382px;}
.edu_wrap .sred_16{top:815px; left:1312px;}
.edu_wrap .sred_17{top:970px; left:653px;}
.edu_wrap .sred_18{top:1310px; left:999px;}
.edu_wrap .sred_19{top:749px; left:525px;}
.edu_wrap .sred_20{top:1398px; left:428px;}
.edu_wrap .sred_21{top:963px; left:397px;}
.edu_wrap .sred_22{top:842px; left:233px;}
.edu_wrap .sred_23{top:693px; left:178px;}
.edu_wrap .sred_24{top:1038px; left:751px;}
.edu_wrap .sred_25{top:733px; left:1346px;}
.edu_wrap .sred_26{top:325px; left:1221px;}
.edu_wrap .sred_27{top:282px; left:1567px;}
.edu_wrap .sred_28{top:282px; left:1388px;}

.gym_wrap{display:none}
.gym_wrap .sred_01{top:448px; left:891px}
.gym_wrap .sred_02{top:127px; left:410px;}
.gym_wrap .sred_03{top:326px; left:1608px;}
.gym_wrap .sred_04{top:444px; left:1919px;}
.gym_wrap .sred_05{top:333px; left:532px;}
.gym_wrap .sred_06{top:537px; left:818px}
.gym_wrap .sred_07{top:668px; left:309px;}
.gym_wrap .sred_08{top:696px; left:582px;}
.gym_wrap .sred_09{top:328px; left:926px;}
.gym_wrap .sred_10{top:848px; left:402px;}
.gym_wrap .sred_11{top:765px; left:1088px;}
.gym_wrap .sred_12{top:521px; left:1199px;}
.gym_wrap .sred_13{top:1246px; left:1433px;}
.gym_wrap .sred_14{top:1246px; left:1107px;}
.gym_wrap .sred_15{top:835px; left:1557px;}
.gym_wrap .sred_16{top:683px; left:1468px;}
.gym_wrap .sred_17{top:883px; left:1315px;}
.gym_wrap .sred_18{top:881px; left:1035px;}
.gym_wrap .sred_19{top:862px; left:662px;}
.gym_wrap .sred_20{top:1178px; left:328px;}
.gym_wrap .sred_21{top:1087px; left:479px;}
.gym_wrap .sred_22{top:840px; left:256px;}
.gym_wrap .sred_23{top:703px; left:126px}
.gym_wrap .sred_24{top:471px; left:1366px;}
.gym_wrap .sred_25{top:1111px; left:720px;}
.gym_wrap .sred_26{top:663px; left:1301px;}
.gym_wrap .sred_27{top:765px; left:456px;}
.gym_wrap .sred_28{top:815px; left:717px;}
.gym_wrap .sred_29{top:453px; left:1184px;}

.medical_wrap{display:none}
.medical_wrap .sred_01{top:203px; left:461px}
.medical_wrap .sred_02{top:601px; left:1079px;}
.medical_wrap .sred_03{top:539px; left:1473px;}
.medical_wrap .sred_04{top:280px; left:1176px;}
.medical_wrap .sred_05{top:737px; left:597px;}
.medical_wrap .sred_06{top:554px; left:736px;}
.medical_wrap .sred_07{top:1168px; left:785px;}
.medical_wrap .sred_08{top:715px; left:751px;}
.medical_wrap .sred_09{top:1319px; left:977px;}
.medical_wrap .sred_10{top:1144px; left:1822px;}
.medical_wrap .sred_11{top:1410px; left:1562px}
.medical_wrap .sred_12{top:1331px; left:1477px;}
.medical_wrap .sred_13{top:1437px; left:1074px;}
.medical_wrap .sred_14{top:1388px; left:1796px;}
.medical_wrap .sred_15{top:1259px; left:953px}
.medical_wrap .sred_16{top:1081px; left:1256px;}
.medical_wrap .sred_17{top:1165px; left:1095px;}
.medical_wrap .sred_18{top:1371px; left:1066px;}
.medical_wrap .sred_19{top:1220px; left:688px;}
.medical_wrap .sred_20{top:805px; left:868px;}
.medical_wrap .sred_21{top:1324px; left:250px;}
.medical_wrap .sred_22{top:1052px; left:412px;}
.medical_wrap .sred_23{top:1038px; left:733px;}
.medical_wrap .sred_24{top:1110px; left:678px;}
.medical_wrap .sred_25{top:1302px; left:1205px;}
.medical_wrap .sred_26{top:1304px; left:734px;}
.medical_wrap .sred_27{top:776px; left:1005px;}
.medical_wrap .sred_28{top:1039px; left:903px;}

.industry_wrap{display:none}
.industry_wrap .sred_01{top:529px; left:456px}
.industry_wrap .sred_02{top:276px; left:407px;}
.industry_wrap .sred_03{top:116px; left:1708px;}
.industry_wrap .sred_04{top:511px; left:713px;}
.industry_wrap .sred_05{top:626px; left:534px;}
.industry_wrap .sred_06{top:267px; left:956px;}
.industry_wrap .sred_07{top:828px; left:1716px;}
.industry_wrap .sred_08{top:988px; left:1349px;}
.industry_wrap .sred_09{top:872px; left:902px;}
.industry_wrap .sred_10{top:1289px; left:378px;}
.industry_wrap .sred_11{top:951px; left:622px;}
.industry_wrap .sred_12{top:917px; left:453px;}
.industry_wrap .sred_13{top:712px; left:1427px;}
.industry_wrap .sred_14{top:446px; left:1218px;}

.water_wrap{display:none}
.water_wrap .sred_01{top:362px; left:434px}
.water_wrap .sred_02{top:288px; left:1740px;}
.water_wrap .sred_03{top:798px; left:1684px;}
.water_wrap .sred_04{top:923px; left:1332px;}
.water_wrap .sred_05{top:935px; left:896px;}
.water_wrap .sred_06{top:982px; left:843px;}
.water_wrap .sred_07{top:474px; left:1557px;}
.water_wrap .sred_08{top:510px; left:1197px;}


/* ==========================================================================
   ie fix
   ========================================================================== */



/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-device-width: 1280px) and (orientation:landscape) {
	.brand {height:100px;}
	.gnb-guide > a {padding:8px 18px; height:100px; }
	.gnb-guide .btn-popover {top:4px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {}

@media all and (max-height:768px) {
	#gnb{width:150px}
	#gnb nav:first-child{width:150px}
	.brand a{width:150px;height:100px}
	.brand{width:150px;background-size:150px auto;height:100px}
	.gnb-guide > a{width:148px;padding:10px}
	.gnb-guide{width:148px}
	.fullmap{left:150px}
	.menu li{width:74px;height:70px; background:url(../img/sprite.menu_tablet.png) no-repeat}
	.menu li a{width:74px;height:70px}
	.gnb-guide > a h2{font-size:13px}
	.gnb-guide > a p{font-size:10px;line-height:12px}
	.gnb-guide .btn-popover{padding:6px 0;top:6px}
	.util-menu .btn.btn-facebook{width:11px; height:15px;background-position:0 -180px;margin:2px 0 4px 2px}
	.util-menu .btn.btn-facebook:hover{background-position:-50px -180px;}
	.util-menu .btn.btn-blog{width:12px; height:15px;background-position:-20px -180px}
	.util-menu .btn.btn-blog:hover{background-position:-70px -180px;}
	.util-menu .btn{padding:1px 3px;}
	.util-menu a{font-size:11px}
	.copyright p{font-size:10px}
	#popGuide{height:100px;padding:10px;left:-380px}
	#popGuide h2{font-size:13px}
	#popGuide p{font-size:11px;margin-top:-10px}
	.gnb-util{left:150px}
	.copyright{padding:10px 14px}
	.eng_addr{display:none}
	.menu li.menu1 {background-position:0 0;}
	.menu li.menu2 {background-position:-74px 0;}
	.menu li.menu3 {background-position:0 -70px;}
	.menu li.menu4 {background-position:-74px -70px;}
	.menu li.menu5 {background-position:0 -140px;}
	.menu li.menu6 {background-position:-74px -140px;}
	.menu li.menu7 {background-position:0 -210px;}
	.menu li.menu8 {background-position:-74px -210px;}

	.menu li.menu1:hover {background:url(../img/sprite.menu_over_tablet.png) no-repeat;background-position:0 0;}
	.menu li.menu2:hover {background:url(../img/sprite.menu_over_tablet.png) no-repeat;background-position:-74px 0;}
	.menu li.menu3:hover {background:url(../img/sprite.menu_over_tablet.png) no-repeat;background-position:0 -70px;}
	.menu li.menu4:hover {background:url(../img/sprite.menu_over_tablet.png) no-repeat;background-position:-74px -70px;}
	.menu li.menu5:hover {background:url(../img/sprite.menu_over_tablet.png) no-repeat;background-position:0 -140px;}
	.menu li.menu6:hover {background:url(../img/sprite.menu_over_tablet.png) no-repeat;background-position:-74px -140px;}
	.menu li.menu7:hover {background:url(../img/sprite.menu_over_tablet.png) no-repeat;background-position:0 -210px;}
	.menu li.menu8:hover {background:url(../img/sprite.menu_over_tablet.png) no-repeat;background-position:-74px -210px;}

	.menu li.on.menu1 {background-position:0 -280px;}
	.menu li.on.menu2 {background-position:-74px -280px;}
	.menu li.on.menu3 {background-position:0 -350px;}
	.menu li.on.menu4 {background-position:-74px -350px;}
	.menu li.on.menu5 {background-position:0 -420px;}
	.menu li.on.menu6 {background-position:-74px -420px;}
	.menu li.on.menu7 {background-position:0 -490px;}
	.menu li.on.menu8 {background-position:-74px -490px;}

	.menu li.on.menu1:hover {background:url(../img/sprite.menu_tablet.png) no-repeat;background-position:0 -280px;}
	.menu li.on.menu2:hover {background:url(../img/sprite.menu_tablet.png) no-repeat;background-position:-74px -280px;}
	.menu li.on.menu3:hover {background:url(../img/sprite.menu_tablet.png) no-repeat;background-position:0 -350px;}
	.menu li.on.menu4:hover {background:url(../img/sprite.menu_tablet.png) no-repeat;background-position:-74px -350px;}
	.menu li.on.menu5:hover {background:url(../img/sprite.menu_tablet.png) no-repeat;background-position:0 -420px;}
	.menu li.on.menu6:hover {background:url(../img/sprite.menu_tablet.png) no-repeat;background-position:-74px -420px;}
	.menu li.on.menu7:hover {background:url(../img/sprite.menu_tablet.png) no-repeat;background-position:0 -490px;}
	.menu li.on.menu8:hover {background:url(../img/sprite.menu_tablet.png) no-repeat;background-position:-74px -490px;}

}


/* ==========================================================================
   깜빡이는 효과
   ========================================================================== */
@-webkit-keyframes blinker {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes blinker {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

.css3-blink {
	-webkit-animation-name: blinker;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	animation: blinker 2s;
	animation-iteration-count: infinite;
}