@charset "utf-8";

#container-wrap {background:#FFF}



#pf-cate-tit {font-weight:bold;font-size:4.615em;color:#333;display:block;line-height:1.2em;padding:1em 0 0.8em 0;}

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

	#pf-cate-tit {font-size:1.538em;} 

}



.pf-list-wr:after {clear:both;content:"";display:block;}



.pf-list-wr.type-gal  {position:relative;transition:height 0.3s ease;max-width:1880px;margin-left:auto;margin-right:auto;margin-bottom:3em;}

.pf-list-wr.type-gal li {float:left;transition:left 0.3s ease, top 0.3s ease,opacity 0.5s ease;box-sizing:border-box;overflow:hidden;padding:10px;}

.pf-list-wr.type-gal li a {display:block;position:relative;overflow:hidden;}

.pf-list-wr.type-gal li img {width:100%;}

.pf-list-wr.type-gal .pimg {display:block;position:relative;}

.pf-list-wr.type-gal .pimg img {transition:all 0.5s ease,transform 1s ease;}

.pf-list-wr.type-gal .picon {position:absolute;right:10px;top:10px;background:url(../_Img/Content/icon_award.gif) no-repeat left top;width:60px;height:60px;background-size:100% 100%;}

.pf-list-wr.type-gal .over-msk {left:0;height:47.5%;width:100%;position:absolute;background:rgba(0,0,0,0.3) url(../_Img/Content/portfolio_more.gif) no-repeat center center;top:-100%;transition:top 0.5s ease;}

