@charset "utf-8";

.font-weight-bolder{
    font-weight:bolder !important;
}

.text-break{
    word-break: break-all;
}

.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 h2 span{
    font-size:20px;
    font-weight:400;
}

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

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

/* .sub-wrap b{
    font-weight:500;
} */

.sub-wrap .img-bd{
    border:1px solid #e5e5e5;
}

.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;
    /* border-bottom:1px solid #222; */
}

.sub-wrap .txt-add2{
    position: relative;
    font-size: 14px;
    color:#0d5289;
    padding-left: 10px;
}

.sub-wrap .txt-add2::before{
    position: absolute;
    top: 0;
    left: 0;
    content: '*';
}

.sub-wrap .txt-point{
    color:#0d5289;
}

.sub-wrap .txt-link:hover{
    text-decoration: underline;
    color:#0d5289;
}

.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 .bd-r-none{
    border-right-color:transparent !important;
}

.sub-wrap .sub-tb .bd-b-none{
    border-bottom-color:transparent !important;
}

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

.sub-wrap .sub-tb tr td.bd-t{
    border-top-color:#e1e1e1;
}

.sub-wrap .sub-tb thead th,
.sub-wrap .sub-tb.row-tb tbody th{
    color:#fff;
    /* border-top:1px solid #333; */
    background:#0d5289;
}

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

.sub-wrap .sub-tb .bg-none{
    background-color: transparent !important;
}

.sub-wrap .sub-tb .bg-none i{
    color: #222;
}

.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 tr td.bd-b-2{
    border-bottom-width: 2px;
}

.sub-wrap .sub-tb tr .bg-point{
    background: #ECF2FA;
}

.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;
}

.sub-wrap .tb-wrap.tb-type3 th{
    color:#fff;
    font-weight: 700;
    background:#0d5289;
}

.sub-wrap .tb-wrap.tb-type3 tr:first-child th,
.sub-wrap .tb-wrap.tb-type3 tr:first-child td{
    border-top: 1px solid #e1e1e1;
}

.sub-wrap .tb-row .sub-tb{
    min-width: auto;
}

/*list*/
.sub-wrap .list>li{
    position: relative;
    padding-left:10px;
    text-align:left;
}

.sub-wrap .list>li::before,
.sub-wrap .list>li .ico{
    position: absolute;
    left:0;
    top:0;
}

.sub-wrap .list.list_v2>li{
    padding-left:20px;
}

.sub-wrap .list.list_v3>li{
    padding-left:15px;
}

.sub-wrap .ico-circle>li::before{
    content:'ㅇ';
}

.sub-wrap .ico-circle2>li::before{
    top:9px;
    width:4px;
    height:4px;
    background:#444;
    border-radius:100%;
    content:'';
}

.sub-wrap .ico-line>li::before{
    content:'-';
}

.sub-wrap .ico-arr>li::before{
    content:'→';
}

.sub-wrap .ico-square>li::before{
    content:'▪';
}

.sub-wrap .ico-add>li::before{
    top:3px;
    content:'*';
}

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

.sub-wrap .list .tit{
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.5;
}

/*img*/

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

/* .sub-wrap .img-wrap p{
    
} */

.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-txt{
    color:#333;
    margin-top:10px;
    font-size:15px;
    text-align:center;
}

.sub-wrap .img-box .box{
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    height:100%;
    border:1px solid #666;
}

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

.sub-wrap .img-box2{
    display: block;
    border:1px solid #666;
}

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

/*row*/
.row-20{
    margin-left: -10px;
    margin-right: -10px;
}
.row-20>*{
    padding-left: 10px;
    padding-right: 10px;
}

/*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:'';
}

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

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

.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;
}

[class^='step-list']{
    display: flex;
    flex-wrap:wrap;
    margin-left:-32px;
    margin-right:-32px;
}

[class^='step-list']>li{
    width:20%;
    position: relative;
    padding-left:32px;
    padding-right:32px;
    margin:0 auto;
}

[class^='step-list']>li::after{
    position: absolute;
    display: block;
    top:50%;
    left:0;
    font-family : xeicon !important;
    /* width:15px;
    height:17px;
    background:url(../images/a1-step-arr.png) center no-repeat; */
    content:'\e90b';
    transform:translate(-50%, -50%);
}

[class^='step-list']>li:first-of-type::after{
    display: none;
}

