@charset "UTF-8";

/*서브페이지 상단 공통*/
#sub-top {position:relative;display:flex;flex-flow:column;justify-content:flex-end;min-height:700px;height:700px;transform: scale(1.2);opacity:0;transition: all 4s;}
#sub-top.on {transform:scale(1);opacity:1;}
#sub-top:before,
#sub-top:after {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(255,255,255,0.3);
    z-index: 5;
}

#sub-top.on:before {animation: move_blind 2s;animation-fill-mode: forwards;}
#sub-top.on:after {animation: move_blind 2s;animation-fill-mode: forwards;animation-delay: .2s;}

@keyframes move_blind {
    0% {width: 100%; background: rgba(255,255,255,0.3);}
    100% {width: 0;background: rgba(255,255,255,0);}
}
#sub-top .sub-title {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;max-width:500px;text-align: center;}
#sub-top .sub-title h1 {font-size:60px;font-weight:900;letter-spacing:-2.4px;color:#fff;}
#sub-top .sub-title h2 {font-size:30px;font-weight:400;letter-spacing:-0.9px;color:#fff;margin:40px auto 30px;}
#sub-top .sub-title p {font-size:20px;font-weight:300;letter-spacing:-0.66px;line-height:1.5;color:#D9D9D9;}
#sub-top .sub-title p span {display:block;}
#sub-top .sub-title p span strong {display:inline-block;font-weight:bold;}

#sub-top .sub-menu {border-top:1px solid #858585;}
#sub-top .sub-menu .menu-wr {display:flex;align-items:center;justify-content:center;height:120px;max-width:1460px;padding: 0 30px;margin: 0 auto;}
#sub-top .sub-menu .menu-wr ul {display:inline-flex;height:100%;}
#sub-top .sub-menu .menu-wr ul li {position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 35px;}
#sub-top .sub-menu .menu-wr ul li a {font-size:18px;letter-spacing:-0.54px;font-weight:300;color:#d9d9d9;}

#sub-top .sub-menu .menu-wr ul li.on:after {content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:calc(100% - 70px);height:2px;background: #fff;}
#sub-top .sub-menu .menu-wr ul li.on a {font-weight:bold;color:#fff;}

#sub-wr .section-tit {text-align: center;padding:0 30px; margin:105px auto 40px;}
#sub-wr .section-tit h1 {font-family:GmarketSansBold;font-size:40px;line-height:1.5;}
#sub-wr .section-tit p {font-size:30px;letter-spacing:-0.9px;line-height:1.5;color:#555;margin:70px auto;}

#sub-wr .section .section-con {max-width:1460px;margin:150px auto 80px;}
#sub-wr .section .section-con2 {max-width:1460px;padding:0 30px;margin:60px auto 80px;}
#sub-wr .section .section-con.bg {max-width:100%;padding:50px 30px 80px;background:#F1F1F6;margin:150px auto 80px;}
#sub-wr .section .section-con.last-section {padding:50px 30px 80px;margin:150px auto 50px;}

