@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* 초기화 */
* {margin: 0;padding: 0;}
li {list-style: none;}
a {text-decoration: none;}
img {border: none;display: block;}
h1,h2,h3,h4,h5,h6,body,div,p,li,a,address {font-family: 'Noto Sans KR', sans-serif;font-size: 14px;font-weight: normal;color: #050708;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input:focus {outline:none}

/* common */
.landing-wrap{width:100%;}
.landing-inner{position:relative;margin:0 auto;width:1280px;padding:0 40px;box-sizing:border-box}
.landing-title{padding:50px 0 40px}
.landing-title > h2{padding:0;margin:0 0 5px 0;font-size:36px;font-weight:700;color:#17499a;text-align:center;letter-spacing:-2px}
.landing-title > .h2-text{font-size:18px;color:#343434;font-weight:300;text-align:center;letter-spacing:-1px}
.landing-title > .title-bar{display:block;margin:30px auto;width:70px;height:6px;background:#2e50a1}
.landing-title > .h2-text span{display:inline-block;margin:0 12px 4px 12px;width:1px;height:14px;background:#aaa;vertical-align:middle}

.landing-title.fast > .h2-text {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    letter-spacing: -2px;
}

.landing-title.fast > h2 {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 24px;
    font-weight: 400;
    color: #60f2ff;
    text-align: center;
    letter-spacing: -1px;
}


/* header */
.landing-header{width:100%;min-width:1280px;height:100px;}
.landing-nav{position: fixed;top: 0;width:100%;min-width:1280px;height:100px;transition: 0.4s; z-index: 99;}
.landing-nav .landing-inner{display:flex;align-items: center;height:100px;}
.landing-nav > div > h1{margin-right:30px;}
.landing-nav > div > nav{float:right;width:864px;}
.landing-nav > div > nav > a{background-color:#fff;color:#044ea5;font-size:14px;border:1px solid #044ea5;border-radius:5px;display:block;width:160px;height:40px;line-height:40px;text-align:center;transition-duration: 0.2s;font-weight:500;float:right;}
.landing-nav > div > nav > a:hover{color:#fff;background-color:#044ea5;}
.landing-nav > div > nav > .car-lineup-wrap {display:none;position:absolute;top:70px;right:40px;padding:15px 20px;border-radius:8px;background-color:#fff;border:1px solid #044ea5;min-width:180px;box-shadow:0 0 10px rgba(0,0,0,0.15);} 
.landing-nav > div > nav > .car-lineup-wrap > div {display:flex;flex-direction:column;gap:10px;}
.landing-nav > div > nav > .car-lineup-wrap > div > a {color:#044ea5;}
.landing-nav > div > nav > .car-lineup-wrap > div > a:hover {color:#618fda;}
.landing-nav > div > .staria{padding-top:28px;}
.landing-nav > div > .staria a{font-size:12px}
.landing-nav .btn-car-category{display:flex;align-items: center;justify-content: center; width:148px;height:40px;background:#044ea5;border-radius:5px;color:#fff;cursor:pointer}
.landing-nav .btn-car-category img{margin-left:5px;width:15px;height:auto}

/* category popup(0611)*/
.popup-category-wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:99;}
.popup-category { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 995px; height: auto; background: #fff; z-index: 90; border-radius: 5px;  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.1); padding: 20px; box-sizing: border-box;}
.popup-category .container {width:100%;display:flex;flex-direction:column;gap:10px;justify-content:space-between;}
.popup-category .search-area {width: 100%; display: flex; flex-direction: row; gap: 10px; justify-content: flex-end; align-items: center; position: absolute; top: -40px; right: 0px; }
.popup-category .title {display: none;} /*추가*/
.popup-category .search-area .btn-close {border: 0; cursor: pointer;  background-color: transparent; color: #fff; border-radius: 5px; font-size: 16px;}
.popup-category .search-area form {width:100%;}
.popup-category .search-area form > input[type="text"] {width:100%;height:45px;border:1px solid #E8E4E4;border-radius:5px;text-align: center;font-size:16px;}
.popup-category .search-area form > input[type="text"]::placeholder {color:#C4C0C0;}
.popup-category .search-area form .btn-search {border:0;background-color:#fff;}
.popup-category .search-area form .btn-search > img {position:absolute;top:30px;right:113px;width:26px;}
.popup-category .tabs {display:flex;flex-direction: row;gap:5px;align-items: center;justify-content: space-between;}
.popup-category .tabs > a {width:50%;background-color:##f8f8f9;border-radius:5px;border:1px solid #d9dbe2;}
.popup-category .tabs > a:hover {background-color:#f1f1f1;}
.popup-category .tabs > a.active {background-color:#212121;border-radius:5px;border:1px solid #212121;}
.popup-category .tabs > a.active:hover {background-color:#212121;}
.popup-category .tabs > a > div {color:#050708;text-align: center;font-size:16px;line-height:45px;}
.popup-category .tabs > a.active > div {color:#fff;}
.popup-category .brand-name {display:flex;flex-direction:row;gap:10px;align-items: center;padding:15px;overflow-x:auto;margin-bottom:20px;background-color:#f8f8f9;border-radius:10px;}
.popup-category .brand-name li:first-child {margin-left:auto;}
.popup-category .brand-name li:last-child {margin-right:auto;}
.popup-category .brand-name li > a {display:flex;flex-direction:column;align-items: center;gap:5px;}
.popup-category .brand-name li > a:hover > img {border:1px solid #044ea5;}
.popup-category .brand-name li.active > a:hover {opacity:1;}
.popup-category .brand-name li > a > img {width:80px;padding:10px;box-sizing:border-box;border:1px solid #c4cbd1;border-radius:8px;background-color:#fff;}
.popup-category .brand-name li.active > a > img {background-color:#F6F6F6;border:2px solid #044ea5;border-radius:8px;background-color:#fff;}
.popup-category .car-name {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;height: 320px;width: 100%; overflow-y: auto;}
.popup-category .car-name li {width:25%;}
.popup-category .car-name li > a {width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px;}
.popup-category .car-name li > a:hover {opacity:0.7;}
.popup-category .car-name li > a > img {width:180px;}
.popup-category .btn-wrap {display:flex;flex-direction:row;justify-content: space-between;}
.popup-category .btn-wrap a {width:32%;height:45px;border-radius:5px;border:0;background-color:#044ea5;font-size:15px;color:#fff;text-align: center;line-height:45px;border:1px solid #044ea5;}
.popup-category .btn-wrap a:hover {background-color: #fff;border:1px solid #044ea5;color:#044ea5;font-weight:500;}

::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-thumb {background: #d6dae4;border-radius: 8px;}
::-webkit-scrollbar-track {border: 1px solid #dcdee4;border-radius: 8px;}

/*
.category-upper-box{display:flex;flex-direction: row;height: 560px;}
.category-upper-box .brand-name{display:flex;flex-direction: column; background-color: #f9f9f9;width: 40%;border-right: 1px solid #ececec;}
.category-upper-box .brand-name .tablinks{display:flex;flex-direction: column;align-items: center;justify-content: center;width:100%;height:60px;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;font-size:12px;cursor:pointer;}
.category-upper-box .brand-name .tablinks img{display:block;width:36px;height:auto}
.category-upper-box .brand-name a:hover {background-color: #fff;border-right: 1px solid #fff;}
.category-upper-box .brand-name a.active {background-color: #fff;border-right: 1px solid #fff;}
.category-upper-box .car-name{width: 60%;display: none;text-align:center; overflow-y:auto;}
.category-upper-box .car-name a{display:block;margin:12px;color:#333;}
.category-upper-box .car-name a:hover{color:#111;font-weight:500;}
.category-under-box { height: auto; padding: 12px; background-color: #f9f9f9; border-top: 1px solid #ececec; border-radius: 0 0 5px 5px; display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center;}
.category-under-box a { display: flex; align-items: center; justify-content: center; width: 100%; height: 42px; background: #044ea5; border: 1px solid #044ea5; border-radius: 5px; color: #fff; font-weight: 500; transition-duration: 0.2s;}
.category-under-box a:hover{background:#fff;border:1px solid #044ea5; color:#044ea5}
*/

/* main-visual */
.landing-visual{position:relative;width:100%;min-width:1280px;height:600px;background-color:#044ea5}
.landing-visual-bgcolor{position:absolute;top:0;left:0;width:65%;height:600px;background-color:#e4ecf9}
.landing-visual .landing-inner{height:600px;background: url(/assets/img/landing-visual-bg2.png) top center no-repeat;}
.landing-visual-text1{position:absolute;top:50px;left:84px;width:586px;font-size:22px;color:#3f65c1;text-align:center;letter-spacing:-2px}
.landing-visual-text2{position:absolute;top:87px;left:84px;width:586px;font-size:38px;color:#233245;font-weight:700;letter-spacing:-2px;line-height:46px;text-align:center;}
.landing-visual-text3{position:absolute;top:264px;left:136px;width:486px;font-size:22px;color:#fff;font-weight:500;text-align:center;letter-spacing:-1px;}
.landing-visual-text3 > span{color:#f0ce48}
.landing-visual-text4{position:absolute;top:370px;left:380px;font-size:20px;color:#3f65c1;font-weight:400;line-height:28px;letter-spacing:-2px;}
.landing-visual-text4 > span{color:#cd1730;font-size:24px;font-weight:500}
.landing-visual-text5{position:absolute;top:335px;left:380px;font-size:14px;color:#999;font-weight:400;letter-spacing:-1px;}
.landing-visual-text6{position:absolute;top:470px;left:380px;font-size:14px;color:#999;font-weight:400;letter-spacing:-1px;}
.landing-visual-car{position:absolute;top:340px;left:130px;width:204px;height:126px}

.landing-visual-txt{position:relative;width:100%;min-width:1280px;height:600px;background:url(/assets/img/landing-visual-bg2.png) repeat-x;}
.landing-visual-txt-bgcolor{position:absolute;top:0;left:0;width:65%;height:600px;}
.landing-visual-txt .landing-inner{height:600px;background: url(/assets/img/landing-visual-bg.png) top center no-repeat;}
.landing-visual-txt1{position:absolute;top:50px;left:56px;width:600px;display:flex;flex-direction:row;justify-content:center;color:#3f65c1;text-align:center;letter-spacing:-2px;margin-bottom:20px;}
.landing-visual-txt1 span:nth-child(2) {background-color: #044ea5;color:#fff;font-size: 22px;padding:2px 10px;}
.landing-visual-txt2{position:absolute;top:101px;left:56px;width:600px;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:34px;color:#233245;font-weight:700;letter-spacing:-2px;text-align:center;}
.landing-visual-txt2 > img {display:inline-block;width:90px;}
.landing-visual-txt2 > span {margin-right:16px;}
.landing-visual-txt3{position:absolute;top:167px;left:56px;width:600px;font-size:14px;color:#233245;font-weight:500;text-align:center;letter-spacing:-1px;}
.landing-visual-txt3 > span {margin:0 10px;width:1px;height:12px;background:#233245;display:inline-block;}
.landing-visual-txt4{position:absolute;top:188px;left:56px;width:600px;font-size:14px;color:#233245;font-weight:500;letter-spacing:-px;text-align:center;}
.landing-visual-txt4 > span{color:#111111;font-size:16px;font-weight:700;}
.landing-visual-txt5{position:absolute;bottom:50px;left:100px;width:486px;display:flex;flex-direction:row;gap:40px;justify-content:center; text-align:center;font-size:14px;color:#999;font-weight:400;letter-spacing:-1px;}
.landing-visual-txt5 > span {font-size:14px;display:flex;flex-direction:row;gap:16px;}
.landing-visual-txt5 > span > span:nth-child(1) {background-color:#b0bfda;color:#fff;border-radius:5px;padding: 6px 18px;}
.landing-visual-txt5 > span > span:nth-child(2) {color:#233245;font-size:18px;}
.landing-visual-txt5 .landing-price {font-size: 20px;font-weight:700;letter-spacing: normal;color:#044ea5;}
.landing-visual-txt-car { position: absolute; top: 237px; left: 130px;}
.landing-visual-txt-car > img {width:453px;}
/* estimate */
.landing-estimate{position:absolute;top:110px;right:80px;width:280px;}
.landing-estimate > h2{margin-bottom:20px;font-size:20px;font-weight:500;color:#fff;text-align:center}
.landing-estimate input{margin:5px 0;width:280px;height:50px;background:#fff;border-radius:5px;border:none;font-size:14px;text-align:center}
.landing-estimate .agree-box{position:relative;margin:16px 0 0 0;width:280px;height:42px;font-size:13px;color:#fff}
.landing-estimate .agree-box > a{position:absolute;top:0;right:0;display:block;width:76px;height:24px;background:#15283f;border-radius:14px;font-size:12px;color:#fff;text-align:center;line-height:23px}
.landing-estimate a.btn-estimate{display:block;width:280px;height:50px;background:#f0ce48;border-radius:5px;font-size:18px;color:#111;font-weight:500;line-height:48px;text-align:center;transition-duration: 0.2s;}
.landing-estimate a.btn-estimate:hover{background:#111;color:#f0ce48}
/* checkbox */
.landing-checkbox-wrap {position: relative;font-size:13px;color:#fff;}
.landing-checkbox-wrap input[type="checkbox"] {display:none;}
.landing-checkbox-wrap input[type="checkbox"] + label span {display:inline-block; width: 20px; height: 26px;margin-right:8px;vertical-align: middle;cursor: pointer;background: url(/assets/pc/img/landing-checkbox-off@3x.png) 0 0 no-repeat;background-size:20px 20px;}
.landing-checkbox-wrap input[type="checkbox"]:checked + label span {display: inline-block;background: url(/assets/pc/img/landing-checkbox-on@3x.png) 0 0 no-repeat;background-size:20px 20px;}

/* counting */
.landing-count{width:100%;min-width:1280px;padding:60px 0;height:140px;background:#233245;}
.landing-count  ul > li {float:left;width:25%;height:140px;text-align:center;border-right:1px solid #374557;box-sizing:border-box}
.landing-count ul li:last-child{border-right:none}
.landing-count ul li img{margin:0 auto 8px}
.landing-count ul li h3{color:#fff;font-size:14px;font-weight:300}
.landing-count ul li p{margin-bottom:5px;color:#fff;font-size:34px;font-weight:500}

/* happiness */
.landing-happiness{width:100%;min-width:1280px;height:680px;background-color:#00a988}

/* fast-launch */
.landing-fast{width:100%;min-width:1280px;height:560px;padding:30px 0;background-color:#575e6a;text-align:center}
.fast-niro{background:url(/assets/pc/img/landing-fast-bg-niro.jpg) top center no-repeat;}
.fast-ray{background:url(/assets/pc/img/landing-fast-bg-ray.jpg) top center no-repeat;}
.fast-staria{background:url(/assets/pc/img/landing-fast-bg-staria.jpg) top center no-repeat;}
.fast-sonata{background:url(/assets/pc/img/landing-fast-bg-sonata.jpg) top center no-repeat;}
.fast-kona{background:url(/assets/pc/img/landing-fast-bg-kona.jpg) top center no-repeat;}
.fast-tucson{background:url(/assets/pc/img/landing-fast-bg-tucson.jpg) top center no-repeat;}
.fast-palisade{background:url(/assets/pc/img/landing-fast-bg-palisade.jpg) top center no-repeat;}
.fast-g90{background:url(/assets/pc/img/landing-fast-bg-g90.jpg) top center no-repeat;}
.fast-gv80{background:url(/assets/pc/img/landing-fast-bg-gv80.jpg) top center no-repeat;}
.fast-k8{background:url(/assets/pc/img/landing-fast-bg-k8.jpg) top center no-repeat;}
/*.landing-fast > div > p{display:inline-block;height:70px;margin-top:270px;background:url(/assets/pc/img/landing-yel-line.png) right 135px top 46px no-repeat;font-size:36px;font-weight:500;color:#fff;text-align:center;}*/
.landing-fast > div > p{display:inline-block;height:70px;margin-top:270px;font-size:36px;font-weight:500;color:#fff;text-align:center;}
.landing-fast > div > p > span{color:#f0d248}

/* products */
.landing-product{width:100%;min-width:1280px;padding-bottom:100px;}
.ul-product li{width:100%;padding:24px;margin-bottom:10px;border-radius:10px;border:1px solid #e7eaf0;font-size:18px;line-height:32px;box-sizing:border-box}
.ul-product h3{display:inline-block;width:250px;font-size:24px;font-weight:700;}
.ul-product span{display:inline-block;}
.ul-product .price{width:245px}
.ul-product .rent{width:245px}
.ul-product .lease{width:245px}
.ul-product .num{font-size:24px;font-weight:500;}
.ul-product .num-red{color:#cd1730;font-size:24px;font-weight:500;}
.ul-product .tag{width:64px;height:36px;margin-right:10px;background:#eff3fa;border-radius:5px;color:#044ea5;font-size:14px;text-align:center;line-height:34px;vertical-align:top}
.product-info{width:100%;font-size:14px;color:#999;text-align:right;}
.ul-product a.btn-product-estimate { display:inline-flex;align-items: center;justify-content: center; width:140px;height:34px;background:#044ea5;border-radius:5px;border:1px solid #044ea5;color:#fff;font-size: 14px;transition-duration: 0.2s;}
.ul-product a.btn-product-estimate:hover { background-color: #fff; border: 1px solid #044ea5;color: #044ea5; }
.ul-product a.btn-product-estimate:hover .btn-estimate-hover { display: inline-block;}
.ul-product a.btn-product-estimate:hover .btn-estimate-out {display: none;}
.ul-product .btn-estimate-hover { display: none;}
.ul-product a.btn-product-estimate img{margin-left:5px;width:14px;height:auto}

/* reviews */
.landing-review{width:100%;min-width:1280px;padding:30px 0 100px;background:url(/assets/pc/img/landing-review-bg.jpg) top center no-repeat;background-color:#f4f4f4;background-size:cover}
.landing-review > div > ul{display:flex;justify-content: space-between;}
.landing-review > div > ul > li{width:278px;background:#fff;border-radius:10px;border:1px solid #ebebeb;box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.05);}
.landing-review > div > ul::after{content:'';clear:both;display:block;}
.landing-review > div > ul > li > span{display:block;width:278px;height:204px;background:#e6eaf2;border-radius:10px 10px 0 0;overflow:hidden}
.landing-review > div > ul > li > span > img {width:100%;height:auto}
.landing-review > div > ul > li > h3 {margin:0;padding:24px 28px 8px 30px;font-size:20px;font-weight:500;text-align:left;letter-spacing:-1px;text-overflow: ellipsis;white-space:nowrap;overflow:hidden}
.landing-review > div > ul > li > h3 > span{color:#1e51a4}
.landing-review > div > ul > li > .writer{padding-left:30px;font-size:16px;line-height:1}
.landing-review > div > ul > li > hr{margin:24px 0 0 30px; width:40px;height:1px;background:#17499a;border:none}
.landing-review > div > ul > li > .content{padding:20px 30px 20px 28px ;font-size:15px;color:#666;font-weight:300;letter-spacing:-1px}

/* merit */
.landing-merit{width:100%;min-width:1280px;height:560px;background:url(/assets/pc/img/landing-merit-bg.jpg) top center no-repeat;background-color:#044ea5}
.landing-merit .merit-title{padding:110px 0 0 70px;font-size:40px;color:#fff;font-weight:500;letter-spacing:-1px}
.landing-merit .ul-merit{padding:30px 0 0 70px;}
.landing-merit .ul-merit li{padding:8px 0;font-size:18px;color:#fff;display:flex;align-items: flex-start;}
.landing-merit .ul-merit li img{margin-right:10px;width:24px;height:auto}

/* step */
.landing-step{width:100%;min-width:1280px;height:600px;padding:30px 0;background-color:#72baf7}
.landing-step h2{color:#fff}
.landing-step .ul-step{display:flex;flex-direction: row;justify-content: space-around;margin-top:100px}
.landing-step .ul-step li{display:flex;flex-direction: column; align-items:center; justify-content: center;}
.landing-step .ul-step .img-step{margin:0 auto 20px;width:112px;height:auto}
.landing-step .ul-step h3{margin-bottom:10px;color:#fff;font-size:24px;font-weight:500}
.landing-step .ul-step p{color:#1060a4;font-size:18px;text-align:center}

/* partners */
.landing-partner{width:100%;min-width:1220px;height:680px;padding:30px 0 0 0;}

/* banner */
.landing-banner{width:100%;min-width:1280px;height:380px}
.landing-bn-call{position:relative;width:100%;height:260px;background:url(/assets/pc/img/landing-bn-call-bg.png) 0 0 no-repeat;background-color:#404b53;border-radius:5px;box-sizing:border-box; text-align:center}
.landing-bn-call > h2{padding-top:45px;color:#fff;font-size:32px;font-weight:500;letter-spacing:-1px}
.landing-bn-call > p{margin-top:5px;color:#fff;font-size:16px;font-weight:300}
.landing-bn-call > p > img{display:inline-block;margin-right:20px;width:54px;height:auto;vertical-align:middle}
.landing-bn-call > .phone-num{margin:20px 0;font-size:36px;font-weight:500;vertical-align:middle}

/* footer */
.landing-footer{margin-top:0;width:100%;min-width:1280px;height:280px;background:#f5f5f5}
.landing-footer > div > h1{padding-top:50px}
.landing-footer > div > hr{margin:30px 0 20px;width:100%;height:1px;background:#d2d2d2;border:none}
.landing-footer > div > p{color:#666;font-size:15px;font-weight:300;line-height:28px}
.landing-footer > div > p.copyright{position:absolute;top:135px;right:40px;font-size:13px;color:#999}
.landing-footer .text-link{margin-right:10px;font-size:13px;color:#cd1730;line-height:36px}

/* estimate popup */
.popup-estimate {display:none;position: fixed;z-index: 100;left: 0;top: 0; width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.6);}
.popup-estimate-cont{ position:absolute;top:50%;left:50%;width:540px;height:720px; transform:translate(-50%,-50%); background-color: #fff;margin: auto;border-radius:30px;}
.popup-estimate-header{position:relative;padding:40px;height:190px;background:url(/assets/pc/img/popup-header-bg.png) 0 0 no-repeat;background-color:#044ea5;border-radius:29px 29px 0 0;color:#fff;box-sizing:border-box}
.popup-estimate-header .popup-close {position:absolute;top:12px;right:12px;cursor:pointer}
.popup-estimate-header .popup-close > img{width:40px;}
.popup-estimate-header p{margin-top:5px;font-size:24px;color:#fff}
.popup-estimate-header h3{font-size:46px;color:#7fd6ff}
.popup-estimate-main{padding:40px}
.popup-estimate-main .car-info-box{padding:18px 20px;border:1px solid #ebebeb;border-radius:10px;text-align:center}
.popup-estimate-main .car-info-box label{color:#044ea5;font-weight:500}
.popup-estimate-main .car-info-box p{margin-top:10px;font-size:16px;word-break:keep-all}
.popup-estimate-main .input-box input{width:100%;height:50px;background:#f4f7fb;border:none;border-radius:5px;font-size:14px;text-align:center}
.popup-estimate-main .input-box label{display:block;margin:20px 0 10px;}
.popup-estimate-main .agree-box{position:relative;display:flex;align-items: center;margin:20px 0;width:100%;height:32px;font-size:16px;}
.popup-estimate-main .agree-box input{margin-right:10px;width:16px;height:16px;}
.popup-estimate-main .agree-box > a{position:absolute;top:0;right:0;display:block;width:80px;height:32px;background:#15283f;border-radius:16px;font-size:12px;color:#fff;text-align:center;line-height:32px}
.popup-estimate-main a.btn-estimate{display:block;width:100%;height:48px;background:#044ea5;border:1px solid #044ea5;border-radius:5px;font-size:18px;color:#fff;font-weight:500;line-height:48px;text-align:center;transition-duration: 0.2s;}
.popup-estimate-main a.btn-estimate:hover{background:#fff;border:1px solid #044ea5; color:#044ea5}

/* certificate popup */
.popup-certificate {display:none;position: fixed;z-index: 100;left: 0;top: 0; width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.6);}
.popup-certificate-cont{ position:absolute;top:50%;left:50%;width:600px;height:650px; transform:translate(-50%,-50%); background-color: #fff;margin: auto;padding: 10px;border-radius:30px;}
.popup-close {position:absolute;top:20px;right:20px;cursor:pointer}
.popup-close > img{width:40px;}
.img-certificate{width:600px;height:auto}


/* agreement */
.layer_popup_wrap_new {display: none;  margin-left: 0px; margin-top: 0px; width: 100%; height:100%; position: fixed;top: 0;left: 0; background-color: rgba(0, 0, 0, 0.85); z-index: 99999999; }
.layer_popup_wrap_new .layer_popup_renew02 {  position: absolute; width: 450px; height: 536px; left: 50%; top: 50%; margin-left: -225px; margin-top: -268px; background-color: #FFF; }
.layer_popup_wrap_new .popup_body_renew02 { width: 450px; height: 467px; padding: 30px; box-sizing: border-box; overflow-y: scroll; overflow-x:hidden;}
.layer_popup_wrap_new .popup_body_renew02 ul { width: 390px; height: 416px;}
.layer_popup_wrap_new .popup_body_renew02 li { list-style: none; margin-bottom: 0; padding:0;}
.layer_popup_wrap_new .popup_title_renew02 { width: 100%; height: 60px; background-color: #1b57a4; padding: 0 30px; box-sizing: border-box; margin-top: -18px;}
.layer_popup_wrap_new .popup_title_renew02 p.tc { color: #FFF;font-size: 18px; line-height: 58px; text-align: center; }
.layer_popup_wrap_new .popup_close_renew02 { position: absolute; top: 0px; right: 30px; cursor: pointer;}

ul.terms_list li.terms_item:first-child { background-color: #ffffff; }
ul.terms_list li.terms_item.open:first-child .btn02 { background-color: #ffffff; border:none; }
ul.terms_list li.terms_item.open:first-child .input_chk_new label { background-color: #ffffff; }
ul.terms_list li.terms_item .desc {position: relative; left: 50%;	transform: translateX(-50%);	width: 100%;	height: 410px;	background-color: #f8f8f8;	padding: 0;	list-style: none;box-sizing:border-box;	overflow: hidden; 		}
ul.terms_list li.terms_item .desc::-webkit-scrollbar { 	overflow-x: hidden;	width: 7px;}
ul.terms_list li.terms_item .desc::-webkit-scrollbar-track { background-color: transparent;	}
ul.terms_list li.terms_item .desc::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #1b57a4;	}
ul.terms_list li.terms_item .desc::-webkit-scrollbar-button { width: 0; height: 0;}
ul.terms_list li.terms_item .btn02 {position: relative;width: 100%; background-color: #fff;cursor: pointer; padding:18px 0; box-sizing: border-box;}

/*item이 open클래스/close클래스일 때 변경되는 css 작성  */
ul.terms_list li.terms_item.close .btn02 .arrow_down { position: absolute; right: 0px; top:15px;}
ul.terms_list li.terms_item.open .btn02 .arrow_down { position: absolute; right: 0px; top:15px; transform: rotate(180deg);}
ul.terms_list li.terms_item.open .desc {height: 207px;padding: 10px 19px;overflow-y: scroll; border: 1px solid #ebebeb; border-top: none;}
ul.terms_list li.terms_item.close .desc { height: 0; overflow: hidden; }
ul.terms_list li.terms_item.open .btn02 {	background-color: #f8f8f8; border: 1px solid #ebebeb; border-bottom: none;}
ul.terms_list li.terms_item.close .btn02 { background-color: #fff; }
ul.terms_list li.terms_item.open .input_chk_new label {background-color: #f8f8f8;}
ul.terms_list li.terms_item.close .input_chk_new label {background-color: #fff;}

ul.terms_list li.terms_item .red { color:rgb(221, 42, 42); }
ul.terms_list li.terms_item .bold { font-weight:bold; }
ul.terms_list li.terms_item .blue {  color:#1b57a4; }
ul.terms_list li.terms_item .normal {  font-weight: normal; }
ul.terms_list li.terms_item .desc p { word-break: break-all;}
ul.terms_list li.terms_item .desc span { display: block; font-size: 13px; padding-bottom: 5px;}
ul.terms_list li.terms_item .desc .tr { text-align: right; }
ul.terms_list li.terms_item .desc .terms_table { border:none; margin: 10px 0px;}
ul.terms_list li.terms_item .desc .terms_table tr th { border:1px solid #ffffff; background-color: #d6e5fa; padding:10px; text-align: center;}
ul.terms_list li.terms_item .desc .terms_table tr td { border:1px solid #ffffff; background-color: #ffffff; padding:10px; }

ul.terms_list li.terms_item.terms_chk_all .btn02 .chk_all_txt { font-weight: bold; color:#1b57a4; }
ul.terms_list li.terms_item .input_chk_new input { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; }
ul.terms_list li.terms_item .input_chk_new label {position: relative;width: 100%;padding: 10px 0px 10px 43px;font-size: 14px;font-weight: 700;line-height: 21px;cursor: pointer;color: #333;box-sizing: border-box;background: #ffffff url(/assets/pc/img/chk_blue_icon_off.png) no-repeat 3px 6px;background-size: 30px;}
ul.terms_list li.terms_item .input_chk_new input:checked+label:before {content: '';position: absolute;top: 50%;left: 1px;display: block;width: 33px;height: 32px;margin-top: -15px;background: #ffffff url(/assets/pc/img/chk_blue_icon_on.png) no-repeat 3px 1px;background-size: 29px;}

@media (max-width:500px) {
    .layer_popup_wrap_live .popup_body_renew02 { padding:60px 0px 0px 0px; }
    ul.terms_list li.terms_item .input_chk_new label { font-size:13px; padding:10px 0px 10px 36px; }
    ul.terms_list li.terms_item .btn02 { padding:20px 0px; }
    ul.terms_list li.terms_item.close .btn02 .arrow_down { right:0px; }
    ul.terms_list li.terms_item.open .btn02 .arrow_down { right: 0px; }
    ul.terms_list li.terms_item.open .desc { height:160px; }
}

/* 닫기버튼 */
.agreement_new_close_btn {cursor: pointer; background-color: #1b57a4; margin: 50px auto; text-align: center; transition: ease-in 0.4s; color: #fff; border: 1px solid #1b57a4; border-radius: 5px; display: block; box-sizing: border-box; width: 210px; height: 45px; padding: 11px; font-weight: bold;}
.agreement_new_close_btn:hover { background-color: #fff; color:#1b57a4; }

/* floating-estimate */
.landing-floating-estimate{position:fixed;bottom:0;width:100%;min-width:1280px;height:140px;background:rgba(233,79,55,0.98)}
.landing-floating-estimate h2{padding:20px 0 18px;color:#fff;font-size:24px;font-weight:500;text-align:left}
.landing-floating-estimate h2 > span{color:#fff}
.landing-floating-estimate input{margin-right:18px;width:388px;height:50px;border-radius:5px;border:none;text-align:center;font-size:16px;vertical-align:middle}
.landing-floating-estimate  a.btn-floating-estimate{display:inline-block;width:380px;height:50px;background:#233245;border-radius:5px;font-size:22px;color:#fff;font-weight:500;text-align:center;line-height:48px;vertical-align:middle}
.landing-floating-estimate a.btn-floating-estimate > img{margin:0 0 4px 0;display:inline;vertical-align:middle}
.landing-floating-estimate .agree-box{position:absolute;top:30px;right:40px;width:400px;color:#fff;font-size:14px;text-align:right}
.landing-floating-estimate .agree-box > a{display:inline-block;margin-left:10px;width:80px;height:24px;background:#d83317;border-radius:14px;font-size:12px;color:#fff;text-align:center;line-height:24px}

.landing-checkbox-wrap2 {position: relative;font-size:14px;color:#fff;}
.landing-checkbox-wrap2 input[type="checkbox"] {display:none;}
.landing-checkbox-wrap2 input[type="checkbox"] + label span {display:inline-block; width: 20px; height: 22px;margin-right:8px;vertical-align: middle;cursor: pointer;background: url(/assets/pc/img/landing-checkbox2-off@3x.png) 0 0 no-repeat;background-size:20px 20px;}
.landing-checkbox-wrap2 input[type="checkbox"]:checked + label span {display: inline-block;background: url(/assets/pc/img/landing-checkbox2-on@3x.png) 0 0 no-repeat;background-size:20px 20px;}

.landing-footer {height: 400px !important;}

/*side-form*/
.side-area {width:176px;border-radius:10px;border:1px solid #DCE1ED;position:fixed;top:280px;left:calc(50% + 620px);display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1);}
.side-form form {display: flex;flex-direction: column;gap:10px;align-items: center;padding:10px;}
.side-form form > b {font-size:15px;margin-top:5px;color:#577CB9;}
.side-form form > input[type="text"], .side-form form > input[type="tel"] {width:90%;height:42px;border:0;background-color:#EDEEF1;text-align: center;border-radius:5px;}
.side-form form > input[type="text"]::placeholder, .side-form form > input[type="tel"]::placeholder {color:#B9B9B9;}
.side-form form .agree-box3 {width:90%;display:flex;flex-direction:column;}
.side-form form .agree-box3 label {font-size:14px;}
.side-form form .agree-box3 label > span {color:#e70a18;font-weight:bold;}
.side-form form .agree-box3 a {font-size:13px;padding-left:18px;color:#999999;}
.side-form form .agree-box3 .landing-checkbox-wrap3 {display:flex;flex-direction:row;gap:5px;align-items:center;}
.side-form form .btn-side-estimate {width:90%;height:42px;background-color:#1b57a4;border-radius:5px;color:#fff;line-height:42px;text-align: center;margin-bottom:10px;}
.side-call {padding:15px;display:flex;flex-direction:row;background-color:#E4EEFF;border-radius:0 0 10px 10px;align-items:center;justify-content:center;gap:10px;}
.side-call > p {display:inline-block;color:#577CB9;font-size:22px;font-weight:700;letter-spacing:-1px;}