.empty-wrap{
    padding-top: 108px;
    height: 300px;
 }
 .empty-wrap img{
     width: 60px;
     height: 60px;
 }
/* 고객센터 */
#contents{
    position: relative;
    /* padding-top: 58px; */
}
/* .service-top{
    position:absolute;
    top:0;left:0;
    width: 100%;
    height: 236px;
}
.service-top-inner{
    width: 100%;
    height: 100%;
    background:url(../img/service/service_notice_bg.png)no-repeat center;
    background-size: 100% 236px;
    font-size: 0;
    padding: 46.5px 0 0;
    text-align: center;
}
.service-tit h3{
    display: inline-block;
    font-size: 34px;
    letter-spacing: -0.85px;
    margin-bottom: 12px;
}
.service-tit p{
    font-size: 16px;
    letter-spacing: -0.4px;
} */
.my-edu-wrap {background: #f5f6f7;}
/* 게시판 공통 탭메뉴 */
.service-sub-tit{
    width:100%;
}
.service-sub-tit ul{
    font-size: 0;
    border-bottom: 1px solid #e5e8ea;
}
.service-sub-tit ul li{
    display: inline-block;
    /* width: 33.3333%; 
    미사용 & 미노출 -> 추후노출예정
    */
    width: 50%;
}
.service-sub-tit ul li.active{
    border-bottom: 2px solid #363e4a;
}
.service-sub-tit ul li a{
    font-family: "NotoSansMedium", sans-serif;
    display: block;
    font-size: 15px;
    color: #aaa;
    letter-spacing: -0.68px;
    padding:14px 0 ;
}
.service-sub-tit ul li.active a{
    color:#363e4a;
}
.faq-board-inner .service-sub-tit ul li, .notice-board-inner .service-sub-tit ul li , .qa-board-inner .service-sub-tit ul li{width: 33.3333%; } /*2022-06-20 고객센터 탭 유지 */
/* 고객센터 공통 레이아웃 */
.notice-board-wrap{
    background:#fff;
}
.notice-board-inner{
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 5px;
    padding-bottom: 64px;
}
.notice-board-top{
    width: 100%;
    padding:20px 15px;
    border-bottom: 1px solid #e5e8ea;
}
.notice-count{
    /* margin-top: 4px; */
}
.notice-count-text{
    letter-spacing: -0.35px;
}
.conut-num{
    color:#117fff;
}
.notice-select{
    width: 109px;
    min-width: 109px;
    height: 40px;
}
.notice-select h4{
    display: block;
    border-radius: 5px 0 0 5px;
    width: 100%;
    height: 44px;
    padding: 10px 14px 10px 15px;
    background-position: 60% center;
}
.select-box.notice-select h4 > span.txt{
    line-height: normal !important;
}
.notice-search{
    width: 100%;
}
.notice-search input{
    height: 44px;
}
.notice-search-tab ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.notice-search-tab ul li:first-child{
    margin-right: 36px;
    position: relative;
}
.notice-search-tab ul li:first-child::after{
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #e5e8ea;
    position: absolute;
    top:6px; right:-18px;
}
.notice-search-tab ul li a{
    font-family: "NotoSansRegular", sans-serif;
    font-size: 15px;
    letter-spacing: -0.68px;
    color: #6e7683;
}
.notice-search-tab ul li.noti-tab-on a{
    font-family: "NotoSansBold", sans-serif;
    color: #4b82ee;
}
.notice-cont{
    margin-bottom: 2px;
    height: 120px;
    border-bottom: 1px solid #e5e8ea;
}
.notice-cont a{
    display: block;
    font-size: 0;
    padding:33px 47px 34px 15px;
}
.notice-cont .table-important{
    margin-right: 6px;
}
.notice-cont-tit{
    /* display: inline-block; */
    vertical-align: middle;
    font-family: "NotoSansMedium", sans-serif;
    color:#363e4a;
    letter-spacing: -0.72px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    padding-bottom: 3px;
}
.notice-cont-date{
    font-family: "NotoSansMedium", sans-serif;
    color:#6e7683;
    letter-spacing: -0.54px;
    font-size: 12px;
    margin-top: 10px;
    display: block;
}
/* 공지사항 상세 */
.service-detail-top{
    padding:20px 0;
    background: #1a1a1a;
}
.service-detail-top h3{
    font-size: 24px;
    color:#f4f4f4;
    letter-spacing: -0.6px;
}

.notice-detail-inner{
    background: #fff;
    width: 100%;
    padding-bottom: 0;
}
.notice-detail-tit{
    padding: 20px 15px;
}
.notice-detail-tit h3{
    letter-spacing: -0.81px;
}
.notice-detail-line{
    margin: 0 15px;
    border-bottom: 1px solid #e5e8ea;
}
.notice-detail-sub span{
    font-family: "NotoSansRegular", sans-serif;
    color:#6e7683;
    font-size: 14px;
    letter-spacing: -0.45px;
}
.notice-detail-sub span.mr20{
   position: relative;
}
.notice-detail-sub span.mr20::after{
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: #e5e8ea;
    position: absolute;
    top:6px;right:-12px;
}
.notice-detail-contents{
    padding:30px 0 54px
}
.notice-detail-desc{
    padding:0 15px;
}
.notice-detail-desc img {width: 100%;margin-top: 20px;}
.notice-detail-desc p{
    letter-spacing: -0.59px;
    word-break: break-all;
}
.notice-detail-banner{
    width: 100%;
    height: 375px;
}
.notice-detail-banner img{
    width: 100%;
    height: 100%;
}
.notice-detail-btn button{
    width: 120px;   
    height: 46px;
    border-radius: 5px;
    border:0;
    font-size: 18px;
    letter-spacing: -0.45px;
}
.notice-detail-nav{
    border-top:1px solid #363e4a;
    padding:0 15px;
}
.notice-detail-nav1{
    padding:13px 0 ;
}
.notice-detail-prev{
    border-bottom: 1px solid #eaeaea;
}
.notice-detail-nav1 a span{
    font-family: "NotoSansRegular", sans-serif;
    font-size: 13px;
    letter-spacing: -0.59px;
    color:#6e7683;
}
.notice-detail-nav1 a span.strong{
    margin-right: 40px;
}
.notice-detail-nav1 a span.active{
    color:#363e4a;
}

/* faq */
.faq-board-inner{
    width: 100%;
    padding-bottom: 41px;
}
.faq-board-snb{
    height: 34px;
}
.faq-snb-tit{
    width: auto;
}
.faq-snb-tit:last-child{
    margin-bottom: 0;
}
.faq-snb-tit a{
    font-family: "NotoSansMedium", sans-serif;
    display: inline-block;
    height: 34px;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #aaa;
    padding:0 15px;
    border:1px solid #e5e8ea;
    border-radius: 23px;
    background: #fff;
    transition: all 0.2s ease-in-out;
    text-align: center;
    line-height: 34px;
}
.faq-snb-tit.active a{
    color: #f5f5f5;
    background: #363e4a;
}
.faq-board-contents .table-type-2{
    border-top: 0;
}
.faq-board-contents .table-type-2 td{
    height: 70px;
}
td.faq-text{
    text-align: left;
}
td.faq-text a{
    font-family: "NotoSansMedium", sans-serif;
    font-size: 16px;
    color: #363e4a;
    letter-spacing: -0.72px;
    display: block;
    word-break: break-all;
}
/* td.arrow{
    background-image: url(../img/common/drop_icon2.png);
    background-repeat: no-repeat;
    background-position: center right 15px;
    background-size: 16px;
}
td.arrow.up{
    background-image: url(../img/common/up_icon2.png);
} */

td.next-acco-text{
    font-family: "NotoSansRegular", sans-serif;
    letter-spacing: -0.33px;
    padding:20px 0 24px;
    font-size: 13px;
    line-height: 1.69;
    color:#6e7683;
}
td.next-acco-text p{
    font-size: 13px;
    
}
td.faq-mark{
    font-family:"Lato", sans-serif; font-weight: 700;
    font-size: 18px;
}
td.faq-q{
    color: #aaa;
}
td.faq-a{
    color: #27455e;
    vertical-align: top;
    padding-top: 20px;
}

/* form 공통부분*/
.service-form .table-type-1 th,
.service-form .table-type-1 td{
    height: 71px;
}
.service-form .table-type-1 td{
    padding: 14px 15px;
}
.service-form .table-type-1 .bill-address-cont th, 
.service-form .table-type-1 .bill-address-cont td{
    height: 192px;
}
.service-form .table-type-1 th{
    letter-spacing: -0.38px;
}
.service-form input::placeholder{
    color:#aaa;
}
.service-form input:-ms-input-placeholder{/*IE*/
    color:#aaa;
}
.service-form input::-ms-input-placeholder{/* Microsoft Edge */
    color: #aaa;
}
.service-form input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aaa;
}
.service-form input::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aaa;
}
.form-bill-cont input::placeholder{
    color: #aaa;
}
.form-bill-cont input:-ms-input-placeholder{/*IE*/
    color: #aaa;
}
.form-bill-cont input::-ms-input-placeholder{/* Microsoft Edge */
    color: #aaa;
}
.form-bill-cont input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aaa;
}
.form-bill-cont input::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aaa;
}
.service-form th span{
    color: #eb4d72;
}
.service-form .checkbox input[type="checkbox"] + label{
    color: #363e4a;
    letter-spacing: -0.38px;
    font-size: 0;
}
.service-form .checkbox input[type="checkbox"] + label span{
    vertical-align: middle;
}
.service-form .checkbox input[type="checkbox"] + label:before{
    content: "";
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 0 6px 0 0;
    vertical-align: middle;
    background-image: url("../img/sub/radio.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.service-form .checkbox input[type="checkbox"]:checked + label:before {
    background-image: url("../img/sub/radio_on.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.form-error{
    display: none;
    color:#eb4d72;
    letter-spacing: -0.3px;
    font-size: 12px;
}
.input-error{
    height: auto;
    margin-top: 6px;
    display: block;
}
/* 1:1문의 */
.qa-board-inner{
    width: 100%;
    padding-bottom: 26px;
}
.error-message{
    padding: 10px 15px 0;
}
.qa-board-inner .table-type-1{
    border-top: 0;
}
.qa-email{
   
}
.qa-email input::placeholder{
    color:#aaa;
}
.qa-email input:-ms-input-placeholder{/*IE*/
    color:#aaa;
}
.qa-email input::-ms-input-placeholder{/* Microsoft Edge */
    color: #aaa;
}
.qa-email input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aaa;
}
.qa-email input::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aaa;
}
.qa-mail{
    display: inline-block;
    width: 100%;
    height: 44px;
    padding:12px 10px;
    border-radius: 4px;
    border:1px solid #d9dcde;
    font-size: 14px;
    letter-spacing: -0.63px;
}
.qa-mail-chk{
    padding-left: 15px;
}
.qa-type{

}
.qa-type .select-box-type-1{
    width: 100%;
}
.qa-type .select-box h4{
    height: 44px;
    padding-left:10px;
    letter-spacing: -0.64px;
}
.qa-type .select-box-type-1 h4 span{
    font-size: 14px;
}
.qa-type .select-box-type-1 h4 .textFitAlignVert{
    font-size: 14px !important;
}
.qa-title{
  
}
.qa-title input[type="text"]{
    width: 100%;
    height: 44px;
    border-radius: 4px;
    padding:12px 10px;
    font-size: 14px;
    letter-spacing: -0.63px;
}
.qa-title input::placeholder{
    color:#aaa;
}
.qa-title input:-ms-input-placeholder{/*IE*/
    color:#aaa;
}
.qa-title input::-ms-input-placeholder{/* Microsoft Edge */
    color: #aaa;
}
.qa-title input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aaa;
}
.qa-title input::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aaa;
}
.qa-contents textarea{
    width: 100%;
    height: 150px;
    border: 1px solid #d9dcde;
    border-radius: 5px;
    padding:10px 24px 10px 10px;
    font-size: 14px;
    letter-spacing: -0.35px;
    resize: none;
    color: #363e4a;
}
.qa-contents textarea::placeholder{
    color:#aaa;
}
.qa-contents textarea:-ms-input-placeholder{/*IE*/
    color:#aaa;
}
.qa-contents textarea::-ms-input-placeholder{/* Microsoft Edge */
    color: #aaa;
}
.qa-contents textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aaa;
}
.qa-contents textarea::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aaa;
}
.qa-btn-wrap{
    padding: 0 15px;
}
.btn-type.qa-btn{
    display: block;
    width: 100%;
    height: 50px;
    border: 0;
}
.qa-desc{
    width: 100%;
    padding:0 15px 0 22px;
}
.qa-desc >div{
    font-size: 0;
}
.qa-desc p {
    font-family: "NotoSansRegular", sans-serif;
    color: #6e7683;
    letter-spacing: -0.54px;
    font-size: 12px;
    line-height: 1.5;
    vertical-align: middle;
    position:relative;
}
.qa-desc p:before{
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #363e4a;
    vertical-align: middle;
    margin-right: 5px;
    position: absolute;
    top:8px;left:-5px;
}