[class^='step-list'] .box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    height:100%;
    max-width:237px;
    overflow:hidden;
    margin:0 auto;
    border-radius:14px;
    background:#f0f3f6;
}

[class^='step-list'] .box .step-tit{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:40px;
    color:#fff;
    font-size:18px;
    font-weight:400;
    line-height: 1.2;
    text-align:center;
    word-break: keep-all;
    background:#0d5289;
}

[class^='step-list'] .area{
    padding:30px 23px;
    color:#333;
    /* font-size:15px; */
    font-weight:400;
    line-height:1.5;
    word-wrap:break-word;
    word-break:keep-all;
}

/* [class^='step-list'] .box .tit+.area{
    height:calc(100% - 35px);
} */

[class^='step-list'] .box>ul>li{
    padding-left:10px;
    text-indent:-10px;
}

[class^='step-list'] .box>ul>li::before{
    font-family: '굴림', sans-serif;
    content:'· ';
}

.step-list_v2{
    margin-left:-15px;
    margin-right:-15px;
    margin-bottom:-15px;
}

.step-list_v2>li{
    padding-left:15px;
    padding-right:15px;
    margin-bottom:15px !important;
}

.step-list_v2>li .box{
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

.step-list_v2>li .area{
    padding:10px;
    text-align: center;
}

.step-list_v2>li .area2{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 5px 10px;
    text-align: center;
    border-top:1px dashed #e1e1e1;
}

/* .step-list_v2>li:nth-child(4n+1)::after{
    display: none;
} */

.step-list_v2>li.point .box{
    color:#fff;
    background: #36709f;
}

.step-list_v2>li.point .area{
    color:#fff;
}

/*qna*/
.c1>section .qna-list-wrap .img{
    
    float: left;
    margin-top:11px;
    margin-bottom: 0;
}

.qna-list{
    margin-top:35px;
}

.qna-list>li{
    display: flex;
    flex-direction: column;
    margin-bottom:42px;
}

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

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

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

.qna-list .a{
    display: flex;
    align-items: flex-start;
    color:#666;
    /* padding-left:60px; */
}

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

.qna-list .a .cont-p{
    width:calc(100% - 60px);
}


.qna-list .q::before,
.qna-list .a::before{
    display: block;
    width:42px;
    height:42px;
    color:#fff;
    font-size:22px;
    font-weight:400;
    text-align:center;
    border-radius:100%;
    margin-right:17px;
}

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

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

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

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

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

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

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

.qna-top{
    margin-bottom: 40px;
    border: 5px solid #dedede;
    border-radius: 5px;
}

.qna-top p{
    padding: 20px;
    color: #0d5289;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    width: calc(100% - 225px);
    word-break: break-all;
}

.qna-list2>li:not(:last-child){
    margin-bottom: 33px;
}

.qna-list2>li>div{
    position: relative;
    min-height: 40px;
    padding-top:8px;
    padding-left: 55px;
    font-weight: 400;
}

.qna-list2>li .name{
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 40px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 40px;
    letter-spacing: -0.07em;
    border-radius: 100%;
}

.qna-list2>li .q .name{
    background: #c693d4;
}

.qna-list2>li .a .name{
    background: #8ab8d6;
}

.qna-list2>li .a .name.type2{
    background: #8d8475;
}

.qna-list2>li .q{
    margin-bottom: 18px;
}

.qna-list-wrap{
    margin-bottom: 80px;
}

.qna-list-wrap .tit{
    margin-bottom: 15px;
    color: #0d5289;
    font-size: 23px;
    font-weight: 700;
}

.qna-list-wrap .tit2{
    margin-bottom: 25px;
    padding-left: 44px;
    color: #0d5289;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.03em;
    background: url(../images/qna_tit_ico.png) left top 2px no-repeat;
}

.sub-wrap .qna-list-wrap .img-row{
    margin: 13px -15px 30px;
}

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

.sub-wrap .qna-list-wrap .img-row>li img{
    width: 100%;
}

[class*='qna-list3']>li:not(:last-child){
    margin-bottom: 25px;
}

[class*='qna-list3']>li>div{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

[class*='qna-list3']>li .q{
    margin-bottom: 20px;
}

[class*='qna-list3']>li .name{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 35px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
}

[class*='qna-list3']>li .q .name{
    background: #0d5289;
}

[class*='qna-list3']>li .a .name{
    background: #4c95d0;
}

[class*='qna-list3']>li p{
    width: calc(100% - 120px);
    padding-top: 5px;
    padding-left: 20px;
    color: #5f5f5f;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    word-break: break-all;
}

[class*='qna-list3']>li .q p{
    color: #444;
    font-weight: 700;
}

.qna-list3_v2>li .name{
    width: 28px;
    height: 28px;
    font-size: 20px;
    border-radius: 3px;
}

.qna-list3_v2>li .q .name{
    padding-bottom: 4px;
    background: #4b98d3;
}

.qna-list3_v2>li .a .name{
    background: #f38200;
}

.qna-list3_v2>li p{
    width: calc(100% - 28px);
    padding-top: 2px;
    padding-left: 10px;
}

.txt-wrap .img{
    float:left;
    width:30%;
    padding-right:20px;
}

.txt-wrap::after{
    display: block;
    clear: both;
    content:'';
}

/*cont-box*/
.cont-box{
    margin-top:20px;
    margin-bottom:20px;
}

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

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

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

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

.cont-box2 h3{
    font-size: 15px;
}

.cont-box2 .box{
    height: 100%;
    background:#f5f5f5
}

.cont-box2 h4{
    padding: 5px;
    color:#fff;
    font-size: 15px;
    font-weight:300;
    text-align:center;
    background:#0d5289;
}

.cont-box2 p{
    padding: 5px;
    text-align: center;
}

.link-btn{
    display: block;
    width:100%;
    max-width:250px;
    margin:0 auto;
    padding:10px;
    color:#fff;
    text-align:center;
    background:#0d5289;
    transition: background 0.5s;
}

.link-btn:hover{
    color:#fff;
    background: #1e3446;
}

.link-btn.link-btn_v2{
    max-width: 350px;
}

.link-txt{
    color:#0d5289;
}

.link-txt:hover{
    color:#0d5289;
    text-decoration:underline;
}

.txt-under{
    border-bottom:1px solid #666;
}

.ico-base{
    display:inline-block;
    width:16px;
    height:16px;
    font-size:14px;
    line-height:1;
    transform: translateY(3px);
}

.ico-base path{
    fill:#666;
}

.info-meno{
    position: relative;
    padding: 60px 35px 50px 29px;
    color: #5f5f5f;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.04em;
    background: url(../images/memo_bg.jpg) #f5f5f5 left top no-repeat;
}

.info-meno>li:not(:last-child){
    margin-bottom: 47px;
}

.info-meno h3{
    display: inline-block;
    padding-bottom: 9px;
    margin-bottom: 19px;
    color: #0d5289;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 2px solid #d1d1d1;
}

.info-meno p{
    
    font-weight: 400;
    line-height: 1.5;
}

.info-meno p{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}

.info-meno ul>li b{
    color: #444;
}

.info-meno .gray-box{
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 17px 5px;
    font-size: 18px;
    color: #444;
    text-align: center;
    font-weight: 700;
    letter-spacing: -0.05em;
    background: #e1e1e1;
}

.info-meno .gray-box .arr-point{
    position: relative;
    padding-left: 25px;
    margin-left: 10px;
    color: #0d5289;
}

.info-meno .gray-box .arr-point::before{
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width:0px;
    height:0px;
    border: 10px solid #0d5289;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    transform: translateY(-50%);
    content: '';
}

.list-wrap{
    overflow-y: hidden;
}

.list-wrap>ul{
    min-width: 600px;
}

.list-wrap li{
    width: 20%;
    padding-right: 15px;
}

.list-wrap li span{
    display: block;
    position: relative;
    width: 100%;
    line-height: 40px;
    padding-left: 10px;
    font-size: 24px;
    font-weight: 900;
    color: #fff;
}

.list-wrap li:first-of-type span{
    padding-left: 20px;
}

.list-wrap li:not(:last-child) span::before{
    position: absolute;
    width: 15px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 98;
    content: '';
    transform: translateX(100%);
}

.list-wrap li span::after{
    position: absolute;
    width: 15px;
    height: 100%;
    top: 0;
    right: 0px;
    border-left: 15px solid #f7f7f7;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 99;
    content: '';
    transform: translateX(100%);
}

.list-wrap li:nth-child(1) span{
    background: #b4d7f4;
}

.list-wrap li:nth-child(2) span,
.list-wrap li:nth-child(1) span::before{
    background: #83bbe9;
}

.list-wrap li:nth-child(3) span,
.list-wrap li:nth-child(2) span::before{
    background: #4c95d0;
}

.list-wrap li:nth-child(4) span,
.list-wrap li:nth-child(3) span::before{
    background: #2c74ad;
}

.list-wrap li:nth-child(5) span,
.list-wrap li:nth-child(4) span::before{
    background: #0d5289;
}

.list-wrap li:nth-child(1) span::after{
    border-left-color: #b4d7f4;
}

.list-wrap li:nth-child(2) span::after{
    border-left-color: #83bbe9;
}

.list-wrap li:nth-child(3) span::after{
    border-left-color: #4c95d0;
}

.list-wrap li:nth-child(4) span::after{
    border-left-color: #2c74ad;
}

.list-wrap li:nth-child(5) span::after{
    border-left-color: #0d5289;
}

.list-wrap li p{
    padding-left: 10px;
    margin-top:15px;
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 1.2;
    word-break: keep-all;
    letter-spacing: -0.06em;
}

.list-wrap li:first-child p{
    padding-left: 20px;
}

.list-wrap li:last-child p{
    color: #0d5289;
}

.comment-wrap{
    /* padding-bottom: 190px;
    background: url(../images/a1_17.jpg) center bottom no-repeat; */
    border-bottom: 1px solid #c9c9c9;
}

.comment-wrap b{
    font-weight: 700;
}

.comment-wrap b.sticker{
    position: relative;
}

.comment-wrap b.sticker::after{
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 108px;
    height: 33px;
    background: url(../images/a1_17.png) no-repeat;
    transform: translateX(calc(100% + 20px));
    content: '';
}


.comment-wrap .comment-top{
    position: relative;
    padding-left: 135px;
    padding: 20px 0 20px 51px;
    border-top: 1px solid #c9c9c9;
}

.comment-wrap .comment-top .ico{
    position: absolute;
    top: 11px;
    left:0px
}

.comment-wrap .comment-top p{
    font-size: 16px;
}

.comment-wrap .comment-list li{
    position: relative;
    padding: 20px 0 23px 105px;
    font-size: 15px;
    line-height: 1.6;
    border-top: 1px solid #c9c9c9;
}

.comment-wrap .comment-list li .ico{
    position: absolute;
    top: 11px;
    left:50px
}

/* .comment-wrap .comment-list li::before{
    position: absolute;
    top: 11px;
    left:51px;
    width: 24px;
    height: 24px;
    border: 2px solid #f25252;
    border-top-color: transparent;
    border-right-color: transparent;
    border-radius: 3px;
    content: '';
} */

.comment-wrap .comment-list p{
    margin-top: 5px;
}





/*a1*/
#a1 .step-list_v2>li{
    width: 20%;
}

#a1 .list-box>li{
    padding: 0 0.5rem;
}