.colored-blue {color:#1A18C7;}
.colored-red {color:#EE0101;}

/*섹션 탭*/
.section-tab {}
.section-tab ul {display:flex;align-items: center;justify-content: center;}
.section-tab ul li {padding: 10px 25px;border-radius:50px;cursor:pointer;}
.section-tab ul li a {font-size:20px;font-weight:500;letter-spacing:-0.6px;color:#B8B8B8;}
.section-tab ul li.on {border: 1px solid #1A18C7;}
.section-tab ul li.on a {font-weight:bold;color:#1A18C7;}

#sub-wr .section {display:none;}
#sub-wr .section.on {display:block;}

.pdt30{padding-top:30px;}

@media (max-width:1400px) {
    #sub-top {min-height:500px;height:500px;background:url(./img/sub_top_bg_t.png) no-repeat center / cover;}
    #sub-top .sub-title {padding: 0 20px;}
    #sub-top .sub-title h1 {font-size:40px;letter-spacing:-1.2px;line-height: 1.4;}
    #sub-top .sub-title h2 {font-size:18px;letter-spacing:-0.54px;margin:20px 0 10px;}
    #sub-top .sub-title p {font-size:13px;letter-spacing: -0.39px;}
    #sub-top .sub-menu .menu-wr {height:auto;padding:20px;}
    #sub-top .sub-menu .menu-wr ul {width:100%;justify-content:flex-start;flex-flow:wrap;}
    #sub-top .sub-menu .menu-wr ul li {width:33.333%;padding: 10px;}
    #sub-top .sub-menu .menu-wr ul li a {font-size:16px;letter-spacing: -0.48px;}

    #sub-top .sub-menu .menu-wr ul li.on:after {display:none;}

    #mobile-menu{display:none;}

    #sub-wr .section-tit {padding: 0 20px;margin:50px auto 30px;}
    #sub-wr .section-tit h1 {font-size:20px;letter-spacing:-0.6px;line-height:1.5;}
    #sub-wr .section-tit p {font-size:20px;letter-spacing:-0.6px;line-height:1.5;margin-top:30px;}

    #sub-wr .section .section-con {padding: 0 20px;margin:30px auto 40px;}
    #sub-wr .section .section-con2 {padding: 0 20px;margin:30px auto 40px;}
    #sub-wr .section .section-con.bg {padding: 20px 20px 40px; margin: 20px auto 40px;}

    .section-tab {}
    .section-tab ul {}
    .section-tab ul li {padding: 12px 25px;}
    .section-tab ul li a {font-size:15px;letter-spacing:-0.45px;}

}
@media (max-width:768px) {
    #sub-top {background:url(./img/sub_top_bg_m.png) no-repeat center / cover;}
    #sub-top .sub-title {}
    #sub-top .sub-title h1 {font-size:30px;}
    #sub-top .sub-title p {font-size:13px;letter-spacing: -0.7px;}

    #sub-top .sub-menu .menu-wr {padding:20px 15px;}
    #sub-top .sub-menu .menu-wr ul {}
    #sub-top .sub-menu .menu-wr ul li {padding: 10px 5px;}
    #sub-top .sub-menu .menu-wr ul li a {font-size:13px;letter-spacing: -0.42px;}

    .sub20-20 .section .section-con.bg .con-tit:first-of-type {padding-top:20px;}

    .section-tab ul li {padding: 9px 15px;}
}

/*menu10*/
.con-head {}
.con-head .img-banner {}
.con-head .img-banner img {width:100%;}
.con-head .text-wr {margin:100px auto;}
.con-head .text-wr p {font-size:22px;letter-spacing: -0.9px;line-height:1.5;word-break: keep-all;}
.con-head2 .text-wr {margin:0px auto 80px;}
.con-head2 .text-wr p {font-size:22px;letter-spacing: -0.9px;line-height:1.5;word-break: keep-all;}

.icon-list {margin-bottom:150px;}
.icon-list ul {display:flex;align-items: flex-start;}
.icon-list ul li {position:relative;width:16.667%;}
.icon-list ul li:after {content:'';position:absolute;right:0;top:0;width:1px;height:145px;background:#D4D4D4;}
.icon-list ul li:last-of-type:after {display:none;}
.icon-list ul li .img-wr {display:flex;align-items: center;justify-content: center;}
.icon-list ul li .img-wr img {width:60px;}
.icon-list ul li .text-wr {display:flex;flex-flow:column;align-items:center;justify-content:flex-start;padding-top:25px;margin:0;}
.icon-list ul li .text-wr p {font-size:18px;letter-spacing: -0.54px;line-height:1.5;color:#555;text-align: center;}

.con-tit {display:flex;align-items: center;}
.con-tit img {width:34px; height:34px;margin-right:15px;}
.con-tit span {font-size:30px;font-weight:bold;line-height:1.4;letter-spacing: -0.9px;color:#000;}

.con-tit-sub {margin:30px 0 150px;}
.con-tit-sub2 {margin:30px 0 50px;}
.con-tit-sub3 {margin:30px 0 80px;}
.con-tit-sub p {font-size:18px;letter-spacing: -0.54px;line-height:1.7;color:#555;word-break: keep-all;}
.con-tit-sub2 p {font-size:18px;letter-spacing: -0.54px;line-height:1.7;color:#555;word-break: keep-all;}
.con-tit-sub3 p {font-size:18px;letter-spacing: -0.54px;line-height:1.7;color:#555;word-break: keep-all;}

.con-procedure {}
.con-procedure .img-wr {padding:40px 0 30px;text-align: center;}
.con-procedure .img-wr img {width:100%;max-width:1050px;margin:0 auto;}
.con-procedure table {width:100%;border-spacing: 0;table-layout: fixed;}
.con-procedure table tr {}
.con-procedure table tr th {width:32%;min-width:300px;font-size:23px;font-weight:bold;letter-spacing: -0.69px;color:#000;text-align: left;border-bottom:1px solid #D4D4D4;}
.con-procedure table tr td {padding:30px 0;border-bottom:1px solid #D4D4D4;}
.con-procedure table tr td ul {}
.con-procedure table tr td ul li {position:relative;padding-left:15px;}
.con-procedure table tr td ul li:before {content:'';position:absolute;left:0;top:16px;width:4px;height:4px;background:#1A18C7;}
.con-procedure table tr td ul li span {font-size:18px;letter-spacing: -0.54px;line-height:2;color:#555;word-break: keep-all;}

.con-process {display:flex;align-items: flex-start;background: #F1F1F6;margin:80px auto;}
.con-process .img-wr {width:50%;}
.con-process .img-wr img {width:100%;}
.con-process .text-wr {width:50%;padding:84px 0 0 60px;}

.con-tabList {width:100%;max-width:1400px;margin: 0 auto;}
.con-tabList ul {}
.con-tabList ul li {}
.con-tabList ul li .list-tit {display:flex;align-items:center;justify-content:space-between;padding: 30px 10px;border-bottom:2px solid #000;}
.con-tabList ul li .list-tit h1 {font-size:30px;font-weight:bold;line-height:1.4;letter-spacing: -0.9px;color:#000;}
.con-tabList ul li .list-tit .btn-open {font-size:15px;letter-spacing: -0.45px;color:#757575;cursor:pointer;}
.con-tabList ul li .list-tit .btn-open img {width:15px;margin-left:15px;}
.con-tabList ul li .list-con {height:auto;max-height:0;padding-bottom:0;border-bottom:0;transition: max-height 0.3s linear, padding-bottom 0.3s linear, border-bottom 0.3s linear;overflow: hidden;}
.con-tabList ul li.on .list-con {max-height:5000px;padding-bottom:30px;border-bottom:2px solid #000;}
.con-tabList ul li .list-con table {width:100%;border-spacing:0;border-collapse: collapse;}
.con-tabList ul li .list-con table:nth-of-type(2) {margin-top:40px;}
.con-tabList ul li .list-con table thead tr th {height:60px;font-size:18px;font-weight:bold;letter-spacing:-0.54px;color:#555;text-align: center;background:#D9D9D9;border: 1px solid #C2C2C2;}
.con-tabList ul li .list-con table tbody tr td {height:60px;font-size:18px;letter-spacing:-0.54px;line-height:1.5;color:#555;text-align: center;background:#fff;padding:10px 20px;border: 1px solid #C2C2C2;word-break: keep-all;}
.con-tabList ul li .list-con table tbody tr .td_tit {font-weight:bold;background:#F2F2F2;}

.non-tabList {margin-bottom:60px;}
.non-tabList h1 {position:relative;font-size:20px;font-weight:bold;letter-spacing: -0.6px;color:#000;padding-left:10px;margin:50px 0 30px;}
.non-tabList h1:before {content:'';position:absolute;left:0;top:7px;width:4px;height:4px;background: #1A18C7;}
.non-tabList .nutrient-list {display:flex;align-items: flex-start;}
.non-tabList .nutrient-list .half-wr {width:50%;height:650px;padding: 60px 80px;}
.non-tabList .nutrient-list .half01 {background:url(./img/sub20_10_01_bg01.png) no-repeat center / cover;}
.non-tabList .nutrient-list .half02 {background:url(./img/sub20_10_01_bg02.png) no-repeat center / cover;}
.non-tabList .nutrient-list .half03 {background:url(./img/sub20_10_01_bg03.png) no-repeat center / cover;}
.non-tabList .nutrient-list .half04 {background:url(./img/sub20_10_01_bg04.png) no-repeat center / cover;}
.non-tabList .nutrient-list .half-wr h2 {font-size:25px;letter-spacing: -0.75px;color:#fff;}
.non-tabList .nutrient-list .half-wr ul {margin-top:30px;}
.non-tabList .nutrient-list .half-wr ul li {position:relative;font-size:18px;letter-spacing: -0.54px;line-height:1.9;color:#fff;padding-left:15px;}
.non-tabList .nutrient-list .half-wr ul li:before {content:'';position:absolute;left:0;top:15px;width:4px;height:4px;background:#fff;}
.non-tabList p {font-size:18px;letter-spacing: -0.54px;color:#555;}

.con-tabList ul li.non-line .list-tit {border-bottom:0;}
.con-tabList ul li.non-line .list-con {overflow: auto;padding-bottom:80px;}
.con-tabList ul li .list-con .text-banner {background:#F1F1F6;padding:0 50px;transition: padding 0.2s linear;}
.con-tabList ul li.on .list-con .text-banner {background:#F1F1F6;padding:40px 50px 43px;}
.con-tabList ul li .list-con .text-banner p {font-size:0;letter-spacing: -0.54px;line-height:1.9;color:#555;}
.con-tabList ul li.on .list-con .text-banner p {font-size:18px;}

.con-tabList ul li .list-con ol {margin:0;transition: margin 0.2s linear;}
.con-tabList ul li.on .list-con ol {margin-top:30px;}
.con-tabList ul li .list-con ol li {font-size:0;line-height:1.7;letter-spacing: -0.48px;color:#555;word-break: keep-all;}
.con-tabList ul li.on .list-con ol li {font-size:16px;}

.contact-list {background:#F1F1F6;padding: 40px 50px 43px;margin-top:70px;}
.contact-list ul {}
.contact-list ul li {margin-bottom:18px;}
.contact-list ul li:last-of-type {margin-bottom:0;}
.contact-list ul li span {display:inline-flex;align-items:center;justify-content:flex-start;font-size:18px;letter-spacing: -0.54px;color:#555;padding:12px 20px;}
.contact-list ul li .tit {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#0E0D74;padding:12px 20px;border-radius:50px;}

.text-list {margin-top:30px;}
.text-list ul {}
.text-list ul li {margin-bottom:15px;}
.text-list ul li:last-of-type {margin-bottom:0;}
.text-list ul li span {position:relative;font-size:18px;font-weight:500;line-height:1.5;letter-spacing: -0.54px;color:#555;padding-left:15px;display:inline-block;word-break: keep-all;}
.text-list ul li span:before {content:'';position:absolute;width:4px;height:4px;background:#1A18C7;top:11px;left:0;}

.link-list {width:100%;padding-top:50px;margin-top:50px;border-top:1px solid #D4D4D4;}
.link-list ul {display:flex;align-items:center;justify-content:center;width:100%;}
.link-list ul li {width:200px;height:60px;border-radius:50px;border:1px solid #1A18C7;margin: 0 5px;}
.link-list ul li a {display:flex;height:100%;align-items:center;justify-content:center;}
.link-list ul li a span {font-size:17px;letter-spacing: -0.51px;color:#1A18C7;}
.link-list ul li a img {width:5.61px;margin:4px 0 0 15px;}

.sub-con-wr {padding:10px 50px 40px;}
.sub-con-wr .text-notice {display:flex;align-items:center;width:100%;height:60px;font-size:18px;letter-spacing: -0.54px;line-height:1.7;color:#fff;padding:0 20px;margin:30px 0;}

.pdt150{padding-top:150px;}


@media (max-width:1400px) {
    .con-head {}
    .con-head .text-wr {margin:30px 0 40px;}
    .con-head .text-wr p {font-size:20px;letter-spacing: -0.6px;}
    .con-head2 .text-wr {margin:30px 0 40px;}
    .con-head2 .text-wr p {font-size:20px;letter-spacing: -0.6px;}

    .icon-list{margin-bottom:80px;}
    .icon-list ul {flex-wrap:wrap;}
    .icon-list ul li {width:33.333%;margin-bottom:40px;}
    .icon-list ul li:nth-of-type(n + 4) {margin-bottom:0;}
    .icon-list ul li:after {display:none;}
    .icon-list ul li .img-wr img {width:60px;}
    .icon-list ul li .text-wr p {font-size:16px;letter-spacing: -0.45px;}

    .con-tit img {width:25px; height:25px;margin-right:7px;}
    .con-tit span {font-size:20px;letter-spacing: -0.6px;}

    .con-tit-sub {margin:20px 0 50px;}
    .con-tit-sub p {font-size:16px;letter-spacing: -0.48px;}

    .text-list {margin-top:25px;}
    .text-list ul {}
    .text-list ul li {margin-bottom:15px;}
    .text-list ul li:last-of-type {margin-bottom:0;}
    .text-list ul li span {font-size:16px;letter-spacing: -0.48px;padding-left:15px;}
    .text-list ul li span:before {top:10px;}
    .text-list ul li .tel {font-size:18px;letter-spacing: -0.54px;margin-left:5px;}

    .con-procedure .img-wr {padding:20px 0;}
    .con-procedure .img-wr img {max-width:150px;margin: 0 auto;}

    .con-procedure table tr th {display:block;width:100%;font-size:18px;letter-spacing:-0.54px;border-bottom:0;padding-top:20px;}
    .con-procedure table tr td {display:block;width:100%;font-size:16px;letter-spacing:-0.48px;padding:13px 0;}
    .con-procedure table tr td ul li {padding-left:12px;margin-bottom:15px;}
    .con-procedure table tr td ul li:before {top:11px;}
    .con-procedure table tr td ul li span {font-size:16px;letter-spacing: -0.48px;line-height:1.5;}
    .con-procedure table tr td ul li ol li {margin-bottom:0;}

    .con-process {flex-flow:column;margin:40px 0;}
    .con-process .img-wr {width:100%;}
    .con-process .text-wr {width:100%;min-height:290px;padding:21px 20px;}

    .con-tabList ul li .list-tit {padding: 20px 10px;}
    .con-tabList ul li .list-tit h1 {font-size:20px;letter-spacing: -0.6px;}
    .con-tabList ul li .list-con {max-width:100%;overflow-x: scroll;}
    .con-tabList ul li .list-con table {min-width:1400px;}
    .con-tabList ul li .list-con table thead tr th {height:50px;font-size:16px;letter-spacing: -0.48px;}
    .con-tabList ul li .list-con table tbody tr td {height:50px;font-size:16px;letter-spacing: -0.48px;}

    .non-tabList {margin-bottom:40px;}
    .non-tabList h1 {font-size:18px;letter-spacing:-0.54px;margin:30px 0 10px;}
    .non-tabList .nutrient-list .half-wr {height:600px;padding:26px 0 0 30px;}
    .non-tabList .nutrient-list .half-wr h2 {font-size:20px;letter-spacing: -0.6px;}
    .non-tabList .nutrient-list .half-wr ul {margin-top:20px;}
    .non-tabList .nutrient-list .half-wr ul li {font-size:16px;letter-spacing: -0.48px;}
    .non-tabList p {font-size:16px;letter-spacing: -0.48px;}

    .con-tabList ul li .list-con .text-banner {padding: 0 20px;}
    .con-tabList ul li.on .list-con .text-banner {padding: 20px;}
    .con-tabList ul li .list-con .text-banner p {letter-spacing:-0.45px;line-height:1.5;}
    .con-tabList ul li.on .list-con .text-banner p {font-size:16px;}
    .con-tabList ul li.on .list-con ol:nth-of-type(2) {margin:30px 0 0;}
    .con-tabList ul li .list-con ol li {letter-spacing: -0.5px;}

    .contact-list {padding: 20px;margin-top:40px;}
    .contact-list ul li {margin-bottom:10px;}
    .contact-list ul li span {display:flex;font-size:16px;letter-spacing: -0.48px;padding:12px 20px 12px 0;}
    .contact-list ul li .tit {}

    .link-list {padding-top:30px;margin-top:30px;}
    .link-list ul li {width:150px;height:50px;}
    .link-list ul li a span {font-size:15px;letter-spacing: -0.45px;}
    .link-list ul li a img {margin:0 0 0 10px;}

    #sub-wr {padding-bottom:40px;}

    .sub-con-wr {padding:10px 20px 20px;}
    .sub-con-wr .text-notice {font-size:16px;letter-spacing: -0.48px;;padding: 10px;margin:20px 0;}

    .pdt150{padding-top:80px;}
}

@media (max-width:768px) {
    .con-head {}

    .con-tit {align-items: flex-start;}

    .text-list {margin-top:25px;}
    .text-list ul {}
    .text-list ul li {margin-bottom:10px;}
    .text-list ul li:last-of-type {margin-bottom:0;}
    .text-list ul li span {font-size:16px;letter-spacing: -0.48px;padding-left:15px;}
    .text-list ul li span:before {top:9.5px;}

    .con-procedure table tr td ul li {letter-spacing:-1.1px;padding-left:10px;}

    .icon-list ul li {width:50%;}

    .con-tabList ul li .list-con table thead tr th {height:40px;}
    .con-tabList ul li .list-con table tbody tr td {height:40px;}
    .con-tabList ul li.non-line .list-con {padding-bottom:40px;}

    .non-tabList .nutrient-list {flex-flow:column;}
    .non-tabList .nutrient-list .half-wr {width:100%;}

    .contact-list ul li span {height:auto;letter-spacing:-0.5px;line-height:1.4;}
    .contact-list ul li .tit {}

    .link-list ul {flex-flow:column;}
    .link-list ul li {margin-bottom:10px;}
    .link-list ul li a {}

    .sub-con-wr .text-notice {height:auto;font-size:16px;letter-spacing: -0.48px;padding:20px 10px;margin:20px 0;}
}


/*menu20*/
.sub20-20 {}
.sub20-20 .con-head .img-wr {max-width:870px;margin: 80px auto 150px;}
.sub20-20 .con-head .img-wr img {width:100%;}

.img-20200304 {margin: 80px auto;}
.img-20200304 img {width:100%;}

.icon-list.length04 {margin-bottom:80px;}
.icon-list.length04 ul li {width:25%;}
.icon-list.length04 ul li:after {height:200px;}
.icon-list.length04 ul li .img-wr {}
.icon-list.length04 ul li .img-wr img {width:60px;}
.icon-list.length04 ul li .text-wr {text-align: center;}
.icon-list.length04 ul li .text-wr h3 {font-size:22px;font-weight:bold;letter-spacing: -0.66px;color:#555;text-align: center;margin-bottom:22px;}

.con-procedure table tr td ul li:nth-of-type(1) ol {margin-bottom:10px;}
.con-procedure table tr td ul li ol li {padding-left:0;}
.con-procedure table tr td ul li ol li:before {display:none;}
.con-procedure table tr td ul li ol li span {line-height:1.5;}

.sub-con-wr {}
.sub-con-wr .order-list {display:flex;align-items: flex-start;justify-content: space-between;}
.sub-con-wr .order-list ol {width:33.333%;min-width:400px;}
.sub-con-wr .order-list.list2 ol {width:50%;}
.con-tabList ul li .list-con .sub-con-wr .order-list ol li {font-size:18px;letter-spacing: -0.54px;line-height:2;color:#555;}
.con-tit-sub.type2 {margin:30px 0 10px;}

.non-tabList {width:100%;max-width:1400px;margin: 0 auto;}
.non-tabList ul {}
.non-tabList ul li {}
.non-tabList ul li .list-tit {display:flex;align-items:center;justify-content:space-between;padding: 30px 10px;border-bottom:2px solid #000;}
.non-tabList ul li .list-tit h2 {font-size:30px;font-weight:bold;line-height:1.4;letter-spacing: -0.9px;color:#000;}
.non-tabList ul li .list-tit .btn-open {font-size:15px;letter-spacing: -0.45px;color:#757575;cursor:pointer;}
.non-tabList ul li .list-tit .btn-open img {width:15px;margin-left:15px;}
.non-tabList ul li .list-con {height:auto;max-height:5000px;padding-bottom:30px;}
.non-tabList ul li .list-con table {width:100%;border-spacing:0;border-collapse: collapse;}
.non-tabList ul li .list-con table:nth-of-type(2) {margin-top:40px;}
.non-tabList ul li .list-con table thead tr th {height:60px;font-size:18px;font-weight:bold;letter-spacing:-0.54px;color:#555;text-align: center;background:#D9D9D9;border: 1px solid #C2C2C2;}
.non-tabList ul li .list-con table tbody tr td {height:60px;font-size:18px;letter-spacing:-0.54px;line-height:1.5;color:#555;text-align: center;background:#fff;padding:10px 20px;border: 1px solid #C2C2C2;word-break: keep-all;}
.non-tabList ul li .list-con table tbody tr .td_tit {font-weight:bold;background:#F2F2F2;}

/*추가*/
.con-tit-sub.custom{display: flex; gap: 20px; flex-direction: column}
.con-tit-sub.custom div{padding: 40px; width: 100%; padding-left: 480px; min-height: 150px; border-radius: 24px;}
.con-tit-sub.custom div b{font-size: 28px; color: black;}
.con-tit-sub.custom div li li{font-size: 18px; color: #555;}
.con-tit-sub.custom div li span{font-size: 18px; color: #333; display: block; margin-top: 20px; padding-bottom: 10px; font-weight: bold; display: flex; align-items: center;}
.con-tit-sub.custom div li span::before{content: ''; background: #333; display: inline-block; width: 4px; height: 4px; border-radius: 50%; margin-right: 8px;}
.con-tit-sub.custom div li ul{display: flex; gap: 10px; flex-wrap: wrap;}
.con-tit-sub.custom div li ul li{font-size: 16px; font-weight: normal;}
.con-tit-sub.custom div li ul li::after{content: ',';}
.con-tit-sub.custom div li ul li:last-child::after{display: none;}
.con-tit-sub.custom div li ul li:first-child{margin-left: 12px;}
.con-tit-sub.custom div:first-child b{padding-bottom: 15px; border-bottom: 2px solid #333; display: block; margin-bottom: 20px;}
.con-tit-sub.custom div:first-child{background: url(./img/tab4_img2.png) no-repeat left center #F1F1F6;}
.con-tit-sub.custom div:last-child{background: url(./img/tab4_img3.png) no-repeat left center #F1F1F6; display: flex; align-items: center;}


@media (max-width:1200px){
    .con-tit-sub.custom div{padding-left: 400px;background-position: left -50px center !important;}
}

@media (max-width:1000px){
    .con-tit-sub.custom{flex-direction: unset;}
    .con-tit-sub.custom div{padding: 32px; padding-top: 29%; background-position: top -60% center !important; background-size: contain !important;}
    .con-tit-sub.custom div li ul li:first-child{margin-left: 0;}
    .con-tit-sub.custom div li ul{margin-left: 12px; gap: 8px;}
    .con-tit-sub.custom div:last-child{background: url(./img/tab4_img3_2.png) no-repeat #F1F1F6;}
    .con-tit-sub.custom div:last-child b{text-align: center; padding: 0 20% 0; line-height: 1.4; word-break: keep-all;}
    .con-tit-sub.custom div b{font-size: 24px;}
}
@media (max-width:800px){
    .con-tit-sub.custom div{background-position: top -46% center !important;}
    .invisible-pc{display: block !important;}
    #sub-wr .section-bg-cont .con-tit-sub.table{overflow: hidden; overflow-x: auto;}
    #sub-wr .section-bg-cont .con-tit-sub.table table{min-width: 600px;}
}
@media (max-width:700px){
    .con-tit-sub.custom div{background: #F1F1F6 !important;padding: 32px; min-height: 100px;}
    .con-tit-sub.custom div:last-child b{padding: 0; text-align: left;}
    .con-tit-sub.custom{flex-wrap: wrap;}
    .con-tit-sub.custom div b{font-size: 20px;}
}
@media (max-width:400px){
    .con-tit-sub.custom div b{font-size: 17px;}
}

.con-tit-sub.table table{border-top: 2px solid black; width: 100%; border-collapse: collapse; border-spacing: 0;}
.con-tit-sub.table table td, .con-tit-sub.table table th{border-right: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; height: 60px; color: #555; word-break: keep-all; padding: 10px 20px; text-align: center; font-size: 18px; background: white;}
.con-tit-sub.table table td:first-child, .con-tit-sub.table table th:first-child{border-left: 1px solid #c2c2c2;}
.con-tit-sub.table table th{background: #d9d9d9; font-weight: bold; width: 30%; line-height: 1.7;}
.con-tit-sub.table table th:nth-child(1){width: 10%;}
.con-tit-sub.table table td:first-child{background: #f2f2f2;}
.con-tit-sub.table table tr:last-child td:last-child div.flex{display: flex; gap: 10px; flex-wrap: wrap;}
.con-tit-sub.table table tr:last-child td:last-child div.flex span{display: inline-block; width: 100px; padding: 8px; background: #ceceed; border-radius: 50px; text-align: center; margin-right: 10px; color: #3a3a59;}
.con-tit-sub.table table tr:last-child td:last-child div.flex div{width: 300px; text-align: left;}
.con-tit-sub.table table th span{background: #0E0D7480; color: white;padding: 4px 12px 4px; border-radius: 50px; font-size: 14px;}

#sub-wr .section-bg-cont{background: #F1F1F6; padding: 120px 30px 90px;}
#sub-wr .section-bg-cont .con-tit-sub{margin-bottom: 30px;}
#sub-wr .section-bg-cont .bg_conts{max-width: 1400px; margin: 0 auto 0;}
li.table_flex span{display: flex;}

.con-tit-sub.table table th:nth-child(2){background: #a3a3e9; color: white;}
.con-tit-sub.table table th:nth-child(3){background: #7674dd; color: white;}
.con-tit-sub.table table th:nth-child(4){background: #4846d2; color: white;}

.text-class-add p{color: unset; font-size: 22px; letter-spacing: -0.9px; line-height: 1.5; word-break: keep-all;}


@media (max-width:1400px){
    .sub-con-wr .order-list {flex-flow:column;justify-content: flex-start;}
    .sub-con-wr .order-list ol {width:100%;}
    .con-tabList ul li .list-con .sub-con-wr .order-list ol li {font-size:16px;letter-spacing: -0.48px;}
    .con-tabList ul li.on .list-con .sub-con-wr .order-list ol:nth-of-type(n + 1) {margin:0;}

    .non-tabList ul li .list-tit {padding: 20px 10px;}
    .non-tabList ul li .list-tit h2 {font-size:20px;letter-spacing: -0.6px;}
    .non-tabList ul li .list-con {max-width:100%;overflow-x: scroll;}
    .non-tabList ul li .list-con table {min-width:1400px;}
    .non-tabList ul li .list-con table thead tr th {height:50px;font-size:16px;letter-spacing: -0.48px;}
    .non-tabList ul li .list-con table tbody tr td {height:50px;font-size:16px;letter-spacing: -0.48px;}

    .icon-list.length04 {margin-bottom:40px;}
    .icon-list.length04 ul li {width:50%;}
    .icon-list.length04 ul li:nth-of-type(n + 2) {margin-bottom:0;}
    .icon-list.length04 ul li .text-wr h3 {font-size:18px;letter-spacing: -0.54px;margin-bottom:20px;}

    .img-20200304 {margin: 40px auto;}

}
@media (max-width:768px){
    .sub20-20 .con-head .img-wr {margin:40px auto;}
    .sub20-20 .con-tit {align-items: center;}

    .sub-con-wr .order-list ol {min-width:250px;}
    .con-tit-sub.type2 {margin:20px 0 10px;}

    .con-tabList ul li .list-con .sub-con-wr .order-list ol li {line-height:1.7;}

    .non-tabList ul li .list-con table thead tr th {height:40px;}
    .non-tabList ul li .list-con table tbody tr td {height:40px;}

    .icon-list.length04 ul li {width:100%;}
    .icon-list.length04 ul li:nth-of-type(n + 2) {margin-bottom:40px;}
    .icon-list.length04 ul li:last-of-type {margin-bottom:0;}

    .img-20200304 {margin: 40px auto;}

}


/*menu30*/
.img-list.row04 {margin:40px auto 150px;}
.img-list.row04 > ul {display:flex;align-items: flex-start;flex-wrap:wrap;}
.img-list.row04 > ul > li {width:calc(25% - 30px);margin-right:40px;}
.img-list.row04 > ul > li:last-of-type {margin-right:0;}
.img-list.row04 ul li:nth-child(4){margin-right: 0; margin-bottom: 32px;}
.img-list ul li img {width:100%;}
.img-list ul li span {display:block;width:100%;font-size:20px;letter-spacing:-0.6px;color:#555;margin-top:28px;text-align: center;}

.sub20-30 .section .img-wr {max-width:1100px;margin:80px auto;}
.sub20-30 .section .img-wr img {width:100%;margin: 0 auto;}

.sub20-30 .con-tit {margin:80px 0 30px;}

.img-list.row01 {margin:30px auto;}
.img-list.row01 ul {flex-flow:column;align-items: center;}
.img-list.row01 > ul > li {width:100%;margin-right:0;margin-bottom:50px;}
.img-list.row01 > ul > li h3 {font-size:20px;font-weight:400;letter-spacing: -0.6px;line-height:1.5;scolor:#000;margin-bottom:30px;}

.pdb60{padding-bottom: 60px;}
.pdb70{padding-bottom: 70px;}

@media (max-width:1400px) {
    .img-list.row04 {margin:20px auto 40px;}
    .img-list.row04 ul {flex-wrap:wrap;}
    .img-list.row04 > ul > li {width:calc(50% - 20px);margin-bottom:40px;}
    .img-list.row04 > ul > li:nth-of-type(2n) {margin-right:0;}
    .img-list.row04 > ul > li:nth-of-type(n + 2) {margin-bottom:32px;}
    .img-list ul li span {font-size:16px;letter-spacing:-0.48px;margin-top:20px;}

    .sub20-30 .con-tit {margin:40px 0 20px;}

    .sub20-30 .section .img-wr {margin:20px auto 40px;}
    .sub20-30 .section .img-wr img {max-width:610px;}

    .img-list.row01 {margin:20px auto 30px;}
    .img-list.row01 ul li {margin-bottom:30px;}
    .img-list.row01 ul li h3 {font-size:16px;letter-spacing: -0.48px;margin-bottom:20px;}
}
@media (max-width:768px) {
    .img-list.row04 ul li {width:100%;margin-right:0;}
    .img-list.row04 ul li:nth-of-type(n + 2) {margin-bottom:40px;}
    .img-list.row04 ul li:last-of-type {margin-bottom:0;}

    .sub20-30 .section .img-wr img {}
    .sub20-30 .con-tit-sub p {letter-spacing: -0.7px;}
    .pdb60{padding-bottom: 20px;}
    .pdb70{padding-bottom: 30px;}
}



/*menu40*/
.sub20-40 .section .section-con .con-head .text-wr p {color:#555;}
.sub20-40 .img-banner {margin: 30px auto 80px;text-align: center;}
.sub20-40 .img-banner img {width:100%;margin: 0 auto;}
.sub20-40 .img-banner.banner01 img {max-width:1320px;}
.sub20-40 .img-banner.banner02 img {max-width:1260px;}
.sub20-40 .icon-list.length05 {margin:50px 0 80px;}
.sub20-40 .icon-list.length05 ul {}
.sub20-40 .icon-list.length05 ul li {width:20%;}
.sub20-40 .icon-list.length04 {margin:50px 0 80px;}
.sub20-40 .icon-list.length04 ul {}
.sub20-40 .icon-list.length04 ul li {}
.sub20-40 .icon-list.length04 ul li .img-wr {}
.sub20-40 .icon-list.length04 ul li .img-wr img {}
.sub20-40 .icon-list.length04 ul li .text-wr {padding-top:0;}
.sub20-40 .icon-list.length04 ul li .text-wr h4 {font-size:22px;font-weight:bold;letter-spacing: -0.66px;color:#555;margin:20px auto;text-align: center;}

.sub20-40 .img-list.row04 {margin:30px auto 40px;}
.sub20-40 .img-list.row04 ul {display:flex;align-items: flex-start;flex-wrap:wrap;}
.sub20-40 .img-list.row04 ul li {width:calc(25% - 15px);margin-right:20px;}
.sub20-40 .img-list.row04 ul li:nth-of-type(4n) {margin-right:0;}
.sub20-40 .img-list.row04 ul li:last-of-type {margin-right:0;}
.sub20-40 .img-list ul li img {width:100%;}
.sub20-40 .img-list ul li span {display:block;width:100%;font-size:18px;letter-spacing:-0.54px;line-height:1.5;color:#555;margin:25px auto 40px;text-align: center;}
.sub20-40 .section .section-con2 .head_center_tit{text-align: center; margin: 140px 0;}
.sub20-40 .section .section-con2 .head_center_tit span{font-size: 32px; font-weight: bold; letter-spacing: -0.9px; color: #000; line-height: 42px;}
.sub20-40 .section .section-con2 .head_center_tit p{font-size: 22px; line-height: 33px; margin-top: 15px;}
.sub20-40 .bg_gray_box{background: #F1F1F6; width: 100%; padding: 32px; margin: 30px 0 50px 0;}
.sub20-40 .bg_gray_box .blut_list{margin-top: 40px;}
.sub20-40 .bg_gray_box .blut_list li{list-style: none; position:relative; padding-left:8px; font-size: 16px; line-height: 30px;}
.sub20-40 .bg_gray_box .blut_list li:after{content: ""; position: absolute; top: 15px; left: 0; width: 4px; height: 4px; background-color: #1A18C7; }

.con-head3 .text-wr {}
.con-head3 .text-wr p {font-size:22px;letter-spacing: -0.9px;line-height:1.5;word-break: keep-all;}
.con-head3 .blue_txt{color: #1A18C7; font-weight: bold;}

.pdt70{padding-top:70px;}
.mgt10{margin-top: 10px;}


#detail-modal {display:none;position:fixed;width:100vw;height:100vh;left:0;top:0;background:rgba(0,0,0,0.5);z-index: 1500;}
#detail-modal .modal-wr {position:absolute;max-width:600px;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);padding: 50px 50px 45px;background:#fff;border:1px solid #707070;box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.15)}
#detail-modal .modal-wr .modal-top {}
#detail-modal .modal-wr .modal-top .btn-close {position:absolute;top:20px;right:20px;width:21px;height:21px;cursor:pointer;}

#detail-modal .modal-wr .img-wr {text-align: center;}
#detail-modal .modal-wr .img-wr img {width:60px;}
#detail-modal .modal-wr .text-wr {text-align: center;}
#detail-modal .modal-wr .text-wr h5 {font-size:25px;font-weight:bold;letter-spacing: -0.75px;color:#000;margin:20px auto;}
#detail-modal .modal-wr .text-wr p {font-size:18px;letter-spacing: -0.54px;line-height:1.5;color:#000;}
#detail-modal .modal-wr .text-wr sub {display:block;font-size:15px;letter-spacing: -0.45px;line-height:1.5;color:#000;margin-top:5px;}

@media (max-width:1400px) {
    .sub20-40 .icon-list.length05 {margin: 30px auto 40px;}
    .sub20-40 .icon-list.length05 ul li {width:33.333%;}

    .sub20-40 .img-list.row04 ul li {width:calc(50% - 10px);margin-right:20px;margin-bottom:30px;}
    .sub20-40 .img-list.row04 > ul > li:nth-of-type(2n) {margin-right:0;}
    .sub20-40 .img-list ul li span {margin: 20px auto 0;}
    .sub20-40 .img-list.row04 > ul > li:nth-of-type(n + 2) {margin-bottom:30px;}
    .sub20-40 .section .section-con2 .head_center_tit{margin: 70px 0;}
    .sub20-40 .section .section-con2 .head_center_tit span{font-size: 25px;}
    .sub20-40 .section .section-con2 .head_center_tit p{font-size: 20px;}

    .con-head3 .text-wr p{font-size:20px;letter-spacing: -0.6px;}
    #detail-modal .modal-wr {width:calc(100% - 40px);max-width:600px;padding:45px 25px 42px;margin: 0 auto;box-shadow: 0 8px 10px rgba(0,0,0,0.15);}
    #detail-modal .modal-wr .modal-top .btn-close {right:20px;top:20px;width:16.35px;height:16.35px;}

    #detail-modal .modal-wr .img-wr {}
    #detail-modal .modal-wr .img-wr img {}
    #detail-modal .modal-wr .text-wr {}
    #detail-modal .modal-wr .text-wr h5 {font-size:20px;letter-spacing: -0.6px;margin:20px auto 15px;}
    #detail-modal .modal-wr .text-wr p {font-size:16px;letter-spacing: -0.48px;}
    #detail-modal .modal-wr .text-wr sub {font-size:13px;letter-spacing: -0.39px;line-height:1.5;color:#000;margin-top:20px;}

}
@media (max-width:768px) {
    .sub20-40 .img-banner {margin: 30px auto 30px;}
    .sub20-40 .icon-list.length05 ul li {width:50%;}
    .sub20-40 .icon-list.length04 {margin:50px 0 50px;}
    .sub20-40 .icon-list.length04 ul li .text-wr h4 {font-size:18px;letter-spacing: -0.54px;}
    .sub20-40 .img-list ul li span {font-size:16px;letter-spacing: -0.48px;}
    .pdt70{padding-top:20px;}

    #detail-modal .modal-wr {padding:45px 19px 40px;}
    #detail-modal .modal-wr ul {margin-top:20px;}
    #detail-modal .modal-wr ul li {margin-bottom:5px;}
    #detail-modal .modal-wr ul li:before {top:10px;}
}



/*menu50*/
.sub20-50 .section .section-con .con-head .text-wr p {color:#555;}
.img-list.row02 {margin:30px auto 50px;}
.img-list.row02 ul {display:flex;align-items: flex-start;flex-wrap: wrap;}
.img-list.row02 ul li {width:calc(50% - 30px);margin-right:60px;margin-bottom:40px;}
.img-list.row02 ul li:nth-of-type(2n) {margin-right:0;}
.img-list.row02 ul li:nth-of-type(n + 2) {margin-bottom:0;}
.img-list.row02 ul li img {width:100%;}
.img-list ul li h2 {font-size:23px;font-weight:bold;letter-spacing:-0.69px;color:#1A18C7;margin:30px 0 20px;}
.img-list ul li ol {}
.img-list ul li ol li {width:100%;margin-bottom:0;}
.img-list.row01 ul li ol li {width:100%;margin-bottom:10px;}
.img-list.row02 ul li ol li {width:100%;margin-bottom:10px;}
.img-list.row02 ul li ol li:last-of-type {margin-bottom:0;}
.img-list ul li ol li span {position:relative;font-size:18px;letter-spacing:-0.54px;line-height:1.7;color:#555;padding-left:10px;text-align: left;margin-top:0;}
.img-list ul li ol li span:before {content:'';position:absolute;left:0;top:13px;width:4px;height:4px;background:#1A18C7;}


@media (max-width:1400px) {
    .img-list ul li h2 {font-size:18px;letter-spacing:-0.54px;margin:20px 0;}
    .img-list ul li ol li span {font-size:16px;letter-spacing:-0.48px;padding-left:10px;}
    .img-list ul li ol li span:before {top:11px;}
}
@media (max-width:768px) {
    .img-list.row02 {margin:20px auto;}
    .img-list.row02 ul li {width:100%;margin-right:0;margin-bottom:30px;}
    .img-list.row02 ul li:nth-of-type(n + 2) {margin-bottom:30px;}
    .img-list.row02 ul li:last-of-type {margin-bottom:0;}
    .img-list.row02 ul li ol li:nth-of-type(n + 2) {margin-bottom:10px;}
}