/* 기업구매 */
.service-com-top{
    padding:25px 15px 27px;
}
.service-com-top p{
    letter-spacing: -0.4px;
}
.com-payment-innner{
    width: 100%;
    padding:0 0 34px;
    background: #f5f6f7;
}
.com-payment-content{
    width: 100%;
    /* height: 687px; */
    background: #f5f6f7;
    padding:15px;
}
.com-pay-top{
    /* display: flex; */
    margin-bottom: 34px;
}
.com-pay-top-img{
    width: 100%;
    height: 54vw;
}
.com-pay-top-img img{
    width: 100%;
    height: 100%;
}
.com-pay-text-mark{
    display: inline-block;
    color: #fff;
    border-radius: 14px;
    letter-spacing: -0.35px;
    font-size: 14px;
    padding:4px 16px;
    margin-bottom: 16px;
}
.com-pay-top-text h4{
    letter-spacing: -0.5px;
}
.com-pay-top-text h5{
    letter-spacing: -0.4px;
    margin-bottom: 20px;
}
.com-pay-top-text p{
    letter-spacing: -0.4px;
    font-size: 16px;
}
.com-pay-top-text .mt6{
    margin-top: 6px;
}
.com-pay-contents{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.com-pay-cont{
    width: 49%;
    padding: 5% 3% 5% 3%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 20px 0 rgba(229, 229, 229, 0.16);
}
.com-pay-cont-img{
    width: 25.5vw;
    height: 25.5vw;
    margin: 0 auto 16px;
}
.com-pay-cont-img img{
    width: 100%;
    height: 100%;
}
.com-pay-cont-text h6{
    font-family: "NotoSansBold", sans-serif;
    color: #4b82ee;
    letter-spacing: -0.35px;
    font-size: 14px;
    margin-bottom: 10px;
}
.com-pay-cont-text p{
    font-size: 14px;
    letter-spacing: -0.38px;
    line-height: 1.6;
    color: #000;
}
.com-payment-btn{
    text-align: center;
    padding:0 15px;
}
.com-payment-btn button{
    width: 100%;
    height: 50px;
    border:0;
    border-radius: 5px;
}
.com-pay-form-inner{
    width: 100%;
}
.service-form .table-type-1 td.pay-radio{
    height: 47px;
    padding:0 15px;
}
td.pay-form-cont{
}
td.pay-form-cont2{
    padding: 14px 15px;
}
.pay-form-cont .radio{
    position: relative;
    margin-left: 0;
    padding-bottom: 5px;
}
.pay-form-cont input[type="radio"] + label{
    font-size: 0;
}
.pay-form-cont input[type="radio"] + label::before{
    width: 20px;
    height: 20px;
    margin: 3px 3px 0 0;
    background-size: 20px;
}
.pay-form-cont input[type="radio"]:checked + label::before{
    background-size: 20px;
}
.pay-form-cont input[type="radio"] + label span{
    font-size: 14px;
    color:#363e4a;
    letter-spacing: -0.63;
    vertical-align: middle;
}
.pay-form-cont input[type="text"]{
    display: block;
    padding:12px 10px;
    border:1px solid #d9dcde;
    border-radius: 5px;
    font-size: 14px;
    letter-spacing: -0.63px;
    color:#363e4a;
}
.pay-form-cont input[type="number"]{
    padding:12px 10px;
    border:1px solid #d9dcde;
    border-radius: 5px;
    font-size: 14px;
    letter-spacing: -0.63px;
    color:#363e4a;
}
.pay-form-cont input[id="input-phone1"] {
    margin: 0 2.5%;
}
.pay-form-cont input{
    width: 100%;
    height: 44px;
}
td.pay-form-phone{
    font-size: 0;
}
.pay-form-phone .select-box{
    width: 31%;
    min-width: 80px;
    display: inline-block; /*ie*/
    vertical-align: middle;/*ie*/
}
.pay-form-phone .select-box h4{
    font-size: 15px;
    background-position: 60px center;
    color:#363e4a;
    line-height: 34px;
    height: 44px;
}
.pay-form-phone .select-list ul{
    width: 100%;
}
.pay-form-cont input.form-phone{
    width: 32%;
    display: inline-block;/*ie*/
    vertical-align: middle;/*ie*/
}
#user-number{
    margin:0 2.5%;
}
.form-bill-cont{
    display: none;
}
/* .pay-form-cont input.bill-address{
    width: 200px;
    display: inline-block;
    margin-bottom: 12px;
}
.pay-form-cont input.bill-address2{
    margin-bottom: 12px;
}
.bill-add-btn{
    width: 97px;
    height: 46px;
    border:0; 
    border-radius: 5px;
    vertical-align: middle;
    letter-spacing: -0.38px;
    margin-bottom: 12px;
} */
.form-space{
    background:#f8f8f8;
}
.form-upload-file{
    background: #fff;
    border:1px solid #e5e8ea;
}
.form-upload-file h5{
    padding: 20px 15px;
    border-bottom: 1px solid #e5e8ea;
    letter-spacing: -0.45px;
    height: 66px;
}
.file-upload-box{
    font-size: 0;
    padding:0 15px;
}
.file-upload-box input[type="file"]{
    display: none;
}
.file-upload-box input[type="file"] + label{
    display: inline-block;
    width: 23%;
    height: 44px;
    background: #363e4a;    
    color: #fff;
    padding:13px 0;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    vertical-align: middle;
}
.file-upload-box input[type="file"] + label span{
    letter-spacing: -0.3px;
}
.file-upload-box .file-upload{
    display: inline-block;
    width: 76%;
    height: 44px;
    border:1px solid #d9dcde;
    color:#aaa;
    font-size: 14px;
    padding:12px 10px;
    border-radius: 5px;
    margin-right: 1%;
    vertical-align: middle;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.file-upload-box .file-upload.active{
    border:1px solid #363e4a
}
.file-up-text{
    display: block;
    letter-spacing: -0.54px;
}
.file-up-img{
    display: flex;
}
.review-img-box-wrap{
}
.review-img-box{
    position: relative;
    width: 130px;
    height: 106px;
    border:1px dashed #d9dcde;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    /* padding:35px 0 33px; */
    overflow: hidden;
}
.review-img-box img{
    width: 47px;
    height: 35px;
    margin:0 auto;
}
.review-img-box img{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}
.review-img-box-text{
    color: #aaa;
    letter-spacing: -0.38px;
}
.review-img-del{
    width: 20px;
    height: 20px;
    background:url(../img/common/close-icon5-2.png)no-repeat center;
    background-size: 100%;
    border-radius: 50%;
    text-align: center;
    border:0;
}
.content-wrap{
    background: #f8f8f8;
    padding:20px 15px 34px;
}
.consent-text-wrap{
    width:100%;
    height: 100px;
    background: #fff;
    border:1px solid #d9dcde;
    border-radius: 5px;
    padding:10px 4px 5px 10px;
}
.consent-text{
    padding-right: 37px;
    height: 85px;

}
.consent-text p{
    letter-spacing: -0.5px;
    color: #3a4961;
}
.pay-form-btn-wrap{
    font-size: 0;
    text-align: center;
}
.form-btn{
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border:1px solid #4b82ee;
}
.form-btn-h{
    width: 49%;
}
.form-btn-h1{
    margin-right: 2%;
}
.com-pay-confirm-inner{
    width: 100%;
    background: #f5f6f7;
    padding:0 15px 120px;
    border-top: 1px solid #e5e8ea;
}
.pay-con-tit{
    letter-spacing: -0.55px;
    margin-bottom: 4px;
}
.pay-con-sub{
    letter-spacing: -0.35px;
    line-height: 1.57;
}
.see-result.pay-con-text-wrap{
    width: 100%;
    background: #e5e8ea;
    height: 145px;
}
.pay-con-text-wrap >span{
    letter-spacing: -0.38px;
}
.btn-wrap.pay-confirm-btn{
    width: 100%;
    margin:0;
}


/* 무료교육 */
.service-edu-top{
}
.free-edu-sub-tit{
    /* padding-bottom: 40px; */
}
.free-edu-inner{
    width: 100%;
    padding:20px 15px 63px;
    background:#e5e8ea;
}
.notice-count-desc{
    letter-spacing: -0.35px;
}
.free-edu-cont{
    width: 100%;
    /* height: 370px; */
    border-radius: 8px;
    box-shadow: 2px 4px 12px 0 rgba(0,0,0,0.08);
    background: #fff;
    position:relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.my-benefits-cont .free-edu-cont {
    height: auto;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    padding: 20px 15px;
    border-top: solid 1px #e5e8ea;
}
/* .free-edu-cont:first-child{
    padding-top: 0;
} */
.free-edu-img{
    width: 100%;
    height: 230px;
}
.free-edu-img a{
    display: block;
}
.free-edu-img img{
    width: 100%;
    height: 100%;
}
.free-edu-info .free-edu-mark{
    color: #363e4a;
    font-size: 16px;
    letter-spacing: -0.63px;
    display: inline-block;
}
.free-edu-info .free-edu-mark .free-edu-text {padding: 20px 0;}
 .free-edu-img + .free-edu-mark, 
 .edu-detail-mark {
    position:absolute;
    top:217px;
    left:14px;
    color: #d8eaff;
    font-size: 14px;
    letter-spacing: -0.63px;
    display: inline-block;
    background: #117fff;
    width: 50px;
    height: 26px;
    text-align:center;
    line-height: 26px;
}
.free-edu-mark + .free-edu-info{
    padding:23px 14px 20px;
}
.free-edu-tit{
    letter-spacing: -0.9px;
}
.my-benefits-cont.my-edu-cont.my-re-edu-cont .free-edu-info {padding-bottom: 20px;}
.my-benefits-cont.my-edu-cont.my-re-edu-cont .free-edu-text {padding-top: 20px;}
.free-edu-text p{
    font-size: 14px;
    color: #6e7683;
    letter-spacing: -0.59px;
    line-height: 1.69;
}

.free-edu-text p span{
    color: #6e7683;
    margin-right: 8px;
}
a.my-edu-btn {
    font-size: 13px;
    color: #aaa;
    font-weight: bold;
}
a.my-edu-btn-on {
    color: #eb4d72;
    text-decoration: underline;
}
.free-edu-btn{
    width: 86px;
    height: 86px;
    border-radius: 50%;
}
.free-edu-btn a{
    display: block;
    padding:25px 0 19px;
}
.free-edu-btn a span{
    display: block;
}
.free-edu-btn a span.edu-btn-icon{
    margin-bottom: 7px;
    height: 19.5px;
    background: url(../img/common/search_icon_w.png)no-repeat center;
    background-size: 19.5px;
}
.free-edu-btn a span.edu-btn-text{
    letter-spacing: -0.63px;
}

.free-edu-detail-inner{
    width: 100%;
    padding-bottom:84px
}



/* 2021-12-29 pop-free-edu-survey css 추가 */

.free-edu-survey-wrap .odp-top{
    padding: 0 15px;
    border: none;
}

.free-edu-survey-contents img{
    max-width: 100%
}

.free-edu-survey-contents{
    padding: 14px 15px 20px 15px;
    background-color: #fff;
}
.free-edu-survey-contents h4{
    font-size: 12px;
    margin-bottom: 24px;
    letter-spacing: -0.3px;
}

.free-edu-survey-contents th{
    text-align: left;
    background-color: #f8f8f8;
    padding: 14px 8px;
    letter-spacing: -0.35px;
}


.free-edu-survey-contents .table td{
    padding: 16px 0 0 0;
    text-align: left;
}

.free-edu-survey-contents .radio{
    margin: 0;
    margin-bottom: 20px;
}

.free-edu-survey-contents .radio,
.free-edu-survey-contents .checkbox{
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.free-edu-survey-contents tr:last-of-type td{
    padding: 16px 0 0 0;
}

.free-edu-survey-contents td > div:last-of-type{
    margin-bottom: 0;
}


.free-edu-survey-contents td label span{
    font-size: 14px;
    color: #363e4a;
    letter-spacing: -0.63px;
}

.free-edu-survey-contents input[type="radio"] + label::before{
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin: 0px 4px 0 0;
}

.free-edu-survey-contents input[type="checkbox"] + label::before{
    content: '';
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 0px 4px 0 0;
    vertical-align: middle;
    /* background: url(../img/common/check_square.png); */
    background: url("../img/common/check_icon-off.png");
    background-size: 20px;
}

.free-edu-survey-contents input[type="checkbox"]:checked + label::before{
    /* background-image: url(../img/common/check_square-on.png); */
    background-image: url(../img/common/check_icon-on.png);
}

.free-edu-survey-contents input[type="radio"]:checked + label::before{
    background-image: url(../img/common/check_icon-on.png);
}

.free-edu-survey-contents input[type="text"]{
    width: 100%;
    height: 46px;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 15px;
    border: 1px solid #eaeaea;
}

.free-edu-survey-contents input[type="text"]::placeholder{
    color: #aaa;
}
.free-edu-survey-contents input[type="text"]:-ms-input-placeholder{/*IE*/
    color:#aaa;
}
.free-edu-survey-contents input[type="text"]::-ms-input-placeholder{/* Microsoft Edge */
    color: #aaa;
}
.free-edu-survey-contents input[type="text"]:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aaa;
}
.free-edu-survey-contents input[type="text"]::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aaa;
}

.free-edu-survey-contents .edu-time-btn-wrap{
    margin: 40px 0;
}

.free-edu-survey-contents .edu-time-btn-wrap button{
    width: 100%;
    height: 50px;
    margin: auto;
}

/************************************************************************/


.edu-detail-info1{
}
.edu-detail-tit{
    padding:14px 15px 20px;
}
.edu-detail-mark{
    position: static;
}
.edu-detail-tit h3{
    letter-spacing: -0.81px;
}
.edu-detail-line{
    margin:0 15px;
    border-bottom: 1px solid #e5e8ea;
}
.edu-detail-img{
    width: 100%;
    position: relative;
}
.edu-detail-img img{
    width: 100%;
    height: 100%;
}
.edu-detail-img .edu-slide{
    overflow: hidden;
    /* height: 375px; */
    height: 60vw;
}
.edu-detail-img .edu-slide img {
    object-fit: cover;
    height: auto;
}
.edu-detail-img .swiper-btn{
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
} 

 .edu-detail-img .swiper-button-next{
    background-image: url(../img/common/next_icon-type3-active.png);
    right: 15px;
}
.edu-detail-img .swiper-button-prev{
    background-image: url(../img/common/prev_icon-type3-active.png);
    left: 15px;
}
.edu-detail-img .swiper-button-next.swiper-button-disabled{
    background-image: url(../img/common/next_icon-type3.png);
}
.edu-detail-img .swiper-button-prev.swiper-button-disabled{
    background-image: url(../img/common/prev_icon-type3.png);
}
.edu-detail-img .swiper-pagination{
    position: static;
    margin-top:12px;
}
.edu-detail-img .swiper-pagination-bullet{
    width: 4px;
    height: 4px;
    border-radius: 0;
    margin-right: 6px;
}
.edu-detail-img .swiper-pagination-bullet-active{
    width: 18px;
    background: #363e4a;
}
.edu-detail-sub-wrap{
    padding: 0 15px;
}
.edu-detail-sub-wrap h5{
    letter-spacing: -0.72px;
    margin-bottom: 14px;
}
.edu-detail-sub{
    padding-bottom: 34px;
    /* border-bottom: 1px solid #e5e8ea; */
}
.edu-detail-sub p{
    font-family: "NotoSansMedium", sans-serif;
    color: #6e7683;
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 2.14;
}
.edu-detail-sub p span{
    color: #363e4a;
    margin-right: 10px;
}
.edu-detail-radio-wrap + h5 + .edu-detail-sub {padding-bottom: 0;}
.edu-detail-radio-wrap + h5 + .edu-detail-sub img {max-width: 100%;}

.edu-detail-text span + p  span {
    color: #6e7683;
    font-family: "NotoSansRegular", sans-serif;
    width: 100%;
}
.edu-detail-text{
    width: 100%;
    /* height: 176px; */
    background: #f5f6f7;
    border-radius: 5px;
    /* padding: 20px 41px 20px 20px; */
    padding: 20px 0 20px 20px;
}
.edu-detail-text div{
    line-height: 2.07;
}
.edu-detail-text div:nth-child(3) {
    display: flex;
}
.edu-detail-text p{
    display: inline-block;
    font-size: 14px;
    color: #6e7683;
    letter-spacing: -0.35px;
    font-family: "NotoSansRegular", sans-serif;
}
.edu-detail-text span{
    display: inline-block;
    font-family: "NotoSansMedium", sans-serif;
    color: #363e4a;
    font-size: 14px;
    letter-spacing: -0.63px;
    width: 77px;
    margin-right: 20px;
    vertical-align: top;
}
.edu-detail-info2{
    width: 100%;
    padding:20px 15px 34px;
    background: #fff;
    /* border:1px solid #e5e8ea; */
    position:fixed;
    left:0; bottom: 0;
    z-index: 2;
}
.edu-time-btn-wrap{
   display: flex;
   align-items: center;
   justify-content: space-between;
   z-index: 10;
}
.share-btn{
    width: 22px;
    height: 22px;
    border:0;background: none;
    margin-left: 10px;
}
.time-con-btn-wrap{
    width: 86%;
}
.edu-time-btn-wrap .time-con-btn, .option-layer-wrap .time-con-btn{
    display: inline-block;
    border:0;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    vertical-align: middle;
}

.option-list-wrap .edu-detail-radio-wrap .edu-time-list {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    position: relative;
}
.option-list-wrap .edu-detail-radio-wrap .edu-time-list:last-child {padding-bottom: 0;}
.free-per-edu-inner{
    width: 100%;
    padding:47px 27px 34px;
    background:#e5e8ea;
}
.option-list-wrap .edu-detail-radio-wrap .edu-time-list input {
    position: absolute;
    top: 6px;
    left: 3px;
    width: 13px;
    height: 13px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.option-list-wrap .edu-detail-radio-wrap .edu-time-list label::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    background-image: url(../img/common/check_icon-off.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.option-list-wrap .edu-detail-radio-wrap .edu-time-list input:checked + label::before {
    background-image: url(../img/common/check_icon-on.png);
    background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.edu-layer-pop{
    display: none;
    position: fixed;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.64);
    z-index: 101;
}
.edu-layer-pop.select-on{
    display: block;
}
.edu-layer-pop-inner{
    width: 100%;
    padding:20px 15px 34px;
    background: #fff;
    border:1px solid #e5e8ea;
    position:fixed;
    left:0; bottom: 0;
    border-radius: 20px 20px 0 0 ;
}
.edu-layer-pop-inner .select-on-bar{
    width: 40px;
    height: 5px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top:-12px;
    transform: translateX(-50%);
}
.edu-time-btn-wrap2{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.edu-time-btn-wrap2 .time-con-btn2{
    display: inline-block;
    border:0;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    vertical-align: middle;
}
.detail-select-list-wrap{
   margin-bottom: 20px; 
}
.select-list-box{
    width: 100%;
    height: 38px;
    background: #f8f8f8;
    border-radius: 5px;
    padding:10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.select-list-box p{
    letter-spacing: -0.3px;
}
.select-list-box .del-btn{
    width: 10px;
    height: 10px;
}
.select-list-box .del-btn img{
    width: 100%;
    height: 100%;
}
.per-edu-img{
    width: 100%;
    height: 195px;
}
.per-edu-img img{
    width: 100%;
    height: 100%;
}
.per-edu-btn-wrap button{
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #4b82ee; 
}
.per-edu-text h4{
    font-size: 22px;
    letter-spacing: -0.55px;
    line-height: 1.36;
    margin-bottom: 12px;
}
.per-edu-text span{
    font-size: 12px;
    letter-spacing: -0.3px;
    line-height: 1.67;
}
/* .per-edu-contents{
    background: #f5f6f7 url(../img/service/per-edu-bg.png)no-repeat center;
    background-size: 100%;
    border-radius: 8px;
    height: 496px;
}
.per-edu-text{
    padding: 56px 65px 56px 611px;
    text-align: center;
}
.per-edu-text p{
    letter-spacing: -0.5px;
}
.per-edu-text h4{
    font-size: 36px;
    letter-spacing: -0.9px;
    line-height: 1.33;
}
.per-edu-text span{
    letter-spacing: -0.43px;
    line-height: 1.59;
}
.per-edu-btn{
    width: 206px;
    height: 56px;
    border-radius: 5px;
    border:1px solid #4b82ee;
    letter-spacing: -0.4px;
}
.per-edu-detail-cont{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}
.per-edu-detail-cont2{
    margin-bottom: 27px ;
}
.per-de-tit{
    letter-spacing: -0.38px;
}
.per-edu-detail-cont .select-box{
    width: 248px;
    height: 46px;
}
.per-edu-detail-cont .select-box h4{
    letter-spacing: -0.38px;
    height: 46px;
}
.per-edu-detail-cont .select-box h4 > span.txt{
    width:  calc(100% - 30px);
    padding-top: 2px;
}
.per-edu-detail-cont-1{
    justify-content: start;
}
.per-edu-detail-cont-1 input[id="datepicker"]{
    width: 126px;
    height: 46px;
    border-radius: 5px;
    padding:12px 20px;
    margin-left: auto;
    font-size: 15px;
    color: #6e7683;
    letter-spacing: -0.38px;
    font-family: "NotoSansRegular", sans-serif;
    background: url(../img/common/date_icon.png)no-repeat 90% center;
    background-size: 16px;
    cursor: pointer;
}
.per-edu-detail-cont-1 input[id="datepicker"]::placeholder{
    color: #6e7683;
}
.per-edu-detail-cont-1 input[id="datepicker"]:-ms-input-placeholder{IE
    color: #6e7683;
}
#ui-datepicker-div{datepicker
    background: #fff;
    border:1px solid #363e4a;
    border-radius: 5px;
    padding:10px;
}
.per-edu-detail-cont-1 .select-box {
    width: 116px;
    min-width: 116px;
    margin-left: 6px;
}
.per-edu-detail-cont-1 .select-box h4{
    background-position: 91% center;
}
.per-edu-cont .select-box h4{
    color: #6e7683;
}
.per-edu-detail-cont textarea{
    width: 248px;
    height: 105px;
    padding:12px 20px;
    resize: none;
    border:1px solid #e5e8ea;
    border-radius: 5px;
} */


.online-edu-inner{
    width: 100%;
    padding: 20px 15px 130px;
    background: #f5f6f7;
}
.online-edu-banner{
    width: 100%;
    height: 100px;
    position: relative;
}
.online-edu-banner img{
    width: 100%;
    height: 100%;
}
.online-edu-banner .swiper-pagination-bullet{
    width: 4px;
    height: 4px ;
    background: #363e4a;
    opacity: 0.2;
    border-radius: 0;
    margin:0 3px !important;
}
.online-edu-banner .swiper-pagination-bullet-active{
    width: 18px;
    opacity: 1;
}
.online-edu-cont{
    width: 100%;
    /* height: 384px; */
    background: #fff;
    box-shadow: 2px 4px 12px 0 rgba(0,0,0,0.08);
    border:1px solid #e5e8ea;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}
.on-video-wrap{
    position: relative;
    height: 61.4vw;
}
.on-edu-thumb{
    width: 100%;
    height: 230px;
    position:relative;
}
.on-edu-thumb-img img{
    width: 100%;
    height: 100%;
}
.on-edu-thumb button{
    width:100%;
    height: 100%;
    background: rgba(0,0,0,0.4) url(../img/service/online-edu-btn.png)no-repeat center;
    background-size: 60px;
    border:0;
    position: absolute;
    top:50%;left:50%;
    transform: translate(-50%,-50%);
}
.on-edu-video{
    /* display: none; */
    /* border-radius: 5px; */
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top:0;left: 0;
}
.online-edu-info{
    padding:16px 14px 20px;
}
.online-edu-info p{
    letter-spacing: -0.72px;
    /* width: 263px;
    height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; */
}
.online-edu-btn-wrap button{
    width: 100%;
    height: 50px;
    border:0;
    border-radius: 5px;
}


/* 매장안내 */
.store-map-inner{
    width: 100%;
    border-top: 1px solid #e5e8ea;
}
.store-search-wrap{
    padding: 14px 15px;
}
.store-search{
    position:relative;
    margin-right: 16px;
    width: 100%;
    height: 44px;
    background: #fff;
    border:1px solid #e5e8ea;
    border-radius: 5px;
}
.store-search button{
    position:absolute;
    top:50%;right:10px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../img/common/search_icon4.png)no-repeat center;
    background-size: 100%;
    border: none;
}
.store-search input{
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding:12px 10px;
    background: none;
    border: none;
    letter-spacing: -0.63px;
    font-family: "NotoSansRegular", sans-serif;
}
.store-search input::placeholder{
    color:#aaa;
}
.store-search input:-ms-input-placeholder{/*IE*/
    color:#aaa;
}
.store-search input::-ms-input-placeholder{/* Microsoft Edge */
    color: #aaa;
}
.store-search input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aaa;
}
.store-search input::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aaa;
}
.store-list-wrap{
    display: block;
    width: 100%;
    background: #f5f6f7;
    padding-bottom: 6px;
}
.store-list{
    width: 100%;
    background: #fff url(../img/common/arrow_icon_type2.png)no-repeat right 15px center;
    background-size: 16px;
    padding:17px 15px 16px;
    transition: all 0.1s;
    margin-bottom: 2px;
}
.store-tit{
    display: block;
    letter-spacing: -0.72px;
    margin-bottom: 2px;
}
.store-list a{
    letter-spacing: -0.38px;
    display: block;
}
.store-list a address{
    line-height: 1.38;
}
.store-result-wrap{
    display: none;
    position:fixed;
    top:0;left:0;
    z-index: 105;
    width: 100%;
    background: #fff;
    padding-bottom: 30px;
    overflow-y: auto;
    height: 100%;
}
.store-result-wrap.active{
    display: block;
}
.store-result-top{
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
}
#map {margin-top: 58px;}
.store-result-top h3{
    letter-spacing: -0.81px;
    line-height: 58px;
    font-size: 18px;
}
.store-result-top a{
    width: 12px;
    height: 12px;
    right: 20px;
}
.store-info-cont{
    display: flex;
    padding:30px 20px 30px 15px;
    position: relative;
    font-size: 0;
    border-bottom: 1px solid #e5e8ea;
}
.store-info-cont img{
    width: 22px;
    height: 22px;
    vertical-align: top;
    margin-right: 14px;
}
.line-h-2 img{
    margin-top: 6px;
}
.store-info-cont span,
.store-info-cont span a,
.store-info-cont span p {
    display: inline-block;
    color: #6e7683 !important;
    font-family: "NotoSansMedium", sans-serif;
    font-size: 14px !important;
    letter-spacing: -0.35px;
    width: 95% !important;
}
.line-h-2 span{
    line-height: 2.14;
}
.store-result-slide-wrap{
    position: relative;
    width: 100vw;
}
.store-result-slide{
    width: 100%;
    height: 237px;
    overflow:hidden;
}
.store-result-slide .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.store-result-slide .swiper-button-type-1{
    position: absolute;
    top:50%;
}
.store-result-slide-wrap .swiper-button-next{
    right: -18px;
}
.store-result-slide-wrap .swiper-button-prev{
    left: -18px;
}
.store-result-slide-wrap .swiper-pagination{
    left: 50%;
    transform: translateX(-50%);
    margin-top: 12px;
    z-index: 100;
}
.store-result-slide-wrap .swiper-pagination-bullet{
    background: #363e4a;
    width: 4px;
    height: 4px;
    border-radius: 0;
    margin-right: 6px;
}
.store-result-slide-wrap .swiper-pagination-bullet-active{
    width: 18px;
}


/* 지도 */

#map{
    width: 100%;
}

/* 보상판매 */
.trade-in-inner{
    width: 100%;
}
.trade-section1{
    padding:70px 0 18px;
}
.trade-logo{
    width: 192px;
    height: 13px;
    margin: 0 auto;
}
.trade-logo img{
    width: 100%;
    height: 100%;
}
.trade-section2{
}
.trade-section2 h3{
    letter-spacing: -0.55px;
    line-height: 1.36;
    margin-bottom: 97px;
}
.trade-img{
    position:relative;
    z-index: 1;
    margin:0 auto;
    width: 336px;
    height: 252px;
    background: url(../img/service/trade-in2.png)no-repeat center;
    background-size: 100%;
}
.trade-section3{
    background: #f5f6f7;
}
.trade-sec3-inner{
    width: 100%;
    padding:50px 20px;
}
.trade-sec-inner h4{
    letter-spacing: -0.55px ;
    line-height: 1.36;
}
.trade-sec3-inner a{
    color: #4b82ee;
}

.trade-in-sub{
    display: flex;
    flex-wrap: wrap;
}
.trade-in-sub li{
   width: 50%;
    margin-bottom: 50px;
}

.trade-in-sub li p{
    font-size: 13px;
    letter-spacing: -0.33px;
    line-height: 1.62;
}
.trade-sec4-inner{
    width: 100%;
    padding: 50px 20px 14px;
}
.trade-in-sub2{
    /* display: flex;   
    justify-content: space-between;  */
}
.trade-in-sub2 li{
    background: #f9fafb;
    width: 100%;
    height: 130px;
    padding: 32px 10px 30px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.trade-sub2-txt{
    margin-left: 14px;
}
.trade-in-sub2 li img{
    width: 60px;
    height: 60px;
}
.trade-in-sub2 li p{
    margin-bottom: 6px;
    letter-spacing: -0.4px;
}
.trade-in-sub2 li span{
    letter-spacing: -0.94px;
}
.trade-sec-line{
    margin: 49.5px 0;
    border-bottom: 2px dashed #d2d2d7;
}
.trade-in-sub3{
    background: #f9fafb;
    padding:50px 13px 50px 13px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.trade-in-sub3 li {width: 50%;}
.trade-in-sub3 li:nth-child(1),
.trade-in-sub3 li:nth-child(2){
    margin-bottom: 52px;
}
.trade-in-sub3 li img{
    width: 40px;
    height: 40px;
}
.trade-in-sub3 li p{
    letter-spacing: -0.35px;
    margin-top: 14px;
}
.trade-section5{
    background: #363636;
}
.trade-sec5-inner{
    width: 100%;
    padding: 50px 15px;
}
.trade-sec5-inner h4{
    letter-spacing: -0.55px;
    margin-bottom: 22px;
}
.trade-sec5-inner p{
    letter-spacing: -0.3px;
}
.trade-in-btn{
    width: 100%;
    height: 74px;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #000;
    z-index: 5;
}
.go-trade-in{
    display: block;
    height: 100%;
    line-height: 74px;
}

/* 푸터 */
/* 입점/광고 문의 */
.store-marketing-top h3{
    line-height: 140px;/*ie*/
}
.store-inquiry-inner{
    width: 100%;
    padding: 0 0 34px;
}
.store-in-desc{
    width: 100%;
    background: rgba(245, 246, 247,0.81);
    padding: 15px;
}
.store-in-desc p{
    letter-spacing: -0.68px;
    line-height: 1.73;
}
.store-in-desc p:last-child{
    display: inline-block;
    position:relative;
}
/* .store-in-desc p:last-child::after{
    content: "";
    display: block;
    height: 1px;
    background: #363e4a;
    position:absolute;
    bottom: 5px;left:0; right:0;
} */
.store-desc-tit{
    margin-bottom: 8px;
}
.store-in-contents th,
.store-in-contents td{
    text-align: left;
}
.store-in-contents th{

}
.store-in-contents td{
    padding: 14px 15px;
    height: 71px;
}
.store-in-contents td .radio{
    margin-left: 0;
}
.store-in-contents td .radio:first-child{
    margin-right: 60px;
    position: relative;
}
.store-in-contents td .radio:first-child::after{
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background: #e5e8ea;
    position: absolute;
    top:10px; right:-30px;
}
.store-in-contents td .radio input[type="radio"] + label{
    display: inline-block;
    margin-bottom: 5px;
}
.store-in-contents td .radio input[type="radio"] + label:before{
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin: 0 2px 0 0;
}
.store-in-contents td.address-box{
    height: 193px;
    font-size: 0;
}
.store-in-contents td.upload-file-box{
    height: 97px;
    font-size: 0;
}
.store-in-contents td.store-cont-box{
    height: 155px;
}
.store-in-contents td input[type="text"]{
    width: 100%;
    height: 44px;
    padding: 12px 10px;
    border: 1px solid #d9dcde;
    border-radius: 5px;
    font-size: 14px;
    letter-spacing: -0.63px;
}
.store-in-contents td .select-box{
    width: 32%;
    min-width: 80px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2%;
}
.store-in-contents td .select-box h4{
    height: 46px;
    background-position: 90% center;
}
.store-in-contents td input[id="input-phone1"],
.store-in-contents td input[id="input-phone2"],
.store-in-contents td input[id="input-tel1"],
.store-in-contents td input[id="input-tel2"]{
    width: 30%;
}
td.address-box input[type="text"]{
    /* width:400px; */
    margin-top:12px;
    font-family: "NotoSansRegular", sans-serif;
    letter-spacing: -0.38px;
}
td.address-box input[id="post"]{
    width: 49%;
    margin-top:0;
}
td.address-box input[id="input-addnum"]{
    width: 49%;
    margin-top:0;
}
.address-box button{
    width: 49%;
    margin-left: 2%;
    height: 44px;
    border:0;
    border-radius: 5px;
    letter-spacing: -0.38px;
    vertical-align: middle;
}
.upload-file-box input[type="file"]{
    display: none;
}
.upload-file-box input[type="file"] + label{
    display: inline-block;
    vertical-align: middle;
}
.upload-file-box input[type="file"] + label span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 200px;
}
.upload-file-box .up-file-box{
    width: 68%;
    height: 46px;
    border-radius: 5px;
    background: #f8f8f8;
    border:1px solid #e6e8ea;
    color:#aaa;
    letter-spacing: -0.38px;
    padding:12px 10px;
    margin-right: 2%;
}
.upload-file-box .up-file-btn span{
    display: inline-block;
    width: 30%;
    height: 46px;
    border-radius: 5px;
    vertical-align: middle;
    line-height: 46px;
    text-align: center;
}
.upload-file-box p{
    margin-top:6px;
    letter-spacing: -0.38px;
}
.store-cont-box textarea{
    resize: none;
    width: 100%;
    height: 150px;
    padding:10px;
    letter-spacing: -0.35px;
    font-size:14px;
    font-family: "NotoSansRegular", sans-serif;
    border:1px solid #d9dcde;
    border-radius: 5px;
}
.store-cont-box textarea::placeholder{
    color:#aaa;
}
.store-cont-box textarea:-ms-input-placeholder{/*IE*/
    color:#aaa;
}
.store-in-contents .important{
    display: none ;
    font-size: 12px;
    margin-top: 6px;
}
.address-box .important{
    display: inline-block;
    vertical-align: middle;
}
.store-cont-box .important{
    vertical-align: top;
}
.chk-agree-box{
    padding: 0 15px;
}
.chk-agree-box .important{
    display: block;
}
.store-in-contents input[type="checkbox"]{
    display: none;
}
.store-in-contents .chk-agree-box input[type="checkbox"] + label::before{
    content:"";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/common/check_icon-off.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.store-in-contents .chk-agree-box input[type="checkbox"]:checked + label::before{
    background-image: url(../img/common/check_icon-on.png);
}
.store-in-btn-wrap{
    padding:0 15px;
    font-size: 0;
}
.store-in-btn-wrap button{
    height: 50px;
    border:1px solid #4b82ee;
    border-radius: 5px;
}
/* 개인정보처리방침/이용약관*/
.privacy-policy-inner{
    width: 100%;
    padding: 12px 15px 100px;
    border-top: 1px solid #e5e8ea;
}
.privacy-policy-inner .privacy-policy-inner{
    border-top: 0;
    width: 100% !important;
}
.privacy-policy-contents{
    margin-bottom: 20px;
}
.privacy-policy-contents:last-child{
    border-bottom: 0;
}
.privacy-policy-top{
    display: none !important;
}
.pri-policy-tit{
    color:#363e4a !important;
    letter-spacing: -0.4px !important;
    font-size: 16px !important;
    font-family: "NotoSansBold", sans-serif !important;
    margin-bottom: 9px !important;
}
.pri-policy-line{
    display: none !important;
    width: 100%;
    height: 1.5px;
    background: #1a1a1a;
}
.pri-policy-text{
    padding: 0 !important;
}
.pri-policy-txt {
    /* display: flex;
    align-items:baseline */
}
.pri-policy-text p{
    font-family: "NotoSansRegular", sans-serif !important;
    color:#1a1a1a !important;
    font-size: 12px !important;
}
.pri-policy-text span{
    margin-right: 5px;
}
.pri-policy-txt2 {
    padding-left: 16px;
}
.pri-policy-txt2-sub{
    margin-bottom: 13px;
}
.pri-policy-txt3{
    padding-left: 20px;
}
.pri-policy-txt3-sub{
    padding-left: 30px;
}

/* 회사소개 */
.about-us-top h3{
    line-height: 140px;
}
.about-us-inner{
    width: 100%;
    padding: 30px 0 90px;
}
.about-section1 h4{
    letter-spacing: -0.55px;
    line-height: 1.36;
    margin-bottom: 12px;
}
.about-section1 p{
    letter-spacing: -0.3px;
}
.about-section2{
    background: url(../img/footer/about-us.png)no-repeat center;
    background-size: 100%;
    height: 80vw;
}
.about-section3{
    background: #f5f6f7;
}
.about-sec3-inner{
    width: 100%;
   padding: 12% 15% 10% 15%;
}
.about-loge{
    width: 141px;
    height: 43px;
    margin:0 auto 50px;
}
.about-loge img{
    width: 100%;
    height: 100%;
}
.about-us-contents{
    
}
.about-us-cont{
    margin-bottom: 40px;
}
.about-cont-img{
    width: 120px;
    height: 120px;
    margin:0 auto;
}
.about-cont-img img{
    width: 100%;
    height: 100%;
}
.about-us-cont p{
    letter-spacing: -0.75px;
}
.about-cont-tit-sub{
    margin-bottom: 4px;
    display: inline-block;
    position:relative;
}
.about-cont-tit-sub::after{
    content: "";
    display: block;
    height: 1px;
    background: #363e4a;
    position:absolute;
    left:0;right: 0;
    bottom:2px;
}
.about-cont-tit{
    margin-bottom: 10px;
}
.about-us-cont span{
    letter-spacing: -0.4px;
}
.about-section4{
    background: #1e1e20;
}
.about-sec4-inner{
    width: 100%;
    padding:40px 15px 57px;
}
.about-sec4-inner h5{
    letter-spacing: -0.55px;
}
.about-reseller-contents{
    display: flex;
    justify-content: space-between;
}
.about-reseller-cont{
    width: 49%;
    height: 340px;
    padding: 30px 10px 37px 14px;
    background: #f9fafb;
    box-shadow: 2px 4px 12px 0 rgba(0,0,0,0.08);
    border-radius: 8px;
}
.about-re-img{
    width: 74px;
    height: 95px;
    margin:0 auto 32px;
}
.about-re-img img{
    width: 100%;
    height: 100%;
}
.about-re-img2{
    width: 78px;
    height: 78px;
    margin:0 auto 47px;
}
.about-re-img2 img{
    width: 100%;
    height: 100%;
}
.about-re-text p{
    letter-spacing: -0.4px;
    margin-bottom: 10px;
}
.about-re-text span{
    letter-spacing: -0.45px;
    line-height: 1.6;
}
.about-sec5-inner{
    width: 100%;
    padding: 40px 15px 0;
}
.about-sec5-inner h5{
    letter-spacing: -0.55px;
}
.about-mall-cont-wrap{

}
.about-mall-cont{
    width: 100%;
    height: 330px;
    position:relative;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 20px;
}
.about-mall-cont:last-child{
    margin-bottom: 0;
}
.about-mall-front{
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 40px 30px;
}
.about-mall-back{
    cursor:default;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    padding: 104px 30px 0;
    position: fixed;
    top:0; left:0;
    z-index: 999;
    background: #fff;
}
.mall-cont-img{
    position:absolute;
    top:0;left:0;
    z-index: -1;
    width:100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transition: all 0.1s ease;
}
.about-mall-back .mall-cont-img{
    filter:blur(30px);
    -webkit-filter:blur(30px);
}
.about-mall-back .mall-cont-img:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.37);
    position: absolute;
    top:0;left:0;
}
.mall-cont-img1{
    background-image: url(../img/footer/about06.png);
}
.mall-cont-img2{
    background-image: url(../img/footer/about07.png);
}
.mall-cont-img3{
    background-image: url(../img/footer/about08.png);
}
.about-mall-back .mall-cont-img1{
    background-image: url(../img/footer/about06-2.png);
}
.about-mall-back .mall-cont-img2{
    background-image: url(../img/footer/about07-2.png);
}
.about-mall-back .mall-cont-img3{
    background-image: url(../img/footer/about08-2.png);
}
.mall-cont-tit{
    font-family: "NotoSansBold", sans-serif;
    color: #363e4a;
    font-size: 20px;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.about-mall-back .mall-cont-tit{
    font-size: 20px;
    letter-spacing: -0.5px;
}
.mall-cont-text{
    display: none;
}
.about-mall-back .mall-cont-text{
    display: block;
    letter-spacing: -0.35px;
}
.plus-icon{
    width: 24px;
    height: 24px;
    background: url(../img/footer/plus-icon-circle.png)no-repeat center;
    background-size: 100%;
}
.about-mall-back .plus-icon{
    height: 0px;
    opacity: 0;
}
.about-mall-cont .close-icon{
    display: none;
    position:fixed;
    top:0;left:0;
    padding:40px 30px;
    transition: all 0.3s ease 0s;
    z-index: 1000;
}
.close-icon img{
    width: 24px;
    height: 24px;
}
.close-icon.active{
    display: block;
    cursor: pointer;
}

/* 멤버십 혜택 */
.member-benefit-inner{
    padding: 30px 0 0 0;
}
.member-benefit-inner h3{
    font-size: 22px;
    letter-spacing: -1.15px;
    color:#363e4a;
}
.benefit-contents{
    display: flex;
    height: 72vw;
    -webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; 
    position: relative;
}
.benefit-cont{
    will-change: transform ;
    margin-right: 2%;
    width: 54%;
}
.benefit-top-img{
    width: 100%;
    height: 72%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 15px 15px 0 0;
}
.benefit-top-img1{
    background-image: url(../img/footer/benefit01.png);
}
.benefit-top-img2{
    background-image: url(../img/footer/benefit02.png);
}
.benefit-top-img3{
    background-image: url(../img/footer/benefit03.png);
}
.benefit-top-img4{
    background-image: url(../img/footer/benefit04.png);
}
.benefit-top-img5{
    background-image: url(../img/footer/benefit05.png);
}
.benefit-top-img6{
    background-image: url(../img/footer/benefit06.png);
}
.benefit-bottom-text{
    width: 100%;
    border-radius: 0 0 15px 15px;
    padding: 17px 0 16px;
}
.benefit-bo-text1{
    background : #0b1b31;
}
.benefit-bo-text2{
    background: #4a3032;
}
.benefit-bo-text3{
    background: #4b3d30;
}
.benefit-bo-text4{
    background : #0b1b31;
}
.benefit-bo-text5{
    background: #4a3032;
}
.benefit-bo-text6{
    background: #2e2e25;
}
.benefit-section2{
    background: #f5f6f7;
    padding:50px 15px 50px;
}
.sub-benefit{
    width: 100%;
    /* height: 414px; */
    margin:0 auto;
    background: #fff url(../img/footer/benefit07.png)no-repeat;
    background-size: contain;
    background-position: bottom;
    border-radius: 15px;
    box-shadow: 2px 4px 12px 0 rgb(0 0 0 / 8%);
    padding: 10% 10% 100% 10%;
}
.sub-benefit p{
    letter-spacing: -0.75px;
    margin-bottom: 10px;
}
.sub-benefit span{
    letter-spacing: -0.98px;
    line-height: 1.73;
}
.benefit-section3{
    padding:50px 0 30px;
}
.benefit-desc{
    width:100%;
    margin: 0 auto;
}
.benefit-desc-text{
    display: inline-block;
    width: 85%;
}
.benefit-desc-text p{
    letter-spacing: -0.4px;
    line-height: 2.2;
}
.benefit-btn-wrap {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
}
.benefit-btn{
    width: 100%;
    height: 74px;
    border-radius: 0;
    border:0;
}

/* 사이트맵 */
.sitemap-inner{
    width: 100%;
    padding-bottom: 103px;
    border-top: 1px solid #e5e8ea;
}
.sitemap-cont{
    /* display: flex;
    align-items: center;
    height: 96px; */
    border-bottom: 1px solid #e0e0e0;
}
.sitemap-cont p{
    padding:14px 15px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color:#363e4a;
    font-family: "NotoSansBold", sans-serif;
    position: relative;
}
.sitemap-cont p:after{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/common/up_icon3.png)no-repeat center;
    background-size: 100%;
    position:absolute;
    right:15px;
    top: 15px;
}
.sitemap-cont p.slideDrop::after{
    background-image: url(../img/common/drop_icon5.png);
}
.sitemap-cont ul{
    display: flex;
    flex-wrap: wrap;
    padding:0 15px 30px;
}
.sitemap-cont ul li{
    width: 50%;
}
.sitemap-cont ul li a{
    font-size: 13px;
    letter-spacing: -0.33px;
    color:#363e4a;
    font-family: "NotoSansRegular", sans-serif;
    line-height: 3.08;
}

.edu-detail-share {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding: 0 15px;
}

.per-edu-detail-cont .wrapper {
    width: 49%;
    border-radius: 4px;
    border: solid 1px #e5e8ea;
}

.per-edu-detail-cont .wrapper input{
    background: #fff;
    border: 0;
    padding: 10px;
    width: 100%;
}

.per-edu-detail-cont textarea {
    border: 1px solid #e5e8ea;
}

 .edu-detail-radio-wrap .select-box .select-list{
    position: initial;
 }

 .per-edu-detail-cont .filter-date {
    width: 49%;
    height: 44px;
    border-radius: 4px;
    border: solid 1px #e5e8ea;
    position: relative;
    padding: 10px;
    /* display: flex;
    justify-content: space-between; */
}

.filter-date input[type="date"] {
    width: 100%;
    border: 0;
    height: auto;
    padding: 0;
    font-size: 14px;
    outline:none;
}

.per-edu-detail-cont .filter-date::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/common/date_icon.png)no-repeat center;
    background-size: 16px;
    position: absolute;
    top: 12px;
    right: 15px;
}