#a1 .list-box .box{
    height: 100%;
    /* min-height: 220px; */
    border: 1px solid #e1e1e1;
}

#a1 .list-box .box h4{
    padding: 10px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    background: #0070c0;
}

#a1 .list-box li:nth-child(2) .box h4{
    color: #348cd2;
    background: #caebfe;
}

#a1 .list-box li:nth-child(3) .box h4{
    background: #7f7f7f;
}

#a1 .list-box li:nth-child(4) .box h4{
    background: #4b98d3;
}

#a1 .list-box .box ul{
    padding: 10px;
}






/*b1*/

#b1.sub-wrap .qna-list-wrap .qna-list-row .col-md-6:nth-child(1){
    flex: 0 0 49.5%;
    max-width: 49.5%;
}

#b1.sub-wrap .qna-list-wrap .qna-list-row .col-md-6:nth-child(2){
    flex: 50.5%;
    max-width: 50.5%;
}

#b1.sub-wrap .qna-list-wrap .img-box p{
    font-size: 18px;
    font-weight: 700;
    background: #0d5289;
}

#b1.sub-wrap .qna-list-wrap .director{
    border: 5px solid #dedede;
    border-radius: 5px;
}

#b1.sub-wrap .qna-list-wrap .director >li{
    padding: 0;
}

