@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*{margin:0;padding:0;border:0;list-style:none;text-decoration:none}html{font-family:'Noto Sans KR','Nanum Gothic','맑은 고딕','굴림',Arial,sans-serif}body{font-size:100%}#wrap{width:100%;height:auto;margin:0 auto;padding:0;position:relative}header,section,footer{width:100%;margin:0;padding:0;clear:both}header nav ul.gnb>li:nth-child(4){background:#0080b6}header nav ul.gnb>li:nth-child(4)>a{color:#fff}header{border-bottom:1px solid #005d84!important}div#portfolio_wrap{width:100%}a.anchor{display:block;visibility:hidden;clear:both;margin:0;position:absolute}a.anchor.top{top:-110px}a.anchor.cosmetic{top:410px}a.anchor.medicine{top:4340px}a.anchor.electronics{top:5070px}a.anchor.apparel{top:5405px}a.anchor.accessory{top:5940px}a.anchor.stationery{top:6470px}a.anchor.fashionacc{top:6805px}a.anchor.distribution{top:7740px}a.anchor.docsecurity{top:8075px}a.anchor.etc{top:8410px}div#portfolio_nav{clear:both;position:fixed;width:100%;height:40px;margin:0 auto;margin-top:-39px;text-align:center;box-sizing:border-box;z-index:3;background:#005382}div#portfolio_nav ul{width:1160px;height:40px;box-sizing:border-box;margin:0 auto;padding:0 4px}div#portfolio_nav ul li{display:block;float:left;margin:0 10px}div#portfolio_nav ul li a{display:block;padding:8px 4px 12px 4px;color:#fff;font-weight:500;font-size:.825em}div#page_title{position:relative;height:170px;padding:45px 0;margin-top:110px;box-sizing:border-box;overflow:hidden;background:#3aa9d8}div#page_title:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:.5;background:url(../images/pagetitle/portfolio.png) no-repeat 50% 42.5%;background-size:cover}div#page_title>p,div#page_title>span{display:block;z-index:2;position:relative;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.2)}div#page_title>p{font-size:1.4em;font-weight:bold;margin-bottom:3px}div#page_title>span{font-size:1.2em}section#portfolio_choice{max-width:960px;margin:0 auto;padding:10px 0}article.choice_main{margin:0 0 60px 0}article.choice_main p{display:block;font-weight:bold;font-size:1.1em;margin:20px 0 10px 0;color:#147da8}article.choice_main span{display:block;font-size:.9em;line-height:160%;letter-spacing:-0.5px;margin:0 0 20px 0;word-break:keep-all}section#portfolio_gallery{width:960px;margin:40px auto;margin-bottom:70px}section#portfolio_gallery h3{clear:both;color:#147da8;font-weight:500;font-size:1.6em;padding:0 0 20px 0}section#portfolio_gallery section{clear:both;display:inline-block;padding-bottom:70px}section#portfolio_gallery section:last-child{margin:0 0 100px 0}.grid>figure:nth-child(4n+1){clear:both}.grid>figure>figcaption{position:absolute;top:0;width:100%;height:100%;overflow:hidden;opacity:1;padding:55.5% 7% 7% 7%;background:linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,0.3) 70%);color:#fff;backface-visibility:hidden;box-sizing:border-box;transition:.3s}.grid>figure>figcaption>p,.grid>figure>figcaption>span{opacity:1;transform:translate3d(0,0,0);transition:.3s}.grid>figure>figcaption>p{width:100%;font-size:.95em;line-height:110%;font-weight:500}.grid figure>figcaption .spantag{margin:5px 0 0 -5px;position:absolute}.grid>figure>figcaption span{font-size:.5em;float:left;display:block;margin:2px 3px;padding:3px 5px;text-align:center;border-radius:10px;box-sizing:border-box}.grid>figure>figcaption span.tag1{background:rgba(252,149,12,0.5);width:45px}.grid>figure>figcaption span.tag2{background:rgba(0,34,132,0.6);width:160px}.grid>figure>figcaption span.tag3{background:rgba(7,132,0,0.65);width:115px}.grid>figure>figcaption span.tag4{background:rgba(204,0,0,0.6);width:90px}.grid>figure>figcaption span.tag5{background:rgba(200,200,200,0.55);width:130px}.grid>figure>figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(1,64,98,0) 0,rgba(1,64,98,0.8) 75%);content:'';opacity:0;transition:.3s}.grid>figure>figcaption::before,.grid>figure>figcaption::after{pointer-events:none}.grid>figure:hover>figcaption::before,.grid>figure:hover>p,.grid>figure:hover>span{opacity:1;transition:.3s}.dummy-text.title{font-size:1.2em;font-weight:600}.dummy-text.con{font-size:.825em}.dummy-text.con>a{color:#ddd;text-decoration:underline;transition:.3s}.dummy-text.con>a:hover{color:#fff;transition:.3s}.banner{position:relative;width:1000px;margin:0 auto;padding:0;z-index:10}.banner>div.snsid{width:88px;height:292px;position:fixed;top:121px;margin-left:1000px}.banner>div.snsid>img{width:100%;position:static;top:0}.banner>div.downpdf{width:88px;height:46px;position:fixed;top:422px;margin-left:1000px}.banner>div.downpdf>img{width:100%;position:static;top:0}.banner>div.downapp{width:88px;height:135px;position:fixed;top:477px;margin-left:1000px}.banner>div.downapp>img{width:100%;position:static;top:0}