:root { --prtdd: Pretendard; }
* { font-family: var(--prtdd); }
.img-responsive { width:100%; }
/* header */
#hd { background: rgba(0,0,0,.5); }
.gnb_1da { 
    font-size:18px; 
    color:#fff; 
    position: relative;
    transition: .2s; 
    font-weight: 600;
}
.gnb_1da:hover:after { width:100%; }
#hd_wrapper { height: 100px; padding: 0; }
#hd_wrapper > .clear_fix { 
    padding:0 30px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#hd_wrapper > .clear_fix > #logo { margin:0px; }
#hd_wrapper > .clear_fix > #logo > a > img { width:100px; }

#gnb .gnb_wrap > ol.add-cate {
    display: flex;
}
#gnb .gnb_wrap > ol.add-cate > li {
    display: flex;
    align-items: center;
    margin-left:24px;
}
#gnb .gnb_wrap > ol.add-cate > li:first-child {
    margin-left:0;
}
#hd_wrapper > .clear_fix > .m-nav-btn{
    display: none;
}

.goog-te-gadget-simple { 
    margin-left:80px;
    border: none !important;
    background:url(/img/language-img.png) no-repeat!important;
    width:32px;
    height: 32px;
    display: inline-block;
}
.goog-te-gadget-simple > img {
    display: none;
}
.goog-te-gadget-simple > span {
    display: none;
}
.search-btn-cs {
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition:.2s;
    cursor: pointer;
    width: 32px;
}
.search-btn-cs .btn {
    content: '';
    width: 32px;
    height: 32px;
    display: inline-block;
    background:url(/img/search-img.png) no-repeat!important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.search-btn-cs.active {
    background: none;
    width:100%;
}
.hd_sch_wr {
    transition: .2s;
    width: 100%;
    margin: 0;
    position: relative;
    left: 100%;
    top: 0;
    padding-right:32px;
}
.search-btn-cs.active .hd_sch_wr { left:0; }
.hd_sch_wr #hd_sch{
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
    border-radius: 0;
}
.hd_sch_wr #hd_sch #sch_stx {
    width:150px;
    background: none;
    color:#fff;
}
.hd_sch_wr #hd_sch #sch_stx:focus {
    outline: none;   
    box-shadow: none;
    border: none !important;
}
#hd_sch #sch_submit {
    border:none;
    color:#fff;
    background:none;
}

body {
    top: 0 !important;
}
body > .skiptranslate > iframe{
    display: none!important;
}
/* main */
#wrapper { padding: 0; }

.wrap { margin: auto; width:1200px; }
.win-cont { width:100%; height: 100vh; }


