@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* pgcm */
.pgcm{font-size:16px;color:#777;line-height:1.8;font-family:var(--k-font)}
.pgcm .tit_area{margin-bottom:20px;text-align:center}
.pgcm .tit_area b{display:block;padding:0 10px;font-size:15px;color:var(--primary);text-transform:uppercase;font-family:var(--e-font)}
.pgcm .tit_area h1{padding:20px 0 15px;font-size:30px;color:#222;font-family:var(--e-font)}
.pgcm .tit_area p{padding:0 150px}
.pgcm p, .pgcm span, .pgcm ul li, .pgcm dl dd, .pgcm div{word-break:keep-all}
/* table 공통 스타일 */
.pgcm .tb_wrap{overflow:auto;width:100%}
.pgcm .tb_wrap table{width:100%;border-collapse:collapse;text-align:center}
.pgcm .tb_wrap table thead tr th{padding:20px;font-size:16px;color:#fff;background:var(--primary);font-family:var(--e-font)}
.pgcm .tb_wrap table thead tr th:nth-child(1){border-radius:20px 0 0 0;border-right:1px solid rgba(255, 255, 255, 0.2)}
.pgcm .tb_wrap table thead tr th:nth-child(2){border-radius:0 20px 0 0}
.pgcm .tb_wrap table tbody tr td{padding:22px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-size:16px}
.pgcm .tb_wrap table tbody tr td:nth-child(1){border-left:1px solid #e1e1e1}
.pgcm .tb_wrap table tbody tr .subj{background:#f7f7f7;color:#222;font-family:var(--e-font)}
.pgcm .tb_wrap table tbody tr td a{display:inline-block;margin:0 auto 0 20px;padding:12px 30px;border-radius:50px;font-size:15px;color:#fff;background:#222;text-align:center;transition:0.2s;font-family:var(--e-font)}
.pgcm .tb_wrap table tbody tr td a:hover{background:var(--primary)}

/* p33 */
#p33 .tit_area{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding-bottom:15px;margin-bottom:40px;border-bottom:1px solid #e1e1e1}
#p33 > p{padding-left:104px}
#p33 > p span{color:#222;text-decoration:underline}
#p33 > p > b{display:inline-block;padding:25px;font-weight:normal;background:#f7f7f7}
#p33 > b{display:block;padding:25px 76px 0 0;color:#222;text-align:right;font-family:var(--e-font)}
#p33 .img{position:relative}
#p33 .img::before{content:"";display:block;position:absolute;bottom:-67px;left:0;width:100%;height:298px;z-index:-1;background:var(--primary)}
#p33 .img img{display:block;margin:40px auto}

/* p36 */
#p36 ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:30px;row-gap:40px;padding-top:50px;border-top:1px solid #e1e1e1}
#p36 ul li{padding:30px;border-radius:15px;background:#f7f7f7}
#p36 ul li .sub_tit{display:flex;align-items:center;gap:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e1e1e1;font-size:20px;color:#222;font-family:var(--e-font)}
#p36 ul li .sub_tit b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:7px;font-size:13px;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p36 ul li .cont{height:110px;padding:25px;border-radius:10px;background:#fff}
#p36 ul li .cont p{position:relative;padding-left:25px}
#p36 ul li .cont p::before{content:"";display:inline-block;position:absolute;top:13px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p36 a{display:inline-block;position:relative;margin:20px auto 50px;left:50%;transform:translateX(-50%);padding:20px 40px;border-radius:100px;font-size:16px;color:#fff;background:#222;transition:0.2s;font-family:var(--e-font)}
#p36 a:hover{background:var(--primary)}


/* p41 */
#p41 .list .cont{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}
#p41 .list .cont .sub_tit{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:30px 20px;font-size:20px;color:#222;font-family:var(--e-font)}
#p41 .list .cont .sub_tit b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:15px;border-radius:5px;font-size:13px;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p41 .list .cont > div{width:100%;padding:30px 40px 40px;border-top:1px solid #e1e1e1}
#p41 .list .law .cont_wrap h3{padding-bottom:10px;font-size:17px;color:#222;font-family:var(--e-font)}
#p41 .list .cont .cont_wrap ul{padding:25px;border-radius:10px;background:#f7f7f7}
#p41 .list .cont .cont_wrap ul li{position:relative;padding-left:20px}
#p41 .list .cont .cont_wrap ul li::before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p41 .list .cont .cont_wrap+.cont_wrap{margin-top:25px}
#p41 .tb_wrap table thead tr th{padding:15px}
#p41 .tb_wrap table tbody tr td{padding:15px}
#p41 .list .time .info{padding-top:25px}
#p41 .list .time .info strong{display:block;padding-bottom:10px;line-height:1.5;color:#222;font-weight:normal;font-family:var(--e-font)}
#p41 .list .time .info ul li span{color:#222;font-family:var(--e-font)}
#p41 .list .time .info ul li + li{margin-top:20px}
#p41 .tb_wrap table tbody tr td:nth-child(1){border-left:none}
#p41 .tb_wrap table tbody tr td:nth-child(2){border-right:none}
#p41 .list .law strong{display:block;padding-bottom:10px;color:#222;font-weight:normal;font-family:var(--e-font)}




/* 반응형 [s] */
@media (max-width:1200px){
    #p33 .img img{width:100%}
    #p33 .img::before{display:none}
    #p33 > p{padding:0 100px}
    #p33 > b{padding-right:100px}
    #p41{padding:0 15px}
    #p41 .list .cont > div{padding:25px 0}
    #p41 .list .cont .sub_tit{padding:20px 0}
}
@media (max-width:1024px){
    .pgcm .tit_area p{padding:0 30px}
    #p36 a{font-size:15px}
}
@media (max-width:780px){
    #p33 > p{padding:0 20px}
    #p33 > b{padding-right:20px}
    #p33 .tit_area{flex-direction:column;gap:0}
    .pgcm .tit_area h1{padding:10px;line-height:1.3;font-size:26px}
    #p36{padding:20px 10px}
    #p36 a{margin:10px auto 40px}
    #p36 ul{row-gap:20px;column-gap:20px;padding:40px 0}
    #p36 ul li .cont{height:auto}
    #p36 ul li .sub_tit{font-size:18px}
}
@media (max-width:660px){
    #p36 ul{grid-template-columns:repeat(1,1fr)}
    #p36 ul li{padding:20px}
}
@media (max-width:480px){
    #p33 > p{white-space:normal;text-align:center}
    #p33 > b{padding-right:0;text-align:center}
    #p33 > p > b{white-space:normal}
    #p33 .img img{margin:20px auto}
    #p33 .tit_area{margin-bottom:30px}
}
@media (max-width:380px){
    #p33 > p{padding:0 10px}
    #p36 ul li .sub_tit{font-size:17px}
    #p36 a{margin-top:0;text-align:center;line-height:1.5}
    .pgcm .tit_area p{padding:0 15px}
    .pgcm .tit_area h1{font-size:22px}
    .pgcm .tit_area b{font-size:13px;line-height:1.3}
    #p41 .list .cont .sub_tit{padding:15px 0;font-size:18px}
    #p41 .list .cont > div{padding:20px 0}
    .pgcm .tb_wrap table thead tr th{font-size:15px}
    .pgcm .tb_wrap table tbody tr td{font-size:15px}
    #p41 .list .law .cont_wrap h3{font-size:16px}
    #p41 .list .cont .cont_wrap ul{padding:20px}
    
}
/* 반응형 [e] */