@charset "utf-8"; @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); /* ==== 공통부분 ==== */
label, input, select {
    vertical-align: middle;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

body {
    min-width: 320px;
}

.clearfix:before, .section .content:before, .section .content .c-illustr:before, .clearfix:after, .section .content:after, .section .content .c-illustr:after .clearfix:before, .section .content:before, .section .content .c-illustr:before, .clearfix:after, .section .content:after, .section .content .c-illustr:after {
    content: "";
    display: table;
}

.fp-enabled body, html.fp-enabled {
    margin: 0;
    padding: 0;
    /* overflow:hidden; */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

ol, ul, li {
    list-style: none
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

address, caption, em {
    font-weight: normal;
    font-style: normal
}

fieldset, img,button {
    border: 0
}

img {
    /* line-height:100%; */
    font-size: 100%;
    vertical-align: top;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal
}

blockquote, q {
    quotes: none
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

a,img,input {
    outline: none;
}

/* base */
body {
    font-size: 13px;
    font-family: 'Pretendard', 'Nanum Gothic', "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;
    color: #666;
    letter-spacing: 0;
    line-height: 100%;
    text-align: left
}

table {
    /*font-size:11px;*/
    border-collapse: collapse;
}

input,textarea,select {
    font-size: 12px;
    color: #666;
    border: 1px solid #b4b4b4;
    font-family: 'Nanum Gothic', "나눔고딕", "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;
}

/* skip */
legend, hr, .skip {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.hide {
    display: none;
}

caption {
    display: none;
}

/* anchor */
a {
    color: #666;
    text-decoration: none;
}

a:link, a:visited {
    text-decoration: none
}

a:hover, a:active, a:focus {
    text-decoration: none;
    color: #000;
}

/* #skipNavi */
#skipNavi {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: none;
}

#skipNavi a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
}

#skipNavi a:active, #skipNavi a:focus {
    width: 100%;
    height: auto;
    background: #000;
    color: #fff;
    font-size: 1em;
    text-align: center;
    padding: 5px 0;
}

/* input */
input.textinput {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    vertical-align: middle;
    color: #666;
    border: 1px solid #b4b4b4
}

input.textinput_gray {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    vertical-align: middle;
    color: #666;
    border: 1px solid #ccc
}

textarea.textinput {
    width: 99%;
    font-size: 11px;
    vertical-align: middle;
    color: #666;
    border: 1px solid #a6c9e2
}

.selectBox {
    border: solid 1px #ccc;
    height: 20px !important;
    line-height: 20px !important;
    font-size: 12px;
}

/* vertical-align */
.v_t {
    vertical-align: top !important
}

.v_m {
    vertical-align: middle !important
}

.v_b {
    vertical-align: bottom !important
}

/* text */
.bold {
    font-weight: bold;
    color: #666;
}

.underline {
    text-decoration: underline
}

/* background */
.bg_none {
    background: none !important;
}

/* border */
.bd_none {
    border: none !important;
}

.bd_t_none {
    border-top: none !important;
}

.bd_r_none {
    border-right: none !important;
}

.bd_b_none {
    border-bottom: none !important;
}

.bd_l_none {
    border-left: none !important;
}

/* width */
.wid1 {
    width: 1%!important
}

.wid2 {
    width: 2%!important
}

.wid3 {
    width: 3%!important
}

.wid4 {
    width: 4%!important
}

.wid5 {
    width: 5%!important
}

.wid6 {
    width: 6%!important
}

.wid7 {
    width: 7%!important
}

.wid8 {
    width: 8%!important
}

.wid9 {
    width: 9%!important
}

.wid10 {
    width: 10%!important
}

.wid11 {
    width: 11%!important
}

.wid12 {
    width: 12%!important
}

.wid13 {
    width: 13%!important
}

.wid14 {
    width: 14%!important
}

.wid15 {
    width: 15%!important
}

.wid16 {
    width: 16%!important
}

.wid17 {
    width: 17%!important
}

.wid18 {
    width: 18%!important
}

.wid19 {
    width: 19%!important
}

.wid20 {
    width: 20%!important
}

.wid21 {
    width: 21%!important
}

.wid22 {
    width: 22%!important
}

.wid23 {
    width: 23%!important
}

.wid24 {
    width: 24%!important
}

.wid25 {
    width: 25%!important
}

.wid26 {
    width: 26%!important
}

.wid27 {
    width: 27%!important
}

.wid28 {
    width: 28%!important
}

.wid29 {
    width: 29%!important
}

.wid30 {
    width: 30%!important
}

.wid31 {
    width: 31%!important
}

.wid32 {
    width: 32%!important
}

.wid33 {
    width: 33%!important
}

.wid34 {
    width: 34%!important
}

.wid35 {
    width: 35%!important
}

.wid36 {
    width: 36%!important
}

.wid37 {
    width: 37%!important
}

.wid38 {
    width: 38%!important
}

.wid39 {
    width: 39%!important
}

.wid40 {
    width: 40%!important
}

.wid41 {
    width: 41%!important
}

.wid42 {
    width: 42%!important
}

.wid43 {
    width: 43%!important
}

.wid44 {
    width: 44%!important
}

.wid45 {
    width: 45%!important
}

.wid46 {
    width: 46%!important
}

.wid47 {
    width: 47%!important
}

.wid48 {
    width: 48%!important
}

.wid49 {
    width: 49%!important
}

.wid50 {
    width: 50%!important
}

.wid51 {
    width: 51%!important
}

.wid52 {
    width: 52%!important
}

.wid53 {
    width: 53%!important
}

.wid54 {
    width: 54%!important
}

.wid55 {
    width: 55%!important
}

.wid56 {
    width: 56%!important
}

.wid57 {
    width: 57%!important
}

.wid58 {
    width: 58%!important
}

.wid59 {
    width: 59%!important
}

.wid60 {
    width: 60%!important
}

.wid61 {
    width: 61%!important
}

.wid62 {
    width: 62%!important
}

.wid63 {
    width: 63%!important
}

.wid64 {
    width: 64%!important
}

.wid65 {
    width: 65%!important
}

.wid66 {
    width: 66%!important
}

.wid67 {
    width: 67%!important
}

.wid68 {
    width: 68%!important
}

.wid69 {
    width: 69%!important
}

.wid70 {
    width: 70%!important
}

.wid71 {
    width: 71%!important
}

.wid72 {
    width: 72%!important
}

.wid73 {
    width: 73%!important
}

.wid74 {
    width: 74%!important
}

.wid75 {
    width: 75%!important
}

.wid76 {
    width: 76%!important
}

.wid77 {
    width: 77%!important
}

.wid78 {
    width: 78%!important
}

.wid79 {
    width: 79%!important
}

.wid80 {
    width: 80%!important
}

.wid81 {
    width: 81%!important
}

.wid82 {
    width: 82%!important
}

.wid83 {
    width: 83%!important
}

.wid84 {
    width: 84%!important
}

.wid85 {
    width: 85%!important
}

.wid85_5 {
    width: 85.5%!important
}

.wid86 {
    width: 86%!important
}

.wid87 {
    width: 87%!important
}

.wid88 {
    width: 88%!important
}

.wid89 {
    width: 89%!important
}

.wid90 {
    width: 90%!important
}

.wid91 {
    width: 91%!important
}

.wid92 {
    width: 92%!important
}

.wid93 {
    width: 93%!important
}

.wid94 {
    width: 94%!important
}

.wid95 {
    width: 95%!important
}

.wid96 {
    width: 96%!important
}

.wid97 {
    width: 97%!important
}

.wid98 {
    width: 98%!important
}

.wid99 {
    width: 99%!important
}

.wid100 {
    width: 100%!important
}

/* common gap class */
.m0 {
    margin: 0 !important
}

.m5 {
    margin: 5px !important
}

.m10 {
    margin: 10px !important
}

.m15 {
    margin: 15px !important
}

.m20 {
    margin: 20px !important
}

.m25 {
    margin: 25px !important
}

.m30 {
    margin: 30px !important
}

.mt0 {
    margin-top: 0px !important
}

.mt1 {
    margin-top: 1px !important
}

.mt2 {
    margin-top: 2px !important
}

.mt3 {
    margin-top: 3px !important
}

.mt4 {
    margin-top: 4px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt6 {
    margin-top: 6px !important
}

.mt7 {
    margin-top: 7px !important
}

.mt8 {
    margin-top: 8px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt21 {
    margin-top: 20px !important
}

.mt22 {
    margin-top: 22px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt33 {
    margin-top: 33px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt100 {
    margin-top: 100px !important
}

.mt150 {
    margin-top: 150px !important
}

.mr0 {
    margin-right: 0px !important
}

.mr1 {
    margin-right: 1px !important
}

.mr2 {
    margin-right: 2px !important
}

.mr3 {
    margin-right: 3px !important
}

.mr4 {
    margin-right: 4px !important
}

.mr5 {
    margin-right: 5px !important
}

.mr6 {
    margin-right: 6px !important
}

.mr7 {
    margin-right: 7px !important
}

.mr8 {
    margin-right: 8px !important
}

.mr9 {
    margin-right: 9px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr18 {
    margin-right: 18px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr45 {
    margin-right: 45px !important
}

.mr50 {
    margin-right: 50px !important
}

.mb0 {
    margin-bottom: 0px !important
}

.mb1 {
    margin-bottom: 1px !important
}

.mb2 {
    margin-bottom: 2px !important
}

.mb3 {
    margin-bottom: 3px !important
}

.mb4 {
    margin-bottom: 4px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb6 {
    margin-bottom: 6px !important
}

.mb7 {
    margin-bottom: 7px !important
}

.mb8 {
    margin-bottom: 8px !important
}

.mb9 {
    margin-bottom: 9px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb18 {
    margin-bottom: 18px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.ml0 {
    margin-left: 0px !important
}

.ml1 {
    margin-left: 1px !important
}

.ml2 {
    margin-left: 2px !important
}

.ml3 {
    margin-left: 3px !important
}

.ml4 {
    margin-left: 4px !important
}

.ml5 {
    margin-left: 5px !important
}

.ml6 {
    margin-left: 6px !important
}

.ml7 {
    margin-left: 7px !important
}

.ml8 {
    margin-left: 8px !important
}

.ml9 {
    margin-left: 9px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml45 {
    margin-left: 45px !important
}

.ml38 {
    margin-left: 38px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml57 {
    margin-left: 57px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml65 {
    margin-left: 65px !important
}

.ml70 {
    margin-left: 70px !important
}

.ml100 {
    margin-left: 100px !important
}

.ml150 {
    margin-left: 150px !important
}

.pt0 {
    padding-top: 0 !important
}

.pt1 {
    padding-top: 1px !important
}

.pt2 {
    padding-top: 2px !important
}

.pt3 {
    padding-top: 3px !important
}

.pt4 {
    padding-top: 4px !important
}

.pt5 {
    padding-top: 5px !important
}

.pt6 {
    padding-top: 6px !important
}

.pt7 {
    padding-top: 7px !important
}

.pt8 {
    padding-top: 8px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt11 {
    padding-top: 11px !important
}

.pt12 {
    padding-top: 12px !important
}

.pt13 {
    padding-top: 13px !important
}

.pt14 {
    padding-top: 14px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt16 {
    padding-top: 16px !important
}

.pt18 {
    padding-top: 18px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt23 {
    padding-top: 23px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt37 {
    padding-top: 37px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt41 {
    padding-top: 41px !important
}

.pt45 {
    padding-top: 45px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt55 {
    padding-top: 55px !important
}

.pr0 {
    padding-right: 0 !important
}

.pr1 {
    padding-right: 1px !important
}

.pr2 {
    padding-right: 2px !important
}

.pr3 {
    padding-right: 3px !important
}

.pr4 {
    padding-right: 4px !important
}

.pr5 {
    padding-right: 5px !important
}

.pr6 {
    padding-right: 6px !important
}

.pr7 {
    padding-right: 7px !important
}

.pr8 {
    padding-right: 8px !important
}

.pr9 {
    padding-right: 9px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr17 {
    padding-right: 17px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr45 {
    padding-right: 45px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr51 {
    padding-right: 51px !important
}

.pr60 {
    padding-right: 60px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb1 {
    padding-bottom: 1px !important
}

.pb2 {
    padding-bottom: 2px !important
}

.pb3 {
    padding-bottom: 3px !important
}

.pb4 {
    padding-bottom: 4px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb6 {
    padding-bottom: 6px !important
}

.pb7 {
    padding-bottom: 7px !important
}

.pb8 {
    padding-bottom: 8px !important
}

.pb9 {
    padding-bottom: 9px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb11 {
    padding-bottom: 11px !important
}

.pb12 {
    padding-bottom: 12px !important
}

.pb13 {
    padding-bottom: 13px !important
}

.pb14 {
    padding-bottom: 14px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb18 {
    padding-bottom: 18px !important
}

.pb19 {
    padding-bottom: 19px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb24 {
    padding-bottom: 24px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb26 {
    padding-bottom: 26px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb32 {
    padding-bottom: 32px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb76 {
    padding-bottom: 76px !important
}

.pb93 {
    padding-bottom: 93px !important
}

.pb150 {
    padding-bottom: 150px !important
}

.pb250 {
    padding-bottom: 250px !important
}

.pl0 {
    padding-left: 0 !important
}

.pl1 {
    padding-left: 1px !important
}

.pl2 {
    padding-left: 2px !important
}

.pl3 {
    padding-left: 3px !important
}

.pl4 {
    padding-left: 4px !important
}

.pl5 {
    padding-left: 5px !important
}

.pl6 {
    padding-left: 6px !important
}

.pl7 {
    padding-left: 7px !important
}

.pl8 {
    padding-left: 8px !important
}

.pl9 {
    padding-left: 9px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl13 {
    padding-left: 13px !important
}

.pl14 {
    padding-left: 14px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl16 {
    padding-left: 16px !important
}

.pl17 {
    padding-left: 17px !important
}

.pl18 {
    padding-left: 18px !important
}

.pl19 {
    padding-left: 19px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl21 {
    padding-left: 21px !important
}

.pl22 {
    padding-left: 22px !important
}

.pl23 {
    padding-left: 23px !important
}

.pl24 {
    padding-left: 24px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl26 {
    padding-left: 26px !important
}

.pl27 {
    padding-left: 27px !important
}

.pl28 {
    padding-left: 28px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl34 {
    padding-left: 34px !important
}

.pl36 {
    padding-left: 36px !important
}

.pl38 {
    padding-left: 38px !important
}

.pl39 {
    padding-left: 39px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl45 {
    padding-left: 45px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl55 {
    padding-left: 55px !important
}

.pl60 {
    padding-left: 60px !important
}

.pl61 {
    padding-left: 61px !important
}

.pl65 {
    padding-left: 65px !important
}

.pl70 {
    padding-left: 70px !important
}

.pl75 {
    padding-left: 75px !important
}

.pl80 {
    padding-left: 80px !important
}

.pl90 {
    padding-left: 90px !important
}

.pl115 {
    padding-left: 115px !important
}

.pl120 {
    padding-left: 120px !important
}

.pl130 {
    padding-left: 130px !important
}

.pl170 {
    padding-left: 170px !important
}

.pl215 {
    padding-left: 215px !important
}

.pl460px {
    padding-left: 460px !important
}

.p0 {
    padding: 0 !important
}

.p1 {
    padding: 1px !important
}

.p2 {
    padding: 2px !important
}

.p3 {
    padding: 3px !important
}

.p4 {
    padding: 4px !important
}

.p5 {
    padding: 5px !important
}

.p6 {
    padding: 6px !important
}

.p7 {
    padding: 7px !important
}

.p8 {
    padding: 8px !important
}

.p10 {
    padding: 10px !important
}

.p15 {
    padding: 15px !important
}

.p20 {
    padding: 20px !important
}

.p25 {
    padding: 25px !important
}

.p30 {
    padding: 30px !important
}

.p35 {
    padding: 35px !important
}

.p40 {
    padding: 40px !important
}

.p45 {
    padding: 45px !important
}

.p50 {
    padding: 50px !important
}

/*! float 적용 요소 감싸는 클래스 - clearfix */
.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.clearfix {
    *zoom: 1; }

/*! 공통 클래스 스타일 */
/*! 이미지 대체 기법 */
.ir {
    overflow: hidden;
    text-indent: -9999em;
}

/*! 스크린리더/브라우저에서 모두 감추기 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/*! 스크린리더에서는 읽기 가능 */
.acc_hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    visibility: hidden;
    font-size: 0;
}

/*! 스크린리더에서는 읽기 가능 + 포커스 적용 */
.acc_hidden.focusable:active, .acc_hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*! 화면에서는 안 보이지만, 레이아웃 공간 적용 */
.invisible {
    visibility: hidden;
}

/*
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/NanumGothicBold.eot);
    src: url(/fonts/NanumGothicBold.eot?#iefix) format('embedded-opentype'), url(/fonts/NanumGothicBold.woff) format('woff');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/NanumGothic.eot);
    src: url(/fonts/NanumGothic.eot?#iefix) format('embedded-opentype'), url(/fonts/NanumGothic.woff) format('woff');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/NanumGothicExtraBold.eot);
    src: url(/fonts/NanumGothicExtraBold.eot?#iefix) format('embedded-opentype'), url(/fonts/NanumGothicExtraBold.woff) format('woff');
}

/* 부트스트랩의 기본 스타일을 이곳에서 오버라이딩 한다. */
* {
    word-break: keep-all;
    all */all */all */all */all */all */;}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 15px 8px;
}

.table>thead>tr>th {
    vertical-align: middle;
}

.table.text-center th,.table.text-center td {
    text-align: center;
}

.table>tbody {
    border-bottom: 1px solid #ddd;
}

table th {
    background: #f8f8f8;
    height: 50px;
    vertical-align: middle;
}

table {
    border-top: 2px solid #999;
}

.table-header {
    margin-bottom: 30px;
}

.table-header h2 {
    font-size: 19px;
    margin: 5px 0 0 0;
    padding: 0;
}

.table-header h2 span {
    position: relative;
    top: 3px;
}

.modal .modal-content {
    border: 0;
}

.modal .modal-header {
    overflow: hidden;
    height: 61px;
    padding: 0 0 0 15px;
    background: #0082d4;
}

.modal .modal-header button.close {
    opacity: 1;
    margin: 0;
    text-shadow: none;
}

.modal .modal-header h4.modal-title {
    float: left;
    font-size: 0;
}

.modal .modal-header h4.modal-title b {
    font-size: 26px;
    font-weight: bold;
    line-height: 60px;
    color: #fff;
}

.modal .modal-header h4.modal-title span {
    opacity: 0.5;
    padding-left: 15px;
    font-size: 13px;
    line-height: 60px;
    color: #fff;
}

.modal .modal-body {
    position: relative;
    padding: 15px 0;
}

h1 {
    font-weight: 600;
    letter-spacing: -1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

h2 {
    font-size: 26px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    position: relative;
}

h2 small {
    font-size: 90%;
    font-weight: normal;
}

h2 select {
    max-width: 150px;
    float: right;
}

h2.line {
    font-weight: bold;
    font-size: 24px;
    margin-top: 70px;
    border-bottom: 1px solid rgb(0,143,212);
    padding-bottom: 15px;
    margin-bottom: 30px;
}

h2.line.no-bottom {
    border-bottom: 0;
}

h2.line::after {
    content : ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 3px;
    background: rgb(0,143,212);
}

h2 small.pull-right {
    font-size: 60%;
    margin-top: 7px;
}

h2.line-success {
    border-color: rgb(153,202,60);
}

h2.line-success::after {
    background: rgb(153,202,60);
}

.btn {
    border-radius: 0;
}

.bold {
    font-weight: bold;
}

.btn-ghost {
    background: transparent;
    border: 1px solid #fff;
    color: #fff!important;
}

.btn-primary {
    background: rgb(0,143,212);
    border-color: #0087c8;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
    background: #0087c8;
    border-color: #0087c8;
}

.btn-success {
    background: rgb(153,202,60);
    border-color: #94c33a;
}

.btn-success:hover,.btn-success:focus,.btn-success:active {
    background: #94c33a;
    border-color: #94c33a;
}

.btn-gray {
    color: #fff;
    background-color: #a5a5a5;
    border-color: #a5a5a5;
}

.btn-gray:focus,.btn-gray.focus {
    color: #fff;
    background-color: #008fd5;
    border-color: #008fd5;
}

.btn-gray:hover {
    color: #fff;
    background-color: #008fd5;
    border-color: #008fd5;
}

.text-white {
    color: #ffffff !important;
}

.text-blue {
    color: #0190d6 !important;
}

.text-green {
    color: #99ca3b !important;
}

.text-orange {
    color: #efb509 !important;
}

.text-brown {
    color: #c5760f !important;
}

.text-primary {
    color: rgb(0,143,212)!important;
}

.text-success {
    color: rgb(153,202,60)!important;
}

.text-default {
    color: rgb(92,102,105)!important;
}

.text-point {
    color: rgb(228,108,10)!important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-blue {
    background-color: #0190d6 !important;
    color: #fff
}

.bg-green {
    background-color: #99ca3b !important;
    color: #fff
}

.bg-orange {
    background-color: #efb509 !important;
    color: #fff
}

.bg-primary {
    background-color: rgb(0,143,212)!important;
}

.bg-success {
    background-color: rgb(153,202,60)!important;
    color: #fff
}

.bg-default {
    background-color: rgb(92,102,105)!important;
}

.bg-point {
    background-color: rgb(228,108,10)!important;
}

.bg-gray {
    background-color: rgb(243,243,243)!important;
}

.bg-white:hover {
    background-color: #0190d6 !important;
    color: #fff
}

.bg-blue:hover {
    background-color: #99ca3b !important;
    color: #fff
}

.bg-green:hover {
    background-color: #0190d6 !important;
    color: #fff
}

.bg-orange:hover {
    background-color: #efb509 !important;
}

.bg-primary:hover {
    background-color: rgb(0,143,212)!important;
}

.bg-success:hover {
    background-color: rgb(153,202,60)!important;
}

.bg-default:hover {
    background-color: rgb(92,102,105)!important;
}

.bg-point:hover {
    background-color: rgb(228,108,10)!important;
}

.bg-gray:hover {
    background-color: rgb(243,243,243)!important;
}

.bg-white {
    transition: all 0.5s ease-in-out;
}

.bg-blue {
    transition: all 0.5s ease-in-out;
}

.bg-orange {
    transition: all 0.5s ease-in-out;
}

.bg-green {
    transition: all 0.5s ease-in-out;
}

.label-danger {
    background: rgb(228,108,10);
}

.transition {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.leading {
    font-size: 16px;
}

/* header */
.pc_area {
    position: relative;
    z-index: 102;
    width: 100%;
    background: #008fd5;
}

#top {
    position: relative;
    z-index: 102;
    max-width: 1140px;
    margin: 0 auto;
    height: 32px;
}

#top ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 -8px;
}

#top ul.pull-right {
    margin-right: -8px;
}

#top ul li {
    display: inline-block;
    font-size: 12px;
    padding: 6px 8px 3px 8px;
    color: #fff;
}

#top a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

#nav {
    position: relative;
    height: 76px;
    background: #fff;
    z-index: 102;
    margin: 0 auto;
}

#nav .container {
    width: 96%;
    max-width: 1140px;
}

#header_m {
    display: none;
}

#header-location {
    background: #ededed;
}

#header-location .container {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
    text-align: right;
}

#nav .logo {
    position: absolute;
    top: 0;
    margin: 0;
    height: 84px;
    z-index: 120;
    padding-right: 0;
}

#nav .logo > a {
    display: inline-block;
    width: 100%;
    line-height: 70px;
}

#nav .logo > a > img {
    width: 100%;
    max-width: 240px;
}

.gnb {
    position: relative;
    height: 85px;
}

.gnb h1 {
    float: left;
    margin: 0;
    width: 300px;
}

.gnb ul {
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    margin-top: 26px;
    height: 50px;
    /* overflow: hidden; */
}

.gnb ul li {
    float: left;
    position: relative;
    text-align: center;
    list-style-type: none;
}

.gnb ul li a {
    display: block;
    width: 100%;
    /* padding: 10px 15px; */
    font-size: 17px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
}

.gnb ul li a:hover {
    color: #008fd5;
}

.gnb ul li:last-child a {
    font-size: 14px;
    line-height: 24px;
    color: #333;
}

.gnb ul li:last-child a:after {
    content: "▼";
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 10px;
}

.gnb ul li a:hover {
    color: #008fd5;
}

#snb, #snb1, #snb2, #snb3, #snb4, #snb5 {
    position: relative;
    display: none;
    top: -10px;
    width: 100%;
    height: 240px;
    background: url('../images/common/bg_header_sub01.png') no-repeat 60% 100%;
    background-size: cover;
}

#snb h4, #snb h5 {
    font-weight: bold
}

#submenu {
    width: 100%;
    margin: 0 auto;
    color: #fff;
}

#submenu ul.submm {
    display: block;
    padding-top: 17px;
    margin-left: -35px;
}

#submenu ul.submm li {
    padding: 0 0 10px;
    font-weight: 600;
}

#submenu ul.submm li h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

#submenu1 {
    float: left;
    text-align: left;
    width: 100px;
    margin-left: 515px;
    height: 133px;
}

#submenu2 {
    float: left;
    text-align: left;
    width: 100px;
    margin-left: 5px;
    height: 133px;
}

#submenu3 {
    float: left;
    text-align: left;
    width: 100px;
    margin-left: 5px;
    height: 133px;
}

#submenu4 {
    float: left;
    text-align: left;
    width: 100px;
    margin-left: 5px;
    height: 133px;
}

#submenu4 {
    float: left;
    text-align: left;
    width: 100px;
    margin-left: 5px;
    height: 133px;
}

#submenu a {
    display: block;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 0 4px;
    text-decoration: none;
}

#submenu a:hover {
    color: #008fd5;
}

/* header - mobile */
#header_m {
    z-index: 5000;
    background: #fff;
}

#header_m .snb_all {
    background: #444
}

#header_m .snb_all > li {
    position: relative;
    text-align: center
}

#header_m .snb_all > li > a {
    color: #fff;
    font-size: 15px;
    padding-left: 20px;
    font-weight: 700;
    text-align: left;
}

#header_m .snb_all > li > .depth {
    display: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    background: #dadada;
}

#header_m .snb_all > li > .depth > li {
    padding-left: 2px;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 25px;
}

#header_m .snb_all > li > .depth > li > a {
    color: #444;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    padding-left: 20px;
}

#header_m .snb_all > li > .depth > li > a:hover {
    color: #2a6496
}

#header_m .snb_all > li > .depth > li > a:focus {
    color: #2a6496
}

#header_m .close_all {
    height: 40px;
    line-height: 40px;
    background: #008fd5;
    text-align: right;
    padding-right: 15px
}

#header_m .close_all i {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    cursor: pointer;
}

#gray-window {
    display: none;
    position: fixed;
    top: 0;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity:'70');
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#gray-window {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.m_top {
    height: 50px;
    background: url('../images/common/m_h_bg.jpg') no-repeat 0 100%;
    background-size: 100% 5px;
    position: relative;
    z-index: 150;
}

.m_top h1 {
    background: url('../images/common/logo.jpg') no-repeat 50% 50%;
    text-indent: -9999px;
    height: 100%;
    margin: 0;
    ; position: absolute;
    top: 0;
    width: 100%;
    background-size: 108px 30px;
    background-position: 50% 40%
}

.m_top h1 a {
    display: block;
    width: 30%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.m_top .nav {
    float: left;
    position: relative;
    z-index: 5;
    width: 100%;
}

.m_top .nav .nav_btn {
    display: block;
    position: absolute;
    width: 30px;
    height: 36px;
    top: 12px;
    left: 13px;
}

.m_top .nav .nav_btn i {
    color: #0086d1;
    font-size: 22px;
    line-height: 22px;
    cursor: pointer;
    width: 37px;
    height: 30px;
}

.m_top .language {
    float: right;
    position: relative;
    z-index: 100;
    top: 13px;
    right: 13px;
}

.m_top .language a {
    float: right;
    position: relative;
    z-index: 100;
    display: block;
    font-size: 12px;
}

.m_top .language .cu_language {
    border: 1px solid #c9c9c9;
    color: #656565;
    border-radius: 10px;
    padding: 2px 7px;
    font-size: 10px;
}

.m_top .language ul {
    position: absolute;
    border: 1px solid #c9c9c9;
    color: #656565;
    border-radius: 10px;
    padding: 1px 7px;
    top: 0;
    background: #fff;
}

.m_top .language ul li {
    line-height: 120%
}

.m_top .language ul li a {
    font-size: 10px
}

/* 계열사 */
/*.familySite{background:#8ccbf2;}*/
.familySite{background:#fff}
.allMenu_On{display:none; width:1140px; margin:0 auto; padding:32px 0 26px 0}
.allMenu_On ul{overflow:hidden;}
.allMenu_On ul li{float:left; width:25%; padding-bottom:6px;}
.allMenu_On ul li a{color:#3b4145; font-size:14px; font-weight:500; display:block; line-height:50px; margin-right:7px; padding-left:84px;}
.allMenu_On ul li.posi_right a{margin:0;}



/*#98d4fa*/
.allMenu_On ul li#allMenu_bg_gbio a{background:#e5e5e5 url('../images/common/allMenu_bg_gbio.png') no-repeat 30px center;}

.allMenu_On ul li#allMenu_bg01 a{background:#e5e5e5 url('../images/common/allMenu_bg01.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg02 a{background:#e5e5e5 url('../images/common/allMenu_bg02.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg03 a{background:#e5e5e5 url('../images/common/allMenu_bg03.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg04 a{background:#e5e5e5 url('../images/common/allMenu_bg04.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg05 a{background:#e5e5e5 url('../images/common/allMenu_bg05.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg06 a{background:#e5e5e5 url('../images/common/allMenu_bg06.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg07 a{background:#e5e5e5 url('../images/common/allMenu_bg07.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg08 a{background:#e5e5e5 url('../images/common/allMenu_bg08.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg09 a{background:#e5e5e5 url('../images/common/allMenu_bg09.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg10 a{background:#e5e5e5 url('../images/common/allMenu_bg10.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg11 a{background:#e5e5e5 url('../images/common/allMenu_bg11.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg12 a{background:#e5e5e5 url('../images/common/allMenu_bg12.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg13 a{background:#e5e5e5 url('../images/common/allMenu_bg13.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg22 a{background:#e5e5e5 url('../images/common/allMenu_bg22.png') no-repeat 30px center;}




.toggle-m {
    position: absolute;
    right: 10%;
}

.toggle-m .all_on {
    display: none;
    height: 30px;
    color: #fff;
    margin: 10px 18px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 30px;
    background: #0e79b4;
}

.toggle-m .all_off {
    display: inline-block;
    height: 30px;
    margin: 10px 18px;
    padding: 0 14px;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    background: #0e79b4;
}

@media (max-width: 767px) {
    .m_top h1 {
        height: 100%;
        padding: 0;
        margin: 0;
        background-size: auto 27px !important;
        background-position: 50% 35%;
    }
}

.nesg01 {
    overflow: hidden;
    margin: 0 -20px;
}

.nesg01>div {
    width: 50%;
    padding: 0 20px;
    box-sizing: border-box;
}

.nesg01 .flt {
    float: left;
}

.nesg01 .frt {
    float: right;
}

.nesg01>div img {
    display: block;
    width: 100%;
}

@media (max-width: 767px) {
    .nesg01>div {
        width:100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .nesg01 .flt {
        float: none;
    }

    .nesg01 .frt {
        float: none;
        margin-top: 30px;
    }
}

.sub01_group h4 {font-size:28px; line-height:36px; font-weight:700; text-align:center; margin-bottom:12px;}

.sub01_group .img_full{margin-top:100px;}
.sub01_group .img_full img{width:100%;height:auto;}

.sub_wrap .txt_box p{text-align:center; font-size:18px;line-height:26px;color:#000;}
.sub_wrap .txt_box p.txt01{font-size:24px;line-height:36px;color:#000;}
.sub01_group .txt_box .slogan{/* overflow:hidden; *//* padding:35px 0 90px; */}
.sub01_group .txt_box .slogan p{/* float:left; */font-size:24px;font-weight:700;line-height:36px;color:#048fd4;}
.sub01_group .txt_box .slogan_img{display:block;margin: 30px 0 50px 0;}
.sub01_group .txt_box .slogan_img img {display:block;margin:0 auto;}

.ngroup_list .slider_wrap {overflow:hidden; margin:-18px -15px;}
.ngroup_list .slider {padding:18px 15px; float:left; width:25%; box-sizing:border-box;}
.ngroup_list .slider a {display:block;}
.ngroup_list .slider a img {display:block; width:100%;}
.ngroup_list .slider .w1 {display:block; text-align:center; font-size:16px; line-height:24px; margin-top:10px;}
.ngroup_list .slider .w1 strong {display:block; text-align:center; font-weight:600;}
.mt30 {margin-top:30px !important;}


@media (max-width: 767px){
	.sub01_group .txt_box .slogan p {font-size:18px;line-height: 24px;}
	.sub01_group .txt_box .slogan_img img {display:block;margin:0 auto; width:240px;}
}


.nin01 {max-width:1180px; padding:0 20px; margin:0 auto;}
.nin01:after {content:""; display:block; clear:both;}

.ngb01 img {display:block; width:100%;}


.subContainer .page-title span {font-size:24px; font-weight:300; margin-left:10px; display:inline-block;}


.ndv1 {margin-top:90px; text-align:center;}
.ndv1 .p1 {font-size:28px; line-height:32px; font-weight:700; }
.ndv1 .p2 {font-size:18px; line-height:22px;}
.ndv1 .p2.tp02 {margin-top:30px;}
.nbg01 {margin-top:72px;}
.ngb01 img {width:100%; display:block;}

.ntab01 {margin-top:70px;}
.ntab01 ul {text-align:center;}
.ntab01 ul li {display:inline-block; width:28%; margin:0 -4px;}

.ntab01 ul li a {color:#666666; border-bottom:2px solid #cbcbcb; display:block; text-align:center; font-size:24px; line-height:62px;}
.ntab01 ul li a.on {color:#000000; font-weight:700; border-bottom:2px solid #008fd5;}


.ndv2 {margin-top:68px;}
.ndv2 .w0 {margin:0 auto; margin-bottom:48px; max-width:720px; }
.ndv2 .w0 .e1 {font-size:24px; line-height:28px; text-align:center; font-weight:700;}
.ndv2 .w0 .e2 {font-size:16px; line-height:24px; text-align:center;}

.ndv2 .ncc01 {margin:0 -14px;}
.ndv2 .ncc01:after {content:""; display:block; clear:both;}
.ndv2 .ncc01 {display:flex;}
.ndv2 .ncc01 .w1 {display:table; padding:14px; box-sizing:border-box; width:33.33%;}
.ndv2 .ncc01 .w1 .e1 {padding:32px 0;display:table-cell; vertical-align:middle; border:1px solid #cacaca; height:100%;}
.ndv2 .ncc01 .w1 .e1 .r1 {font-size: 24px;line-height: 28px;text-align:center;font-weight:600;}
.ndv2 .ncc01 .w1 .e1 .r2 {margin-top:10px; text-align:center; font-size:16px; line-height:20px;}
.ndv2 .ncc01 .w1 .e1 .r2 li p{display:inline-block;padding-left:6px;position:relative;font-size: 16px;line-height: 20px;}
.ndv2 .ncc01 .w1 .e1 .r2 li p:before {content:""; position:absolute; display:block; width:2px; height:2px; background:#999999; border-radius:100%; position:absolute; top:9px; left:0;}
.ndv2 .ncc01 .w1.tp02 .e1 .r2 li p {display:inline-block; }
.ndv2 .ncc01 .w1.tp02 .e1 .r2 li  {float:left; display:block; width:50%; box-sizing:border-box; padding:0 10px;}
.ndv2 .ncc01 .w1.tp02 .e1 .r2 {padding:0 20px;}
.ndv2 .ncc01 .w1 .e1 .r2:after {content:""; display:block; clear:both;}

.ndv3 {margin-top:40px;}
.ndv3 .ncc01 {display:flex; }
.ndv3 .ncc01 .w1 .e1 .r1{font-size:24px; line-height:28px;font-weight:600;}
.ndv3 .ncc01 .w1 .e1 .r2{width:60%;margin-top:10px;font-size:16px; line-height:24px;}
.ndv3 .ncc01 .w1 .e1 .r3 { margin-top:10px;}
.ndv3 .ncc01 .w1 .e1 .r3 li p{display:inline-block;padding-left:6px;position:relative;font-size: 16px;line-height: 20px;}
.ndv3 .ncc01 .w1 .e1 .r3 li p:before {content:""; position:absolute; display:block; width:2px; height:2px; background:#999999; border-radius:100%; position:absolute; top:9px; left:0;}
.ndv3 .ncc01 .w1 .e1 {height:100%; background-position:right bottom; background-size:contain; background-repeat:no-repeat; padding:40px; background-color:#f5f7f8;}
.ndv3 .ncc01 .w1:nth-child(odd) {padding-right:16px;}
.ndv3 .ncc01 .w1:nth-child(even) {padding-left:16px;}
.ndv3 .ncc01 .w1 {display:block; width:50%;}
.ndv3 .ncc01 .w1 .e1 .r3:after {content:""; display:block; clear:both;}
.ndv3 .ncc01 .w1.tp01 .e1 {background-image:url(../images/new/nb1_img01.png);}
.ndv3 .ncc01 .w1.tp02 .e1 {background-image:url(../images/new/nb1_img02.png);}
.ndv3 .ncc01 .w1.tp03 .e1 {background-image:url(../images/new/nb2_img01.png);}
.ndv3 .ncc01 .w1.tp04 .e1 {background-image:url(../images/new/nb2_img02.png);}
.ndv3 .ncc01 .w1.tp05 .e1 {background-image:url(../images/new/nb3_img01.png);}
.ndv3 .ncc01 .w1.tp06 .e1 {background-image:url(../images/new/nb3_img02.png);}
.ndv3 .ncc01 .w1.tp07 .e1 {background-image:url(../images/new/nb3_img03.png);}
.ndv3 .ncc01 .w1.tp08 .e1 {background-image:url(../images/new/nb1_img02.png);}
.ndv3 .ncc01 .w1.tp09 .e1 {background-image:url(../images/new/nb1_img02.png);}
.ndv3 .ncc01 .w1.tp10 .e1 {background-image:url(../images/new/nb1_img02.png);}
.ndv3 .ncc01 .w1.tp11 .e1 {background-image:url(../images/new/nb1_img02.png);}
.ndv3 .ncc01 .w1 .e1 .r3 li {width:178px; float:left;}
.ndv3 .ncc01.tp02 .w1 { margin:0 auto;}
.ndv3 .ncc01.tp02 {padding-top:40px;}

.ndv3 .ncc01 .w1 .e1 .r3.tp02 li {float:none; width:auto;}
.mb120 {margin-bottom:120px !important;}

.nbg01 {height:301px; }
.nbg01.tp01 {background:url(../images/new/nbg01.png) center no-repeat; background-size:cover;}
.nbg01.tp02 {background:url(../images/new/nbg02.png) center no-repeat; background-size:cover;}
.nbg01.tp03 {background:url(../images/new/nbg03.png) center no-repeat; background-size:cover;}
.nbg01.tp04 {background:url(../images/new/nbg04.png) center no-repeat; background-size:cover;}
.nbg01.tp05 {background:url(../images/new/nbg05.png) center no-repeat; background-size:cover;}
.nbg01.tp06 {background:url(../images/new/nbg06.png) center no-repeat; background-size:cover;}

.ndv4 {margin-top:80px;}

.ndv4 ul {margin:-20px -16px; overflow:hidden;}
.ndv4 ul li {float:left; padding:20px 16px; box-sizing:border-box; width:33.33%;}
.ndv4 ul li .cv1 {border:1px solid #cacaca;}

.ndv4 ul li .cv1 .dv1 {padding:38px 34px; height:238px;}
.ndv4 ul li .cv1 .dv1 .w1 {font-size:24px; font-weight:700; line-height:28px;}
.ndv4 ul li .cv1 .dv1 .w2 dl {margin-top:10px; margin-bottom:0px; overflow:hidden; position:relative;}
.ndv4 ul li .cv1 .dv1 .w2 dl dt {position:absolute; top:0; left:0; display:block; width:68px; font-size:15px; line-height:20px; font-weight:300;}
.ndv4 ul li .cv1 .dv1 .w2 dl dd {display:block; margin-left:68px; font-weight:600; font-size:16px; line-height:20px;}
.ndv4 ul li .cv1 .dv1 .w2 {margin-top:28px;}
.ndv4 ul li .cv1 .dv2 img {display:block; width:100%; height:264px; object-fit: cover;}

@media (max-width:1120px) {
    
    .ndv4 ul li .cv1 .dv2 img {display:block; width:100%; height:auto; object-fit: inherit;}
}
.ndv5 img {display:block; max-width:886px; width:100%; margin:0 auto;}

.ndv6 ul:after {content:""; display:block; clear:both;}
.ndv6 ul li {float:left; width:25%;}
.ndv6 ul li .w1 img {display:block; margin:0 auto; width:100%; max-width:110px;}
.ndv6 ul li .w2 {margin-top:8px; font-size:20px; line-height:24px; font-weight:700; text-align:center;}
.ndv6 ul li .w3 {font-size:16px; line-height:20px; text-align:center;}

.ndv7 {margin-top:68px;}
.ndv7 .w0 {margin:0 auto; margin-bottom:48px; max-width:720px; }
.ndv7 .w0 .e1 {font-size:24px; line-height:28px; text-align:center; font-weight:700;}
.ndv7 .w0 .e2 {font-size:16px; line-height:24px; text-align:center;}

.ndv7 .ncc01 {margin:0 -14px;}
.ndv7 .ncc01:after {content:""; display:block; clear:both;}
.ndv7 .ncc01 {display:flex;}
.ndv7 .ncc01 .w1 {display:table; padding:0 14px; box-sizing:border-box; width:50%;}
.ndv7 .ncc01 .w1 .e1 {padding:26px 20px;display:table-cell;vertical-align: top;border:1px solid #cacaca;height:100%;}
.ndv7 .ncc01 .w1 .e1 .r1 {font-size: 20px;line-height: 24px;font-weight:600;}
.ndv7 .ncc01 .w1 .e1 .r2 {margin-top:10px; text-align:left; font-size:16px; line-height:24px;}
.ndv7 .ncc01 .w1 .e1 .r3 li p{display:inline-block;position:relative;font-size: 16px;line-height: 20px;}
.ndv7 .ncc01 .w1.tp02 .e1 .r2 li p {display:inline-block; }
.ndv7 .ncc01 .w1.tp02 .e1 .r3 li  {position:relative; }
.ndv7 .ncc01 .w1.tp02 .e1 .r2 {padding:0 20px;}
.ndv7 .ncc01 .w1 .e1 .r2:after {content:""; display:block; clear:both;}
.ndv7 .ncc01 .w1 .e1 .r3 li .t1 {position:absolute; left:0; top:0; width:54px;font-size:14px; line-height:20px; font-weight:700;}
.ndv7 .ncc01 .w1 .e1 .r3 li .t2 {margin-left:54px;}

.ndv8 {margin-top:50px;}
.ndv8 img {display:block; margin:0 auto; width:100%; max-width:1140px;}

.ndv9 {margin-top:60px;}
.ndv9_tb01 table {width:100%; border-bottom: 2px solid #99999999;}
.ndv9_tb01 thead tr th {font-size:16px; text-align:center; line-height:20px; padding:14px 10px; background:#f5f5f5; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.ndv9_tb01 thead tr th:last-child {border-right:0px;}

.ndv9_tb01 tbody tr:last-child td {border-bottom:0px;}
.ndv9_tb01 tbody tr td {text-align:right; font-size:16px; line-height:20px; padding:14px 24px; background:#ffffff; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.ndv9_tb01 tbody tr td:last-child {border-right:0px;}
.ndv9_tb01 tbody tr td.tp01 {text-align:center; font-weight:700;}
.ndv9_top01 {overflow:hidden; padding-bottom:15px;}
.ndv9_top01 .w1 {float:left; font-size:28px; line-height:36px; font-weight:700;}
.ndv9_top01 .w2 {float:right; font-size:15px; line-height:36px;}

.ndv10 {margin-top:50px;}
.ndv10 img {width:144px; margin:0 auto; display:block;}
.ndv11 {margin-top:50px;}
.ndv11 img {max-width:1470px; margin:0 auto; display:block; width:100%;}

@media (max-width:1120px) {
	
	.ndv4 ul li {width:50%;}
	.ndv4 ul li .cv1 .dv1 .w1 {font-size:18px; line-height:24px;}
	.ndv4 ul li .cv1 .dv1 .w2 {margin-top:14px;}
	.ndv4 ul li .cv1 .dv1 .w2 dl dt {font-size:13px;}
	.ndv4 ul li .cv1 .dv1 .w2 dl dd {font-size:15px;}
	.ndv4 ul li .cv1 .dv1 .w2 dl {margin-top:5px;}
	.ndv4 ul li .cv1 .dv1 {padding: 24px 20px;height: 180px;}
}


@media (max-width: 767px) {
	.ndv1 .p1 {font-size:20px; line-height:28px;}
	.ndv1 .p2 {font-size:16px; line-height:22px;}
	.ndv10 img {width:108px;}
	.sub_wrap .txt_box p.txt01 {font-size:20px; line-height:28px;}
	.sub_wrap .txt_box p {font-size:15px; line-height:21px;}
	.sub01_group h4 {font-size:20px; line-height:28px;}
	.ngroup_list .slider {width:50%;}
	.nbg01 {height:200px;}
	.ndv1 {margin-top:0px;}
	.ntab01 ul li a {font-size:18px; line-height:40px;}
	.ntab01 {margin-top:40px;}
	.nbg01 {margin-top:35px;}
	.ndv2 .w0 .e1 {font-size:20px; line-height:28px;}
	.ndv2 {margin-top:30px;}
	.ndv2 .ncc01 {flex-flow:wrap;}
	.ndv2 .ncc01 .w1 {width:50%;}
	.ndv2 .ncc01 .w1 .e1 .r1 {font-size:18px;}
	.ndv2 .ncc01 .w1 .e1 .r1 {}
	.subContainer .page-title span {display:block; margin-left:0px; margin-top:5px; font-size:16px;}
	.ndv3 .ncc01 {flex-flow:wrap;}
	.ndv3 .ncc01 .w1 {width:100%;}
	.ndv3 .ncc01 .w1:nth-child(odd) {padding-right:0px;}
	.ndv3 .ncc01 .w1:nth-child(even) {padding-left:0px;}
	.ndv3 .ncc01 .w1+.w1 {margin-top:15px;}
	.ndv3 .ncc01 .w1 .e1 .r1 {font-size:18px; line-height:24px;}
	.ndv3 .ncc01 .w1 .e1 {padding:30px 30px;}
	.ndv3 .ncc01 .w1 .e1 .r2 {width:100%; font-size:15px; line-height:22px;}
	.ndv3 .ncc01 .w1 .e1 .r3 li p {font-size:15px;}
	.ndv2 .ncc01 .w1 .e1 .r2 {font-size:15px;}
	.ndv6 ul li .w2 {font-size:16px;}
	.ndv6 ul li .w3 {font-size:15px;}
	.ndv3 {margin-top:20px;}
	.ndv6 ul li {
	    width: 50%;
	    box-sizing: border-box;
	    padding: 15px 0;
	}
	.ndv6 ul li .w1 img {width:60px; margin:0 auto;}
	.ndv4 {}
	.ndv4 ul li {width:50%;}
	.ndv4 ul li .cv1 .dv1 .w1 {font-size:18px; line-height:24px;}
	.ndv4 ul li .cv1 .dv1 .w2 {margin-top:14px;}
	.ndv4 ul li .cv1 .dv1 .w2 dl dt {font-size:13px;}
	.ndv4 ul li .cv1 .dv1 .w2 dl dd {font-size:15px;}
	.ndv4 ul li .cv1 .dv1 .w2 dl {margin-top:5px;}
	.ndv4 ul li .cv1 .dv1 {padding: 24px 20px;height: 180px;}
	.ndv9 {margin-top:0px;}
	.ndv9_top01 .w1 {font-size:18px; line-height:24px;}
	.ndv9_top01 .w2 {font-size:13px; line-height:24px;}
	.ndv9_top01 {padding-bottom:5px;}
	.ndv9_tb01 thead tr th {height:auto; padding:8px 5px; font-size:14px;}
	.ndv9_tb01 tbody tr td {padding:8px 5px; font-size:14px;}
	.ndb9_2 {margin-top:30px !important;}
	.ndv7 .w0 .e1 {
    font-size: 20px;
    line-height: 28px;
	}
	.ndv7 .w0 {margin-bottom:24px;}
	.ndv7 .ncc01 {flex-flow:wrap;}
	.ndv7 .ncc01 .w1 .e1 .r1 {font-size:18px;}
	.ndv7 .ncc01 .w1 .e1 .r2 {font-size:15px;}
	.ndv7 .ncc01 .w1 .e1 .r3 li p {font-size:15px;}
}

@media (max-width: 640px) {
	.ndv2 .ncc01 .w1 {width:100%;}
	.ndv7 .ncc01 .w1 {width:100%;}
	.ndv7 .ncc01 .w1 + .w1 {margin-top:10px;}
	
	.ndv4 ul li {width:100%;}
}

.sj_rec_wr02 ul li {font-size:18px;}

.cnt_tit01 {line-height:48px !important;}
.cnt_wrap01 {width:48px;line-height:48px;height:48px;background: #9bc614;color: #ffffff;border-radius:100%;text-align:center;display:block;}