/* margin */
.sub p+p {margin-top:15px;}
.sub img {width:100%; max-width:604px;}



/* top */
.s_top {margin-bottom:80px;
    padding:75px;
    background:url(/app/dubu_sourcecode/docs/imgs/1600163088_sub_img_02.jpg)no-repeat center center;background-size:cover;
    position:relative;}
.s_top * {color:#fff;}

.s_top img {width:800px;
    position:absolute;right:-350px;top:45%;}

.s_top h3 {margin-bottom:30px;border-bottom:1px solid #fff;
    font:300 26px 'Noto Sans KR';letter-spacing:-0.075em;color:rgba(255,255,255,.6);
    padding-bottom:15px;}
.s_top h3 b {font-size:30px;font-weight:500;letter-spacing:-0.025em;}
.s_top h3 span {font-size:1.35em;color:rgba(255,255,255,.9);font-weight:400;}

.s_top p {font-size:16px;letter-spacing:-0.02em;opacity:.85;
    }




/* s_con */
.s_con+.s_con {margin-top:100px;}
.s_con h4 {margin-bottom:10px;
    font:500 22px 'Noto Sans KR';letter-spacing:-0.05em;color:#1c9137;}
.s_con h4:after {content:'';display:inline-block;width:8%;border-bottom:2px solid #ddd;margin-left:10px;
    vertical-align:middle;}
.s_con h4 span {font-weight:300;font-size:.8em;opacity:.7;}
.s_con h2 {
    font-size: 25px;
    letter-spacing: -1.5px;
    margin-bottom: 10px;
    margin-top:50px;
}
.s_con h2:before {content:''; display:inline-block; width:10px; height:25px; background:#8db72c; border-radius:5px; margin-bottom:-3px; }



/* s_con txt */
.s_con p {font-size:16px;letter-spacing:-0.02em; color:555;}
.s_con p strong {font:500 16px; 'Noto Sans KR';letter-spacing:-0.05em;color:#0193ce;}





/* table */
.sub table{width:100%;border-collapse:collapse;}
.sub table caption {font:600 21px 'Noto Sans KR';letter-spacing:-0.05em;color:#285b9a;text-align:left;}
.sub table td,.sub table th {border:1px solid #ddd;
    font-size:.9em;color:inherit;font-family:inherit;text-align:center;
    padding:5px 7px;}
.sub table th {
    color:#333;
    background-color:#f7f7f7;}
.sub table thead th {color:#fff;
    background-color:#333;}
.sub table thead th.th1 {background-color:#285b9a;}










.s_wrap {overflow:hidden;}
.s_wrap > div {float:left;}
.s_wrap .filter_img {width:60%;}
.s_wrap .center_img {width:40%;}
.air_img {width:50%;}
.struct_img {width:50%;}
.s_wrap > div > img {width:100%;}
.s_wrap s_con > .struct_img > p {font:600 21px 'Noto Sans KR';letter-spacing:-0.05em;color:#285b9a;text-align:left;}
.struct_img h6 {margin-bottom:10px;
    font: 600 18px 'Noto Sans KR';letter-spacing: -0.05em;color: #285b9a;}





.struct_img img {display:block;margin:0 auto;}
.struct_img img+img {margin-top:20px;}














/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    /* top */
    .s_top {margin-bottom:30px;}
    .s_top img {width:600px;display:block;margin:0 auto;margin-right:-20%;
        position:static;}




    /* s_con */
    .s_con+.s_con {margin-top:50px;}




    
    .sub .s_wrap > div {float:none;width:100%;}
    .sub .s_wrap > div+div {margin-top:50px;}
}

/* mobile */
@media screen and (max-width:768px){
    /* top */
    .s_top {margin-bottom:30px;
        padding:30px;}

    .s_top img {max-width:330px;display:block;margin:0 auto;margin-right:-20%;
        position:static;}

    .s_top h3 {font-size:15px;word-break:keep-all;text-align:center;}
    .s_top h3 b {font-size:18px;font-weight:500;letter-spacing:-0.025em;}
    
    .s_top p {padding-right:0%;}




    /* s_con */
    .s_con+.s_con {margin-top:50px;}
    .s_con h4 {font-size:23px;}




   
    .sub .s_wrap > div {float:none;width:100%;}
    .sub .s_wrap > div+div {margin-top:50px;}






   
}