.index_main_ft{display:none;}
.index_main [class*="main-cont"]{
    color:#fff; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.index_main [class*="main-cont"] .tit h1 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 10px;;
}
.index_main [class*="main-cont"] .tit p {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 28px;
}
.index_main [class*="main-cont"] .tit a {
    font-size: 14px;
    font-weight: 700;
    color:#4a4a4a;
    background-color: rgba(255,255,255,.8);
    min-width: 85px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    border-radius: 45px;
    padding: 0 25px;
    transition: .2s;
}
.index_main [class*="main-cont"] .tit a:hover { background:rgba(255,255,255,1); color:#222; font-weight: 500; }
.index_main .main-cont1 { background: url(/img/main-bnr01.jpg) 100%/cover no-repeat; text-align: center; }
.index_main .main-cont1 .sub-more-cs { 
    position: absolute;
    right: 75px;
    bottom: 80px;
    display: inline-flex;
    justify-content: space-between;
    color:#fff;
    text-align: left;
}
.index_main .main-cont1 .sub-more-cs > li:nth-child(1) { margin-right: 50px; }
.index_main .main-cont1 .sub-more-cs h6 { font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.index_main .main-cont1 .sub-more-cs p { font-size: 10px; margin-bottom: 8px; }
.index_main .main-cont1 .sub-more-cs a {
    background-color: #1e1e1e;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    color: #fff;
    box-sizing: border-box;
    border: 1px solid #1e1e1e;
    transition: 1s;
    width: 96px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}
.index_main .main-cont1 .sub-more-cs a:hover { background:none; border:1px solid #fff; }
.index_main .main-cont2 { background: url(/img/main-bnr02.jpg) 100%/cover no-repeat; }
.index_main .main-cont2 .tit { width:70%; overflow: hidden; }
.index_main .main-cont3 { background: url(/img/main-bnr03.jpg) 100%/cover no-repeat; text-align: center; background-position: center; }
.index_main .cont4 { text-align: center; padding:100px 0; color:#4a4a4a; overflow: hidden; }
.index_main .cont4 li { width:365px; }
.index_main .cont4 .thm {
    position: relative;
    margin-bottom: 30px;
    height:365px;
}
.index_main .cont4 .thm::after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background:rgba(33,33,33,.2);
    top: 0;
    left: 0;
    z-index: 0;
}
.index_main .cont4 .thm > p {
    font-size: 26px;
    font-weight: 700;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    z-index: 1;
    position: relative;
}
.index_main .cont4 h6 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.index_main .cont4 p { font-size: 16px; line-height: 24px; letter-spacing: -.5px; }
.index_main .cont5 {
    padding:100px 0;
    background-color: #f7f7f7;
    text-align: center;
}
.index_main .cont5 .tit {
    color:#4a4a4a;
}
.index_main .cont5 .tit h1 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 15px;
}
.index_main .cont5 .tit p {
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 24px;
}
.index_main .cont6 {
    background: url(/img/main-bnr06.jpg) 100%/cover no-repeat;
    text-align: center;
    padding:100px 0 40px;
}
.index_main .cont6 .tit h1 { 
    font-weight: 700;
    font-size:35px;
    color:#fff;
    display: inline-block;
}
.index_main .cont6 .tit h1 > sub {
    display: block;
    border-top:2px solid #fff;
    font-size:16px;
    font-weight: 700;
    padding-top:5px;
}
.index_main .cont6 .cpn-info {
    display: flex;
    justify-content: space-between;
    color:#fff;
    font-size: 18px;
    font-weight: 500;
    padding:65px 0 75px;
}
.index_main .cont6 .cpn-info > li {
    flex:1;
    padding: 0 60px;
}
.index_main .cont6 .cpn-info > li img {
    display: block;
    margin: 0 auto 20px;
}
.index_main .cont6 .cpn-info > li a {
    color:#fff;
}

.index_main .cont6 .inquiry-cs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index_main .cont6 .inquiry-cs > li {
    width: calc(50% - 70px);
    color:#fff;
    font-size: 18px;
    font-weight: 500;
    border-bottom:1px solid rgba(255,255,255,.7);
    text-align: left;
    padding-bottom: 5px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.index_main .cont6 .inquiry-cs > li:last-child {
    width:100%;
    border:none;
    margin:0;
    padding: 0;;
}
.index_main .cont6 .inquiry-cs > li > span {
    display: inline-block;
    width:95px;
}
.index_main .cont6 .inquiry-cs > li > input {
    background: none;
    width: calc(100% - 95px);
    color:#fff;
    vertical-align: baseline;
    outline: transparent!important;
    border-color: transparent!important;
    box-shadow: 0 0 0 transparent!important;
    box-sizing: border-box;
    height: 35px;
}
.index_main .cont6 .inquiry-cs > li > input:hover,
.index_main .cont6 .inquiry-cs > li > input:focus {
    outline: transparent!important;
    border-color: transparent!important;
    box-shadow: 0 0 0 transparent!important;
}
.index_main .cont6 .inquiry-cs > li > textarea {
    background: none;
    border:1px solid rgba(255,255,255,.7);
    display: block;
    width: 100%;
    margin-top:5px;
    box-sizing: border-box;
    outline: transparent!important;
    padding: 10px;
    color:#fff;
    height: 200px;
}
.index_main .cont6 .inquiry-cs > li > textarea:hover,
.index_main .cont6 .inquiry-cs > li > textarea:focus {
    outline: transparent!important;
    box-shadow: 0 0 0 transparent!important;
    border-color: #fff!important;
}
.index_main .cont6 .btn_submit {
    width:110px;
    height: 45px;
    line-height: 45px;
    background:rgba(255,255,255,.7);
    font-size: 18px;
    border-radius: 45px;
    margin: 45px auto 0;
    display: inline-block;
    transition: .2s;
    display: block;
    color:#4a4a4a;
}
.index_main .cont6 button:hover { background-color: #fff; }
.index_main .cont7 { text-align: center; }
#ft {
    padding:50px 0;
    background: #f7f7f7;
}
#ft .f_logo { width: 90px; }
#ft li h6{
    font-size:16px;
    font-weight: 600;
    margin-bottom: 10px;
}
#ft li p{
    font-size:12px;
    line-height: 18px;
}

/* sub */
.sub-board {
    padding: 40px 0;
    min-height: 30vh;
}
@media (max-width: 1300px) {
    .wrap { width:760px; }
    #gnb .gnb_1dli { padding: 0 10px; }
    .goog-te-gadget-simple { margin-left: 25px; }
    .goog-te-gadget-simple { margin-left:30px; }
    .index_main .cont4 li { width:240px; }
    .index_main .cont4 .thm { height: 240px; }
    .index_main .cont4 p { font-size: 14px; line-height: 20px; letter-spacing: -1.5px; }
    .index_main .cont6 .cpn-info > li { padding: 0 20px; }
    #ft li { max-width:200px; }
}
@media (max-width: 768px) {
    .wrap { width:340px; }
    #hd_wrapper > .clear_fix > #logo > a > img { width:60px; }
    #hd_wrapper { height: 60px; }
    #hd_wrapper > .clear_fix { padding: 0 10px; }
    #hd_wrapper > .clear_fix > .m-nav-btn {
        width:20px;
        height: 20px;
        display: block;
        position: relative;
        background: none;
    }
    #hd_wrapper > .clear_fix > .m-nav-btn > span {
        position: absolute;
        top: 0;
        bottom:0;
        margin: auto;
        width:100%;
        height:1px;
        background: rgba(255,255,255,1);
        left:0;
        transition: .2s;
    }
    #hd_wrapper > .clear_fix > .m-nav-btn.active > span {
        background: rgba(255,255,255,0);
    }
    #hd_wrapper > .clear_fix > .m-nav-btn > span:before,
    #hd_wrapper > .clear_fix > .m-nav-btn > span:after{
        content: '';
        display: block;
        width:100%;
        height: 1px;
        position: absolute;
        background:#fff;
        transition: .2s;
    }
    #hd_wrapper > .clear_fix > .m-nav-btn > span:before {
        top:-5px;
    }
    #hd_wrapper > .clear_fix > .m-nav-btn > span:after {
        top:5px;
    }
    #hd_wrapper > .clear_fix > .m-nav-btn.active > span:before {
        transform: rotate(45deg);
        top:0;
    }
    #hd_wrapper > .clear_fix > .m-nav-btn.active > span:after {
        transform: rotate(-45deg);
        top:0;
    }
    #logo img { width: 60px; }
    .index_main [class*="main-cont"] .tit h1 { font-size: 32px; }
    /* .index_main [class*="main-cont"] .tit p { font-size: 14px; } */
    .index_main .main-cont1 { background-position: center; }
    .index_main .main-cont1 .sub-more-cs { display: none; }
    .index_main .main-cont2 .tit { width: 100%; }
    .index_main .cont4 { padding:40px 0; }
    .index_main .cont4 ul { flex-direction: column; }
    .index_main .cont4 ul > li { margin-bottom: 20px; width:100%; }
    .index_main .cont4 ul > li:last-child { margin-bottom: 0; }
    .index_main .cont4 h6 { font-size:20px; margin-bottom:10px; }
    .index_main .cont4 .thm { height: 180px; background-position: center!important; margin-bottom: 15px; }
    .index_main .cont4 .thm > p { font-size: 22px; }
    .index_main .cont5 { padding: 40px 0;}
    .index_main .cont5 .tit h1 { font-size:22px; }
    .index_main .cont5 .tit p { font-size:14px; }
    .index_main .cont6 { padding: 40px 0;}
    .index_main .cont6 .tit h1 { font-size:22px; }
    .index_main .cont6 .tit h1 > sub { font-size: 10px; }
    .index_main .cont6 .cpn-info { flex-direction: column; padding:15px 0 0; font-size: 14px; }
    .index_main .cont6 .cpn-info > li { margin-bottom: 20px; padding: 0; }
    .index_main .cont6 .cpn-info > li img { margin-bottom: 10px; width:10%; }
    .index_main .cont6 .cpn-info > li:last-child { margin-bottom: 0; }
    .index_main .cont6 .inquiry-cs { margin-top:20px; }
    .index_main .cont6 .inquiry-cs > li { width:100%; margin-bottom: 30px; font-size: 18px; }
    .index_main .cont6 .inquiry-cs > li > textarea { height: 150px; }
    .index_main .cont6 button { margin-top:20px;}
    .index_main .cont7 .partners-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    .index_main .cont7 .partners-list > li {
        padding: 6px;
        justify-content: center;
    }
    #ft { padding: 40px 0; }
    /* #ft ul { flex-direction: column; align-items: center; text-align: center; } */
    #ft ul { align-items: flex-start; text-align: left; flex-wrap: wrap; justify-content: flex-start; }
    #ft ul li:first-child { width:100%; max-width: 100%; text-align: center; margin-right: 0; }
    #ft ul li { margin-bottom: 20px; margin-right:10px; max-width: 48%; width: 48%; }
    #ft ul li:nth-child(3) { margin-right: 0; }
    #ft ul li:last-child { margin-bottom: 0; margin-right: 0; }
    #ft ul li img { width:60px; }
    #ft li h6 { font-size:16px; margin-bottom: 10px;} 
    #ft li p { font-size:12px; line-height: 16px;}
}

