.subcon {
    padding: 100px 0 0;
}

.subcon .subwrap {
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
}

.submain._product .tit .bg .max {
    background-image: url(/img/productBg.jpg);
}

/* product */
.pdt .subcon {}

.pdt .tabcon .tabbox .pdt_tab {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdt .tabcon .tabbox .pdt_tab li {
    cursor: pointer;
    font-size: 18px;
    color: #999;
    border-bottom: 2px solid #999;
    margin-right: 50px;
    padding-bottom: 10px;
    transition: 0.3s;
}

.pdt .tabcon .tabbox .pdt_tab li:last-child {
    margin-right: 0;
}

.pdt .tabcon .tabbox .pdt_tab li.on {
    color: #c62125;
    border-bottom: 2px solid #c62125;
    font-weight: 600;
}

.pdt .tabcon .pdt_main {}

.pdt .tabcon .pdt_main::before {
    content: "";
    display: block;
    width: 3px;
    height: 50px;
    background-color: #c62125;
    margin: 35px auto 20px;
}

.pdt .tabcon .pdt_main .maintxt {
    display: none;
}

.pdt .tabcon .pdt_main .maintxt.on {
    display: block;
}

.pdt .tabcon .pdt_main .maintxt .subwrap>strong {
    display: block;
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 55px;
}

.pdt .tabcon .pdt_main .flexbox {
    display: flex;
    margin-bottom: 80px;
}

/* .pdt .tabcon .pdt_main .flexbox .txtbox{margin-bottom: 30px;} */
.pdt .tabcon .pdt_main .flexbox .lef_txt {
    flex: 1;
    margin-top: 18%;
}

.pdt .tabcon .pdt_main .flexbox .lef_txt .txtbox:nth-of-type(2) {
    margin-top: 50px;
}

.pdt .tabcon .pdt_main .flexbox .imgbox {
    background-repeat: no-repeat;
    background-position: center;
    flex: 1;
    margin: 0 32px;
}

.pdt .tabcon .pdt_main .flexbox .imgbox.pc_ img {
    border: 1px solid #ccc;
    border-radius: 200px;
}

/* .pdt .tabcon .pdt_main .flexbox .imgbox::after{content: ""; display: block; padding-bottom: calc(663/377 * 100%);} */
.pdt .tabcon .pdt_main .flexbox .rig_txt {
    flex: 1;
    margin-top: 8%;
}

.pdt .tabcon .pdt_main .flexbox .txtbox>.titbox>span {
    font-size: 18px;
    color: #fff;
    background-color: #c62125;
    display: block;
    padding: 10px;
    position: relative;
}

.pdt .tabcon .pdt_main .flexbox .txtbox>.titbox>span img {
    position: absolute;
    right: -50px;
    top: -115px;
}

.pdt .tabcon .pdt_main .flexbox .txtbox>.titbox>span img.line02 {
    left: -65px;
    top: auto;
}

.pdt .tabcon .pdt_main .flexbox .txtbox ul {
    box-shadow: 3px 3px 10px #eee;
    padding: 0 20px;
    background-color: #fff;
}

.pdt .tabcon .pdt_main .flexbox .txtbox ul li {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.pdt .tabcon .pdt_main .flexbox .txtbox ul li img {
    vertical-align: top;
    transform: translateY(4px);
}

.pdt .tabcon .pdt_main .flexbox .txtbox ul li strong {
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 8px;
}

/* .pdt .tabcon .pdt_main .flexbox .txtbox ul li strong::before{content: ""; display: inline-block; width: 14px; height: 12px; background: url('/img/checkbox_icon.png') no-repeat; margin-right: 8px;} */
.pdt .tabcon .pdt_main .flexbox .txtbox ul li strong span {
    font-weight: 600;
}

.pdt .tabcon .pdt_main .flexbox .txtbox ul li p {
    margin-left: 22px;
    line-height: 1.5;
}

.pdt .tabcon .pdt_main .slidebox {
    background: url('/img/sp5000_bg.jpg') no-repeat;
    background-size: cover;
    text-align: center;
    padding: 100px 30px;
}

.pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .flexbox {
    position: relative;
}

.pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .flexbox .txtbox {
    position: absolute;
    width: 35%;
}

.pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .lef_txt {
    margin-top: 0;
    margin-right: 20px;
}

.pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .lef_txt .txtbox:nth-of-type(1) {
    top: 19%;
    left: -3%;
}

.pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .lef_txt .txtbox:nth-of-type(2) {
    top: 70%;
    left: -3%;
}

.pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .rig_txt {
    margin-top: 0;
}

.pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .rig_txt .txtbox:nth-of-type(1) {
    top: 12%;
}

.pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .rig_txt .txtbox:nth-of-type(2) {
    top: 58%;
}

.pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .rig_txt .txtbox:nth-of-type(3) {
    top: 87%;
    right: -18px;
    ;
}

.slidebox {
    background: url('/img/sp5000_bg.jpg');
    padding: 100px 0;
}

.slidebox .subwrap {
    position: relative;
}

.slidebox .subwrap strong {
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: 30px;
    font-size: 25px;
}

.slidebox .subwrap .sp_slide ul li {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    height: 253px;
    position: relative;
    transition: 0.3s;
}

.slidebox .subwrap .sp_slide ul li::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    background-color: #c62125;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: 0.3s;
}

.slidebox .subwrap .sp_slide ul li:hover {
    border: 1px solid #c62125;
}

.slidebox .subwrap .sp_slide ul li:hover::after {
    height: 100%;
}

.slidebox .subwrap .sp_slide ul li img {
    margin-bottom: 30px;
}

.slidebox .subwrap .sp_slide ul li span {
    line-height: 1.3;
    transition: 0.3s;
}

.slidebox .subwrap .sp_slide ul li .overtxt {
    display: none;
    transition: 0.3s;
}

.slidebox .subwrap .sp_slide ul li .overtxt p {
    line-height: 1.3;
}

.slidebox .subwrap .sp_slide ul li:hover span {
    display: none;
}

.slidebox .subwrap .sp_slide ul li:hover .overtxt {
    display: block;
}

.slidebox .subwrap .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -85px;
    top: 55%;
    bottom: 30%;
    background-image: url('/img/next_arrow.png');
    background-position: center;
    background-size: auto;
    background-color: #fff;
    width: 54px;
    height: 54px;
}

.slidebox .subwrap .swiper-button-prev {
    left: -85px;
    top: 55%;
    bottom: 30%;
    background-image: url('/img/prev_arrow.png');
    background-position: center;
    background-size: auto;
    background-color: #fff;
    width: 54px;
    height: 54px;
}

.pdt02 .top {
    text-align: center;
    margin-bottom: 50px;
}

.pdt02 .top dl {
    margin-bottom: 30px;
}

.pdt02 .top dl dt {
    font-size: 35px;
}

.pdt02 .top dl dt span {
    font-weight: 600;
}

.pdt02 .top dl dd {
    font-size: 20px;
    margin-top: 15px;
}

.pdt02 .bot {
    background-color: #f7f7f7;
    padding: 100px 35px;
}

.pdt02 .bot ul {
    display: flex;
}

.pdt02 .bot ul li {
    width: calc(99.9%/4 - 105px/4);
    margin-right: 35px;
    position: relative;
}

.pdt02 .bot ul li::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 5px solid #c62125;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    opacity: 0;
    transition: 0.3s;
}

.pdt02 .bot ul li:last-child {
    margin-right: 0;
}

.pdt02 .bot ul li figure {
    overflow: hidden;
}

.pdt02 .bot ul li figure img {
    transition: 0.5s;
}

.pdt02 .bot ul li img {
    width: 100%;
}

