@CHARSET "UTF-8";

/* 포트폴리오 */
.pftitle {font-size:50px; font-family:"CoreGothic5"; color:#222; letter-spacing:-1px; text-align:center; /* margin-top:262px; line-height:136px; */height:165px; margin-top:264px; border-bottom:1px solid #d5d5d5; line-height:170px;}
div.pf { width:100%; }
/* div.pf .pfTab { width:93%; padding:0 2.5%; margin:0 auto; border-right:0; border-left:0; text-align:center; height:98px;} */
/* 카테고리 늘어날 시 패딩, a 폰트사이즈  줄이기_220407 */
div.pf .pfTab {content:''; box-sizing:border-box; width:auto; height:115px; padding:0 5%; background:#fff; color:#111; font-size:25pt; font-family:'CoreGothic5'; line-height:115px; text-align:center;}
div.pf .pfTab > div {float:left; height:98px; margin-right:27px;}
div.pf .pfTab > div > a {padding:31.5px 12px;padding:32px 0; line-height:118px; color:#000; font-size:25pt; font-family:"CoreGothic4"; letter-spacing:-2px;}
div.pf .pfTab > div > a.on {font-family:'CoreGothic5'; border-bottom:5px solid var(--common-point); border-right:0; border-left:0;}

.pfList {width:90%; min-height:900px; padding:35px 0 0; margin:0 auto;}
.pfList ul {overflow:hidden; width:100%;}
.pfList ul li {width:432px; height:auto; margin:0 0 10%;}
.pfList ul li:nth-of-type(odd) {float:left; margin-right:2%;}
.pfList ul li:nth-of-type(even) {float:right;}
.pfList ul li div {overflow:hidden; width:100%; height:432px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -moz-box-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -moz-align-items:center; -ms-flex-align:center; align-items:center;}
.pfList ul li div img {/* width:100%; transform:translateY(-12.5%); */width:auto; height:100%;}
.pfList ul li p {padding-top:24px; color:#222; font-size:26pt; font-family:"CoreGothic5"; line-height:32pt;}
.pfList ul li a {}

.pfView {padding:40px 0px 30px; min-height: 785px; width:90%; margin:0 auto;}
.pfView .swiper-slide {padding:25p;}
.creater {font-size:18px; padding-top:65px; color:#000; text-align:center;}
.createTitle {padding-bottom:30px; text-align:center; color:#222; font-size:40px; font-weight:bold; font-family:'CoreGothic3';}
.creater p {color:#222; font-size:49px; font-family:'CoreGothic5';}
.content {width:100%;}
.slideBox div div img, iframe {width:670px;}
.slideBox div .contentBox img {min-height: 100%; min-width: 100%; max-width: none; max-height: none; display: block; position: relative; top: 50%; left: 50%; transform: translate(-50%, 0%);}
.slideBox div .contentBox p, .slideBox div .contentBox span {color:#fff;}
.left { width:100px; position:absolute; border:1px solid rgba(255, 255, 255, 0.5); z-index:500; /* margin-left:2%; margin-top: 349px;*/margin-left:2%; top:815px;}
.right { width:100px; position:absolute; border:1px solid rgba(255, 255, 255, 0.5); z-index:501; /* margin-left:82.5%; */right:7%; top:815px;}

.pf ~ .pfBtn {margin-top:0;}