.txt16 { font-size: 16px; line-height: 20px; font-weight: 500; }
.txt18 { font-size: 18px; line-height: 24px; font-weight: 700; }
.txt20 { font-size: 20px; line-height: 28px; font-weight: 700; }
.txt26 { font-size: 26px; line-height: 34px; font-weight: 700; }

.sub-tit { 
    font-size: 14px;
    font-weight: 500;
    color:#5a5959;
    padding-bottom:10px;
    margin-bottom: 10px; 
}
h3.sub-tit { line-height: 26px; }
.sub-tit > strong {
    font-size:18px;
    font-weight: 700;
    display: block;
}
.sub-tit.underline {
    border-bottom: 2px solid #666666;
    width:40%;
}
/* sub0101 */
.sub0101 .cont01 { padding:80px 0; }
.sub0101 .cont02 { padding-bottom:70px; }
.sub0101 .cont03 { background: #f7f7f7; padding:60px 0 80px; }
.sub0101 .cont03 ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.sub0101 .cont03 ul li {
    margin:65px;
    position: relative;
    text-align: center;
}
.sub0101 .cont03 ul li:last-child { margin-bottom:0; }
.sub0101 .cont03 li .card {
    border:2px solid #28336e;
    width:400px;
    height:200px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#5a5959;
}
.sub0101 .cont03 li .card-tit {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    width: 160px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #28336e;
}
.sub0101 .cont04 { padding:60px 0 120px; }
.sub0101 .cont04 ul { display: flex; justify-content: center; }
.sub0101 .cont04 ul > li {
    margin: 45px;
    text-align: center;
    font-weight: bold;
    color:#373737;
    width:270px;
}
.sub0101 .cont04 ul > li > .circle {
    border-radius: 50%;
    box-shadow: inset 0 0 0px 8px #fff;
    box-sizing: border-box;
    border: 4px solid #28336e;
    width:270px;
    height: 270px;
    margin:0 auto 30px;
    background-position: center;
}
.sub0101 .cont04 ul > li .tit { margin-bottom: 12px; font-size: 18px; }
.sub0101 .cont04 ul > li:nth-child(1) > .circle { background:url(/img/sub0101-ct04-01.png); }
.sub0101 .cont04 ul > li:nth-child(2) > .circle { background:url(/img/sub0101-ct04-02.png); }
.sub0101 .cont04 ul > li:nth-child(3) > .circle { background:url(/img/sub0101-ct04-03.png); }
.sub0101 .cont05 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sub0101 .cont05 > ul > li { width:50%; }
.sub0101 .cont05 > ul > li.right > h4 { width:90%; margin-left:auto; }
.sub0101 .cont05 .icons-cs {
    display: flex;
    justify-content: flex-end;
    text-align: center;
    margin-top: 130px;
}
.sub0101 .cont05 .icons-cs > li { margin:0 20px; }
.sub0101 .cont05 .icons-cs > li > img { margin-bottom: 25px; }
.sub0101 .cont06 { padding:100px 0; }
.sub0101 .cont06 .sub-tit { padding-bottom: 0; }
.sub0101 .cont06 .contents { margin-bottom: 40px; }
.sub0101 .cont06 .contents:last-child { margin-bottom: 0; }
/* sub0201 */
.sub0201 .sub-tit.underline {
    border-bottom: 2px solid #666666;
    width:40%;
}
.sub0201 .cont01 { padding:100px 0; }
.sub0201 .cont01 ul { display: flex; margin: 40px auto 90px; width:1065px; justify-content: space-between ;}
.sub0201 .cont01 ul li { width:308px; }
.sub0201 .cont01 ul li .bg-card { height:416px; padding-left:20px; }
.sub0201 .cont01 ul li .bg-card .tit {
    color:#fff;
    font-size:24px;
    font-weight: 700;
    padding-top: 300px;
    margin-bottom: 5px;
}
.sub0201 .cont01 ul li .bg-card p { color:#fff; font-weight:600; font-size:16px; }
.sub0201 .cont01 ul li:nth-child(1) .bg-card { background: url(/img/sub0201-ct01-01.png) no-repeat; }
.sub0201 .cont01 ul li:nth-child(2) .bg-card { background: url(/img/sub0201-ct01-02.png) no-repeat; }
.sub0201 .cont01 ul li:nth-child(3) .bg-card { background: url(/img/sub0201-ct01-03.png) no-repeat; }
.sub0201 .cont02 { padding:80px 15px 100px; background:#f7f7f7; }
.sub0201 .cont02 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.sub0201 .cont02 li { width:calc(50% - 15px); margin-bottom: 100px; }
.sub0201 .cont02 li:nth-child(3),.sub0201 .cont02 li:nth-child(4) { margin-bottom: 0; }
.sub0201 .cont02 li .card {
    background: #fff;
    border-radius: 30px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:0 20px;
    height: 200px;
}
.sub0201 .cont02 li .card .card_img { position: absolute; top:-50px; left:20px; }
.sub0201 .cont02 li .card h6 { font-size:18px; margin-bottom: 5px; }
.sub0201 .cont02 li .card p { font-size:16px; }
.sub0201 .cont03 { padding:60px 0; }
.sub0201 .cont03 ul { display: flex; justify-content: center; flex-wrap: wrap; }
.sub0201 .cont03 ul li { margin:65px; position: relative; text-align: center; }
.sub0201 .cont03 li .card {
    border:2px solid #28336e;
    width:440px;
    height:250px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#5a5959;
}
.sub0201 .cont03 li .card-tit {
    color:#fff;
    font-size: 26px;
    font-weight: 700;
    display: inline-block;
    width:200px;
    height: 75px;
    line-height: 75px;
    position: absolute;
    top:-38px;
    left:0;
    right:0;
    margin:auto;
    background-color: #28336e;
}
.sub0201 .cont04 { padding:90px 0; background:#f7f7f7; }
.sub0201 .cont04 ul { display: flex; justify-content: space-between; margin: 0 15px; }
.sub0201 .cont04 ul > li {
    text-align: center;
    font-weight: bold;
    color:#373737;
    width:350px;
}
.sub0201 .cont04 ul > li .card {
    background: #fff;
    border-radius: 30px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 20px;
    height: 210px;
    text-align: left;
}
.sub0201 .cont04 li .card .card_img { position: absolute; top: -50px; left: 20px; }
.sub0201 .cont04 li .card h6 { font-size: 18px; margin-bottom: 5px; }
.sub0201 .cont04 li .card p { font-size: 16px; }
.sub0201 .cont05 { padding:100px 0; }
.sub0201 .cont05 .car { padding:100px 0; margin:auto; display: block; }
.sub0201 .cont05 .option { display: flex; flex:1; margin: auto; width:1010px; align-items: center; }
.sub0201 .cont05 .option ul { display: flex; flex-wrap: wrap; margin-left:120px; }
.sub0201 .cont05 .option ul li { width:50%; color:#5a5959; font-size:14px; line-height: 22px; }

/* sub0202 */
.sub0202 h3.sub-tit { margin-bottom: 65px; }
.sub0202 .sub-tit.underline { width: 100%; }
.sub0202 .cont01 { padding:100px 0 0; }
.sub0202 .cont01 .contents { padding-bottom: 100px; }
.sub0202 .cont01 ul li { display: flex; justify-content: space-between; margin-bottom: 80px; }
.sub0202 .cont01 ul li:last-child { margin-bottom: 0; }
.sub0202 .cont01 ul li > div { margin-left: 60px; width: calc(50% - 60px); }
.sub0202 .cont02 { padding:100px 0;}
.sub0202 .cont02 ul { display: flex; justify-content: space-between; margin-top:70px; justify-content: space-between; }
.sub0202 .cont02 ul > li {
    border: 2px solid #d6d6d6;
    box-sizing: border-box;
    width: 30%;
    text-align: left;
}
.sub0202 .cont02 ul > li > div { padding:0 10px; padding-bottom: 30px; }
.sub0202 .cont02 ul > li > img {
    width:100%;
    margin-bottom: 35px;
}
/* sub0301 */
.sub0301 h3.sub-tit {
    margin-bottom: 20px;
}
.sub0301 .sub-tit.underline {
    border-bottom: 2px solid #666666;
    width:40%;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.sub0301 .cont01 { padding:100px 0; }
.sub0301 .cont01 h3.sub-tit { margin-bottom: 40px; }
.sub0301 .cont01 .contents { padding-bottom: 20px; }
.sub0301 .cont02 .contents { padding-bottom: 20px; }
.sub0301 .icons { margin-top:20px; }
.sub0301 .icons > img { margin-bottom: 30px; }
.sub0301 .icons ul { 
    width:50%;
    display: flex;
    flex-wrap: wrap;
    font-size:16px;
    color:#5a5959;
}
.sub0301 .icons ul > li { width:50%; }
.sub0301 .cont02 { padding-bottom:70px; }
.sub0301 .cont02 .icons > img { margin:auto; display: block; margin-bottom: 30px; }
.sub0301 .cont02 ul { width:100%; }
.sub0301 .cont02 ul li { width:auto; padding-right:20px; }
.sub0301 .cont03 { background: #f7f7f7; padding:100px 0; }
.sub0301 .cont03 .contents { padding-bottom: 180px; }
.sub0301 .cont03 .car { display: block; margin: auto; }
.sub0301 .cont03 .icon-list { display: flex; justify-content: space-between; margin:130px 0; }
.sub0301 .cont03 .icon-list > li > img { margin-bottom: 20px; }
.sub0301 .cont03 .card-list { display: flex; justify-content: space-around; }
.sub0301 .cont03 .card-list > li { 
    border:2px solid #15306a; 
    padding:60px 30px; 
    justify-content: center; 
    align-items: center; 
    position: relative; 
    box-sizing: border-box;
    min-width: 420px;
}
.sub0301 .cont03 .card-list > li > h6 {
    width: 170px;
    height: 50px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    background: #15306a;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
}
.sub0301 .cont03 .card-list > li > ul > li {
    font-size:18px;
    color:#5a5959;
    font-weight: 600;
}
.sub0301 .cont04 { padding:100px 0; }
.sub0301 .cont04 .main-img { margin:40px 0 50px; }
.sub0301 .cont04 .icons { margin-bottom: 60px; }
.sub0301 .cont04 .icons h4 { margin-bottom: 20px; }
.sub0301 .cont04 .item-list h4 { margin-bottom: 20px; }
.sub0301 .cont04 .item-list ul { display: flex; justify-content: space-between; flex:1; }
.sub0301 .cont04 .item-list ul li img { display:block; margin: 0 auto 40px; }
@media (max-width: 1300px) {
    .txt18 { font-size: 16px; }
    .txt16 { font-size: 14px; }
    .sub0101 .cont03 ul { justify-content: space-between; }
    .sub0101 .cont03 ul li { margin:30px 0; }
    .sub0101 .cont03 li .card-tit { 
        width: 160px; 
        height: 45px; 
        line-height: 45px; 
        font-size:18px;
        top:-24px;
    }
    .sub0101 .cont03 li .card { width: 360px; height: 200px; }
    .sub0101 .cont04 { padding-bottom: 30px!important; }
    .sub0101 .cont04 ul > li { margin:0; width: 33.3333%; }
    .sub0101 .cont04 ul > li > .circle { width:200px; height:200px; margin-bottom: 30px; }
    .sub0101 .cont04 ul > li .tit { font-size: 20px; }
    .sub0101 .cont05 > ul > li { width:100%; }
    .sub0101 .cont05 > ul > li > img { width: 50%; margin: auto; display: block; }
    .sub0101 .cont05 > ul > li.right { text-align: center; margin:20px auto 0; width:75%; }
    .sub0101 .cont05 > ul > li.right > h4 { margin-right: auto; } 
    .sub0101 .cont05 > ul > li.right > .contents { margin:0 20px; }
    .sub0101 .cont05 .icons-cs { margin-top:50px; }
    .sub0201 .cont01 ul { width: 100%; margin-bottom: 60px; }
    .sub0201 .cont01 ul li { width: 31%; }
    .sub0201 .cont01 ul li .bg-card { height: 372px; background-size: 100%!important; }
    .sub0201 .cont01 ul li .bg-card .tit { padding-top:92%;}
    .sub0201 .cont02 li .card .card_img { top:-35px; }
    .sub0201 .cont02 li .card .card_img img { width:65px; }
    .sub0201 .cont04 ul > li { width:31%; }
    .sub0201 .cont04 li .card .card_img img { width:65px; }
    .sub0201 .cont05 .car { width:100%; }
    .sub0201 .cont05 .option {
        width:100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0;
    }
    .sub0201 .cont05 .option ul { margin-top:40px; }
    .sub0202 .cont01 ul li img { width:50%; }
    .sub0301 .icons ul { width: 100%; }
    .sub0301 .cont03 .contents { padding-bottom: 80px; }
    .sub0301 .cont03 .car { width:100%; }
    .sub0301 .cont03 .card-list > li { min-width: 350px; padding: 60px 50px; }
    .sub0301 .cont03 .icon-list { margin: 100px 0; letter-spacing: -.5px; }
    .sub0301 .cont04 .item-list ul { letter-spacing: -.5px; }
} 
@media (max-width: 768px) {
    .sub0101 .cont01 { padding: 50px 0; }
    .sub0101 .cont02 { padding-bottom: 30px; }
    .sub0101 .sub-tit > strong { font-size:20px; }
    .sub0101 .sub-tit.underline { width: 100%; }
    .sub0101 .cont03 { padding: 40px 0 20px }
    .sub0101 .cont03 ul li { width:100%; }
    .sub0101 .cont03 ul li .card { width:100%; height: 150px; }
    .sub0101 .cont04 { padding:30px 0 60px; }
    .sub0101 .cont04 ul { flex-wrap: wrap; }
    .sub0101 .cont04 ul > li { width: 100%; }
    .sub0101 .cont04 ul > li .txt18 { margin-bottom: 20px; }
    .sub0101 .cont05 > ul > li > img { width:100%; }
    .sub0101 .cont05 > ul > li.right { width: 100%; text-align: left!important;}
    .sub0101 .cont05 .icons-cs { justify-content: center; }
    .sub0101 .cont06 { padding: 50px 0; }
    .sub0201 .sub-tit > strong { font-size:20px; }
    .sub0201 .cont01 { padding: 40px 0; }
    .sub0201 .sub-tit { margin-bottom: 25px; font-size:18px; }
    .sub0202 .sub-tit > strong { font-size:20px; }
    .sub0201 .cont01 ul { flex-wrap: wrap; width:70%; margin-bottom: 25px; }
    .sub0201 .cont01 ul li { width:100%; }
    .sub0201 .cont01 ul li .bg-card { height: 325px; margin-bottom: 10px; }
    .sub0201 .cont01 .contents { padding-bottom: 50px; }
    .sub0201 .sub-tit.underline { width:100%; }
    .sub0201 .cont02 { padding:40px 15px 50px; }
    .sub0201 .cont02 li { width:100%; margin-bottom: 55px; }
    .sub0201 .cont02 li:nth-child(3) { margin-bottom: 55px; }
    .sub0201 .cont02 li .card .card_img { top:-25px; }
    .sub0201 .cont02 li .card .card_img img { width:50px; }
    .sub0201 .cont04 { padding:40px 0;}
    .sub0201 .cont04 ul { flex-direction: column; }
    .sub0201 .cont04 ul > li { width:100%; height: 180px; margin-bottom: 80px; }
    .sub0201 .cont04 ul > li:last-child { margin-bottom: 0;}
    .sub0201 .cont04 ul > li .card { height: 195px; }
    .sub0201 .cont04 li .card .card_img { top:-30px; }
    .sub0201 .cont05 .option img { width: 100%; }
    .sub0201 .cont05 { padding: 40px 0;}
    .sub0201 .cont05 .option ul { margin:20px 0 0;}
    .sub0201 .cont05 .option ul li { width: 100%; }
    .sub0202 .cont01 { padding:50px 0; }
    .sub0202 h3.sub-tit { margin-bottom:20px; }
    .sub0202 .cont01 .contents { padding-bottom: 0px; }
    .sub0202 .cont01 ul li { flex-wrap: wrap; margin-bottom: 40px; }
    .sub0202 .cont01 ul li img { width:100%; }
    .sub0202 .cont01 ul li > div { width:100%; margin-left:0; margin-top:10px; }
    .sub0202 .cont02 { padding:60px 0; }
    .sub0202 .cont02 ul { margin-top:40px; flex-wrap: wrap; }
    .sub0202 .cont02 ul li { width:100%; margin-bottom:20px; }
    .sub0202 .cont02 ul > li > img { margin-bottom: 20px; }
    .sub0202 .cont02 ul li:last-child { margin-bottom: 0; }
    .sub0301 .cont01 { padding: 50px 0; }
    .sub0301 .sub-tit.underline { width: 100%; }
    .sub0301 .cont01 img { width:100%; }
    .sub0301 .icons ul { width:100%; }
    .sub0301 .icons ul > li { width: 100%; }
    .sub0301 .cont02 { padding-bottom:40px; }
    .sub0301 .cont03 .car { width:100%; }
    .sub0301 .cont03 .card-list { flex-direction: column; }
    .sub0301 .cont03 .card-list > li { min-width: 100%; padding: 30px; margin-bottom: 40px; }
    .sub0301 .cont03 .card-list > li:last-child { margin-bottom: 0; }
    .sub0301 .cont03 .card-list > li > h6 { font-size:18px; height: 45px; line-height: 45px; top:-25px; }
    .sub0301 .cont03 .card-list > li > ul > li { padding: 0; font-size:16px; }
    .sub0301 .icons > img { width:100%; }
    .sub0301 .cont03 { padding:40px 0; }
    .sub0301 .cont03 .contents { padding-bottom: 60px; }
    .sub0301 .cont03 .icon-list { flex-direction: column; margin:50px 0; }
    .sub0301 .cont03 .icon-list li { margin-bottom: 15px; }
    .sub0301 .cont03 .icon-list img { display: block; margin: auto; }
    .sub0301 .cont04 { padding:40px 0; }
    .sub0301 .cont04 .item-list ul { flex-direction: column; }
    .sub0301 .cont04 .item-list ul img { display: block; margin: auto; }
    .sub0301 .cont04 .icons { margin:0 0 30px; }
    .sub0301 .cont04 .item-list ul li { margin-bottom: 10px; }
    .sub0301 .cont04 .item-list ul li:first-child img { margin-top:0; }
    .sub0301 .cont04 .item-list ul li img { margin: 40px auto 20px; }
}