.filter-date input[type="date"]::after {
    content: none;
}

.prev-policy-wrap {    
    display: flex;
    justify-content: start; 
    margin-bottom: 12px;
}
.prev-policy-wrap .select-box h4 > span.txt {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.prev-policy-wrap .select-box {width: 54%;}

.prev-policy-wrap .select-box .select-list ul {
    padding: 15px 8px 10px;
}

/* 애플페이 적용되는 매장 정보 표시 시작 */
.store-pay-icon.store-tit {display: inline-block;position: relative;}
.store-pay-icon.store-tit::after {
    content: "";
    position: absolute;
    background: url(../img/service/applepay_icon.jpg)no-repeat;
    background-size: 100% 100%;
    width: 38px;
    height: 22px;
    bottom: 0;
    right: -45px;
}
/* 애플페이 적용되는 매장 정보 표시 끝 */

.chk-box-wrap input[type="checkbox"] {
    display: none;
}
  
.chk-box-wrap input[type="checkbox"] + label:before {
content: "";
display: inline-block;
cursor: pointer;
width: 20px;
height: 20px;
margin: -2px 5px 0 0;
vertical-align: middle;
background-image: url("../img/sub/radio.png");
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}

.chk-box-wrap input[type="checkbox"]:checked + label:before {
background-image: url("../img/sub/radio_on.png");
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
}

.chk-agree input[type="checkbox"]{
    display: none;
}
.chk-agree input[type="checkbox"] + label span{
    color:#6e7683;
    letter-spacing: -0.35px;
}
.chk-agree input[type="checkbox"] + label::before{
    content: "";
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    /* margin: -3px 0 0 0; */
    margin: 0 8px 0 0;
    vertical-align: middle;
    background-image: url("../img/common/check_icon-off.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.chk-agree input:checked[type="checkbox"] + label::before {
    background-image: url("../img/common/check_icon-on.png");
  }
.bottom-info-title {
    padding: 15px;
    background-color: #fff;
    border-top: 1px solid #e5e8ea;
    border-bottom: 1px solid #e5e8ea;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.35px;
    text-align: left;
    color: #363e4a;
}

h6.bottom-info-title span {
  font-size: 12px;
  font-weight: 400;
  font-family: "NotoSansRegular", sans-serif;
  line-height: 1.6;
  color: #aaa;
  display: inline-block;
  float: right;
}

.bottom-info {
    width: 100%;
    border-bottom: 1px solid #e5e8ea;
    padding: 10px 15px 20px;
    background: #fff;
}

.survey-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: 0;
    align-items: center;
    padding: 0 15px;
}
.survey-top .left{
    font-size: 14px;
   letter-spacing: -0.35px;
   text-align: left;
   color: #363e4a;
}
.survey-top .left span {
    font-weight: 900;
}
.survey-list-wrap {
    padding: 0 15px;
}
.survey-list-wrap li {
    margin-top: 20px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}
.survey-list-wrap li:first-child {margin-top: 0;}
.survey-list-wrap h3 {
    font-family: "NotoSansMedium", sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    color: #363e4a;
}

.survey-list-wrap li > div.img{
    position: relative;
    width: 100%;
    height: 50vw;
}
.survey-list-wrap li img{
    width: 100%;
}
.survey-list-wrap li > div.img .survey-view-btn{
    width: 50px;
    height: 26px;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.63px;
    text-align: center;
    color: #f9fafb;
    position: absolute;
    left:14px;
    top:14px;
    background: #7c7c7c;
    border-radius: 2px;
}

.survey-list-wrap li > div.text{
    position: relative;
    padding:16px 20px;
    background: #f5f6f7;
}
.survey-list-wrap li > div.text a{
    display: block;
    width: 100%;
    /* display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items:flex-start; */
}
.survey-list-wrap li > div.text h3{
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: -0.99px;
    line-height: 1em;
    height: 1.5em; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    font-size: 20px;
    /* line-height: 1.45; */
    letter-spacing: -0.9px;
    text-align: left;
    color: #363e4a;
    font-family: "NotoSansMedium", sans-serif;

}
.survey-list-wrap li > div.text p{
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.63px;
    text-align: left;
    color: #363e4a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.survey-list-wrap li > div.text p.survey-data{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    text-align: left;
    color: #999;
    margin-top: 20px;
}

/* .end-time {
    opacity: 0.4;
} */

.end-time button{
    background: #999;
    border: solid 1px #999;
}

.mobileQaWrap > h4 {
  font-size: 14px;
  font-weight: 500;
  color: #363e4a;
  border-top: 1px solid #e5e8ea;
  border-bottom: 1px solid #e5e8ea;
  padding: 20px 0;
  text-align: center;
  background: #f8f8f8;
}

.QaSelectWrap {
  padding: 15px;
}

.QaSelectWrap p {
  font-size: 14px;
  padding-bottom: 10px;
}
.QaSelectWrap .chk-address-wrap {
  display: flex;
  justify-content: flex-start;
}

.QaSelectWrap .radio {
  width: 40%;
  margin-left: 0;
}

.QaSelectWrap .dbl-select-wrap {
  display: flex;
  justify-content: space-between;
}

h6.info-txt-title, .info-txt-title {
  padding: 15px;
  border-bottom: 1px solid #e5e8ea;
}