/*공통*/
.con1280 {width: 100%; padding:0 15px;}
.c_title h2 {font-size: 13px; font-family: 'Roboto',sans-serif; font-weight: 500; color:#0053dd; text-transform: uppercase; letter-spacing: 3px;}
.c_title h1 {font-size: 24px; font-family: 'NanumSquare',sans-serif; font-weight: 900; color:#000; margin: 15px 0;}
.c_title p {font-size: 14px; font-weight: 300; color:#777; line-height: 25px; word-break: keep-all;}

.pd_con_wrap {width: 100%;}

.sub_h1 {font-size: 18px; color:#333; font-weight: 700; font-family: 'NanumSquare',sans-serif; position: relative; padding-left: 25px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.sub_h1 i {font-size: 25px; color:#0053dd;position: absolute; left: 0; top: -3px;}

/*Content CSS*/
#pd2 {display: flex; padding-bottom: 60px; flex-direction: column; align-items: center;}
#pd2 .box {width: 300px; padding: 20px; border: 1px solid #ddd; border-top: 3px solid #0053dd; margin-bottom: 40px}
#pd2 .box:nth-child(2n) {border-top: 3px solid #333;}
#pd2 .box:last-child {margin-bottom: 0;}
#pd2 .box .img {width: 100%; height: 200px; margin-bottom: 30px;border: 1px solid #ddd; overflow: hidden; line-height: 200px; text-align: center;}
#pd2 .box h1 {margin-bottom: 15px;}
#pd2 .box h2 {font-size: 17px; font-family: 'NanumSquare',sans-serif; font-weight: 900; color:#0053dd; margin: 0 0 15px 0; text-align: center;}
#pd2 .box:nth-child(2n) h2 {color:#333}

#pd2 .box ul {margin-top: 15px;}
#pd2 .box ul li {font-size: 14px; color:#666; line-height: 26px; position: relative; font-weight: 300; padding-left: 12px; margin-bottom: 5px;}
#pd2 .box ul li span {color:#333; font-weight: 700;}
#pd2 .box ul li::before {width: 5px; height: 5px; background: #0053dd; display: block; content: ""; position: absolute; top: 11px; left: 0;}

@media screen and (max-width: 600px) {

}

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

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}