@charset "UTF-8";

/*서브페이지 상단 공통*/
#sub-top {
              position: relative;
              display: flex;
              flex-flow: column;
              justify-content: flex-end;
              min-height: 700px;
              height: 700px;
              background: url(./img/sub_top_bg.jpg) no-repeat center / cover;
              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:600px;text-align: center;}
#sub-top .sub-title h1 {font-size:70px;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; margin-top: 40px; word-break: keep-all;}
#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;padding:0 30px;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;}
    #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.jpg) 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:14px;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;}
}


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

.icon-list2 ul li{width: calc(100% / 5);}

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

.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 0;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 img{width: 34px; height: 34px; margin-right: 15px;}
.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;}
.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;}


@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 0;}
    .non-tabList ul li .list-tit h2 {font-size:20px;letter-spacing: -0.6px;}
    .non-tabList ul li .list-tit img{width: 25px; height: 25px; margin-right: 7px;}
    .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 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:0;}
    .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;}
}

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

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

/*menu40*/
.mgt30{margin-top: 30px;}
.sub20-50 .sub6040_imgarea{text-align: center; margin: 30px 0;}
.sub20-50 .sub6040_imgarea img{width: 100%;}
.sub20-50 .sub6040_imgarea .imgsize{max-width: 1008px;}
.sub20-50 .non-tabList .list-notice{margin-top: 30px;}
.sub20-50 .non-tabList .list-notice p{line-height: 33px;}


/*menu50*/
.txtcenter{text-align: center;}
.mgt80{margin-top: 80px;}
.icon-list.length05{margin: 50px 0 0 0;}
.icon-list.length05 ul li{width: 20%;}
.sub60-50{display: block; margin: 0 auto;}
.sub60-50 .sub6050_imgarea{text-align: center; padding: 30px 0; display: block; margin: 0 auto;}
.sub60-50 .mx1219{max-width: 1219px;}
.sub60-50 .sub6050_imgarea img{width: 100%;}
.sub60-50 .sub6050_imgarea .imgsize{max-width: 1050px;}

.con-head2.mgt30.d-flex{display: flex; gap: 30px; font-size: 18px; letter-spacing: -0.54px; line-height: 1.5; color: #555; text-align: center;}
.con-head2.mgt30.d-flex div{padding: 0 0 30px; border: 1px solid #c2c2c2; width: calc((100% - (30px * 3)) / 4); position: relative;}
.con-head2.mgt30.d-flex div b{display: block; margin-bottom: 30px; color: black; line-height: 1; padding: 15px 0 15px; background: #F1F1F6;}

.con-head2.mgt30.d-flex div::after{content: '◆'; position: absolute; top: calc(50% - 12px); right: -11px; font-size: 24px; color: white; text-shadow: 2px 0 0 #c2c2c2;}
.con-head2.mgt30.d-flex div:last-child::after{display: none;}

@media (max-width:1400px) {
    .sub60-50 .mx1219{max-width: 150px;}
    #sub-wr .section .section-con.bg .non-tabList ul li .list-con table{min-width: unset;}
    #sub-wr .section .section-con.bg .non-tabList ul li .list-con{overflow: auto;}
}

@media (max-width:800px) {
    #sub-wr .section .section-con.bg .non-tabList ul li .list-con table tr th{width: 33.33% !important; padding: 8px; line-height: 1.3; word-break: keep-all;}
    .con-head2.mgt30.d-flex{flex-wrap: wrap;}
    .con-head2.mgt30.d-flex div{width: calc((100% - 30px) / 2);}
}

@media (max-width:400px) {
    .con-head2.mgt30.d-flex div{width: 100%;}
    .con-head2.mgt30.d-flex div::after{top: unset; bottom: -16px; right: unset; left: calc(50% - 12px); text-shadow: 0px 2px 0 #c2c2c2;}
}