/* General Blueprint Style */
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* Clearfix hack by Nicolas Gallagher:http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.bp-icon:after{color:#47a3da;font-family:'bpicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-align:center;-webkit-font-smoothing:antialiased;}
.bp-icon-next:after{content:"\e000";}
.bp-icon-drop:after{content:"\e001";}
.bp-icon-archive:after{content:"\e002";}
.bp-icon-about:after{content:"\e003";}
.bp-icon-prev:after{content:"\e004";}

/* General style */
.grid-gallery ul{list-style:none;margin:0;padding:0;}
.grid-gallery figure{margin:0;}
.grid-gallery figure > a{position:relative;display:block;width:100%;height:218px;overflow:hidden;}
.grid-gallery figure > a > img{position:absolute;top:0;left:50%;display:block;width:auto;height:100%;min-width:290px;min-height:218px;transform:translateX(-50%);object-fit:cover}
.grid-gallery figcaption h3.t{display:block;height:48px;line-height:48px;padding:0 10px;font-size:15px;font-weight:bold;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.grid-gallery figcaption p.c{background:#fff none repeat scroll 0 0;color:#a73b3b;font-size:14px;font-weight:normal;overflow:hidden;padding:0 10px 10px;text-overflow:ellipsis;white-space:nowrap;display:block;height:36px;text-align:center}

/* Grid style */
.grid-wrap{max-width:965px;margin:0 auto;padding:0;}
.grid{margin:0 auto;}
.grid li{width:33.3%;float:left;cursor:pointer;}
.grid figure{padding:15px;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;position:relative}
.grid figure .ar{position:absolute;bottom:50px;right:143px;}
.grid figure .ar img{width:24px;height:12px}
.grid li:hover figure{opacity:0.7;}
.grid figcaption{}

/* Slideshow style */
.slideshow{position:fixed;background:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0;z-index:10001;opacity:0;visibility:hidden;overflow:hidden;-webkit-perspective:1050px;perspective:1050px;-webkit-transition:opacity 0.5s, visibility 0s 0.5s;transition:opacity 0.5s, visibility 0s 0.5s;}
.slideshow-open .slideshow{opacity:1;visibility:visible;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.slideshow ul{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0,0,150px);transform:translate3d(0,0,150px);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.slideshow ul.animatable li{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.slideshow-open .slideshow ul{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slideshow li.item{width:930px;height:600px;position:absolute;top:50%;left:50%;margin:-290px 0 0 -465px;visibility:hidden;}
.slideshow li.show{visibility:visible;}
.slideshow li.item:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,0.8);-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.slideshow li.current:after{visibility:hidden;opacity:0;-webkit-.spaceColor_wrap .content .color p spantransition:opacity 0.3s, visibility 0s 0.3s;transition:opacity 0.3s, visibility 0s 0.3s;}
.slideshow figure{height:100%;background:#fff;display:block;overflow:hidden;position:relative;padding-right:330px}
.slideshow .img{width:600px;height:600px;overflow:hidden;background:#f3f3f3;}
.slideshow figure img{width:100%;height:600px;object-fit:cover;}
.slideshow figcaption{position:absolute;width:330px;right:0;background:#fff;height:600px;top:0}
.slideshow figcaption h3{font-weight:300;font-size:200%;}

/* Navigation */
.slideshow nav{position:absolute;top:50%;left:50%;width:1050px;height:1px;margin:-25px 0 0 -525px}
.slideshow nav span, .slideshow span.nav-close{display:block;position:absolute;top:50%;left:50%;width:50px;height:50px;background-size:72px auto;background-repeat:no-repeat;background-position:center;cursor:pointer}
/*.slideshow span.nav-close{background:url("/images/main/pop_close.png") no-repeat scroll 0 0;cursor:pointer;height:32px;position:absolute;right:50px;top:50px;width:32px;}*/
.slideshow span.nav-close{width:40px;height:40px;margin:-350px 0 0 425px;background-image:url("/images/main/pop_close3.png");background-size:72px auto}
.slideshow span.nav-prev{top:0;left:0;background-image:url("/images/main/pop_prev3.png")}
.slideshow span.nav-next{top:0;left:auto;right:0;background-image:url("/images/main/pop_next3.png")}
.icon:before,.icon:after{font-family:'fontawesome';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.spaceColor_wrap{margin:auto;padding:50px 50px 25px 50px;margin-top:20px;overflow:hidden;background:url("http://www.pantonepaint.co.kr/images/common/bg_list_gray_dark.gif") repeat scroll 0 0;border-bottom:1px solid #d1d1d1;border-top:3px solid #d4d4d4}
.spaceColor_wrap .content{position:relative;width:100%;height:100%}
.spaceColor_wrap .content:after{content:'';display:block;clear:both}
.spaceColor_wrap .content .name{display:block;width:100%;float:left;padding:22px 18px 20px 20px;border-bottom:1px solid #e2e2e2;font-size:15px;font-weight:bold;line-height:20px;color:#333;box-sizing:border-box}
.spaceColor_wrap .content .con{float:left;padding:15px 18px 15px 20px;box-sizing:border-box}
.spaceColor_wrap .current .content .con{overflow-y:scroll;font-size:13px;line-height:21px;color:#999}
.spaceColor_wrap .content .con p{display:block;}
.spaceColor_wrap .content .color{position:absolute;left:20px;right:20px;bottom:5px}
.spaceColor_wrap .content .color:after{content:'';display:block;clear:both}
.spaceColor_wrap .content .color .tag{float:left;width:100%;margin:30px 0 15px;padding:0;line-height:16px;background:none}
.spaceColor_wrap .content .color .tag a{display:inline-block;font-size:12px;color:#aaa;cursor:pointer}
.spaceColor_wrap .content .color .tag a::before{content:'#';display:inline-block;font-size:12px;color:#aaa}
.spaceColor_wrap .content .color hr{display:block;width:330px;margin-left:-20px;border:0.5px solid #e2e2e2}
.spaceColor_wrap .content .color table{width:100%;float:left;margin-top:12px}
.spaceColor_wrap .content .color td{padding-bottom:12px}
.spaceColor_wrap .content .color td:first-child{padding-right:10px}
.spaceColor_wrap .content .color td:last-child{padding-left:10px}
.spaceColor_wrap .content .color td b{display:block;;margin-bottom:3px;font-size:12px;line-height:14px;color:#999}
.spaceColor_wrap .content .color td i{display:block;width:100%;height:50px;margin-bottom:3px}
.spaceColor_wrap .content .color td span{display:block;font-size:12px;line-height:16px;color:#aaa}

/* font-family */
#grid-gallery div, #grid-gallery dl, #grid-gallery dt, #grid-gallery dd, #grid-gallery ul, #grid-gallery ol, #grid-gallery li,
#grid-gallery p, #grid-gallery span, #grid-gallery b, #grid-gallery strong, #grid-gallery i, #grid-gallery u, #grid-gallery em,
#grid-gallery a, #grid-gallery input, #grid-gallery h1, #grid-gallery h2, #grid-gallery h3, #grid-gallery h4, #grid-gallery h5,
#grid-gallery th, #grid-gallery td{font-family:'NanumGothic', Dotum, Arial, Helvetica, AppleGothic, Sans-serif}

/* Example media queries (reduce number of columns and change slideshow layout) */
@media only screen and (max-width:1300px){}
@media only screen and (max-width:1150px){}