.pdt02 .bot ul li .text {
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.pdt02 .bot ul li .text p {
    line-height: 1.3;
    font-weight: 300;
}

.pdt02 .bot ul li:hover::after {
    opacity: 1;
}

.pdt02 .bot ul li:hover figure img {
    transform: scale(1.1);
}

@media screen and (max-width: 1000px) {
    .pdt .tabcon .tabbox .pdt_tab li {
        font-size: 14px;
        margin-right: 30px;
    }

    .pdt02.subcon {
        padding-top: 60px;
    }

    .pdt02 .bot ul {
        flex-wrap: wrap;
    }

    .pdt02 .bot ul li {
        width: calc(99.9%/2 - 20px/2);
        margin-right: 20px;
    }

    .pdt02 .bot ul li:nth-child(2n) {
        margin-right: 0;
    }

    .pdt02 .bot ul li:nth-child(-n+2) {
        margin-bottom: 20px;
    }

    .pdt02 .bot ul li .text {
        left: 7px;
        padding: 0 10px;
    }

    .pdt02 .bot ul li .text p {
        font-size: 14px;
    }

    .pdt02 .bot ul li .text p br {
        display: none;
    }

    .pdt .tabcon .pdt_main .maintxt .subwrap>strong {
        margin-bottom: 30px;
        font-size: 25px;
    }

    .slidebox .subwrap .sp_slide ul li {
        border: 1px solid #fff;
    }
    .slidebox .subwrap .sp_slide ul li:hover{
        border: 1px solid #fff;
    }
    .slidebox .subwrap .sp_slide ul li::after{
        background-color: transparent;
    }
    .slidebox .subwrap .sp_slide ul li span {
        font-size: 14px;
    }

    .slidebox .subwrap .sp_slide ul li::after {
        height: 100%;
    }

    .slidebox .subwrap .sp_slide ul li span {
        display: none;
    }

    .slidebox .subwrap .sp_slide ul li .overtxt {
        display: block;
    }

    .slidebox .subwrap .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        width: 30px;
        height: 30px;
        right: -40px;
        top: 60%;
    }

    .slidebox .subwrap .swiper-button-prev {
        width: 30px;
        height: 30px;
        left: -40px;
        top: 60%;
    }

    .pdt02 .top dl dt {
        font-size: 25px;
    }

    .pdt02 .top dl dd {
        font-size: 14px;
        line-height: 1.3;
    }

    .pdt02 .bot {
        padding: 55px 35px;
    }
}

@media screen and (max-width: 500px) {
    .pdt .tabcon .tabbox .pdt_tab li {
        margin-right: 11px;
        font-size: 13px;
    }

    .pdt02 .bot ul li figure {
        position: relative;
    }

    .pdt02 .bot ul li figure::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.3);
    }
}

/* member */
.mb.subcon {
    padding-bottom: 100px;
}

.submain.member .tit .bg .max {
    background-image: url('/img/memberBg.jpg');
}

.mb .subwrap .search-input {
    cursor: pointer;
    width: 100%;
    top: -20px;
    /* float: right; */
    position: relative;
    /* right: 0px;*/
}
.mb .subwrap .search-input::after{
    clear: both;
    content: "";
    display: block;
}
.arrow{
    position: absolute;
    top: 17px;
    right: 40px;
}
.mb .subwrap .mapflex .mapinforbox {
    margin-left: auto;
    width: 100%;
}

