@charset "utf-8";


.sub-wrap{
    padding-top:65px;
    padding-bottom:40px;
    color:#222;
    font-size:15px;
    word-wrap:break-word;
    word-break:keep-all;
}

.sub-wrap h2{
    margin-bottom:40px;
    font-size:30px;
    font-weight:800;
    text-align:center;
    word-wrap:break-word;
    word-break:keep-all;
}

.sub-wrap h3{
    font-size:18px;
}

.sub-wrap p{
    text-align:justify;
}

.sub-wrap .top-box{
    padding:30px 85px;
    margin-bottom:30px;
    text-align:center;
    line-height:1.5;
    background:#eef5f9;
}

.sub-wrap .top-box span{
    color:#0d5289;
}

.sub-wrap .txt-base{
    line-height:1.5;
}

.sub-wrap .txt-add{
    display: inline-block;
    margin-top:25px;
    font-size:14px;
    text-decoration: underline;
    /* border-bottom:1px solid #222; */
}

.sub-wrap .sub-tb{
    width:100%;
    min-width:700px;
    margin-bottom:15px;
    /* font-size:15px; */
    text-align:center;
}

.sub-wrap .sub-tb th,
.sub-wrap .sub-tb td{
    padding:10px;
    font-weight:300;
    border:1px solid #e1e1e1;
    border-left-color:transparent;
    border-top-color:transparent;
}

.sub-wrap .sub-tb tr th:last-child,
.sub-wrap .sub-tb tr td:last-child{
    border-right-color:transparent;
}

.sub-wrap .sub-tb tr th.bd-l,
.sub-wrap .sub-tb tr td.bd-l{
    border-left-color:#e1e1e1;
}

.sub-wrap .sub-tb th{
    color:#fff;
    border-top:1px solid #333;
    background:#0d5289;
}

.sub-wrap .sub-tb .td-bg{
    background:#f5f5f5;
}

.sub-wrap .sub-tb .list{
    padding-left:25px;
}

.sub-wrap .sub-tb td.td-pd{
    padding:0 30px;
}

.sub-wrap .sub-tb tr td.point-bd-top{
    border-top:3px solid #0d5289;
}

.sub-wrap .sub-tb tr td.point-bd-left{
    border-left:3px solid #0d5289;
}

.sub-wrap .sub-tb tr td.point-bd-right{
    border-right:3px solid #0d5289;
}

.sub-wrap .sub-tb tr td.point-bd-bottom{
    border-bottom:3px solid #0d5289;
}

.sub-wrap .sub-tb .bd-db-bottom{
    border-bottom-width:3px;
    border-bottom-style: double;
}

.sub-wrap .sub-tb.tb-type1 th,
.sub-wrap .sub-tb.tb-type1 td{
    padding:7px 10px 8px;
    border-right:none;
    border-bottom:3px solid #fff;
}

.sub-wrap .sub-tb.tb-type1 th{
    color:#fff;
    background:#0d5289;
}

.sub-wrap .sub-tb.tb-type1 td{
    /* font-weight:bold; */
    background:#f5f5f5;
}

.sub-wrap .sub-tb.tb-type2 td.td-pd{
    padding-left:34px;
}

.sub-wrap .sub-tb.tb-type2 tbody th,
.sub-wrap .sub-tb.tb-type2 tbody td{
    padding:7px 10px 8px;
    background:#f5f5f5;
}

.sub-wrap .sub-tb.tb-type3{
    width:calc(100% - 3px);
    margin-left:1px;
}

.sub-wrap .tb-wrap {
    margin-bottom:35px;
}

.sub-wrap .tb-wrap>.tb-tit1{
    margin-bottom:25px;
    font-weight:400;
    text-align:center;
}

/*list*/
.sub-wrap .list>li{
    padding-left:20px;
    text-indent:-20px;
    text-align:left;
}

.sub-wrap .list2>li{
    padding-left:10px;
    text-indent:-10px;
}

.sub-wrap .list3>li{
    padding-left:10px;
    text-indent:-10px;
}

/*img*/

.sub-wrap .img-wrap{
    margin-top:25px;
    margin-bottom:30px;
    text-align:center;
}

.sub-wrap .img-wrap>p{
    color:#333;
    margin-top:10px;
    font-size:15px;
}

.sub-wrap .img-row{
    margin-left:-5px;
    margin-right:-5px;
    margin-bottom:13px;
}