#b1.sub-wrap .qna-list-wrap .director >li:nth-child(2) p{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 30px;
    height: 100%;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    text-align: justify;
    word-break: break-all;
    border-left: 5px solid #dedede;
    background: transparent;
}

#b1.sub-wrap .qna-list-wrap .director.img-box p{
    background: #0d5289;
}

#b1 img{
    width: 100%;
}

#b1 .word-box{
    margin: 0 0 40px;
    margin-bottom: 40px;
    border: 5px solid #dedede;
    border-radius: 5px;
}

#b1 .word-box>*{
    padding: 0;
}

#b1 .word-box .img{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 5px solid #dedede;
}

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

#b1 .word-box .txt{
    display: flex;
    align-items: center;
    padding: 20px;
}

#b1 .word-box .txt p{
    padding: 0;
    width: auto;
    color: #5f5f5f;
    font-size: 15px;
    font-weight: 300;
    word-break: keep-all;
}



/*c1*/
#c1.sub-wrap .qna-list-wrap .img-row{
    margin: 0;
    margin-top: 30px;
    border-right: 1px solid #143147;
}

#c1.sub-wrap .qna-list-wrap .img-row>li{
    padding: 0;
    border: 1px solid #143147;
    border-right-width: 0;
}

#c1.sub-wrap .qna-list-wrap .img-row>li p{
    background: #0d5289;
}

