@charset "utf-8";

/* 페이지 스타일 공통 */
.pagecommon{font-size:15px;color:#777;letter-spacing:-.3px;line-height:25px;font-family:'notokr-regular'}
.pagecommon .top_cont{text-align:center;font-size:31px;color:#111;font-family:'notokr-bold'}
.pagecommon .top_cont .en_txt{padding-bottom:20px;font-weight:700;font-size:15px;color:#12335e;font-family:'Poppins'}
.pagecommon table{width:100%;border-spacing:0;font-size:15px;text-align:center;border:1px solid #e1e1e1;border-top: none;}
.pagecommon table tr.bg_gr{background-color:#f5f5f5}
.pagecommon table tr:last-child td{border-bottom:none}
.pagecommon table tr th+th{border-left:1px solid rgba(255,255,255,.2)}
.pagecommon table tr td{padding: 15px;border-bottom:1px solid #e1e1e1;font-family: 'Poppins','notokr-regular';color: #333;}
.pagecommon table tr td+td{border-left:1px solid #e1e1e1}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

/*p33*/
#p33 .top_box{padding:50px 40px;background:#12335e;color:#ffffffb5;border-radius:24px 24px 0 0}
#p33 .top_box .deco{display:inline-block;padding:8px 13px;margin-bottom:50px;font-size:16px;font-family:'Poppins','notokr-medium';color:#111;background:#fff;border-radius:4px}
#p33 .top_box .bot_txt{text-align:right}
#p33 .top_box .bot_txt p{padding-bottom:30px;font-size:30px;font-family: 'notokr-bold';color:#fff}
#p33 .cont_box{display:flex;padding:60px;align-items:flex-end;justify-content:space-between}
#p33 .cont_box .left .en{font-size:14px;font-weight:700;color:#12335e;font-family:'Poppins';letter-spacing:0}
#p33 .cont_box .left .tit{padding:50px 0 40px;font-size:28px;color:#111;font-family:'notokr-bold'}

/*p43*/
#p43 .cont_box .box{padding:80px 0 0}
#p43 .cont_box .box p{padding:18px;font-size:16px;color:#fff;font-family:'notokr-medium';background:#12335e;border-radius: 16px 16px 0 0;text-align:center}
#p43 .img_tab img{max-width:100%}
#p43 table tr th{width:20%;padding:15px 0;font-weight:600;font-size:17px;color:#fff;background-color:var(--primary)}
#p43 table .col01{background:#c888b9}
#p43 table .col02{background:#9b70aa}
#p43 table .col03{background:#6e5b94}
#p43 table .col04{background:#87c57a}
#p43 table .col05{background:#13ad90}
#p43 table .col06{background:#1b8597}
#p43 table .col07{background: #195c85;}
#p43 table .col08{background: #0f335f;}
#p43 .top_tit{padding-bottom: 50px;font-size: 31px;color: #111;font-family: 'notokr-bold';text-align: center}
#p43 .icon{padding:80px 0 0;text-align:center}
#p43 .txt_box{text-align:center}
#p43 .txt_box .top{display:flex;gap:20px;padding:16px;font-size:16px;background:#12335e;color:#Fff;border-radius:16px 16px 0 0;font-family:'Poppins', 'notokr-regular';align-items:center;justify-content:center}
#p43 .txt_box .point{padding:6px 20px;background:#fff;border-radius:50px;color:#111;font-weight:700}
#p43 .txt_box .bot{padding:40px;border:1px solid #e1e1e1}
#p43 .txt_box .bot span{font-size:17px;color:#222;text-decoration:underline;font-family:'notokr-medium'}
#p43 .table_wrap02 table th{width:14%}
#p43 .table_wrap02 table td{text-align:left;padding:15px 23px}
#p43 .table_wrap02 table td .tit{display:inline-block;padding:6px 20px;font-size:15px;background:#f7f7f7;color:#111;border-radius:3px;font-family:'notokr-medium'}

/* 반응형 [s] */
@media (max-width:1230px){
#p33 .cont_box{padding:60px 40px}
}
@media (max-width:1024px){
#p33 .top_box{padding:40px 30px}
#p33 .cont_box{gap:30px;padding:45px 30px}
#p33 .cont_box .left .txt{white-space:normal}
#p33 .cont_box .right img{width:180px}
}
@media (max-width:768px){
.pagecommon .top_cont{font-size:25px}
.pagecommon .top_cont .en_txt{font-size:14px}
#p33 .top_box{padding:40px 20px}
#p33 .top_box .deco{margin-bottom:40px;padding:5px 10px;font-size:14px}
#p33 .top_box .bot_txt p{padding-bottom:25px;font-size:25px}
#p33 .cont_box{flex-flow:column;padding:45px 20px 0}
#p33 .cont_box .left .tit{padding:30px 0 25px;font-size:23px}
#p33 .cont_box .right img{width:130px}
#p43 .cont_box .box{padding-top:50px}
#p43 .icon{padding-top:50px}
#p43 .icon img{height:25px}
#p43 .top_tit{padding-bottom:40px;font-size:25px}
#p43 .cont_box .box p{padding:13px;font-size:15px}
#p43 .table_wrap02 table td{padding:10px 15px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .top_cont{font-size:23px}
.pagecommon .top_cont .en_txt{padding-bottom:15px;font-size:13px}
.pagecommon table{font-size:14px}
#p33 .top_box{padding:30px 15px}
#p33 .top_box .deco{font-size:13px}
#p33 .top_box .bot_txt p{font-size:23px}
#p33 .cont_box{padding:45px 15px 0}
#p33 .cont_box .left .en{font-size:13px}
#p33 .cont_box .left .tit{padding:20px 0;font-size:20px}
#p33 .cont_box .right img{width:110px}
#p43 .top_tit{font-size:23px}
#p43 .table_wrap02 table td .tit{padding:6px 10px;font-size:14px}
#p43 .cont_box .box{padding-top:30px}
#p43 .icon{padding-top:40px}
#p43 .icon img{height:20px}
#p43 .top_tit{padding-bottom:30px}
#p43 .cont_box .box p{padding:10px;font-size:14px}
#p43 .table_wrap02 table td{padding:10px}
}
@media (max-width:380px){}
/* 반응형 [e] */