/* 공통  */
.sub_con {width: 100%; padding:0 15px; }
.sub_p {font-size:14px; font-weight: 300; color:#666; line-height: 24px; letter-spacing: -.7px; word-break: keep-all; }
.d_bg {background: url('../img/dot_bg.jpg') 50% 50% repeat;}

.t4_table {width: 100%;}
.t4_table table {width: 100%;font-family: 'Noto Sans KR', sans-serif; border-collapse: collapse;}
.t4_table table th, .t4_table table td { word-break: keep-all;}
/* .t4_table table thead {background-image: linear-gradient(150deg, #7f28a5, #00325c)!important;} */
.t4_table table thead th {color:#fff; border: 1px solid rgba(255,255,255,0.3); font-size: 14px; font-weight: 400; line-height: 26px; text-align: center; padding: 10px;
background: #60217c }

.t4_table table tbody th, .t4_table table tbody td {  vertical-align: top; padding: 10px 15px; }
.t4_table table tbody th {text-align: center; font-weight: 400; color:#333; background: #f1f2f7; line-height: 20px;font-size: 13px;  border: 1px solid #d3d8e9 }
.t4_table table tbody td {font-weight: 300; color:#666; line-height: 20px; background: #fff; font-size: 12px; text-align: center;border: 1px solid #dfe3ed; letter-spacing: -0.3px;}
.t4_table table tbody td .pd_blet li {position: relative; margin-bottom: 5px; padding-left: 10px; text-align: left;}
.t4_table table tbody td .pd_blet li::before {width: 3px; height: 3px; background: #7f28a5; display: block; content: ""; position: absolute; top: 9px; left: 0;}

/* res_table  */
.res_table {width: 100%; overflow-x: auto;}
.res_table table { width:100%;max-width: 768px; white-space: nowrap; min-width: 100%;}
.res_table_icon {text-align: right;}
.res_table_icon i {font-size:30px; color:#333;}


/*t4_c1*/
.t4_c1 {width: 100%; display: flex; flex-direction: column; margin: 0 auto; justify-content: space-between;}
.t4_c1 .t4_table {width: 100%;}
.pd_btn {width: 100%; margin-top: 10px; }
.pd_btn a {width: 100%; background: #333; transition: all 0.3s; color:#fff; padding: 10px 5px; font-size: 12px; font-weight: 400; display: block; text-decoration: none;}
.pd_btn a:hover {background: #7f28a5; }

/*top_flex  */
.top_flex {display: flex; flex-direction: column; }
.flex_title {font-size:20px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif; padding-left:12px; position: relative; line-height: 30px;
margin:20px 0 0; word-break: keep-all;}
.flex_title::before {content: ''; display: block; width: 3px; height: 17px; background: #60217c; position: absolute; top:6px; left:0; }
.top_flex .img {width: 100%; padding:30px; text-align: center; border:1px solid #ddd;  }
.top_flex .img img {max-width: 100%; }
.top_flex .txt {width: 100%; text-align: left; }
.top_flex .txt .sub_p {padding-left:12px ; margin:8px 0 0;}
/* b_title */
.b_title {text-align: left; font-size:19px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif; position: relative; padding-left:20px; margin:0 0 15px; }
.b_title::before {content: ''; display: block ; width: 12px; height: 12px; background: #fff; position: absolute; left:0; top:3px;border:3px solid #60217c; border-radius: 50%; }

/*Content CSS*/
#pd2_sec1 {padding:0 15px 60px; }
#pd2_sec1 .pd2_s1_box1 {margin-bottom: 60px;}
#pd2_sec1 .b_title  {margin:0; }
.t4_c1 > .t4_table:last-child {margin-top:60px;}




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

}

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

}

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

}

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

}