.pf-list-wr.type-gal .pcont-wr {left:0;height:9em;font-size:1.385em;width:100%;position:absolute;background:rgba(232,22,0,0.9);bottom:-100%;color:#FFF;transition:bottom 0.5s ease;text-align:left;box-sizing:border-box;padding:1.0em 25px;}

.pf-list-wr.type-gal .pcont-wr *  {color:#FFF}

.pf-list-wr.type-gal .pcont-wr span {display:block;}

.pf-list-wr.type-gal .pcont-wr .pyear {font-weight:800;line-height:1.3em;height:1.3em;overflow:hidden;}

.pf-list-wr.type-gal .pcont-wr .ptit {font-weight:800;line-height:1.3em;height:2.7em;overflow:hidden;margin-top:0.4em;margin-bottom:0.4em;}

.pf-list-wr.type-gal .pcont-wr .pcate {font-size:12px;line-height:1.2em;height:1.2em;overflow:hidden;text-overflow:ellipsis;overflow:hidden;}

.pf-list-wr.type-gal .over .over-msk, .pf-list-wr .is-sel .over-msk {top:0;}

.pf-list-wr.type-gal .over .pcont-wr ,.pf-list-wr .is-sel .pcont-wr {bottom:0;}



@media all and (min-width:1440px){

	.pf-list-wr.type-gal  {margin-bottom:7em;}

	.pf-list-wr.type-gal .pcont-wr .ptit { font-size:1.222em;margin-bottom:0.8em}



}



@media all and (min-width:801px) and (max-width:960px){

	.pf-list-wr.type-gal  {margin-left:15px;margin-right:15px;margin-bottom:5em;}

		.pf-list-wr.type-gal .pcont-wr {font-size:1.154em;padding-left:15px;padding-right:15px;padding-top:1em;padding-bottom:1em;height:8em;}

}



/*@media all and (min-width:641px) and (max-width:860px){

	.pf-list-wr.type-gal  {margin-left:15px;margin-right:15px;}

	.pf-list-wr.type-gal .pcont-wr {font-size:1.077em;padding-left:15px;padding-right:15px;padding-top:0.7em;padding-bottom:0.6em;height:6em;}

	.pf-list-wr.type-gal .pcont-wr .ptit {margin-bottom:0;}

	.pf-list-wr.type-gal .pcont-wr .pcate {display:none;}

}*/



@media all and (min-width:541px) and (max-width:800px){

	

	.pf-list-wr.type-gal  {margin-left:15px;margin-right:15px;margin-bottom:4em;}

	.pf-list-wr.type-gal .pcont-wr {font-size:1.077em;padding-left:10px;padding-right:10px;padding-top:0.7em;padding-bottom:0.6em;height:6em;}

	.pf-list-wr.type-gal .pcont-wr .ptit {margin-bottom:0;}

	.pf-list-wr.type-gal .pcont-wr .pcate {display:none;}

}



@media all and (min-width:361px) and (max-width:540px){

	.pf-list-wr.type-gal  {margin-left:10px;margin-right:10px;margin-bottom:4em;}

	.pf-list-wr.type-gal .pcont-wr {font-size:1em;padding-left:10px;padding-right:10px;padding-top:0.7em;padding-bottom:0.6em;height:6em;}

	.pf-list-wr.type-gal .pcont-wr .ptit {margin-bottom:0;}

	.pf-list-wr.type-gal .pcont-wr .pcate {display:none;}

}





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

	.pf-list-wr.type-gal  {margin-left:5px;margin-right:5px;}

	.pf-list-wr.type-gal .pcont-wr {font-size:1.154em;padding-left:15px;padding-right:15px;padding-top:1em;padding-bottom:1em;height:8em;}

}



/*목록형*/

.pf-list-wr.type-list  {position:relative;transition:height 0.3s ease;margin-bottom:0px;}

.pf-list-wr.type-list li {float:left;transition:left 0.3s ease, top 0.3s ease,opacity 0.5s ease;box-sizing:border-box;overflow:hidden;background:#d41400;border-bottom:1px solid #df4f40;display:block;}

.pf-list-wr.type-list li a {display:block;position:relative;overflow:hidden;padding:10px;color:#FFF;text-align:center;transition:background 0.3s ease;}

.pf-list-wr.type-list li a.over {background-color:#aa1000;}

.pf-list-wr.type-list .pimg {display:none;}

.pf-list-wr.type-list li img {width:100%;}



.pf-list-wr.type-list .over-msk {display:none;}



.pf-list-wr.type-list .pcont-wr {display:block;font-size:1.23em;width:100%;position:relative;color:#FFF;text-align:left;box-sizing:border-box;padding:3.0em 0px;z-index:1;}

.pf-list-wr.type-list .pcont-wr *  {color:#FFF}

.pf-list-wr.type-list .pcont-wr span {display:block;}

.pf-list-wr.type-list .pcont-wr .pyear {font-weight:800;line-height:1.3em;height:1.3em;overflow:hidden;display:none;}

.pf-list-wr.type-list .pcont-wr .ptit {font-weight:400;font-size:1.625em;line-height:1.3em;max-height:1.3em;overflow:hidden;text-overflow:ellipsis;margin-bottom:0.4em;display:block;}

.pf-list-wr.type-list .pcont-wr .pcate {color:#ff998f;font-size:1.0em;line-height:1.2em;height:1.2em;overflow:hidden;text-overflow:ellipsis;overflow:hidden;display:block;}

.pf-list-wr.type-list .pbtn {display:block;width:60px;height:60px;position:absolute;right:0;top:50%;margin-top:-30px;z-index:100;background:rgba(0,0,0,0.2) url(../_Img/Content/btn_bg.png) no-repeat center top;transition:background 0.3s ease;overflow:hidden}

.pf-list-wr.type-list .over .pbtn {background-position:center -60px;background-color:#FFF}

/*

.pf-list-wr.type-list .over .over-msk, .pf-list-wr .is-sel .over-msk {top:0;}

.pf-list-wr.type-list .over .pcont-wr ,.pf-list-wr .is-sel .pcont-wr {bottom:0;}

*/



@media all and (min-width:1440px){

.pf-list-wr.type-list .pcont-wr {max-width:1400px;margin-left:auto;margin-right:auto;}

}



@media all and (min-width:641px) and (max-width:860px){



	.pf-list-wr.type-list .pcont-wr {font-size:1em;padding:1.3em 0;}

	.pf-list-wr.type-list .pcont-wr .ptit {font-size:1.625em;margin-right:50px;max-height:2.7em;}

}



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



	.pf-list-wr.type-list .pcont-wr {font-size:1em;padding:0.5em 0;}

	.pf-list-wr.type-list .pcont-wr .ptit {font-size:1.385em;margin-right:50px;max-height:2.7em;}

	.pf-list-wr.type-list .pbtn {width:40px;height:40px;margin-top:-20px;background-position:center -10px;}

	.pf-list-wr.type-list .over .pbtn {background-position:center -70px;}

}





.list-more-wr {display:block;text-align:center;padding:1em 0;height:2em;font-family:proxima-nova;font-size:1.077em}

.list-more-msg img {height:2em;}

.list-more-btn {display:inline-block;font-weight:bold;color:#333 !important;border-bottom:2px solid #333;padding:0.25em 0 5px 0;height:1em;}

.list-more-btn:hover {color:#e21904;border-color:#e21904;}

.list-more-btn:hover span {color:#e21904;}



#thisPrcDataListWrap.type-gal .list-more-wr {margin-bottom:1em}



@media all and (min-width:640px){

	.list-more-wr {font-size:18px;}

}

@media all and (min-width:760px){

	.list-more-wr {font-size:22px;padding:1.5em 0;}

	.list-more-btn {border-bottom:3px solid #333;}

}



@media all and (min-width:1000px){

	.list-more-wr {padding:2em 0;font-size:24px;}

	.list-more-btn {border-bottom:3px solid #333;}

}



/*///////////////////////////////////***/





.pf-viewpg-wr {display:block;position:fixed;width:100%;height:100%;left:0;top:100%;background:#ebebeb;z-index:1000;transition:top 0.5s ease,left 0.3s ease;}

.pf-viewpg-wr.is-close {top:100%;}

.pf-viewpg-wr.is-open {top:0;}



.pf-viewpg-wr .vtop-ctrl {display:none;}



.pf-viewpg-wr .vcont-wr  {background:#FFF;position:relative;height:100%;margin-left:auto;margin-right:auto;overflow-y:auto;box-sizing:border-box;overflow-x:hidden;}



.pf-viewpg-wr .vcont-top {position:relative;text-align:left;}

.pf-viewpg-wr .vcont-top .pimg {position:absolute;left:50%;margin-left:-1000px;top:0;}



.pf-viewpg-wr .vcont-top .pcont-wr {position:absolute;bottom:30px;width:100%;left:0px;box-sizing:border-box;padding:15px;}

.pf-viewpg-wr .vcont-top .is-award {width:60px;height:60px;display:block;background:url(../_Img/Content/icon_award.gif) no-repeat center center;background-size:100% 100%;margin-bottom:1em;}



.pf-viewpg-wr .vcont-top .ptit {font-family:industry;display:block;font-size:4.615em;line-height:1.1em;font-weight:bold;letter-spacing:-0.01em;max-height:3.3em;overflow:hidden;/*position:absolute;bottom:110px;left:15px;*/margin-bottom:15px;}

.pf-viewpg-wr .vcont-top .ptit span {display:block;line-height:1.1em;overflow:hidden;width:100%;}

.pf-viewpg-wr .vcont-top .ptit span.blank {display:none;}

.pf-viewpg-wr .vcont-top .ptxt {display:block;font-size:2.154em;line-height:1.3em;font-weight:450;letter-spacing:-0.01em;overflow:hidden;max-height:1.3em;text-overflow:ellipsis;/*position:absolute;bottom:50px;left:15px;*/}



.pf-viewpg-wr .vcont-top.ptit-type-n {color:#222;}

.pf-viewpg-wr .vcont-top.ptit-type-w {color:#fff;}







@media all and (min-width:1440px){

	.pf-viewpg-wr .vcont-top {min-height:300px; max-width:1400px;margin-left:auto;margin-right:auto;}



	.pf-viewpg-wr .vcont-top .pcont-wr {bottom:40px;}







}

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

/*	.pf-viewpg-wr .vcont-wr {padding-top:49px;}*/

}



@media all and (min-width:1000px) and (max-width:1439px){

	.pf-viewpg-wr .vcont-top {font-size:95%}

	.pf-viewpg-wr .vcont-top .pcont-wr {}

}

@media all and (min-width:800px) and (max-width:999px){

	.pf-viewpg-wr .vcont-top {font-size:80%;padding-left:30px;padding-right:30px;}



}

@media all and (min-width:680px) and (max-width:799px){

	.pf-viewpg-wr .vcont-top {font-size:80%}

	.pf-viewpg-wr .vcont-top .pcont-wr {bottom:20px;padding-left:30px;padding-right:30px;}

}



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

	.pf-viewpg-wr .vcont-top.ptit-type-n .pcont-wr {background:rgba(255,255,255,0.3);}

	.pf-viewpg-wr .vcont-top .pcont-wr {bottom:0;}

}



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

	.pf-viewpg-wr .vcont-top {font-size:50%}

	.pf-viewpg-wr .vcont-top .pcont-wr {bottom:0;padding:20px 15px;}

	.pf-viewpg-wr .vcont-top.ptit-type-w .pcont-wr {background:rgba(0,0,0,0.3);}

	.pf-viewpg-wr .vcont-top .is-award {width:40px;height:40px;}

}





.pf-viewpg-wr .vcont-default {position:relative;background:#FFF;text-align:left;margin-left:15px;margin-right:15px;}

.pf-viewpg-wr .vcont-default .pimg {position:absolute;left:50%;margin-left:-1000px;top:0;}

.pf-viewpg-wr .vcont-default .pimg-wr {position:relative;}



.pf-viewpg-wr .vcont-default .pcont-wr {position:absolute;top:20px;left:0;}

.pf-viewpg-wr .vcont-default .pcont-wr:after {clear:both;content:"";display:block;}

.pf-viewpg-wr .vcont-default dl {position:relative;float:left;width:100%;}

.pf-viewpg-wr .vcont-default dt {color:#222;font-size:1.231em;font-weight:700;line-height:1.25em;border-left:3px solid #222;padding:5px 10px 5px 20px; width:60px;display:inline-block;vertical-align:middle;}

.pf-viewpg-wr .vcont-default dd {color:#222;font-size:1.231em;line-height:1.25em;display:inline-block;vertical-align:middle;padding:5px 0px 5px 0px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:70%;}

.pf-viewpg-wr .vcont-default .go-btn {background:#3b3b3b;color:#fff;font-size:1.077em;font-weight:bold;line-height:1.25em;display:inline-block;vertical-align:middle;padding:15px 35px;border-radius:5px;margin-top:50px;}

.pf-viewpg-wr .vcont-default .go-btn:hover {background:#e21904;}

.pf-viewpg-wr .vcont-default .go-btn .ico {display:inline-block;width:25px;height:25px;overflow:hidden;background:url(../_Img/Content/btn_icon_link.png) no-repeat center top;background-size:100% 100%;margin-right:10px;}

.pf-viewpg-wr .vcont-default .go-btn * {color:#FFF;vertical-align:middle;}





@media all and (min-width:1440px){

	.pf-viewpg-wr .vcont-default { max-width:1400px;margin-left:auto;margin-right:auto;min-height:400px;}

	.pf-viewpg-wr .vcont-default .pcont-wr {top:90px;left:15px;}

}





@media all and (min-width:1000px) and (max-width:1439px){

	.pf-viewpg-wr .vcont-default .pcont-wr {top:40px;left:0px;}

	

}

@media all and (min-width:800px) and (max-width:999px){

.pf-viewpg-wr .vcont-default {padding-top:40px;}

	.pf-viewpg-wr .vcont-default .pcont-wr {top:30px;left:15px;font-size:96%;}

	.pf-viewpg-wr .vcont-default .go-btn {margin-top:25px;}

	.pf-viewpg-wr .vcont-default dt {padding:3px 5px 3px 10px; }

	.pf-viewpg-wr .vcont-default dd {padding:3px 0px 3px 0px;}



}

@media all and (min-width:680px) and (max-width:799px){

.pf-viewpg-wr .vcont-default {padding-top:90px;}

	.pf-viewpg-wr .vcont-default .pcont-wr {top:30px;left:15px;font-size:96%;}

	.pf-viewpg-wr .vcont-default .go-btn {margin-top:25px;}

	.pf-viewpg-wr .vcont-default dt {padding:3px 5px 3px 10px; }

	.pf-viewpg-wr .vcont-default dd {padding:3px 0px 3px 0px;}

}

@media all and (min-width:541px) and (max-width:679px){

	.pf-viewpg-wr .vcont-default {padding-top:100px;}

	.pf-viewpg-wr .vcont-default .pcont-wr {top:30px;left:0px;font-size:90%;}

	.pf-viewpg-wr .vcont-default .go-btn {margin-top:0;position:absolute;right:0;top:0;}

	.pf-viewpg-wr .vcont-default dt {padding:3px 5px 3px 10px; }

	.pf-viewpg-wr .vcont-default dd {padding:3px 0px 3px 0px;}

}



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

	.pf-viewpg-wr .vcont-default {padding-top:140px;}

	.pf-viewpg-wr .vcont-default .pcont-wr {top:25px;left:0px;font-size:80%;}

	.pf-viewpg-wr .vcont-default .go-btn {}

	.pf-viewpg-wr .vcont-default dt {padding:3px 5px 3px 10px; }

	.pf-viewpg-wr .vcont-default dd {padding:3px 0px 3px 0px;}

	.pf-viewpg-wr .vcont-default .go-btn {margin-top:15px;height:14px;padding:8px 10px;font-size:12px;}

	.pf-viewpg-wr .vcont-default .go-btn .ico {width:15px;height:15px;margin-right:5px;}



	/*

	.pf-viewpg-wr .vcont-default .pcont-wr {position:relative;top:auto;left:auto;font-size:80%;margin-bottom:20px;margin-top:20px;}

	.pf-viewpg-wr .vcont-default dt {padding:3px 5px 3px 0px;border-left:0; }

	.pf-viewpg-wr .vcont-default dd {padding:3px 0px 3px 0px;}

	.pf-viewpg-wr .vcont-default .go-btn {position:absolute;right:0;top:50%;height:14px;margin-top:-15px;padding:8px 10px;font-size:12px;}

	.pf-viewpg-wr .vcont-default .go-btn .ico {display:inline-block;width:15px;height:15px;margin-right:5px;}

	*/

	

}





/* view 페이지 */

.pf-txt-wr {padding:5% 0;color:#333;}

.pf-viewpg-wr .vcont-content .portfolio-vwrap .div-wrap {padding-top:70px;}

.portfolio-vwrap .pf-txt-wr .ptit01 {font-size:2.923em;letter-spacing:-1px;line-height:1.5em;text-align:center;font-weight:400;}

.portfolio-vwrap .pf-txt-wr .ptit02 {font-size:1.308em;line-height:1.5em;text-align:center;}

.portfolio-vwrap .group-tit {position:relative;width:15%;font-size:1.85em;padding-top:2%;color:#333;border-color:#333;border-top-style:solid;border-width:2px;line-height:1.3;text-transform:uppercase;font-family:proxima-nova;text-align:left;}

.portfolio-vwrap .group-stit {font-size:2.923em;margin-bottom:3%;line-height:1.5em;}

.portfolio-vwrap .detail-tit {position:relative;width:15%;color:#333;font-size:1.85em;padding-top:2%;border-top:2px solid #333;line-height:1.3;text-transform:uppercase;font-family:proxima-nova}

.portfolio-vwrap .txt {font-size:1.154em;line-height:1.923em;}

.portfolio-vwrap .sec {display:block;} /* 줄바꿈 - 반응형일때는 inline으로 수정*/

.portfolio-vwrap span.detail-bg {position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:1000;background:url(/kor/Portfolio/_Img/spic_opacity.png) repeat-x 0 0} /* 그림자 */

.youtb-wrap {margin:0 auto}

.youtb-wrap .youtb-list {margin-bottom:10%;}

.youtb-wrap .youtb {position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden;margin-top:4%;}

.youtb-wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}



@media all and (min-width:1025px){

.vcont-content .group-tit {width:11%;}

}



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

.portfolio-vwrap .div-cont {text-align:center;}

.portfolio-vwrap .div-cont .group-tit, .portfolio-vwrap .div-cont .detail-tit {text-align:left;}

.portfolio-vwrap .pf-txt-wr .ptit01 {font-size:2.308em}

.portfolio-vwrap .pf-txt-wr .ptit02, .portfolio-vwrap .txt {font-size:1.231em;}

}



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

.pf-viewpg-wr .vcont-content .portfolio-vwrap .div-wrap {padding-top:9%}

.portfolio-vwrap .pf-txt-wr .ptit01, .portfolio-vwrap .group-stit {font-size:1.769em}

.portfolio-vwrap .pf-txt-wr .ptit02, .portfolio-vwrap .txt {font-size:1.154em;}

.portfolio-vwrap .group-tit {font-size:1.385em;}

.portfolio-vwrap .group-stit {margin-bottom:1.5%;line-height:1.385em;}

.icon .ptit01 {line-height:1.385em;}

.portfolio-vwrap .group-stit span, .icon .ptit01 span {display:block;}

.youtb-wrap .youtb-list {margin-bottom:16%;}

}



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

.portfolio-vwrap .pf-txt-wr .ptit01, .portfolio-vwrap .group-stit {font-size:1.385em;line-height:1.231em;}

.portfolio-vwrap .group-tit {width:22%;}

.portfolio-vwrap .group-stit {margin:2.5% 0;}

.portfolio-vwrap .pf-txt-wr .ptit02, .portfolio-vwrap .txt {font-size:1em;line-height:1.231em;}

.portfolio-vwrap .pf-txt-wr .ptit02 .sec {display:inline}

.vcont-content .group-tit {font-size:1.077em}

}







.pf-viewpg-wr .vcont-foot {border-top:0px solid #222;position:relative;display:block;background:#FFF;padding:25px 0;height:55px;}

.pf-viewpg-wr .vcont-foot a {font-size:1.65em;font-family:proxima-nova;display:block;height:50px;position:absolute;top:50%;margin-top:-25px;font-weight:bold;line-height:1.1em}

.pf-viewpg-wr .vcont-foot .is-prev-btn {left:35px;}

.pf-viewpg-wr .vcont-foot .is-list-btn {left:50%;width:160px;margin-left:-80px;}

.pf-viewpg-wr .vcont-foot .is-next-btn {right:35px;}

.pf-viewpg-wr .vcont-foot a .txt {display:inline-block;vertical-align:middle;height:20px;padding-top:15px;padding-bottom:15px;}

.pf-viewpg-wr .vcont-foot a span {color:#222;}

.pf-viewpg-wr .vcont-foot a:hover span  {color:#e21904}

.pf-viewpg-wr .vcont-foot a .icon {display:inline-block;width:50px;height:50px;background:url(../_Img/Portfolio/pf_ficons.png) no-repeat left top;vertical-align:middle;margin:0 0.5em;padding:0;}

.pf-viewpg-wr .vcont-foot .is-prev-btn .icon ,

.pf-viewpg-wr .vcont-foot .is-next-btn .icon {border-radius:50%;background:rgba(0,0,0,0.3) url(../_Img/Portfolio/pf_ficons.png) no-repeat left top;}

.pf-viewpg-wr .vcont-foot .is-prev-btn .icon {background-position:-5px -5px}

.pf-viewpg-wr .vcont-foot .is-next-btn .icon {background-position:-65px -5px}

.pf-viewpg-wr .vcont-foot .is-list-btn .icon {background-position:-125px -5px}

.pf-viewpg-wr .vcont-foot a.is-prev-btn:hover .icon, .pf-viewpg-wr .vcont-foot a.is-next-btn:hover .icon {background-color:#e21904}





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

.pf-viewpg-wr .vcont-foot .is-prev-btn {left:5px;}

.pf-viewpg-wr .vcont-foot .is-next-btn {right:5px;}



}

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

.pf-viewpg-wr .vcont-foot .is-prev-btn {left:5px;}

.pf-viewpg-wr .vcont-foot .is-next-btn {right:5px;}

.pf-viewpg-wr .vcont-foot .is-prev-btn .txt {display:none;}

.pf-viewpg-wr .vcont-foot .is-next-btn .txt {display:none;}

}