@charset "utf-8";

/* WEBFONT */
@font-face {
    font-family:'montserrat';
    font-weight:400;
    font-style:normal;
    src:url('../../../common/fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family:'montserrat';
    font-weight:500;
    font-style:normal;
    src:url('../../../common/fonts/Montserrat-Medium.ttf') format('truetype');
}
  
@font-face {
    font-family:'montserrat';
    font-weight:600;
    font-style:normal;
    src:url('../../../common/fonts/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family:'montserrat';
    font-weight:700;
    font-style:normal;
    src:url('../../../common/fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family:'abuget';
    font-weight:400;
    font-style:normal;
    src:url('../../../common/fonts/Abuget.ttf') format('truetype');
}

/* 헤더 */
.recall-landing{font-family:'montserrat','lgsmart',Arial,Helvetica,sans-serif;padding-top: 0; min-width: 1060px;color: #333;}

.recall-landing .breadcrumb,
.recall-landing.serialNC .l-quick-menu,
.recall-landing .l-footer-wrap,
.recall-landing .page-title,
.recall-landing .l-header-wrap,
.recall-landing .l-lnb-wrap{font-family: 'lgsmart',Arial,Helvetica,sans-serif;}/* 220216 */

.partner-area.is-login.login-member .user-wrap .img-banner.wecare-img{width: auto;padding-right: 1.5rem;}
.util-wrap .partner-area .login .img-banner.wecare-img{padding-right: 3.375rem;margin-top: -2px;}
.partner-area .img-banner.wecare-img{width: auto; height: 20px;vertical-align: middle;}/* 220221 */
.partner-area .img-banner.wecare-img a{display: flex;align-items: center; width: 100%;height: 100%;}
.partner-area .img-banner.wecare-img img{display: block;width: auto;height: 14px;}

.l-wrap.recall-landing .l-header-wrap.has-language-wrap ~ .l-container{padding-top: 172px;}
.l-wrap.recall-landing .l-header-wrap ~ .l-container{padding-top: 132px;}

/* 신청 */
.l-wrap.recall-landing .l-container{padding-top: 172px;}/* 220216 */
.l-wrap.recall-landing .visual-wrap{background: url(../images/bg_visual.png)no-repeat center;text-align: center;position: relative;height: 350px;}
.l-wrap.recall-landing .visual-wrap::before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
    background: rgba(0,0,0,.45);
}
.l-wrap.recall-landing .inner-section{width: 100%;max-width: 1060px;}
.l-wrap.recall-landing .visual-wrap .inner-section{padding-bottom: 0;}
.l-wrap.recall-landing .text-banner{position: relative;z-index: 1;padding-top: 71px;box-sizing: border-box;}
.l-wrap.recall-landing .text-banner img{display: block;margin: 0 auto;}
.l-wrap.recall-landing .text-banner p{display: block; color: #fff;font-size: 20px;line-height: 28px;margin-top: 35px;}
.l-wrap.recall-landing .target-wrap{text-align: center;}
.l-wrap.recall-landing .target-wrap .inner-section{padding: 50px 0 25px;}
.l-wrap.recall-landing .target-wrap p{display: block; font-size: 17px;line-height: 27px;margin-bottom: 50px;}
.l-wrap.recall-landing .form-wrap .inner-section{border: 1px solid #E5E5E5;padding: 70px 68px 60px;box-sizing: border-box;}
.l-wrap.recall-landing .list-row{display: flex; padding-bottom: 15px;color: #333;width: 100%;}
.l-wrap.recall-landing .list-row.pb30{padding-bottom: 30px;}
.l-wrap.recall-landing .list-row.pb40{padding-bottom: 40px;}
.l-wrap.recall-landing .list-row.bdt{border-top: 1px solid #E5E5E5;padding-top: 20px;}
.l-wrap.recall-landing .list-column{display: flex;align-items: flex-start; width: 100%;flex-wrap: wrap;}
.l-wrap.recall-landing .list-row.list-col2 .list-column{width: 50%;}
.l-wrap.recall-landing .list-column dt{width: 215px; font-size: 17px;line-height: 20px;font-weight: 600;margin-right: 18px;margin-top: 10px; position: relative;}
.l-wrap.recall-landing .list-column dd{width: calc(100% - 233px);}
.l-wrap.recall-landing .list-column dd input{width: 100%; height: 40px;border-color: #E5E5E5;background: transparent; box-sizing: border-box;font-size: 14px;}
.l-wrap.recall-landing .list-column dd input.recallNumber{margin-bottom: 15px;}
.l-wrap.recall-landing .list-column dd input.recallNumber:only-of-type{margin-bottom: 0;}
.l-wrap.recall-landing .list-column dd input.recallNumber:last-of-type{margin-bottom: 0;}
/* .l-wrap.recall-landing .list-column:nth-child(2) dt{width: 147px;padding-left: 18px;margin-right: 0; box-sizing: border-box;} 220310 */
.l-wrap.recall-landing .list-column:nth-child(2) dt{width: 147px;padding: 0 18px;margin-right: 0; box-sizing: border-box;text-align: right;}
.l-wrap.recall-landing .list-column:nth-child(2) dd{width: calc(100% - 147px);}

.l-wrap.recall-landing .list-column .select{background: transparent;width: 100%;}
.l-wrap.recall-landing .list-column .select.on{border-color: #333;}
.l-wrap.recall-landing .list-column .select.on::before{border-width: 0 6px 7px 6px;border-color: transparent transparent #222 transparent;}
.l-wrap.recall-landing .list-column .select>div{background: transparent;line-height: 40px;font-size: 14px;border: 1px solid #E5E5E5;padding-left: 19px;overflow: hidden;cursor: pointer;}
.l-wrap.recall-landing .list-column .select>div.on{border-color: #333;}
.l-wrap.recall-landing .list-column .select>div.active{border-color: #333;}
.l-wrap.recall-landing .list-column .select ul{width: 100%;height: 320px; border: 1px solid #333;border-top: 0;overflow-x: hidden;overflow-y: auto;position: absolute;display: none;z-index: 2;background: #fff;}
.l-wrap.recall-landing .list-column .select li{font-size: 14px;line-height: 40px;padding: 0 19px;box-sizing: border-box;cursor: pointer;}
.l-wrap.recall-landing .list-column .select li.on{color: #AC0C3C;background: #E5E5E5;}
.l-wrap.recall-landing .list-column .select:before{top: 16px;}
.l-wrap.recall-landing .list-column .select:after{height: 40px;background-color: transparent;}

.l-wrap.recall-landing .list-column .checks{display: flex;align-items: center;margin-bottom: 15px;}
.l-wrap.recall-landing .list-column .checks .check{margin-right: 60px;}
.l-wrap.recall-landing .list-column .check{padding-left: 26px;}
.l-wrap.recall-landing .list-column .check input{width: 0;height: 0;}
.l-wrap.recall-landing .list-column .check input[type="checkbox"] + label:before{width: 16px;height: 16px;top: 4px; left: -26px;}
.l-wrap.recall-landing .list-column .check input[type="checkbox"]:checked + label::after{left: -23px;top: 7px;}
.l-wrap.recall-landing .list-column .check input[type="radio"] + label:before{width: 16px;height: 16px;top: 4px; left: -26px;border-radius: 0;border: 1px solid #E5E5E5;}
.l-wrap.recall-landing .list-column .check input[type="radio"]:checked + label::before{background: #c00c3f;border-color: #c00c3f;}
.l-wrap.recall-landing .list-column .check input[type="radio"]:checked + label::after{content: '';position: absolute;left: -23px;top: 7px;width: 9px;height: 4px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);}
.l-wrap.recall-landing .list-column label{font-size: 14px;line-height: 20px;position: relative;word-break: keep-all;color: #333;font-weight: 400;}/* 220307 */
.l-wrap.recall-landing .list-column a{color: #AC0C3C;}
.l-wrap.recall-landing .list-column a:hover{text-decoration: underline;}
.l-wrap.recall-landing .list-column p{font-size: 14px;line-height: 20px;position: relative;word-break: keep-all;color: #333;}
.l-wrap.recall-landing .list-column p.etc-txt{display: block; font-size: 13px;}
.l-wrap.recall-landing .list-column p.etc-txt:nth-of-type(2){padding-top: 12px;}
.l-wrap.recall-landing .list-column p.pl26{padding-left: 26px;}

.l-wrap.recall-landing .list-column.type2 p.etc-txt{font-weight: 700;}/* 220307 */

.l-wrap.recall-landing .number-group dt{padding-bottom: 5px;}/* 23 */
.l-wrap.recall-landing .number-group dt .info-msg{display: flex;position: absolute;top: 100%;left: 0;font-size: 12px;line-height: 15px;font-weight: 500;color: #AC0C3C;text-decoration: underline;letter-spacing: -.25px;}
.l-wrap.recall-landing .number-group dt .info-msg::before{content: '';display: block;width: 15px;height: 15px;background: url(../images/icon_info.png)no-repeat center;margin-right: 3px;flex-shrink: 0;margin-top: 2px;}
.l-wrap.recall-landing .number-group dd .btn_wrap{width: calc(100% - 233px);display: flex;align-items: center;margin-top: 20px;}
.l-wrap.recall-landing .number-group dd .btn_wrap button{font-size: 16px;line-height: 20px;font-weight: 600;padding: 0;min-width: auto;min-height: auto;display: flex;align-items: center;}
.l-wrap.recall-landing .number-group dd .btn_wrap button:first-child{margin-right: 24px;}
.l-wrap.recall-landing .number-group dd .btn_wrap button::before{content: '';display: block;width: 17px;height: 17px;background: no-repeat center;margin-right: 17px;}
.l-wrap.recall-landing .number-group dd .btn_wrap .btn-add::before{background-image: url(../images/btn_add.png);}
.l-wrap.recall-landing .number-group dd .btn_wrap .btn-del::before{background-image: url(../images/btn_del.png);}
.l-wrap.recall-landing .required:after{margin-left: 0;}
.l-wrap.recall-landing .installer-group dd{display: flex;flex-wrap: wrap;}
.l-wrap.recall-landing .installer-group dd input{width: 330px;margin-right: 27px;}
.l-wrap.recall-landing .installer-group dd input:last-child{margin-right: 0;}
.l-wrap.recall-landing .btn_submit{display: block;margin: 50px auto 0; width: 160px;height: 50px;background: #AC0C3C;color: #fff;font-size: 14px;font-weight: 700;}

.l-wrap.recall-landing .check-wrap{width: 100%;max-width: 1060px; margin: 70px auto 230px;padding-top: 25px;position: relative;}
.l-wrap.recall-landing .check-wrap::before{content: '';display: block;width: 50px;height: 3px;background: #AC0C3C;position: absolute;top: 0;left: 0;}
.l-wrap.recall-landing .check-wrap h4{font-size: 24px;line-height: 27px;margin-bottom: 25px;font-weight: 600;}
.l-wrap.recall-landing .check-wrap p{font-size: 17px;line-height: 27px;letter-spacing: -.15px;}
.l-wrap.recall-landing .check-wrap .img-box{display: flex;margin-top: 50px;}
.l-wrap.recall-landing .check-wrap .img-box>div{width: 520px;margin-right: 20px;}
.l-wrap.recall-landing .check-wrap .img-box>div:last-child{margin-right: 0;}
.l-wrap.recall-landing .check-wrap .img-box .img{width: 100%;height: 420px;display: flex;align-items: center;justify-content: center;border: 1px solid #E5E5E5;}
.l-wrap.recall-landing .check-wrap .img-box dl{background: #F0F0F0;padding: 40px 35px;height: 165px;box-sizing: border-box;}
.l-wrap.recall-landing .check-wrap .img-box dl dt{font-size: 17px;line-height: 20px;font-weight: 600;margin-bottom: 12px;}
.l-wrap.recall-landing .check-wrap .img-box dl dd{font-size: 14px;line-height: 20px;}

.l-wrap.recall-landing .list-text-box{padding-bottom: 0;}
.l-wrap.recall-landing .list-text-box p.etc-txt{font-size: 17px;line-height: 24px;}
.l-wrap.recall-landing .list-text-box p.etc-txt.type2{font-size: 14px;line-height: 20px;}
.l-wrap.recall-landing .list-text-box .checks{margin-bottom: 0;margin-top: 20px;}
.l-wrap.recall-landing .list-text-box .pt20{padding-top: 20px;}

.l-wrap.recall-landing .btn-top{border: 1px solid #797979;display: flex;align-items: center;justify-content: center; min-width: 64px;min-height: 64px;position: fixed;bottom: 40px;right: 40px;background: #fff;padding: 10px;}
.l-wrap.recall-landing .btn-top em{font-size: 16px;line-height: 1.2;font-weight: 600;color: #797979;}
.l-wrap.recall-landing .btn-top em::before{content: '';display: block;width: 11px;height: 15px;background: url(../images/btn_top.png)no-repeat center;margin: 0 auto 5px;}

/* 결과 */
.l-wrap.recall-landing .inner-section strong{display: block; font-size: 24px;line-height: 24px;font-weight: 700;text-align: center;}
.l-wrap.recall-landing .info-box{margin-top: 30px;border: 1px solid #E5E5E5;position: relative;padding: 40px 0;box-sizing: border-box;display: flex;margin-bottom: 24px;}
.l-wrap.recall-landing .info-box::before{content: '';display: block;width: 1px;height: calc(100% - 80px);background: #E5E5E5;position: absolute;top: 40px;left: 50%;}
.l-wrap.recall-landing .info-box dl{width: 50%;padding-left: 53px;}
.l-wrap.recall-landing .info-box dl dt{font-size: 18px;line-height: 24px;font-weight: 600;margin-bottom: 17px;display: flex;}
.l-wrap.recall-landing .info-box dl dt img{display: block;margin-right: 15px;}
.l-wrap.recall-landing .info-box dl dd span{display: block;font-size: 18px;line-height: 31px;position: relative;padding-left: 34px;}
.l-wrap.recall-landing .info-box dl dd span::before{content: '';display: block;width: 20px;height: 31px;background: no-repeat center left;position: absolute;top: 0;left: 0;}
.l-wrap.recall-landing .info-box dl dd span.icon-call::before{background-image: url(../images/icon_call.png);}
.l-wrap.recall-landing .info-box dl dd span.icon-mail::before{background-image: url(../images/icon_email.png);}
.l-wrap.recall-landing .info-box dl dd span.icon-global::before{background-image: url(../images/icon_global.png);}
.l-wrap.recall-landing .banner-box{display: flex;justify-content: space-between;}
.l-wrap.recall-landing .banner-box a{display: block;}
.l-wrap.recall-landing .banner-box a img{display: block;}

/* 결과>공통 type2 추가 220307 */
.l-wrap.recall-landing .info-box.type2{border-width: 0;display: flex;margin-top: 0;}
.l-wrap.recall-landing .info-box.type2::before{content: none;}
.l-wrap.recall-landing .info-box.type2 dl{width: 50%;border: 1px solid #E5E5E5;padding: 38px 53px 20px;box-sizing: border-box;margin-right: 20px;}
.l-wrap.recall-landing .info-box.type2 dl dt{margin-bottom: 9px;}
.l-wrap.recall-landing .info-box.type2 .banner{display: block;width: calc(50% - 10px);}
.l-wrap.recall-landing .info-box.type2 .banner a{display: block;}
/* //220307 */

.l-wrap.recall-landing .result-visual{height: 400px;display: flex;align-items: center;}
.l-wrap.recall-landing .result-visual::before{content: none;}
.l-wrap.recall-landing .result-visual .text-banner{padding-top: 0;}
.l-wrap.recall-landing .result-visual .text-banner p{font-size: 40px;line-height: 52px;color: #333;font-weight: 600;}

.l-wrap.recall-landing .text-wrap{margin-top: 60px;}
.l-wrap.recall-landing .text-wrap .inner-section{padding-bottom: 40px;}
.l-wrap.recall-landing .text-wrap .text-box{border: 1px solid #E0E0E0;text-align: center;padding: 60px 0 80px;}
.l-wrap.recall-landing .text-wrap.type2 .text-box{border-width: 0;padding-top: 0;}
.l-wrap.recall-landing .text-wrap strong{font-size: 160px;line-height: 1;font-family: 'abuget', serif;font-weight: 400;margin-bottom: 60px;}
.l-wrap.recall-landing .text-wrap p{font-size: 20px;line-height: 32px;}
.l-wrap.recall-landing .text-wrap p strong{font-size: 20px;line-height: 32px;font-family: 'Montserrat', serif;font-weight: 600;margin-bottom: 0;}
.l-wrap.recall-landing .text-wrap p span{color: #AC0C3C;text-decoration: underline;}
.l-wrap.recall-landing .text-wrap p a{color: #AC0C3C;text-decoration: underline;}
.l-wrap.recall-landing .text-wrap i{display: inline-block;color: #AC0C3C;line-height: 32px;margin-right: 10px;}
.l-wrap.recall-landing .text-wrap i:last-child{margin-right: 0;}
.l-wrap.recall-landing .text-wrap a.btn-back{display: flex;align-items: center;justify-content: center; background: #191919;color: #fff;width: 160px; min-height: 40px;padding: 11px 20px;margin: 44px auto 0;font-size: 14px;}
.l-wrap.recall-landing .text-wrap a.btn-back img{margin-right: 5px;}

.l-wrap.recall-landing .result-visual.type1{background-image: url(../images/bg_visual2.png);}
.l-wrap.recall-landing .result-visual.type2{background-image: url(../images/bg_visual3.png);}
.l-wrap.recall-landing .result-visual.type3,
.l-wrap.recall-landing .result-visual.type4{background-image: url(../images/bg_visual4.png);}
.l-wrap.recall-landing .result-visual.type5{background-image: url(../images/bg_visual5.png);}
.l-wrap.recall-landing .result-visual.type2 .text-banner p,
.l-wrap.recall-landing .result-visual.type4 .text-banner p,
.l-wrap.recall-landing .result-visual.type5 .text-banner p{color: #AC0C3C;}

/* 시리얼넘버 체크 페이지 */
.l-wrap.recall-landing.serialNC{padding-top: 132px;}
.l-wrap.recall-landing.serialNC .l-header-wrap.has-language-wrap ~ .l-container{padding-top: 0;}
.l-wrap.recall-landing.serialNC .l-container{padding-top: 0;}

.l-wrap.recall-landing.serialNC .l-quick-menu .btn-top{margin-top: 10px;padding: 0;background-color: #fff;border: 1px solid #d2d2d2;display: inline-block;position: static;}
.l-wrap.recall-landing.serialNC .l-quick-menu .btn-top em{font-size: 16px;font-weight: 500;color: #333;line-height: 1;}
.l-wrap.recall-landing.serialNC .btn-top em::before{width: 10px;height: 10px;margin: 0 auto 2px;background: none;}

/* 220311 */
.l-wrap.recall-landing .important_box{padding: 40px 96px;box-sizing: border-box;border: 1px solid #E5E5E5;margin-bottom: 70px;}
.l-wrap.recall-landing .important_box strong{font-weight: 400;font-size: 20px;line-height: 28px;}
.l-wrap.recall-landing .important_box p{font-weight: 400;word-break: keep-all;font-size: 20px;line-height: 28px;margin-bottom: 0;}
.l-wrap.recall-landing .important_box a{color: #AC0C3C;}
.l-wrap.recall-landing .important_box a:hover{text-decoration: underline;}
.l-wrap.recall-landing .important_info_box{padding: 20px 0 35px;}
.l-wrap.recall-landing .important_info_box p{margin-bottom: 20px;font-size: 17px;line-height: 24px;font-weight: 600;}

.l-wrap.recall-landing .info-box.type3 dl{display: flex;align-self: center;}
.l-wrap.recall-landing .info-box.type3 .sub-txt{font-size: 18px;line-height: 24px;font-weight: 700;text-align: left;margin-bottom: 0;}