.sub-wrap .img-row>li{
    padding-left:5px;
    padding-right:5px;
}

.sub-wrap .img-mt1{
    margin-top:35px;
}

.sub-wrap .img-box img{
    border:1px solid #666;
    border-bottom:none;
}

.sub-wrap .img-box p{
    padding:8px;
    color:#fff;
    font-size:14px;
    font-weight:400;
    text-align:center;
    background:#282828;
}

/*related*/
.related{
    display: flex;
    flex-wrap:wrap;
    align-items: flex-start;
    margin-top:23px;
    color:#fff;
    padding:50px;
    font-size:16px;
    background:#1e3446;
}

.related p{
    width:237px;
    font-size:17px;
    letter-spacing:0;
}

.related p b{
    font-size:26px;
}

.related>ul{
    display: flex;
    align-items:center;
    width:calc(100% - 237px)
}

.related>ul>li{
    padding:10px 0;
}

.related>ul>li:nth-of-type(1){
    margin-right:40px;
}

.related a{
    display: block;
    position: relative;
    padding-right:50px;
}

.related a::after{
    position: absolute;
    top:50%;
    right:0;
    width:35px;
    height:35px;
    border-radius:100%;
    background:url(../images/btn-arr.png)#fff center no-repeat;
    transform:translateY(-50%);
    content:'';
}

/*a1*/
.a1 .sub-cont-list>li{
    margin-top:35px;
    margin-bottom:30px;
}

.a1 .sub-cont-list>li:last-of-type{
    margin-bottom:0;
}

.a1 .sub-cont-list>li h3{
    padding-left:20px;
    margin-bottom:30px;
    font-size:18px;
    font-weight:400;
    background:url(../images/tit-ico.png)left center no-repeat;
}

.a1 .step-list{
    display: flex;
    flex-wrap:wrap;
    margin-left:-32px;
    margin-right:-32px;
}

.a1 .step-list>li{
    width:33.333%;
    position: relative;
    padding-left:32px;
    padding-right:32px;
    margin:0 auto;
}

.a1 .step-list>li::after{
    position: absolute;
    display: block;
    top:50%;
    left:0;
    width:15px;
    height:17px;
    background:url(../images/a1-step-arr.png)center no-repeat;
    content:'';
    transform:translate(-50%, -50%);
}

.a1 .step-list>li:first-of-type::after{
    display: none;
}

.a1 .step-list .box{
    height:100%;
    max-width:237px;
    overflow:hidden;
    margin:0 auto;
    border-radius:14px;
}

.a1 .step-list .box .year{
    display: block;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    line-height:35px;
    background:#0d5289;
}

.a1 .step-list .box>ul{
    height:calc(100% - 35px);
    padding:30px 23px;
    color:#333;
    /* font-size:15px; */
    font-weight:400;
    line-height:1.5;
    word-wrap:break-word;
    word-break:keep-all;
    background:#f0f3f6;
}

.a1 .step-list .box>ul>li{
    padding-left:10px;
    text-indent:-10px;
}

.a1 .step-list .box>ul>li::before{
    font-family: '굴림', sans-serif;
    content:'· ';
}

/*b1*/
.b1 .qna-list>li{
    margin-bottom:42px;
}

.b1 .qna-list>li:last-of-type{
    margin-bottom:42px;
}

.b1 .qna-list .q{
    display: flex;
    align-items:center;
    margin-bottom:26px;
    color:#222;
    font-weight:400;
}

.b1 .qna-list .q span{
    display: block;
    width:calc(100% - 60px);
}

.b1 .qna-list .a{
    position: relative;
    color:#666;
}

.b1 .qna-list .a .cont-p{
    padding-left:60px;
}


.b1 .qna-list .q::before,
.b1 .qna-list .a::before{
    display: block;
    width:42px;
    height:42px;
    /* padding:8px 0 10px; */
    color:#fff;
    font-size:22px;
    font-weight:400;
    text-align:center;
    border-radius:100%;
}

.b1 .qna-list .q::before{
    margin-right:17px;
    padding-top:6px;
    background:#0d5289;
    content:'Q';
}

.b1 .qna-list .a::before{
    position: absolute;
    top:0;
    left:0;
    padding-top:3px;
    background:#ef7e00;
    content:'A';
}

.b1 .qna-list .a>p{
    color:#666;
    line-height:1.5;
    text-align:justify;
}