#c1.sub-wrap .qna-list-wrap .img-row>li div{
    padding: 5px;
}

/* #c1 img{
    width: 100%;
} */
/* #c1.sub-wrap .qna-list-wrap .img-row li:last-of-type{
    border-right-width: 1px;
} */

#c1 .cont-slide{
    position: relative;
    overflow: hidden;
}

#c1 .cont-slide .swiper-slide{
    max-width: 310px;
}

#c1 .cont-slide .swiper-slide b{
    font-size: 16px;
    font-weight: 700;
}

#c1 .cont-slide .swiper-pagination{
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 20px;
    font-size: 0;
}

#c1 .cont-slide .swiper-pagination-bullet-active{
    background: #0d5289;
}

@media (max-width:950px) {
    [class^='step-list']>li{
        width:50%;
        margin-bottom:20px;
    }
    [class^='step-list']>li:last-child{
        margin-bottom:0px;
    }
}

@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%;
    }

    [class^='step-list']{
        margin-left:-20px;
        margin-right:-20px;
    }

    [class^='step-list']>li{
        padding-left:20px;
        padding-right:20px;
    }

    .txt-wrap .img{
        display: block;
        float:none;
        width:100%;
        padding:0;
        margin-bottom:20px;
    }

    .a1 .community .community-list>li{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /*a1*/
    #a1 .step-list_v2.step1>li{
        width:33.33%;
    }
    
    
    /*c1*/

    #b1.sub-wrap .qna-list-wrap .qna-list-row .col-md-6{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #b1.sub-wrap .qna-list-wrap .director >li:nth-child(2) p{
        border-left: none;
    }
    #c1.sub-wrap .qna-list-wrap .img-row{
        border-right: none;
    }
    
}

@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;
    }

    .info-meno{
        padding: 60px 20px 50px;
    }
    

    /* [class^='step-list'][class^='step-list']-12{
        margin-left:0px;
        margin-right:0px;
    }

    [class^='step-list'][class^='step-list']-12>li{
        width:100%;
        padding-left:0px;
        padding-right:0px;
        padding-top:20px;
        margin-bottom:0;
    }

    [class^='step-list'][class^='step-list']-12>li:first-child{
        padding-top:0;
    }

    [class^='step-list'][class^='step-list']-12>li::after{
        top:0;
        left:50%;
        transform: translateX(-50%);
        content: '\e90a';
    }

    [class^='step-list'][class^='step-list']-12>li .box{
        max-width:none;
    } */

    .qna-top{
        flex-direction: column;
        padding: 0;
    }

    .qna-top p{
        width: 100%;
    }
    
    .comment-wrap .comment-list li{
        padding-left: 70px
    }

    .comment-wrap .comment-list li .ico{
        left: 20px;
    }

    /*a1*/
    #a1 .txt-box .inner{
        padding: 30px; 
    }

    #a1 .txt-box .name{
        margin-top: 16px;
    }

    #a1 [class^='step-list']>li:nth-child(2n-1):after{
        transform: translate(0%, -50%);
    }

    #a1 .step-list_v2.step1>li{
        width: 50%;
    }

    /*b1*/


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