@charset "utf-8";

/* reset */
html{width:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;min-width:1260px}
body,h1,h2,h3,h4,th,td,input, select, button, pre, textarea {color:#666;font-family:'Noto Sans KR',"Malgun Gothic","맑은 고딕",sans-serif;font-size:13px;font-weight:normal}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button, pre, input{margin:0;padding:0}
img,fieldset,iframe{border:0 none}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
input[type="text"]{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;appearance:none}
input[type="checkbox"]{width:30px;height:30px;vertical-align:middle}
input,select,button{vertical-align:middle}
img{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0;background:none;border:0}
a, a:hover{outline:none;text-decoration:none}
a{color:#666;font-family:'Noto Sans KR',"Malgun Gothic","맑은 고딕",sans-serif;font-size:13px;font-weight:normal}
a:hover{cursor:pointer}
button *{position:relative}
button img{left:-3px;*left:auto}
caption, summary, hr, legend{display:none}
legend{*width:0}

/* swiper */
.swiper-container {width:100%;height:100%;margin:0}
.swiper-slide {text-align:right;font-size:0}
.swiper-button-next, .swiper-button-prev{margin-top:0}
.swiper-button-next:after, .swiper-button-prev:after{display:none}

/* landing */
#landing_wrap {position:relative;min-width:1280px;color:#101010;overflow:hidden}
#landing_wrap * {box-sizing:border-box;letter-spacing:-0.04em;color:#000;font-weight:400}
#landing_wrap  .inner{position:relative;width:1280px;margin:0 auto}
#landing_wrap .top {background:#fff;overflow:hidden}
#landing_wrap .cont1 {background:#f6f1ff;padding:115px 0 120px 0}
#landing_wrap .cont2 {background:#627af8;padding:100px 0 120px 0}
#landing_wrap .cont3 {background:#629ef8;padding:100px 0 120px 0}
#landing_wrap .cont4 {background:#fff;padding:110px 0 115px 0}
#landing_wrap .cont5 {background:#f3f3f3 url('/img/landing/cont5_bg.png') no-repeat center top;padding:117px 0 90px 0}
#landing_wrap .cont6 {background:#2f46ba url('/img/landing/cont6_bg.jpg') no-repeat center top;background-size:cover;height:1158px}
#landing_wrap .cont7 {background:#f3f3f3;padding:50px 0 120px 0}
#landing_wrap .quick_phone {position:fixed;right:40px;top:40%;width:150px;z-index:10}
#landing_wrap .quick_btns {position:fixed;right:40px;bottom:8%;width:60px;z-index:10}
#landing_wrap .quick_btns a {display:block;margin-bottom:10px}

#landing_wrap .top_head {display:flex;justify-content:space-between;height:48px;margin-top:48px}
#landing_wrap .top_visual {position:relative;height:788px}
#landing_wrap .top_visual span {opacity:0;position:absolute;display:inline-block}
#landing_wrap .top_visual .top_img {top:0;left:320px;z-index:1}
#landing_wrap .top_visual .top_tit1 {top:164px;left:0;z-index:4}
#landing_wrap .top_visual .top_tit2 {top:164px;right:0;z-index:4}
#landing_wrap .top_visual .top_tit3 {top:405px;left:0;z-index:4}

#landing_wrap .cont .cont_tit {display:block;font-size:64px;font-weight:900;text-align:center}

#landing_wrap .cont .perinfo_box {border:1px solid #dcdcdc;background:#fff;height:160px;overflow-y:auto;padding:15px 30px 25px;font-size:12px;line-height:18px}
#landing_wrap .cont .perinfo_box .tit {display:block;font-weight:bold;font-size:14px;margin:20px 0 5px 0}
#landing_wrap .cont .perinfo_box .txt {padding-left:12px;margin-bottom:5px;text-indent:-12px} 
#landing_wrap .cont .perinfo_box .txt2 {margin:10px 0 5px 0} 

#landing_wrap .count_bar {background:#314bcd;height:120px;padding:20px 0}
#landing_wrap .count_bar ul {display:flex;justify-content:space-between;width:1280px;margin:0 auto}
#landing_wrap .count_bar ul li {position:relative;flex:1 1 0;text-align:center}
#landing_wrap .count_bar ul li::after {position:absolute;top:5px;left:0;height:70px;width:1px;background:#98a5e6;content:""}
#landing_wrap .count_bar ul li:first-child::after {display:none} 
#landing_wrap .count_bar ul li .tit {display:block;font-size:24px;color:#fff;line-height:1.1em}
#landing_wrap .count_bar ul li .count {font-size:40px;color:#ffde00;font-weight:800}
#landing_wrap .count_bar ul li .count span {font-size:40px;color:#ffde00;font-weight:800}
#landing_wrap .cont1 .cont_tit {border-bottom:2px solid #000;text-align:left;line-height:1.0em}
#landing_wrap .cont1 .cont_tit > span {position:relative;margin:0 -10px -2px 0;display:inline-block;padding-bottom:2px;background:#f6f1ff;font-weight:800}
#landing_wrap .cont1 .consultinfo_list {display:flex;justify-content:space-between;margin-top:40px}
#landing_wrap .cont1 .consultinfo_list dl {width:376px}
#landing_wrap .cont1 .consultinfo_list dl:first-child {width:496px}
#landing_wrap .cont1 .consultinfo_list dt {display:block;padding-bottom:14px;font-size:24px;line-height:1.5em}
#landing_wrap .cont1 .consultinfo_list .inp_txt {width:100%;border:2px solid #5717d7;text-indent:10px;height:66px;color:#333;font-size:24px;line-height:63px}
#landing_wrap .cont1 .consultinfo_list .inp_txt::placeholder {color:#aaa}
#landing_wrap .cont1 .consultinfo_list .inp_txt:focus{outline:none}
#landing_wrap .cont1 .wr_perinfo_agree + .wr_perinfo_agree {margin-top:2px !important}
#landing_wrap .cont1 .wr_perinfo_agree .perinfo_box {display:none}
#landing_wrap .cont1 .wr_perinfo_agree .btn_view {display:block;color:#666;font-size:14px}
#landing_wrap .cont1 .wr_perinfo_agree .btn_view .ico {display:inline-block;margin-top:-2px;width:30px;height:30px;color:#999;font-size:14px;background:url(/img/landing/ico_arr.png) 0 0 no-repeat;vertical-align:middle;transition: all 0.2s ease-out}
#landing_wrap .cont1 .wr_perinfo_agree.on .perinfo_box {margin-top:10px;display:block}
#landing_wrap .cont1 .wr_perinfo_agree.on .btn_view .ico { transform: rotate(180deg)}
#landing_wrap .cont1 .perinfo_agree {display:flex;justify-content:space-between;align-items: center;margin-top:15px}
#landing_wrap .cont1 .perinfo_agree .inp_check {display:inline-block;position:relative;width:50%;height:26px}
#landing_wrap .cont1 .perinfo_agree .inp_check label {font-size:20px;color:#666;padding-left:35px;line-height:26px}
#landing_wrap .cont1 .perinfo_agree .inp_check label strong {font-weight:700} 
#landing_wrap .cont1 .perinfo_agree .inp_check >input[type="checkbox"] {position:relative;vertical-align:middle}
#landing_wrap .cont1 .perinfo_agree .inp_check:not(#cssbrowser)>input[type="checkbox"] {position:absolute;right:0;top:0;margin:0;opacity:0}
#landing_wrap .cont1 .perinfo_agree .inp_check:not(#cssbrowser)>input[type="checkbox"] + label {display:inline-block;width:100%;box-sizing:border-box}
#landing_wrap .cont1 .perinfo_agree .inp_check:not(#cssbrowser)>input[type="checkbox"] + label:before{content:"";position:absolute;left:0;top:0;display:inline-block;width:100%;;height:26px;background:url(/img/landing/input_check.png) no-repeat}
#landing_wrap .cont1 .perinfo_agree .inp_check:not(#cssbrowser)>input[type="checkbox"]:checked + label:before {background:url(/img/landing/input_check.png) 0 -30px no-repeat}
#landing_wrap .cont1 .cont_btn {margin-top:40px;text-align:center}
#landing_wrap .cont1 .cont_btn .btn_consult {display:inline-block;border-radius:10px;background:#5717d7;width:720px;height:88px;line-height:86px;text-align:center;color:#fff;font-size:40px;font-weight:800}
#landing_wrap .cont .list_car {margin-top:28px}
#landing_wrap .cont .list_car .link {display:block;border-radius:30px;overflow:hidden;background:#fff;box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);transition: all 0.2s ease-out}
#landing_wrap .cont .list_car .cont_head {position:relative}
#landing_wrap .cont .list_car .cont_head:after {position:absolute;left:0;top:0;right:0;display:block;background:#e8e8e8;height:220px;content:"";z-index:0}
#landing_wrap .cont .list_car .cont_head .tit {position:absolute;top:40px;left:55px;right:55px;display:block;font-size:32px;color:#222;font-weight:800;text-align:left;z-index:2}
#landing_wrap .cont .list_car .cont_head .info {margin-top:10px;text-align:center;font-size:16px;line-height:1.2em}
#landing_wrap .cont .list_car .cont_head .thumbnail {position:relative;z-index:2;height:270px;text-align:center}
#landing_wrap .cont .list_car .cont_head .thumbnail img {display:inline-block;width:300px;margin-top:100px}
#landing_wrap .cont .list_car .cont_head .sticker {position:absolute;top:40px;right:55px;border-radius:100%;width:50px;height:50px;color:#fff;font-size:20px;font-weight:800;text-align:center;line-height:50px;z-index:2}
#landing_wrap .cont .list_car .cont_head .sticker.sty01 {background:#f8b510}
#landing_wrap .cont .list_car .cont_head .sticker.sty02 {background:#805dc3}
#landing_wrap .cont .list_car .cont_cont {padding:23px 55px 50px 55px}
#landing_wrap .cont .list_car .cont_cont ul li {display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
#landing_wrap .cont .list_car .cont_cont ul li .tit {font-size:16px;line-height:1.5em}
#landing_wrap .cont .list_car .cont_cont ul li .price {font-size:24px;color:#314bcd;font-weight:800;line-height:1.5em;text-align:right}
#landing_wrap .cont .list_car .cont_cont .btn {margin-top:30px;display:block;height:56px;border:1px solid #314bcd;color:#314bcd;font-size:24px;font-weight:600;text-align:center;line-height:54px;transition: all 0.2s ease-out}
#landing_wrap .cont .list_car .link:hover {transform:scale(1.1)}
#landing_wrap .cont .list_car .link:hover .cont_cont .btn {background:#314bcd;color:#fff}
#landing_wrap .cont .list_car .swiper-button-prev{width:100px;height:100px;background:url('/img/landing/btn_prev1.png') no-repeat 0 0;top:50%;left:50%;right:auto;margin-top:-60px;margin-left:-750px}
#landing_wrap .cont .list_car .swiper-button-next{width:100px;height:100px;background:url('/img/landing/btn_next1.png') no-repeat 0 0;top:50%;left:50%;right:auto;margin-top:-60px;margin-left:655px}
#landing_wrap .cont .list_car.swiper-container {overflow:visible}
#landing_wrap .cont .list_car .swiper-slide {opacity:0.15}
#landing_wrap .cont .list_car .swiper-slide-active, #landing_wrap .cont .list_car .swiper-slide-next, #landing_wrap .cont .list_car .swiper-slide-prev {opacity:1}
#landing_wrap .cont .list_desc {margin-top:14px;opacity:0.8;text-align:right;color:#fff;font-size:15px}
#landing_wrap .cont2 .cont_tit {color:#fff;text-align:left}
#landing_wrap .cont3 .cont_tit {color:#fff;text-align:left}
#landing_wrap .cont3 .list_car .cont_cont ul li .price {color:#1f8eaa}
#landing_wrap .cont3 .list_car .cont_cont .btn {margin-top:30px;display:block;height:56px;border:1px solid #1f8eaa;color:#1f8eaa;font-size:24px;font-weight:600;text-align:center;line-height:54px;transition: all 0.2s ease-out}
#landing_wrap .cont3 .list_car .link:hover {transform:scale(1.1)}
#landing_wrap .cont3 .list_car .link:hover .cont_cont .btn {background:#1f8eaa;color:#fff}
#landing_wrap .cont3 .list_car .swiper-button-prev{background:url('/img/landing/btn_prev2.png') no-repeat 0 0}
#landing_wrap .cont3 .list_car .swiper-button-next{background:url('/img/landing/btn_next2.png') no-repeat 0 0}
#landing_wrap .cont4 .wr_motion {position:relative;height:577px}
#landing_wrap .cont4 .motion {position:absolute;left:0;top:0;transition: all 0.5s ease-out;opacity:0;transform:translateX(200px)}
#landing_wrap .cont4.active .motion {opacity:1;transform:translateX(0)}
#landing_wrap .cont4.active .motion01 {transition-delay:0s}
#landing_wrap .cont4.active .motion02 {transition-delay:0.2s}
#landing_wrap .cont4.active .motion03 {transition-delay:0.4s}
#landing_wrap .cont4.active .motion04 {transition-delay:0.6s}
#landing_wrap .cont4.active .motion05 {transition-delay:0.8s}
#landing_wrap .cont4.active .motion06 {transition-delay:1.0s}
#landing_wrap .cont4.active .motion07 {transition-delay:1.2s}
#landing_wrap .cont4.active .motion08 {transition-delay:1.4s}
#landing_wrap .cont4.active .motion09 {transition-delay:1.6s}
#landing_wrap .cont4.active .motion10 {transition-delay:1.8s}
#landing_wrap .cont4.active .motion11 {transition-delay:2.0s}
#landing_wrap .cont6 .motion {position:absolute;left:0;top:278px;transition: all 0.5s ease-out;opacity:0;transform:translateY(200px)}
#landing_wrap .cont6.active .motion {opacity:1;transform:translateY(0)}
#landing_wrap .cont6.active .motion00 {transition-delay:0s}
#landing_wrap .cont6.active .motion01 {transition-delay:0.4s}
#landing_wrap .cont6.active .motion02 {transition-delay:0.6s}
#landing_wrap .cont6.active .motion03 {transition-delay:0.8s}
#landing_wrap .cont6.active .motion04 {transition-delay:1.0s}
#landing_wrap .cont6.active .motion05 {transition-delay:1.2s}
#landing_wrap .cont6.active .motion06 {transition-delay:1.4s}
#landing_wrap .cont7 .cont_tit {color:#5717d7}
#landing_wrap .cont7 .inner {width:1040px;margin:50px auto 0}
#landing_wrap .cont7 .estimateinfo_list {padding:50px 0 20px 0}
#landing_wrap .cont7 .estimateinfo_list dl {display:flex;justify-content:space-between;margin-bottom:20px}
#landing_wrap .cont7 .estimateinfo_list dl dt {width:177px;font-size:24px;line-height:60px}
#landing_wrap .cont7 .estimateinfo_list dl dd {width:calc(100% - 177px);display:flex;justify-content:space-between}
#landing_wrap .cont7 .estimateinfo_list dl dd {flex:1 1 0}
#landing_wrap .cont7 .estimateinfo_list dl .point {color:#ce006f}
#landing_wrap .cont7 .estimateinfo_list .inp_txt {width:100%;border:1px solid #ccc;border-radius:10px;text-indent:10px;height:60px;color:#333;font-size:24px;line-height:63px}
#landing_wrap .cont7 .estimateinfo_list .inp_txt::placeholder {color:#aaa}
#landing_wrap .cont7 .estimateinfo_list .inp_txt:focus{outline:none}
#landing_wrap .cont7 .estimateinfo_list .inp_txt.sty01 {border:2px solid #5717d7}
#landing_wrap .cont7 .estimateinfo_list .inp_check {display:block;position:relative;width:100%;margin:0 5px;height:60px}
#landing_wrap .cont7 .estimateinfo_list .inp_check label {position:absolute;top:0;left:0}
#landing_wrap .cont7 .estimateinfo_list .inp_check >input[type="radio"] {position:relative;vertical-align:middle}
#landing_wrap .cont7 .estimateinfo_list .inp_check:not(#cssbrowser)>input[type="radio"] {position:absolute;right:0;top:0;margin:0;opacity:0}
#landing_wrap .cont7 .estimateinfo_list .inp_check:not(#cssbrowser)>input[type="radio"] + label {display:inline-block;width:100%;box-sizing:border-box}
#landing_wrap .cont7 .estimateinfo_list .inp_check:not(#cssbrowser)>input[type="radio"] + label span {position:absolute;top:0;left:0;right:0;display:block;color:#444;font-size:24px;text-align:center;line-height:59px;z-index:10}
#landing_wrap .cont7 .estimateinfo_list .inp_check:not(#cssbrowser)>input[type="radio"] + label:before{content:"";position:absolute;left:0;top:0;display:block;color:#333;width:100%;height:60px;box-sizing:border-box;border-radius:10px;border:1px solid #ccc;background:#fff}
#landing_wrap .cont7 .estimateinfo_list .inp_check:not(#cssbrowser)>input[type="radio"]:checked + label:before {border:1px solid #5717d7;background:#5717d7;color:#fff} 
#landing_wrap .cont7 .estimateinfo_list .inp_check:not(#cssbrowser)>input[type="radio"]:checked + label span {color:#fff;font-weight:600}
#landing_wrap .cont7 .estimateinfo_list div:first-of-type {margin:0 5px 0 0}
#landing_wrap .cont7 .estimateinfo_list div:last-of-type {margin:0 0 0 5px}
#landing_wrap .cont7 .perinfo_agree {display:flex;justify-content:space-between;align-items: center;margin-top:10px}
#landing_wrap .cont7 .perinfo_agree .agree_txt {color:#666;font-size:20px}
#landing_wrap .cont7 .perinfo_agree .agree_txt strong {font-weight:700} 
#landing_wrap .cont7 .perinfo_agree .inp_check {display:inline-block;position:relative;width:26px;height:26px}
#landing_wrap .cont7 .perinfo_agree .inp_check label {font-size:0;text-indent:-9999em}
#landing_wrap .cont7 .perinfo_agree .inp_check >input[type="checkbox"] {position:relative;vertical-align:middle}
#landing_wrap .cont7 .perinfo_agree .inp_check:not(#cssbrowser)>input[type="checkbox"] {position:absolute;right:0;top:0;margin:0;opacity:0}
#landing_wrap .cont7 .perinfo_agree .inp_check:not(#cssbrowser)>input[type="checkbox"] + label {display:inline-block;width:100%;box-sizing:border-box}
#landing_wrap .cont7 .perinfo_agree .inp_check:not(#cssbrowser)>input[type="checkbox"] + label:before{content:"";position:absolute;left:0;top:0;display:inline-block;width:26px;height:26px;background:url(/img/landing/input_check.png) no-repeat}
#landing_wrap .cont7 .perinfo_agree .inp_check:not(#cssbrowser)>input[type="checkbox"]:checked + label:before {background:url(/img/landing/input_check.png) 0 -30px no-repeat}
#landing_wrap .cont7 .cont_btn {margin-top:40px;text-align:center}
#landing_wrap .cont7 .cont_btn .btn_consult {position:relative;display:inline-block}
#landing_wrap .blink {position:absolute;top:0;left:0;display:inline-block;animation:blinker 1.2s ease-in-out infinite}  
@keyframes blinker { 0% {opacity:0.2} 50%{opacity:1} 100%{opacity:0.2}}

#landing_wrap .footer{min-height:137px;background:#fff}
#landing_wrap .footer .in{position:relative;width:1260px;margin:0 auto}
#landing_wrap .footer .logo{position:absolute;left:0;top:0}
#landing_wrap .footer .company_info{padding-top:37px;padding-left:230px;font-size:15px;line-height:22px;color:#666}