/*프로젝트 컨텐츠 공통 CSS*/
.pjt-content{width: 100%;font-size: 14px; color: #222}
.pjt-content .cont-def{width: 100%; float: left; margin-bottom: 60px}
.pjt-content .cont-def02{width: 100%; float: left}
.pjt-content .tit-large{font-size: 24px; font-weight: 500; color: #222; line-height: 30px; margin-bottom: 20px; text-align: center;}
.pjt-content .tit-normal{font-size: 17px; font-weight: 500; color: #222; line-height: 24px}
.pjt-content .txt-normal{font-size: 14px; color: #222;font-weight:300}
.pjt-content .txt-large{font-size: 17px;line-height: 24px}
.pjt-content .full-img img{width: 100%}
.pjt-content .serif-tit{text-align: center;}
.pjt-content .serif-tit img{max-width: 450px}

.pjt-content .mir-set{width: 400px; position: relative; margin: 0px auto}

.pjt-content h2{font-size: 36px; font-weight: 500; line-height: 40px;}
.pjt-content h3{font-size: 24px; font-weight: 500; line-height: 30px; text-align: center;}
.pjt-content h4{font-size: 17px; font-weight: 300; line-height: 26px}
.pjt-content h5{font-size: 20px; font-weight: 500; line-height: 28px}
.pjt-content u{text-decoration: none;font-weight: 500}

.pjt-content .o-txt{color: #e45434}
.pjt-content .o-bar{background: #e45434; width: 46px; height: 3px; position: relative; margin: 0px auto; }
.pjt-content .b{font-weight: bold !important}
.pjt-content .tc{text-align: center !important}

.pjt-content .align-j{text-align: justify !important;}
.pjt-content .align-r{text-align: right !important;}
.pjt-content .moalign-j{text-align: center;}

.pjt-content .vbox-cotainer {position: relative;width: 100%;}
.pjt-content .vbox-cotainer .vbox-inner {position: relative;height: 100%;width: 100%;padding-bottom: 56.25%;clear: both;}
.pjt-content .vbox-cotainer .vbox-inner iframe{position: absolute;width: 100%;height: 100%;}

@media only screen and (max-width:780px) {
	.pjt-content h2{font-size: 20px; line-height: 24px}
	.pjt-content h3{font-size: 20px;line-height: 24px}
	.pjt-content h5{font-size: 18px; font-weight: 500; line-height: 26px}
	.pjt-content h4{font-size: 16px; line-height: 26px}
}
@media only screen and (max-width:650px) {
	.pjt-content .moalign-j{text-align: justify;}
}






/*프로젝트 컨텐츠-큐니콘*/
.quni-event-tit{position: relative;width: 100%;background: #000; height: 28px; margin: 15px 0}
.quni-event-tit .txt{position: absolute; height: 60px; line-height: 60px; width: 430px; left: 50%; margin-left: -215px; background: #f02432; top: -15px; color: #fff; text-align: center; font-size: 24px; font-weight: bold}
.quni-event-con{margin-top: 80px; border-bottom: 1px solid #222; float: left;}
.quni-event-con li{width: 100%; float: left; font-size: 18px; margin-bottom: 40px}
.quni-event-con li .full-img{margin-top: 20px}
.quni-event-con .gift{width: 100%; display: inline-block;}
.quni-event-con .gift .img{width: 38%; float: left}
.quni-event-con .gift .img img{max-width: 249px}
.quni-event-con .gift .txt{width: calc(62% - 10px); float: left; padding: 12% 10px 5% 0}
.quni-event-con .gift .txt .txt-normal{margin-top: 10px}

.pjt-content.quni .size02 img{max-width: 476px}
.pjt-content.quni .size03 img{max-width: 400px}
.pjt-content.quni h4{font-weight: normal !important; text-align: center;}
.pjt-content .quni-reward li{width: calc(50% - 12px); float: left; margin-bottom: 20px;}
.pjt-content .quni-reward li.bor-red{border:1px solid #f02432;}
.pjt-content .quni-reward li.bor-black{border:1px solid #000;}
.pjt-content .quni-reward li.lef{margin-right: 10px}
.pjt-content .quni-reward li.rig{margin-left: 10px}
.pjt-content .quni-reward li .top{height: 40px; line-height: 40px; color: #fff; font-size: 18px; font-weight: 500;background: #000;}
.pjt-content .quni-reward li.bor-black .top{padding-left: 10px;}
.pjt-content .quni-reward li.bor-red .top{padding-left: 100px; background: #000; position: relative;}
.pjt-content .quni-reward li.bor-red .top span{background:#f02432;height: 40px; line-height: 40px; position: absolute; left: 0;width: 90px; text-align: center; }
.pjt-content .quni-reward li .cont{padding: 20px 15px}
.pjt-content .quni-reward li .cont .txt-normal{margin-bottom: 15px}

.pjt-content .quni-make .tit-normal{background: #000; width: 80px; color: #fff; text-align: center; height: 40px; line-height: 40px !important; position: relative; margin: 0px auto}

@media only screen and (max-width:780px) {
	.quni-event-tit .txt{font-size: 18px; }
	.quni-event-con li{font-size: 14px; line-height: normal;margin-bottom: 20px}
	.quni-event-con{margin-top: 40px}
	.pjt-content.quni .mg80f{margin-bottom: 60px}
	.pjt-content .quni-reward li .top{font-size: 14px; font-weight: normal;}
	.pjt-content.quni .size01 img{max-width: 400px}
	.pjt-content.quni .size01{text-align: center;}
	.pjt-content.quni .size02 img{max-width: 350px}
	.pjt-content.quni .size03 img{max-width: 300px}
}
@media only screen and (max-width:600px){
	.quni-event-con .gift .img{width: 100%; text-align: center;}
	.quni-event-con .gift .txt{width: 100%; padding: 10px 0 0 0; text-align: center;}
	.pjt-content .quni-reward li{min-height: 179px}
	.pjt-content .quni-reward li.bor-red .top span{width: 70px}
.pjt-content .quni-reward li.bor-red .top{padding-left: 80px}
}
@media only screen and (max-width:450px){
	.pjt-content .quni-reward li{width: 100%; box-sizing: border-box;}
	.pjt-content .quni-reward li.lef{margin-right: 0}
	.pjt-content .quni-reward li.rig{margin-left: 0}


}