/*프로젝트 컨텐츠-MD638*/
.pjt-content.md638.bg-dgrey{background-color: #232323 !important;color: #fff; padding: 0 30px; box-sizing: border-box; display: inline-block;}
.pjt-content .md14{font-size: 14px; line-height: 22px; font-weight: lighter;}
.pjt-content .md18{font-size: 18px; line-height: 24px; font-weight: 500}
.pjt-content .md24{font-size: 24px; font-weight: bold; line-height: 30px}
.pjt-content .mdtitle{font-size: 50px; font-weight: bold; color:#e20012; line-height: 60px}
.pjt-content .pred{color: #e50000}
.pjt-content .co-grey{color:#666666;}

.pjt-content.md638.bg-white h3{color: #fff; text-align: center;}
.pjt-content.md638{text-align: center;}
.pjt-content.md638 .full-img{text-align: center;}

.pjt-content .cont01 p{text-align: center;}
.pjt-content .cont02 .abs{position: absolute; bottom: 8%; left: 10%; text-align: left;}

.pjt-content .cont03{text-align: left;}
.pjt-content .cont03 ul li{width: 100%; float: left; margin-bottom: 30px; position: relative;}
.pjt-content .cont03 ul li p.md14{padding-left: 30px; margin-top: 10px}
.pjt-content .cont03 ul li p.rig-img{text-align: right; margin-top: 10px}
.pjt-content .cont03 ul li .abs-img{position: absolute; right: 0; bottom: -130px}
.pjt-content .cont03 ul li .abs-img img{max-width: 226px}

.pjt-content .cont04{padding: 50px 30px; box-sizing: border-box; margin-top: 80px; text-align: center;}
.pjt-content .cont04 .md24{margin-bottom: 30px}
.pjt-content .cont04 .md14{margin-bottom: 30px}

.pjt-content .cont05{text-align: left;}
.pjt-content .cont05 .abs-md{position: absolute; top: 30px; right: 0}
.pjt-content .cont05 .md24{text-align: center; margin-bottom:60px}
.pjt-content .cont05 .story {margin-bottom: 40px; float: left;}
.pjt-content .cont05 .story .icon img{max-width: 106px; margin-right: 15px}
.pjt-content .cont05 .story span{float: left; display: inline-block;}
.pjt-content .cont05 .cap-img{padding-left: 30px; margin-top: 10px}

.pjt-content .cont05 ul{width: 100%; float: left;}
.pjt-content .cont05 ul.story01{margin-bottom: 50px; border-bottom:1px dashed #656565; padding-bottom: 50px}
.pjt-content .cont05 ul.story01 li{margin-bottom: 40px; padding-left: 85px; width: 100%; box-sizing: border-box;}
.pjt-content .cont05 ul.story01 li p{margin-bottom: 5px; position: relative;}
.pjt-content .cont05 ul.story01 li p.md18{padding-left: 25px}
.pjt-content .cont05 ul.story01 li p.md18:before{content: ""; position: absolute; left: -20px; width: 34px; height: 34px; background: url(/assets/_Img/project/md638/md638_q.png);}
.pjt-content .cont05 ul.story01 li .icon img{max-width:19px; margin-right: 15px }
.pjt-content .cont05 ul.story01 li .sign img{max-width:15px; margin-right: 15px }
.pjt-content .cont05 ul.story01 .sto-box{float: left;width: 33.3%; margin-bottom: 5px}


.pjt-content .cont05 ul.story02 li{padding-left: 85px; width: 100%; box-sizing: border-box; margin-bottom: 5px}
.pjt-content .cont05 ul.story02 li .icon img{max-width:19px; margin-right: 15px  }
.pjt-content .cont05 ul.story02 li .sign img{max-width:15px;margin-right: 15px }
.pjt-content .cont05 ul.story02 li.pad119{padding-left: 119px}

.pjt-content .cont06{position:relative;}
.pjt-content .cont06 .abs{ position: absolute; bottom: 15%; left: 10%; text-align: left; z-index: 9}

.pjt-content.md638 ul.satis{padding: 0 25px; width: 100%; box-sizing: border-box;}
.pjt-content.md638 ul.satis li{width: 121px; float: left; margin-bottom: 60px}
.pjt-content.md638 ul.satis li:nth-child(2){margin-left:calc(50% - 182px); margin-right: calc(50% - 182px);}
.pjt-content.md638 ul.satis li:nth-child(5){margin-left:calc(50% - 182px); margin-right: calc(50% - 182px);}
.pjt-content.md638 ul.satis li h4{margin-bottom: 20px}
.pjt-content.md638 ul.satis li .full-img{margin-bottom: 10px}

.pjt-content.md638 ul.ul3{padding: 0 25px; width: 100%; box-sizing: border-box;}
.pjt-content.md638 ul.ul3 li{float: left; width: calc(33.3% - 1px); margin-right: 1px}
.pjt-content.md638 ul.ul3 li:nth-child(3){margin-right: 0}
.pjt-content.md638 ul.ul3 li h4{margin: 20px 0}

.pjt-content.md638 ul.review{padding: 0 25px; width: 100%; box-sizing: border-box;}
.pjt-content.md638 ul.review li{width: 100%; float: left; margin-bottom:40px;}
.pjt-content.md638 ul.review li .i-box{width: 200px; float: left;}
.pjt-content.md638 ul.review li .t-box{width: calc(100% - 240px); float: left; border-top: 1px solid #cccccc; padding-top: 10px}
.pjt-content.md638 ul.review li .t-box.ali-l{text-align: left; margin-left: 40px}
.pjt-content.md638 ul.review li .t-box.ali-r{text-align: right; margin-right: 40px}

.pjt-content.md638 ul.bene{padding: 40px 25px 0 25px; width: 100%; box-sizing: border-box;}
.pjt-content.md638 ul.bene li{width:21%;float: left; margin-right: 5.3%}
.pjt-content.md638 ul.bene li:last-child{margin-right: 0}
.pjt-content.md638 ul.bene .full-img img{max-width: 129px; margin-bottom: 10px}


.pjt-content.md638 .video01{width: 100%; max-width: 990px; height: 334px; }

.pjt-content.md638 .cir4{position: relative; margin: 0px auto; width: 100%; max-width: 577px}
.pjt-content.md638 .cir4 div{float: left;}
.pjt-content.md638 .cir4 .cir-bg{width: 23.2%; position: relative; max-width: 140px}
.pjt-content.md638 .cir4 .cir-bg .cir-t01{position: absolute;top: 50%; margin-top: -21px; left: 50%; margin-left: -35px}
.pjt-content.md638 .cir4 .cir-bg .cir-t02{position: absolute;top: 50%; margin-top: -10px; left: 50%; margin-left: -35px}
.pjt-content.md638 .cir4 .cir-bg .cir-t03{position: absolute;top: 50%; margin-top: -10px; left: 50%; margin-left: -23px}
.pjt-content.md638 .cir4 .cir-bg .cir-t04{position: absolute;top: 50%; margin-top: -21px; left: 50%; margin-left: -23px}
.pjt-content.md638 .cir4 .cir-bar img{width: 100%}

.pjt-content.md638 ul.ingre{box-sizing: border-box; position: relative; margin: 0px auto; display: inline-block; padding-top: 40px} 
.pjt-content.md638 ul.ingre li{width: 33.6%; float: left; margin: 0 8.2% 40px 8.2%; text-align: center;}
.pjt-content.md638 ul.ingre li img{margin-bottom: 20px; max-width: 200px}

.pjt-content.md638 .worry{width: 100%; text-align: left;}
.pjt-content.md638 .worry li{width: 100%; float: left; padding-left: 50px; box-sizing: border-box; position: relative; margin-bottom: 40px}
.pjt-content.md638 .worry li .abs-ico{position: absolute; top: 0; left: 0}
.pjt-content.md638 .worry li .abs-ico img{max-width: 37px}
.pjt-content.md638 .worry li .pred{line-height: 36px; margin-bottom: 40px}
.pjt-content.md638 .worry li .right-i{padding-top: 40px; float: left; padding-left: 30px;box-sizing: border-box;}
.pjt-content.md638 .worry li .left-i{float: left;width: 50%}

.pjt-content.md638 .guide li{width: calc(33.3% - 27px); float: left; margin-bottom: 40px; margin-right: 40px}
.pjt-content.md638 .guide li:last-child{margin-right: 0}
.pjt-content.md638 .guide li:nth-child(3){margin-right: 0}
.pjt-content.md638 .guide li img{max-width: 167px;margin-bottom: 20px}

.pjt-content.md638 .cont07{text-align: left; line-height: 42px}
.pjt-content.md638 .cont07 .tip{width: 116px; float: left; margin-right: 20px }

.pjt-content.md638 .certi li{width: calc(50% - 20px); float: left; text-align: left; margin-bottom: 40px; margin-right: 20px}
.pjt-content.md638 .certi li .full-img{text-align: left !important; margin-top: 10px}

.pjt-content.md638 .item li{width: 50%; text-align: center; float: left; margin-bottom: 40px}
.pjt-content.md638 .item li p{margin-bottom: 10px}

.pjt-content.md638 .full-img.fbi img{max-width: 253px}

@media only screen and (max-width:780px) {
	.pjt-content .md24{font-size: 18px;}
	.pjt-content .md18{font-size: 14px; }
	.pjt-content .cont05 ul.story01 li{padding-left: 35px}
	.pjt-content .cont05 ul.story02 li{padding-left: 35px}
	.pjt-content .cont05 ul.story02 li.pad119{padding-left: 69px}
	}
@media only screen and (max-width:650px) {
	.pjt-content .cont03 ul li .abs-img {display: none;}
	.pjt-content .cont03 ul li p.rig-img{text-align: center;}
	.pjt-content.md638 .video01{height: 308px}
	.pjt-content .cont05 .abs-md{display: none;}
	.pjt-content.md638 .cir4 .cir-bg{margin: 0 5px; width: calc(25% - 10px)}
	.pjt-content.md638 .cir4 .cir-bar{display: none;}
	.pjt-content.md638 .worry li .right-i{padding-left: 10px; width: 60%}
	.pjt-content.md638 .worry li .left-i{float: left;width: 40%}
	.pjt-content .cont02 .abs img{display: none;}
	.pjt-content .cont02 .abs .md24{line-height: normal; margin-top: 5px}
	.pjt-content .cont04{margin-top: 0}
	.pjt-content.md638 ul.satis{padding: 0}
	.pjt-content.md638 ul.ul3 li{float: left; width: calc(50% - 1px); padding-bottom: 30px}
	.pjt-content.md638 ul.ul3 li:nth-child(2){width: calc(50% - 1px); margin:0 1px 0 0;}
	.pjt-content.md638 .full-img.fbi img{max-width: 200px}
	.pjt-content.md638 ul.bene li{width: 47.5%; margin-right: 5%; margin-bottom: 20px}
	.pjt-content.md638 ul.bene li:nth-child(2){margin-right: 0}
	.pjt-content.md638 ul.bene li:nth-child(3){margin-bottom: 0}
	.pjt-content.md638 ul.bene li:last-child(3){margin-bottom: 0}
	.pjt-content .cont03 ul li p.md14{padding-left: 0}


}
@media only screen and (max-width:550px) {
		.pjt-content.md638 ul.review li .i-box{width: 150px;}
	.pjt-content.md638 ul.review li .t-box{width: calc(100% - 170px)}
	.pjt-content.md638 ul.review li .t-box.ali-l{margin-left: 20px}
	.pjt-content.md638 ul.review li .t-box.ali-r{margin-right: 20px}
	.pjt-content.md638 ul.review li .t-box .mg40f{margin-bottom: 20px}
}
@media only screen and (max-width:500px) {
	.pjt-content.md638 .cir4 .cir-bg{margin: 0 5px 10px 5px; width: calc(50% - 10px)}
	.pjt-content.md638 .cir4{max-width: 300px}
	.pjt-content.md638 .video01{height: 224px}
	.pjt-content .cont02{display: none;}
	.pjt-content.md638 ul.satis li{width: 50%;}
	.pjt-content.md638 ul.satis li img{max-width: 121px}
	.pjt-content.md638 ul.satis li:nth-child(2){margin-left:0; margin-right:0;}
	.pjt-content.md638 ul.satis li:nth-child(5){margin-left:0; margin-right: 0;}
	.pjt-content .cont05 ul.story01 li{padding-left: 0}
	.pjt-content.md638 .full-img.fbi img{max-width: 150px}
	.pjt-content.md638 ul.ingre li{width: 100%; margin: 0 0 40px 0}
	.pjt-content.md638 .worry li .pred{margin-bottom: 20px; padding-left: 50px}
	.pjt-content.md638 .worry li{padding-left: 0}
	.pjt-content.md638 .guide li{margin-right: 20px; width: calc(33.3% - 14px)}
	.pjt-content.md638 .guide li:nth-child(3){margin-right: 20px}
	.pjt-content.md638 .guide li:nth-child(4){margin-right: 0}
	.pjt-content.md638 .cont07 .tip{width: 80px}
}

@media only screen and (max-width:450px) {
	.pjt-content.md638 ul.review li{border-bottom: 1px solid #cccccc; padding-bottom: 20px; margin-bottom: 20px}
	.pjt-content.md638 ul.review li .i-box{width: 100%; text-align: center;}
	.pjt-content.md638 ul.review li .i-box img{max-width: 150px}
	.pjt-content.md638 ul.review li .t-box{width: 100%;border-top: 0}
	.pjt-content.md638 ul.review li .t-box.ali-l{margin-left: 0px; text-align: center;}
	.pjt-content.md638 ul.review li .t-box.ali-r{margin-right: 0px; text-align: center;}
	.pjt-content.md638 .item li{width: 100%}
}
@media only screen and (max-width:400px) {
	.pjt-content.md638 .guide li{width: calc(50% - 10px); margin-right: 20px}
	.pjt-content.md638 .guide li:nth-child(2){margin-right: 0}
	.pjt-content.md638 .guide li:last-child{margin-right: 20px}
}