.b1 .qna-list h4{
    margin-bottom:10px;
    color:#222;
    font-size:15px;
    font-weight:400;
}

.b1 .qna-list ol.cont-list{
    margin-top:25px;
    margin-bottom:40px;
}

.b1 .qna-list ol.cont-list li{
    margin-bottom:10px;
}

.b1 .qna-list ol.cont-list li:last-of-type{
    margin-bottom:0px;
}

.b1 .qna-list .img-row{
    margin-top:35px
}

/*c1*/
.c1>section{
    padding-top:55px;
    padding-bottom:30px;
    border-bottom:1px solid #e1e1e1;
}

.c1>section:first-of-type{
    padding-top:0;
}

.c1>section:last-of-type{
    border-bottom:none;
}

.c1>section>h3{
    /* margin-top:30px; */
    margin-bottom:50px;
    font-size:18px;
    font-weight:400;
    text-align:center;
    word-break: keep-all;
}

.c1 section.sec-type1 .txt-box{
    padding:15px;
    border:6px solid #c5cfdf;
}

.c1 section.sec-type1{
    border-bottom:none;
    padding-bottom:0;
}

.c1 section.sec-type1 h3{
    margin-bottom:25px;
    text-align:left;
    text-decoration:underline;
}

.c1>section>p{
    font-size:15px;
    line-height:1.5;
    text-align:justify;
}

.c1>section .tb1{
    margin-top:42px;
}

.c1>section .img-wrap{
    margin-top:35px;
}

.c1>section:nth-of-type(3) .img-wrap:nth-of-type(1){
    margin-top:20px;
    margin-bottom:20px;
}

.c1>section:nth-of-type(3) .img-wrap:nth-of-type(2){
    margin-top:30px;
}

.c1>section:nth-of-type(5) .table-responsive{
    margin-bottom:20px
}
.c1 section .cont-box{
    margin-top:20px;
    margin-bottom:20px;
}

.c1 section .cont-box h4{
    padding:10px 0;
    color:#fff;
    font-size:15px;
    font-weight:300;
    text-align:center;
    line-height:1.5;
    background:#0d5289;
}

.c1 section .cont-box>div{
    padding:27px 44px 40px;;
    background:#f5f5f5
}

.c1 section .cont-box>div>p{
    margin-top:35px;
    text-align:justify;
    line-height:1.5;
    word-wrap:break-word;
    word-break:break-all;
}

.c1 section .cont-box.box-type1 h4{
    font-size:18px;
    font-weight:400;
}

@media (max-width:950px) {
    .a1 .step-list>li{
        width:50%;
    }
    .a1 .step-list>li:last-child{
        margin-top:20px;
    }
}

@media(max-width:767px){
    .sub-wrap .sub-tb .list{
        padding-left:0;
    }

    .sub-wrap .sub-tb td.td-pd{
        padding:10px;
    }

    .sub-wrap .img-box img{
        width:100%;
    }

    .sub-wrap .top-box{
        padding:30px;
        word-break:keep-all;
    }

    .related{
        flex-direction:column;
        align-items: flex-start;
        padding:30px;
    }

    .related p{
        margin-bottom:20px;
    }

    .related>ul{
        width:100%;
    }

    

    .a1 .step-list{
        margin-left:-20px;
        margin-right:-20px;
    }

    .a1 .step-list>li{
        padding-left:20px;
        padding-right:20px;
    }

    /*.related a:nth-of-type(1){
        margin-bottom:10px;
    } */
}

@media(max-width:575px){
    .m-hide{
        display: none;
    }

    .sub-wrap{
        word-break:break-all;
    }

    .sub-wrap .sub-tb th,
    .sub-wrap .sub-tb td{
    padding:5px;
}

    .related>ul{
        flex-direction:column;
        align-items:flex-start;
    }
    .related>ul>li:nth-child(1){
        margin:0;
    }

    /*a1*/
    .a1 .step-list{
        margin-left:0px;
        margin-right:0px;
    }

    .a1 .step-list>li{
        width:100%;
        padding-left:0px;
        padding-right:0px;
    }

    .a1 .step-list>li:first-child{
        margin-bottom:20px;
    }

    .a1 .step-list>li::after{
        display: none;
    }

    .a1 .step-list>li .box{
        max-width:none;
    }

    /*c1*/
    .c1 section .cont-box>div{
        padding:27px 30px 30px;
    }
}