.mb .subwrap .mapflex .mapinfor {
    margin-left: auto;
    margin-bottom: 70px;
}
.line {
    width: 100%;
    height: 1px;
    background-color: #f0f0f0;
    margin-top: 20px;
}
.numPoint {
    font-weight: bold;
    color: #aeaeae;
}
.mb .subwrap .mapflex .mapinfor strong {
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.mb .subwrap .mapflex .mapinfor .listwrap {
    border-top: 2px solid #000;
}
.mapinput h2 {
    margin-bottom: 15px;
}
.mapinput p {
    margin-bottom: 57.5px;
}
.search-input select {
    position: relative;
    width: 160px;
    height: 40px;
    margin-right: 20px;
    border-radius: 20px;
    padding-left: 15px;
    border: none;
    background-color: #f0f0f0;
    float: right;
}
.mb .subwrap .mapflex .mapinfor .listwrap .liList>.plist {
    position: relative;
    padding: 20px 15px;
    cursor: pointer;
    border-bottom: 1px solid #d9d9d9;
}

.mb .subwrap .mapflex .mapinfor .listwrap .liList>.plist.on {
    font-weight: 600;
}

.mb .subwrap .mapflex .mapinfor .listwrap .liList>.plist i {
    background: url('/img/mb_plus_icon.png') no-repeat;
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: cover;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.mb .subwrap .mapflex .mapinfor .listwrap .liList>.plist.on i {
    background-image: url('/img/mb_minus_icon.png');
    width: 24px;
    height: 2px;
    background-position: center;
}

.mb .subwrap .mapflex .mapinfor .listwrap .liList {
    border-bottom: solid 1px #f1f1f1;
    padding: 25px 0px;
    /* display: none; */
    text-align: center;
}

.mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth.on {
    display: block;
}

.mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li {
        /* display: flex; */
    /* align-items: center; */
    display: inline-block;
    /* margin-bottom: 16px; */
    width: 33%;
}
.mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:first-child{
    text-align: start;
    padding-left: 20px;
}
.mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:nth-child(2){
    text-align: center;
}
.mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:last-child {
    margin-bottom: 0;
    /* float: right; */
    text-align: end;
    padding-right: 20px;
}

.mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li img {
    margin-right: 10px;
}

.mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li p a {
    color: #c62125;
    border-bottom: 1px solid #c62125;
    font-weight: 500;
}
.mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li p span{
    vertical-align: text-top;
}
.mb .subwrap .mapflex .mapinfor .edupage .page {
    justify-content: center;
}

@media screen and (max-width: 1000px) {
    .mb .subwrap .searchbox {
        font-size: 14px;
    }

    .mb .subwrap .searchbox select {
        padding: 15px 7px;
    }

    .mb .subwrap .mapflex {
        display: block;
    }

    .mb .subwrap .mapflex .map {
        text-align: center;
        margin-bottom: 50px;
    }

    .mb .subwrap .mapflex .mapinfor {
        width: 100%;
    }
    .mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:first-child{
        width: 25%;
        padding-left: 0px;
    }
    .mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:nth-child(2){
        width: 30%;
        text-align: center;
    }
    .mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:last-child {
        width: 42%;
    }
}

@media screen and (max-width: 768px) {
    .mb .subwrap .searchbox {
        display: block;
    }

    .mb .subwrap .searchbox .slbox select {
        flex: 1;
    }

    .mb .subwrap .searchbox .slbox select:last-child {
        margin-right: 0;
    }

    .mb .subwrap .searchbox input {
        width: 100%;
        margin-top: 10px;
    }
    .mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:first-child{
        padding-left: 0px;
        text-align: center;
    }
    .mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:last-child{
        padding-right: 0px;
        text-align: center;
    }
    .mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li{
        height: 30px;
        line-height: 30px;
    }
    .mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:first-child{
        width: 100%;
        padding-left: 0px;
    }
    .mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:nth-child(2){
        width: 100%;
        text-align: center;
    }
    .mb .subwrap .mapflex .mapinfor .listwrap .liList .m_depth>li:last-child {
        width: 100%;
    }
    
}

/* 1:1문의 */
.edu .topbar {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.edu .topbar strong {
    font-size: 25px;
}

.edu .topbar .searchbox {
    font-size: 14px;
}

.edu .topbar .searchbox select {
    outline: none;
    border-radius: 30px;
    padding: 20px 10px;
    width: 145px;
    border: 1px solid #000;
    margin-right: 10px;
    background-image: url('/img/select_arrow.png');
    background-repeat: no-repeat;
    background-position: 82%;
}

.edu .topbar .searchbox input {
    outline: none;
    border-radius: 30px;
    padding: 15px 10px;
    width: 300px;
    border: 1px solid #000;
    background-image: url('/img/search_icon.png');
    background-repeat: no-repeat;
    background-position: 97%;
}

.edu .inqlist table {
    width: 100%;
    border-top: 2px solid #555;
    margin-bottom: 20px;
}

.edu .inqlist table tr {
    border-bottom: 1px solid #eee;
    text-align: center;
}

.edu .inqlist table tr th {
    padding: 20px 10px;
}

.edu .inqlist table tr .title {
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.edu .inqlist table tr .title img {
    margin-left: 10px;
}

.edu .inqlist table tr .title a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.edu .inqlist table tr td {
    padding: 20px 10px;
    color: #666;
}

.edu .inqlist table tr .lasttd,
.edu .inqlist table tr .lasttd_ {
    font-size: 14px;
}

.edu .inqlist table tr .lasttd_ span {
    color: #b6b6b6;
    border: 1px solid #b6b6b6;
    border-radius: 5px;
    display: block;
    padding: 5px;
}

.edu .inqlist table tr .lasttd span {
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    display: block;
    padding: 5px;
}

.edu .inqlist .applybtn {
    background-color: #c62125;
    font-size: 16px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    outline: none;
    border: none;
    margin-left: auto;
    display: block;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .edu .topbar .searchbox select {
        width: 85px;
        padding: 10px;
        margin-right: 7px;
    }

    .edu .topbar .searchbox input {
        padding: 7px;
        width: 200px;
        background-size: 14%;
    }

    .num_ {
        display: none;
    }

    .edu .inqlist table tr {
        font-size: 13px;
    }

    .edu .inqlist table tr th.num_,
    .edu .inqlist table tr td.num_ {
        display: none;
    }

    .edu .inqlist table tr th {
        font-size: 14px;
    }

    .edu .inqlist table tr td {
        padding: 20px 5px;
    }

    .edu .inqlist table tr .lasttd,
    .edu .inqlist table tr .lasttd_ {
        font-size: 13px;
    }

    .edu .inqlist .applybtn {
        width: 95px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {

    /* .edu .inqlist table colgroup{display: none;} */
    .edu .inqlist table colgroup .col_1 {
        width: 50px
    }

    .edu .inqlist table colgroup .col_2 {
        width: 105px
    }

    .edu .inqlist table colgroup .col_3 {
        width: 80px
    }

    .edu .inqlist table colgroup .col_4 {
        width: 77px
    }

    .edu .inqlist table {
        table-layout: fixed;
    }

    .edu .topbar {
        display: block;
    }

    .edu .topbar strong {
        display: block;
        margin-bottom: 15px;
    }

    .edu .topbar .searchbox {
        display: flex;
    }

    .edu .topbar .searchbox select {
        width: auto;
        flex: 1.5;
    }

    .edu .topbar .searchbox input {
        width: auto;
        flex: 2;
        background-size: 11%;
    }
}

/* 1:1 문의하기 페이지 */
.viewwrap .catelist {
    display: flex;
    font-size: 18px;
    margin-bottom: 30px;
}

.viewwrap .catelist li {
    margin-right: 15px;
}

.viewwrap .catelist li input {
    width: 25px;
    height: 25px;
    vertical-align: sub;
    position: relative;
}

.viewwrap .catelist li input::after {
    content: "";
    width: 25px;
    height: 25px;
    background-color: #c62125;
    position: absolute;
    border-radius: 50%;
    background-image: url('/img/check_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.viewwrap .catelist li input[type='radio']:checked::after {
    display: block;
}

.viewwrap .inforlist {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.viewwrap .inforlist li {
    width: calc(99.9%/4 - 75px/4);
    margin-right: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}

.viewwrap .inforlist li:nth-of-type(4),
.viewwrap .inforlist li:last-child {
    margin-right: 0;
}

.viewwrap .inforlist li:nth-of-type(5) {
    flex: 3;
}

.viewwrap .inforlist li:nth-child(-n+4) {
    margin-bottom: 45px;
}

.viewwrap .inforlist li label {
    margin-right: 30px;
    position: relative;
}

.viewwrap .inforlist li label::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
}

.viewwrap .inforlist li input {
    outline: none;
    border: none;
    width: 100%;
}

.viewwrap textarea {
    resize: none;
    width: 100%;
    max-height: 250px;
    height: 250px;
    outline: none;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 16px;
    padding: 30px;
}

.viewwrap .s_agreebox {
    margin: 25px 0 45px;
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    align-items: center;
    background-color: #f6f6f6;
}

.viewwrap .s_agreebox .lef {
    display: flex;
    align-items: center;
}

.viewwrap .s_agreebox .lef input[type="checkbox"]:checked {
    background-image: url(/img/check_icon.png);
    background-color: #c62125;
    background-repeat: no-repeat;
    background-position: center;
}

.viewwrap .s_agreebox .lef input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    appearance: none;
    border: 1px solid #ccc;
    transition: 0.2s;
    padding: 13px;
    margin-right: 10px;
    cursor: pointer;
}

.viewwrap .s_agreebox .lef p {
    color: #666;
}

.viewwrap .s_agreebox .lef p span {
    color: #000;
    font-weight: 500;
}

.viewwrap .s_agreebox .s_open {
    font-size: 16px;
    color: #666;
    border: 1px solid #666;
    cursor: pointer;
    padding: 5px 10px;
    box-sizing: border-box;
}

.viewwrap .btnbox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.viewwrap .btnbox button,
.viewwrap .btnbox a {
    width: 175px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    outline: none;
    border: none;
    background-color: #c62125;
}

.viewwrap .btnbox .cancellbtn {
    margin-right: 20px;
    color: #444;
    background-color: transparent;
    border: 1px solid #444;
}

.viewwrap .btnbox .registbtn {
    color: #fff;
}

.pwpop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.pwpop .pwpopbg {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}

.pwpop .pwpopin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 725px;
    width: 90%;
    height: 310px;
    background-color: #Fff;
    padding: 20px;
}

.pwpop .pwpopin .pwwrap {
    background-color: #f4f4f4;
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 10%;
    flex-direction: column;
}

.pwpop .pwpopin .pwwrap .tit01 {
    font-size: 23px;
    font-weight: 600;
}

.pwpop .pwpopin .pwwrap .tit02 {
    color: #999;
    font-size: 16px;
    line-height: 1.3;
    margin: 10px 0 20px;
}

.pwpop .pwpopin .pwwrap .boxwrap {
    font-size: 16px;
    display: flex;
}

.pwpop .pwpopin .pwwrap .boxwrap .btnlist {
    display: flex;
}

.pwpop .pwpopin .pwwrap .boxwrap input,
.pwpop .pwpopin .pwwrap .boxwrap button {
    outline: none;
    border: none;
}

.pwpop .pwpopin .pwwrap .boxwrap input {
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.pwpop .pwpopin .pwwrap .boxwrap .btn_01 {
    margin: 0 10px;
    background-color: #000;
    color: #fff;
    width: 65px;
    display: block;
}

.pwpop .pwpopin .pwwrap .boxwrap .btn_02 {
    background-color: #bfbfbf;
    width: 65px;
}

@media screen and (max-width: 1000px) {
    .viewwrap .catelist {
        font-size: 14px;
    }

    .viewwrap .catelist li {
        margin-right: 10px;
    }

    .viewwrap .catelist li input {
        width: 20px;
        height: 20px;
    }

    .viewwrap .catelist li input::after {
        width: 20px;
        height: 20px;
    }

    .viewwrap .inforlist li {
        width: calc(99.9%/2 - 20px/2);
        margin-right: 20px;
        font-size: 13px;
    }

    .viewwrap .inforlist li:nth-child(-n+4) {
        margin-bottom: 20px;
    }

    .viewwrap .inforlist li:nth-child(2n) {
        margin-right: 0;
    }

    .viewwrap .inforlist li label {
        margin-right: 18px;
    }

    .viewwrap .inforlist li label::after {
        margin-left: 5px;
    }

    .viewwrap .s_agreebox {
        padding: 15px;
    }

    .viewwrap .s_agreebox .lef input[type="checkbox"] {
        width: 15px;
        height: 15px;
        padding: 7px;
    }

    .viewwrap .s_agreebox .lef input[type="checkbox"]:checked {
        background-size: 60%;
    }

    .viewwrap .s_agreebox .lef p {
        font-size: 14px;
    }

    .viewwrap .s_agreebox .s_open {
        font-size: 13px;
        padding: 5px;
    }

    .viewwrap .btnbox {
        font-size: 13px;
    }

    .viewwrap .btnbox button,
    .viewwrap .btnbox a {
        width: 100px;
        height: 40px;
        line-height: 40px;
    }

    .pwpop .pwpopin .pwwrap {
        padding: 6%;
    }

    .pwpop .pwpopin .pwwrap .tit01 {
        font-size: 16px;
    }

    .pwpop .pwpopin .pwwrap .tit02 {
        font-size: 13px;
    }

    .pwpop .pwpopin .pwwrap .boxwrap {
        font-size: 13px;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 500px) {
    .pwpop .pwpopin .pwwrap .boxwrap {
        display: block;
    }

    .pwpop .pwpopin .pwwrap .boxwrap input {
        margin-bottom: 10px;
        width: 100%;
    }

    .pwpop .pwpopin .pwwrap .boxwrap .btn_01 {
        margin: 0;
        margin-right: 10px;
    }

    .pwpop .pwpopin .pwwrap .boxwrap .btnlist button {
        flex: 1;
        height: 30px;
    }
}

/* 공지사항 */
.inqlist .all {
    font-size: 16px;
    display: block;
    margin-bottom: 25px;
    font-weight: 600;
}

.edu .inqlist.downlist table .title {
    display: table-cell;
    cursor: auto;
}

.inqlist.downlist table .title p {
    color: #000;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.inqlist.downlist table tr {
    transition: 0.3s;
}

.inqlist.downlist table tr .downbtn a {
    display: block;
    background-color: #c62125;
    color: #fff;
    padding: 10px 0;
}

.inqlist.downlist table tr .downbtn a img {
    vertical-align: middle;
    margin-right: 5px;
}

.edu.downloadbox .con-wrap .sch-wrap {
    margin-top: 50px;
}

.edu.downloadbox .con-wrap .sch-wrap .edupage {
    margin-top: 0;
}

.inqlist.downlist table tr:hover {
    background-color: #f6f6f6;
}

@media screen and (max-width: 500px) {
    .inqlist.downlist table tr .downbtn a {
        padding: 7px 0;
    }

    .inqlist.downlist table tr .downbtn a img {
        width: 15%;
        margin-right: 3px;
    }
}

/* 공지사항 내용 */
.notice-top{text-align: center;}
.notice-top h3{font-size: 21px; line-height: 1.8;}
.notice-top p{font-family: 'Poppins', sans-serif; font-weight: 300;margin-bottom: 50px;margin-top: 10px;}
.notice-line{width: 100%; height: 1px; background-color: #eee; margin-bottom: 50px;}
.notice-content{width: 78%;margin: 0 auto;}
/* faq */
.inqlist.faqlist>ul>li {
    border: 1px solid #ccc;
    padding: 0 20px;
    margin-bottom: 20px;
}

.inqlist.faqlist>ul>li:last-child {
    margin-bottom: 0;
}

.inqlist.faqlist>ul>li .clickbtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 20px 0;
    transition: 0.3s;
}

.inqlist.faqlist>ul>li .clickbtn .lef {
    display: flex;
    align-items: center;
}

.inqlist.faqlist>ul>li .clickbtn .lef p {
    margin-left: 8px;
}

.inqlist.faqlist>ul>li .clickbtn i {
    width: 14px;
    height: 11px;
    background: url('/img/faq_arrow.png') no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.3s;
}

.inqlist.faqlist>ul>li .clickbtn span {
    font-size: 23px;
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    width: 57px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    font-family: 'Poppins';
}

.inqlist.faqlist>ul>li .clickbtn.on i {
    background-image: url('/img/mb_minus_icon.png');
    width: 24px;
    height: 2px;
}

.inqlist.faqlist>ul>li .faqdep {
    padding: 20px 0 20px;
    border-top: 1px solid #ccc;
    display: none;
}

.inqlist.faqlist>ul>li .faqdep.on {
    display: block;
}

.inqlist.faqlist>ul>li .faqdep li {
    margin-bottom: 15px;
}

.inqlist.faqlist>ul>li .faqdep li:last-child {
    margin-bottom: 0;
}

.inqlist.faqlist>ul>li .faqdep li dl {
    display: flex;
    align-items: center;
}

.inqlist.faqlist>ul>li .faqdep li dl dt {
    background-color: #c62125;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    margin-right: 10px;
}

.edu .con-wrap .sch-wrap {
    margin-top: 50px;
}

.edu .con-wrap .sch-wrap .edupage{margin-top: 0;}

@media screen and (max-width: 768px) {
    .inqlist.faqlist>ul>li .clickbtn .lef {
        align-items: flex-start;
    }

    .inqlist.faqlist>ul>li {
        padding: 0 8px;
    }

    .inqlist.faqlist>ul>li .clickbtn .lef p {
        font-size: 14px;
        width: 85%;
        line-height: 1.3;
    }

    .inqlist.faqlist>ul>li .clickbtn span {
        width: 25px;
        height: 25px;
        line-height: 22px;
        font-size: 15px;
    }

    .inqlist.faqlist>ul>li .faqdep li dl {
        align-items: flex-start;
    }

    .inqlist.faqlist>ul>li .faqdep li dl dt {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 13px;
    }

    .inqlist.faqlist>ul>li .faqdep li dl dd {
        font-size: 13px;
        flex: 2;
        line-height: 1.3;
    }

    .inqlist.faqlist>ul>li .clickbtn i {
        background-size: 70%;
    }
}

/* 오토플렉스 */
.autoflex .se01{
    display: flex;
    margin-top: 70px;
}
.autoflex .se01 .txt{
    width: 50%;
}
.autoflex .se01 .image-wrap{
    width: 50%;
}
.autoflex .se01 .image-wrap img{
    float: right;
}
.autoflex .se01 .txt ul {
    border-top: 1px solid #ccc;
    width: 80%;
    padding-top: 27px;
    margin-top: 27px;
}
.autoflex .se01 .txt ul li {
    margin-bottom: 23px;
    font-size: 18px;
}

.autoflex .se01 .txt ul li:last-child {
    margin-bottom: 0;
}

.autoflex .se01 .txt ul li img {
    vertical-align: middle;
    margin-right: 13px;
}

.sp-soft.autoflex .se01 .txt ul li a {
    color: #c62125;
    border-bottom: 1px solid #c62125;
}

/* .sp-soft.autoflex .se01 .image-wrap{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/img/autoflex_se02.png');
} */

.sp-soft.autoflex .se02 .slide-wrap .slide .img1 {
    background-image: url('/img/autoflex_se02_1-1.png');
}

.sp-soft.autoflex .se02 .slide-wrap .slide .img2 {
    background-image: url('/img/autoflex_se02_1-2.png');
}

.sp-soft.autoflex .se02 .slide-wrap .slide .img3 {
    background-image: url('/img/autoflex_se02_1-3.png');
}

.sp-soft.autoflex .se02 .slidetxt dl dt {
    font-size: 18px;
    color: #9a9a9a;
    margin-bottom: 10px;
}

.sp-soft.autoflex .se02 .slidetxt dl dd {
    font-size: 30px;
    font-weight: 500;
}

.sp-soft.autoflex .se02 .slidetxt p {
    font-size: 18px;
    color: #777;
    font-weight: 600;
    margin-top: 70px;
}

.sp-soft.autoflex .se02 .slidetxt .slideDot {
    margin-top: 88px;
}

@media screen and (max-width: 768px) {
    .sp-soft .se01 .image-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .sp-soft.autoflex .se01 .txt ul {
        width: 100%;
    }

    .sp-soft.autoflex .se01 .txt ul li {
        font-size: 16px;
    }

    .sp-soft.autoflex .se02 .slidetxt dl dt {
        font-size: 14px;
    }

    .sp-soft.autoflex .se02 .slidetxt dl dd {
        font-size: 20px;
    }

    .sp-soft.autoflex .se02 .slidetxt p {
        margin-top: 20px;
        font-size: 16px;
    }
    .autoflex .se01 .txt{
        width: 100%;
    }
}

/* 오토앤 */
.sp-soft.auton .se01 .txt p:nth-of-type(2) {
    margin-top: 0;
    font-size: 16px;
    color: #777;
}

/* .sp-soft.auton .se02 .slide-wrap .slide .img1 {
    background-image: url('/img/auton_se02_1.png');
}

.sp-soft.auton .se02 .slide-wrap .slide .img2 {
    background-image: url('/img/auton_se02_2.png');
}

.sp-soft.auton .se02 .slide-wrap .slide .img3 {
    background-image: url('/img/auton_se02_3.png');
} */

.sp-soft .se02 .slide-wrap .slide .img .txt {
    position: absolute;
    bottom: 25px;
    left: 25px;
}

.sp-soft .se02 .slide-wrap .slide .img .txt dl {
    color: #fff;
}

.sp-soft .se02 .slide-wrap .slide .img .txt dl dt {
    margin-bottom: 15px;
    font-size: 20px;
}

.sp-soft .se02 .slide-wrap .slide .img .txt dl dd {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .sp-soft.auton .se01 .txt p:nth-of-type(2) {
        font-size: 13px;
    }
}

.sp-soft.auton .se02 .slidetxt dl dt {
    color: #000;
}

/* 지벤트 */
.sp-soft.zivent .se01 .txt p:nth-of-type(2) {
    margin-top: 0;
    font-size: 16px;
    color: #777;
}

/* .sp-soft.zivent .se01 .image-wrap .squareBg {
    background-image: url('/img/ziventimg.png');
} */

.sp-soft.zivent .se02 .slide-wrap .slide .img1 {
    background-image: url('/img/zivent_se02_1.png');
}

.sp-soft.zivent .se02 .slide-wrap .slide .img2 {
    background-image: url('/img/zivent_se02_2.png');
}

.sp-soft.zivent .se02 .slide-wrap .slide .img3 {
    background-image: url('/img/zivent_se02_3.png');
}

.sp-soft.zivent {}

.sp-soft.zivent .se02 .slidetxt dl dt {
    color: #000;
    font-size: 30px;
    font-family: 'Noto Sans KR', 'Poppins', sans-serif;
    margin-bottom: 20px;
    font-weight: 500;
}

.sp-soft.zivent .se02 .slidetxt dl dd {
    font-size: 18px;
    color: #747474;
    font-family: 'Noto Sans KR', 'Poppins', sans-serif;
    font-weight: 500;
}

.sp-soft.zivent .se02 .slidetxt p {
    font-family: 'Noto Sans KR', 'Poppins', sans-serif;
    font-weight: 500;
    margin-top: 52px;
}

.sp-soft.zivent .se02 .slidetxt .slideDot {
    margin-top: 61px;
}

@media screen and (max-width: 768px) {
    .sp-soft.zivent .se01 .txt p:nth-of-type(2) {
        font-size: 13px;
    }
}

/* PPF */
.ppfbox{
    margin-top: 100px;
}
.subcon.ppf {
    padding-bottom: 100px;
}

.ppf strong {
    display: block;
    text-align: center;
    font-size: 35px;
    position: relative;
}

.ppf .ppfbox>strong::before {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    background-color: #c62125;
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
}

.ppf .ppfbox .mfr .mfrbox {
    background-color: #f7f7f7;
    margin: 30px 0 60px;
    padding: 80px 0;
}

.ppf .ppfbox .mfr .mfrbox {
    text-align: center;
}
.ppf .ppfbox .mfr .mfrbox .mflex .lef{
    margin-bottom: 50px;
}
.ppf .ppfbox .mfr .mfrbox .mflex .lef dl dt {
    font-size: 39px;
    margin-bottom: 20px;
    font-weight: 600;
}

.ppf .ppfbox .mfr .mfrbox .mflex .lef dl dd {
    font-size: 20px;
    color: #333;
    line-height: 1.6;
}

.ppf .ppfbox .mfr .mfrbox .mflex .rig {
    margin-left: auto;
}

/* 내가추가한 ppf css */

.ppf .auton_ .autobox02 .list02 .deatilPPF{
    margin-top: 50px;
}
.ppf .auton_ .autobox02 .list02 .deatilPPF dt{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 22px;
}
.ppf .auton_ .autobox02 .list02 .deatilPPF dd{
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 38px;
}
.ppf .auton_ .autobox02 .list02 .ppflist01 {
 
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.ppf .auton_ .autobox02 .list02 .ppflist01>li{
    width: 50%;
}
.ppf .auton_ .autobox02 .list02 .ppflist01>li>img{
    width: 80%;
    box-shadow: 0px 0px 7px #ddd;
    padding: 15px 30px;
    box-sizing: border-box;
}
.ppf .auton_ .autobox02 .list02 .ppflist01 .ppflistimg02 img{
    padding: 0px;
}
.ppf .auton_ .autobox02 .list02 .ppflist02 li{
    padding: 20px;
    box-shadow: 0px 0px 7px #ddd;
    margin-bottom: 20px;
}
.ppf .auton_ .autobox02 .list02 .ppflist02 dl{
    display: inline-block;
}
.ppf .auton_ .autobox02 .list02 .ppflist02 dt{
    float: left;
    margin-right: 20px;
}
.ppf .auton_ .autobox02 .list02 .ppflist02 dd{
    float: right;
}


.ppf .ppfbox .mfrbox02 .subwrap{
    display: flex;
    margin-bottom: 80px;
}
.ppf .ppfbox .mfrbox02 .list01{
    width: 25%;
}
.ppf .ppfbox .mfrbox02 .list01 li {
    flex: 1;
    margin-right: 20px;
    /* box-shadow: 0 3px 20px 7px #eee; */
    /* padding: 50px; */
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    margin-bottom: 31px;
}

.ppf .ppfbox .mfrbox02 .list01 li:last-child {
    margin-right: 0;
}

.ppf .ppfbox .mfrbox02 .list01 li dl dt {
    font-size: 25px;
    font-weight: 600;
    margin: 30px 0 10px;
}

.ppf .ppfbox .mfrbox02 .list01 li dl dd {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
}

.ppf .ppfbox .mfrbox02 .list02 li {
    font-size: 18px;
    margin-bottom: 25px;
    box-shadow: 0 3px 20px 7px #eee;
    padding: 20px;
}

.ppf .ppfbox .mfrbox02 .list02 li:last-child {
    margin-bottom: 0;
}

.ppf .ppfbox .mfrbox02 .list02 li dl {
    font-size: 18px;
    display: flex;
    align-items: center;
}

.ppf .ppfbox .mfrbox02 .list02 li dl dt {
    font-weight: 600;
}

.ppf .ppfbox .mfrbox02 .list02 li dl dt img {
    margin-right: 8px;
    vertical-align: middle;
}

.ppf .ppfbox .mfrbox02 .list02 li dl dt::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #9e9e9e;
    margin: 0 14px;
}

.ppf .ppfbox .mfrbox02 .list02 li dl dd {
    color: #707070;
}

.ppf .auton_ .autobox {
    background-color: #f7f7f7;
    padding: 100px 0;
    text-align: center;
}

.ppf .auton_ .autobox .rig {
    margin-right: auto;
}

.ppf .auton_ .autobox .lef dl {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding-bottom: 7%;
}

.ppf .auton_ .autobox .lef dl dt {
    font-size: 39px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ppf .auton_ .autobox .lef dl dd {
    font-size: 20px;
    color: #333;
    line-height: 1.3;
}

.ppf .auton_ .autobox .lef p {
    font-size: 16px;
    color: #747474;
    line-height: 1.3;
}

.ppf .lineupbox .lineflex {
    display: flex;
    margin-top: 60px;
}

.ppf .lineupbox .lineflex .lef {
    transform: translateY(120px);
    margin-right: 55px;
}

.ppf .lineupbox .lineflex .imgbox {
    background-color: #eee;
}

/* .ppf .lineupbox .lineflex .imgbox::after{content: ""; display: block; padding-bottom: calc(430/600 * 100%);} */
/* .ppf .lineupbox .lineflex .txtbox dl{position: relative;} */
.ppf .lineupbox .lineflex .txtbox dl::before {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background-color: #c62125;
    margin: 38px 0 20px;
}

.ppf .lineupbox .lineflex .txtbox dl dt {
    font-size: 49px;
    font-weight: 700;
    font-family: 'Poppins';
}

.ppf .lineupbox .lineflex .txtbox dl dd {
    font-size: 20px;
    margin: 13px 0 16px;
}

.ppf .lineupbox .lineflex .txtbox p {
    font-size: 16px;
    color: #888;
    line-height: 1.5;
}

@media screen and (max-width: 1000px) {
    .ppf .mflex {
        display: block;
    }

    .ppf .mflex .rig img {
        width: 100%;
    }

    .ppf .ppfbox .mfr .mfrbox .mflex .lef dl dt {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .ppf .ppfbox .mfr .mfrbox .mflex .lef dl dd {
        font-size: 15px;
    }

    .ppf .ppfbox .mfr .mfrbox .mflex .lef dl dd br {
        display: none;
    }

    .ppf .ppfbox .mfrbox02 .list01 li {
        padding: 20px 5px;
        margin-right: 10px;
    }

    .ppf .ppfbox .mfrbox02 .list01 li img {
        width: 50%;
    }

    .ppf .ppfbox .mfrbox02 .list01 li dl dt {
        font-size: 16px;
        margin: 15px 0 10px;
    }

    .ppf .ppfbox .mfrbox02 .list01 li dl dd {
        font-size: 13px;
    }

    .ppf .ppfbox .mfrbox02 .list02 li dl {
        font-size: 14px;
        display: block;
    }

    .ppf .ppfbox .mfrbox02 .list02 li dl dt {
        margin-bottom: 10px;
    }

    .ppf .ppfbox .mfrbox02 .list02 li dl dt::after {
        display: none;
    }

    .ppf .ppfbox .mfrbox02 .list02 li dl dd {
        margin-left: 24px;
        line-height: 1.3;
    }

    .ppf .auton_ .autobox {
        padding: 50px 0;
    }

    .ppf .auton_ .autobox .rig dl dt {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .ppf .auton_ .autobox .rig dl dd {
        font-size: 15px;
    }

    .ppf .auton_ .autobox .rig p {
        font-size: 13px;
    }

    .ppf .auton_ .autobox .rig p br {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .ppf .lineupbox .lineflex {
        display: block;
        margin-top: 30px;
    }

    .ppf .lineupbox .lineflex .lef {
        transform: none;
        margin-right: 0;
        margin-bottom: 50px;
    }

    .ppf .lineupbox .lineflex .txtbox dl dt {
        font-size: 25px;
    }

    .ppf .lineupbox .lineflex .txtbox dl dd {
        font-size: 16px;
    }

    .ppf .lineupbox .lineflex .txtbox p {
        font-size: 13px;
        line-height: 1.5;
    }

    .ppf .lineupbox .lineflex .txtbox p br {
        display: none;
    }

    .ppf .ppfbox .mfr .mfrbox{
        margin-bottom: 20px;
    }

    .ppf .ppfbox .mfrbox02 .subwrap{
        display: block;
    }

    .ppf .ppfbox .mfrbox02 .list01{
        width: 100%;
        display: flex;
    }
    .ppf .auton_ .autobox .lef dl dd{
        font-size: 15px;
    }
    .ppf .auton_ .autobox02 .list02 .ppflist01{
        display: block;
    }
    .ppf .auton_ .autobox02 .list02 .ppflist01>li{
        width: 100%;
    }
    .ppf .auton_ .autobox02 .list02 .ppflist01>li>img{
        width: 100%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 500px) {
    .ppf .ppfbox .mfrbox02 .list01 li img {
        width: 30%;
    }
}

/* sun 썬팅 */

/* 썬팅 서비스 준비중입니다 */
.servicetxt{
    text-align: center;
    margin-top: 20px;
    font-size: 26px;
    font-family: 'pretendard-B';
    margin-bottom: 50px;
}

.ppf.sun .ppfbox .mfr .mfrbox .mflex .lef dl dt {
    line-height: 1.5;
    margin-bottom: 37px;
    font-family: 'Poppins';
}

.ppf.sun .ppfbox .mfr .mfrbox .mflex .lef dl dd {
    line-height: 1.6;
}

.ppf.sun .ppfbox .mfrbox02 .list01 {
    flex-wrap: wrap;
}

.ppf.sun .ppfbox .mfrbox02 .list01 li {
    width: calc(99.9%/4 - 60px/4);
    padding: 50px 10px;
    justify-content: flex-start;
    height: 370px;
    flex: auto;
}

.ppf.sun .ppfbox .mfrbox02 .list01 li strong {
    font-size: 69px;
    color: #c62125;
    display: block;
    margin-bottom: 15px;
    margin-top: 63px;
    font-weight: 500;
    font-family: 'Poppins';
}

.ppf.sun .ppfbox .mfrbox02 .list01 li strong span {
    font-size: 50px;
    font-weight: 100;
}

.ppf.sun .ppfbox .mfrbox02 .list01 li .txt span {
    font-size: 18px;
}

.ppf.sun .ppfbox .mfrbox02 .list01 li p {
    font-size: 14px;
    color: #888;
    margin-top: 15px;
    line-height: 1.5;
    font-weight: 300;
}

.ppf.sun .ppfbox .mfrbox02 .list02 {
    margin-bottom: 0;
}

@media screen and (max-width: 1000px) {
    .ppf.sun .ppfbox .mfr .mfrbox .mflex .lef dl dt br {
        display: none;
    }

    .ppf.sun .ppfbox .mfrbox02 .list01 li {
        width: calc(99.9%/2 - 20px/2);
        height: 250px;
        justify-content: center;
    }

    .ppf.sun .ppfbox .mfrbox02 .list01 li:nth-child(2n) {
        margin-right: 0;
    }

    .ppf.sun .ppfbox .mfrbox02 .list01 li strong {
        font-size: 40px;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .ppf.sun .ppfbox .mfrbox02 .list01 li strong span {
        font-size: 25px;
    }

    .ppf.sun .ppfbox .mfrbox02 .list01 li .txt span {
        font-size: 14px;
    }

    .ppf.sun .ppfbox .mfrbox02 .list01 li p {
        font-size: 13px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 500px) {
    .ppf.sun .ppfbox .mfrbox02 .list01 li strong {
        font-size: 30px;
    }

    .ppf.sun .ppfbox .mfrbox02 .list01 li p br {
        display: none;
    }
}

/* 프로그램 */
.ppf.program {
    padding-bottom: 0;
}
.ppf.subcon{
    padding-top: 0px;
}
.ppf.program .ppfbox .prtop {
    margin-top: 20px;
    margin-bottom: 70px;
}

.ppf.program .ppfbox .prtop .imgbox span {
    color: #999;
    text-align: right;
    display: block;
    color: #999;
    margin-bottom: 20px;
}

.ppf.program .ppfbox .prtop ul {
    margin: 40px 0 50px;
    display: flex;
}

.ppf.program .ppfbox .prtop ul li {
    width: calc(99.9%/4 - 60px/4);
    margin-right: 20px;
    box-shadow: 0 3px 20px 7px #eee;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    height: 319px;
}

.ppf.program .ppfbox .prtop ul li:last-child {
    margin-right: 0;
}

.ppf.program .ppfbox .prtop ul li span {
    display: block;
    font-size: 20px;
    margin-top: 25px;
}

.program .ppfbox .tbox p {
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-top: 25px;
    line-height: 1.3;
}

.program .prbot .mflex {
    overflow: inherit;
    z-index: 0;
}

.program .prbot .mflex .swiper-slide {
    display: flex;
}

.program .prbot .autobox .subwrap {
    position: relative;
    overflow: hidden;
}

.program .prbot .mflex .swiper-slide .lef {
    position: relative;
}

.program .prbot .mflex .swiper-slide .lef img {
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.6);
}

.program .prbot .mflex .swiper-slide .lef span {
    position: absolute;
    top: 0;
    -webkit-writing-mode: vertical-rl;
    color: #b0b0b0;
    font-weight: 300;
    right: -26px;
    letter-spacing: 0.1em;
}

.program .auton_ .autobox .rig {
    margin-left: 45px;
    margin-right: 0;
    width: 30%;
}

/* .program .auton_ .autobox .rig dl {margin-top: 80%;} */
.program .auton_ .autobox .rig dl dt {
    font-size: 20px;
    position: relative;
}

.program .auton_ .autobox .rig dl dt::after {
    content: "";
    display: block;
    width: 311px;
    height: 8px;
    background: url('/img/program_line.png') no-repeat;
    position: absolute;
    bottom: -15px;
    right: 46%;
}

.program .auton_ .autobox .rig dl dd {
    font-size: 16px;
    color: #8c8c8c;
}

.program .slideDot {
    transform: translate(71%, -47px);
    z-index: 1;
}

.program .prbot .mflex .swiper-container-android .swiper-slide,
.swiper-wrapper {
    padding-bottom: 30px;
}

.program .mfrbox02 {
    margin-top: 80px;
}

.program .skill {
    /* background-color: #f7f7f7; */
    margin-bottom: 0;
    padding-bottom: 13%;
}

.program .skill .wrap {
    max-width: 1280px;
}
.program .skill .wrap .lef{
    box-shadow: 0px 0px 10px #ddd;
}
.program .skill.skill_pc .wrap ul {
    justify-content: space-between;
}

.program .skill.skill_pc .wrap ul li.skill01 {
    transform: translateY(148px);
}

.program .skill.skill_pc .wrap ul li strong {
    display: inline-block;
    font-size: 49px;
    text-align: left;
}

.program .skill.skill_pc .wrap ul li strong br {
    display: block;
}

.program .skill.skill_pc .wrap ul li .rig p br {
    display: block;
}

.program .skill.skill_pc .wrap ul li.skill01 .rig {
    margin-left: -15%;
    background: #fff;
    padding: 0 45px;
    bottom: 4%;
    width: 515px;
    height: 375px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 0px 5px #ddd;
}

.program .skill.skill_pc .wrap ul li.skill02 .rig {
    background: #fff;
    padding: 0 40px;
    margin-left: -8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 514px;
    height: 374px;
    bottom: 5%;
    box-shadow: 0px 0px 5px #ddd;
}

.program .skill.skill_mo .wrap ul li.skill01 {
    transform: none;
}

@media screen and (max-width: 1400px) {
    .program .slideDot {
        transform: translate(73%, -47px);
    }
}

@media screen and (max-width: 1220px) {
    .program .slideDot {
        transform: translate(76%, -47px);
    }
}

@media screen and (max-width: 1000px) {
    .ppf.program strong {
        font-size: 25px;
    }

    .program .ppfbox .tbox p {
        font-size: 14px;
    }

    .program .prbot .mflex .swiper-slide {
        display: block;
    }

    .program .auton_ .autobox .rig {
        margin-left: 0;
        width: 100%;
    }

    .program .auton_ .autobox .rig dl {
        margin-top: 0;
        padding-bottom: 4%;
    }

    .program .auton_ .autobox .rig dl dt {
        font-size: 16px;
        margin-bottom: 23px;
    }

    .program .auton_ .autobox .rig dl dt::after {
        right: auto;
        left: 0;
    }

    .program .auton_ .autobox .rig dl dd {
        font-size: 13px;
    }

    .program .slideDot {
        position: static;
        text-align: center;
        margin-top: 10px;
        transform: none;
    }

    .ppf.program .ppfbox .prtop .imgbox span {
        font-size: 13px;
    }

    .ppf.program .ppfbox .prtop ul {
        flex-wrap: wrap;
    }

    .ppf.program .ppfbox .prtop ul li {
        width: calc(99.9%/2 - 20px/2);
        padding: 50px 10px;
        height: auto;
    }

    .ppf.program .ppfbox .prtop ul li:nth-child(2n) {
        margin-right: 0;
    }

    .ppf.program .ppfbox .prtop ul li img {
        width: 50%;
    }

    .ppf.program .ppfbox .prtop ul li span {
        font-size: 13px;
    }

    .program .skill_mo .wrap ul li .rig strong {
        text-align: left;
    }

    .program .prbot .mflex .swiper-container-android .swiper-slide,
    .swiper-wrapper {
        padding-bottom: 0;
    }

    .program .skill.skill_pc .wrap ul li.skill01 {
        transform: translateY(105px);
    }

    .program .skill.skill_pc .wrap ul li.skill01 .rig {
        width: 366px;
        height: 325px;
    }
}

@media screen and (max-width: 768px) {
    .program .skill {
        padding-bottom: 22%;
    }
}


/* 패턴 */

.pattbox{
    margin-top: 100px;
}
.subcon.patt {
    padding-top: 0px;
}

.patt strong {
    display: block;
    text-align: center;
    font-size: 35px;
    position: relative;
}

.patt .pattbox>strong::before {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    background-color: #c62125;
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
}
.scanbox{
    margin-top: 50px;
    margin-bottom: 150px;
}
.scanflex{
    display: flex;
}
.scanflex .lef{width: 50%;}
.scanflex .rig{width: 50%;}
.scanflex .rig dl{width: 88%; line-height: 32px; margin-top: 2.5%;}
.scanflex .rig dl dd span{font-weight: 600; font-size: 18px;}
.scanflex .rig dt span{color: #c62125; font-size: 22px; font-weight: 600;line-height: 48px;}
.scanflex .rig dt{font-weight: 600;}
.patttxt{text-align: initial; line-height: 32px;margin: 80px 0px;}
.patttxt strong{text-align: initial;font-size: 22px; line-height: 42px;}
.patttxt strong span{color: #c62125;}

@media screen and (max-width: 1000px) {
    .scanflex{
        display: block;
        margin-bottom: 60px;
    }
    .scanflex .lef{
        width: 100%;
    }
    .scanflex .lef img{
        width: 100%;
    }
    .scanflex .rig{
        width: 100%;
        margin-bottom: 20px;
    }
    .scanbox{
        margin-bottom: 100px;
    }
}

/* 왕왕효과 재단기 */
.pdt .tabcon .pdt_main .flexbox .txtbox>.titbox {
    position: relative;
}

.pdt_main .mapi {
    position: absolute;
    width: 50px;
    height: 50px;
    top: -139px;
    right: -68px;
}

.pdt_main .mapi em {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px;
    width: 17px;
    height: 17px;
    background-color: #c62125;
    border-radius: 50%;
    opacity: 1;
    background-image: url(/img/plus_icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

.pdt_main .mapi span {
    background: #c62125;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    animation: blink01 2s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;
}

.pdt_main .mapi span:nth-child(2) {
    animation-delay: 0.5s;
}

.pdt_main .mapi span:nth-child(3) {
    animation-delay: 1s;
}

.pdt_main .titbox02 .mapi {
    left: -100px;
    top: auto;
    bottom: -152px;
}

@keyframes blink01 {
    0% {
        transform: scale(0);
        opacity: 0.1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.pdt .tabcon .pdt_main .flexbox .txtbox>.titbox>span img.line03 {
    bottom: 0;
    top: auto;
    right: -62px;
}

.pdt_main .titbox03 .mapi {
    top: 11px;
    right: -85px;
}

.pdt_main .titbox06 .mapi {
    top: auto;
    right: auto;
    bottom: -12px;
    left: -90px;
}

.pdt_main .titbox07 .mapi {
    top: auto;
    right: auto;
    bottom: 0;
    left: -90px;
}

.pdt_main .flexbox .mo_ {
    display: none;
}

.pdt .tabcon .pdt_main .maintxt:nth-of-type(3) {
    margin-bottom: 200px;
}

@media screen and (max-width: 1000px) {
    .pdt_main .flexbox .pc_ {
        display: none;
    }

    .pdt_main .flexbox .mo_ {
        display: block;
    }

    .pdt .tabcon .pdt_main .flexbox {
        display: block;
    }

    .pdt .tabcon .pdt_main .flexbox .txtbox>.titbox img {
        display: none;
    }

    .pdt_main .mapi {
        display: none;
    }

    .pdt .tabcon .pdt_main .flexbox .lef_txt {
        margin-top: 30px;
    }

    .pdt .tabcon .pdt_main .flexbox .imgbox.mo_ {
        margin: 0;
    }

    .pdt .tabcon .pdt_main .flexbox .imgbox.mo_ img {
        width: 100%;
    }

    .pdt .tabcon .pdt_main .maintxt:nth-of-type(3) {
        margin-bottom: 0;
    }

    .pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .flexbox .txtbox {
        position: static;
        width: 100%;
    }

    .pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .imgbox.mo_ {
        margin-bottom: 30px;
    }

    .pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .lef_txt {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .flexbox {
        margin-bottom: 0;
    }

    .pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .txtbox {
        margin-bottom: 30px;
    }

    .pdt .tabcon .pdt_main .maintxt:nth-of-type(3) .txtbox:last-child {
        margin-bottom: 0;
    }

    .pdt .tabcon .pdt_main .flexbox .txtbox>.titbox>span {
        font-size: 14px;
    }

    .pdt .tabcon .pdt_main .flexbox .txtbox ul {
        padding: 0 10px;
    }

    .pdt .tabcon .pdt_main .flexbox .txtbox ul li {
        font-size: 13px;
        padding: 10px 0;
    }
}

/* 멤버스 지도 */
.st0 {
    fill: #F3F3F3;
    stroke: #000000;
}

.st1 {
    fill: #FFFFFF;
    opacity: 0;
}

.st2 {
    font-family: 'NotoSansCJKkr-Medium-KSCpc-EUC-H';
}

.st3 {
    font-size: 27.0433px;
}

.st4 {
    font-size: 17.1791px;
}

.st5 {
    font-size: 11.2979px;
    stroke: #fff;
}

/* .st5.on{opacity: 1; fill: #c62125;} */
.st6 {
    fill: #BA2326;
}

.st7 {
    font-size: 15.9751px;
}

.st8 {
    font-size: 14.4px;
}

.st9 {
    font-size: 9.924px;
}

.st10 {
    font-size: 11.2264px;
}

.st11 {
    font-size: 14.3999px;
}

.st12 {
    font-size: 12.4019px;
}

.st13 {
    font-size: 9.7062px;
}

.st0.on {
    fill: #c62125;
    cursor: pointer;
}

svg text {
    pointer-events: none;
    opacity: 0;
}

.map svg g .st_.on .st0 {
    fill: #c62125;
}

.mb .subwrap .mapflex .mapinforbox .mapinfor {
    display: none;
}

.mb .subwrap .mapflex .mapinforbox .mapinfor.on {
    display: block;
}

.mb .edupage .page {
    justify-content: center;
}

/* @media screen and (max-width: 1000px) {
    .mb .subwrap .mapflex {
        display: block;
    }

    .mb .subwrap .mapflex .map {
        width: 100%;
    }

    .mb .subwrap .mapflex .mapinforbox {
        width: 100%;
    }

} */


/* 1:1문의하기 뷰페이지 */
.edu.inview .inqlist .viewbox {
    border-top: 2px solid #000;
}

.edu.inview .inqlist .viewbox .title {
    display: flex;
    justify-content: space-between;
    padding: 30px 20px;
    background-color: #f3f3f3;
}

.edu.inview .inqlist .viewbox .title ul {
    display: flex;
}

.edu.inview .inqlist .viewbox .title ul li:nth-of-type(1) {
    margin-right: 10px;
}

.edu.inview .inqlist .viewbox .title ul li dl {
    display: flex;
    font-size: 15px;
}

.edu.inview .inqlist .viewbox .title ul li dl dt {
    margin-right: 5px;
}

.edu.inview .inqlist .viewbox .title strong {
    font-size: 20px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.2em;
    line-height: 1.2em;
}

.edu.inview .inqlist .viewbox .textbox {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 30px 20px;
}

.edu.inview .inqlist .viewbox .textbox p {
    line-height: 1.5;
    word-break: break-all;
}

.edu.inview .inqlist .viewbox>ul {
    padding: 20px;
}

.edu.inview .inqlist .viewbox>ul li {
    display: flex;
    align-items: center;
    padding: 10px 0;
    font-size: 15px;
}

.edu.inview .inqlist .viewbox>ul li .arrowbox {
    margin-right: 10px;
    display: flex;
}

.edu.inview .inqlist .viewbox>ul li .titbox a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.2em;
    line-height: 1.2em;
}

.edu.inview .inqlist .btnbox {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.edu.inview .inqlist .btnbox button,
.edu.inview .inqlist .btnbox a {
    background-color: #c62125;
    outline: none;
    border: none;
    width: 150px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
}

.edu.inview .inqlist .btnbox button:nth-of-type(1) {
    margin-right: 20px;
    background-color: #000;
}

@media screen and (max-width: 768px) {
    .edu.inview .inqlist .viewbox .title {
        display: block;
        padding: 20px;
    }

    .edu.inview .inqlist .viewbox .title strong {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .edu.inview .inqlist .viewbox .textbox p {
        font-size: 14px;
    }

    .edu.inview .inqlist .viewbox .title ul li dl {
        font-size: 13px;
    }

    .edu.inview .inqlist .viewbox>ul li {
        font-size: 13px;
    }

    .edu.inview .inqlist .btnbox button,
    .edu.inview .inqlist .btnbox a {
        font-size: 14px;
        width: 115px;
        height: 40px;
        line-height: 40px;
    }
}

@media screen and (max-width: 1230px) {
    .program .skill.skill_pc .wrap ul li.skill01 {
        transform: translateY(105px);
    }

    .program .skill.skill_pc .wrap ul li.skill01 .rig {
        width: 366px;
        height: 325px;
    }

    .program .skill.skill_pc .wrap ul li.skill02 .rig {
        width: 366px;
        height: 325px;
    }

}

/* 재단기 수정 */
.pdt02 .top>img.pc_ {
    display: block;
}

.pdt02 .top>img.mo_ {
    display: none;
}

@media screen and (max-width: 1000px) {
    .pdt02 .top>img.pc_ {
        display: none;
    }

    .pdt02 .top>img.mo_ {
        display: block;
    }
}

/* 오토앤 텍스트 수정 */
@media screen and (max-width: 650px) {

    .sp-soft .se02 .slide-wrap .slide .img .txt dl dt {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .sp-soft .se02 .slide-wrap .slide .img .txt dl dd {
        font-size: 14px;
    }
}
.scanbox-first-img {
    width: 1280px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 100px;
}

    .scanbox-first-img img {
        width: 100%;
        height: 100%;
    }

@media screen and (max-width: 1450px) {
    .scanbox-first-img {
        width: 90%;
    }
}


/* ppf테이블 css추가 */
.ppf .auton_ .autobox02 .basic-table {
    margin-bottom: 10%;
}

    .ppf .auton_ .autobox02 .basic-table th {
        border: solid 1px #ddd;
    }

    .ppf .auton_ .autobox02 .basic-table tr {
        height: 44px;
    }

    .ppf .auton_ .autobox02 .basic-table td {
        border-bottom: solid 1px #eee;
    }

.ppf .auton_ .autobox02 .premium-table th {
    border: solid 1px #ddd;
}

.ppf .auton_ .autobox02 .premium-table tr {
    height: 74px;
}

.ppf .auton_ .autobox02 .premium-table td {
    border-bottom: solid 1px #eee;
    line-height: 28px;
}

    .ppf .auton_ .autobox02 .premium-table td span {
        font-weight: 500;
    }