@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */

.only-desktop {display:block;}
.only-tablet {display:none;}
.only-mobile {display:none;}
.only-desktop-tablet {display:block;}

#wrapper {position:relative; overflow:hidden;}

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

.contain {position:relative; width:100%; max-width:1460px; padding-left:30px;padding-right:30px; margin:0 auto;}
.contain:after {content:" "; display:block; clear:both;}


/* header */
#header  {position:relative; z-index:90; left:0; top:0; width:100%;}
.header-top {display:flex; align-items:center; justify-content:space-between; height:114px;}
.header-bottom {position:relative; display:flex; align-items:center; padding:10px 0;}

.top-tel-list ul {display:flex;}
.top-tel-list ul li {padding:0 5px;}
.top-tel-list ul li a {display:inline-block; height:44px; background:#f1f1f1; border-radius:100vh; font-family: 'GmarketSans'; font-size:27px; font-weight:700; letter-spacing:-0.04em; color:#0071ce; padding-right:20px;}
.top-tel-list ul li a span {font-family:'pretandard'; color:#fff; background:#0071ce; border-radius:100vh; height:100%; display:inline-block; line-height:44px; font-size:18px; padding:0 20px; margin-right:10px;}
.top-tel-list ul li.type2 a {padding:0;}
.top-tel-list ul li.type2 a span {margin-right:0;}

.sitelogo {}
.sitelogo a {display:inline-block;}

#gnb {flex: 1 1 auto; min-width: 0; width: 1%;}
#gnb > ul {position:relative; display:flex; justify-content:center;}
#gnb > ul > li {position:relative; text-align:center;  padding:0 30px;}
#gnb > ul > li > a {position:relative; display:inline-flex; align-items:center; justify-content:center; font-size:20px; font-weight:600; letter-spacing:-0.03em; color:#242424; z-index:1; padding:0 9px;}
#gnb > ul > li > a:before {content:""; position:absolute; width:0; height:2px; background:#0071ce; left:0; bottom:-10px; transition:0.2s all ease;}
#gnb > ul > li.active > a:before {width:100%;}
/* #gnb .submenu {height:0; position:absolute; left:0; width:100%; z-index:102; overflow:hidden;}
#gnb .submenu ul {padding:20px 0;}
#gnb .submenu ul li {padding:10px 0; line-height:1.4em; display:flex; align-items:center; justify-content:center;}
#gnb .submenu ul li a {display:inline-block; vertical-align:middle; position:relative; color:#454545; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-.03em; transition: all 0.2s ease-in;}
#gnb .submenu ul li a:hover {color:#b42023; text-decoration:underline;}
#header .submenu-bg {display:none; position:absolute; left:0; width:100%; background:#fff;} */
#gnb .submenu {display:none; position:absolute; left:50%;  transform:translateX(-50%);  width:160px; padding-top:25px; text-align:center;}
#gnb .submenu>ul {padding:15px  5px; background:#fff; border: 2px solid #0071ce; border-radius: 14px;}
#gnb .submenu>ul>li>a {display:block; padding:5px 0; color:#454545; line-height:1.33em;}


@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink-effect 1s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}

.m-top-tel {position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.m-top-tel a {display:inline-block; background:#0071ce; border-radius:10px; padding:3px 10px; text-align:center; font-size:12px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#fff;}


/* for mobile */
.btn-m-menu {display:none; position:absolute; top:50%; margin-top:-12px; right:30px; width:27px; height:24px; text-align:center; text-indent:-9999em; z-index:92; transition: all 0.5s ease-in-out;}
.btn-m-menu span {position:absolute; left:0; top:10px; height:2px; width:27px;background:#242424;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; right:0; width:27px; height:2px; background:#242424; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-m-menu span:before {top:-10px; transition-property:top, transform;}
.btn-m-menu span:after {bottom:-10px; transition-property:bottom, transform;}

.mobile-navigation {position:fixed; top:0; right:0; padding:20px 0; width:300px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#ffffff; z-index:101;}
.mobile-navigation .home {padding-bottom:20px; padding-left:15px;}
.mobile-navigation .home img {height:24px; width:auto;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #ddd;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:14px 15px; display:block; color:#242424; font-size:1.3em; font-weight:500; line-height:1.3em;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#0071ce;}


.mobile-navigation .nav-menu .submenu {display:none; position:static; transform: translateX(0); margin:-1px 0 0 0; width:100%;  padding:10px 0;background:#0071ce; padding-bottom:10px;}
.mobile-navigation .nav-menu .submenu>ul {display:block; width:100%;}
.mobile-navigation .nav-menu .submenu>ul>li {text-align:left; padding:0;}
.mobile-navigation .nav-menu .submenu>ul>li>a {display:block; position:relative; padding:5px 0 5px 25px; color:#fff; font-size:16px; font-weight:400; line-height:1.3em;}
.mobile-navigation .nav-menu .submenu>ul>li>a:after {content:"";position:absolute; top:14px; left:15px; width:4px; height:4px; border-radius:100%; background:#fff; transition:.2s ease-in-out;}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover {color:#fff}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover:after {background:#fff}
.mobile-navigation .close {position:absolute; top:20px; right:18px; width:24px; height:24px; text-indent:-9999em; overflow:hidden;}
.mobile-navigation .close:before,
.mobile-navigation .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:2px; background:#242424;}
.mobile-navigation .close:before {transform:rotate(45deg);}
.mobile-navigation .close:after {transform:rotate(-45deg);}
.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.76; z-index:98;} 

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0);}
html.menu-opened .mobile-overlay {display:block;}

/* 전체메뉴 */
.all-navigation .bg-wrap {}
.only-all-menu {display:none;}
.btn-all-menu {position:relative; display:block; width:46px; height:46px; background:#0071ce; border-radius:6px; text-align:center; transition: all 0.5s ease-in-out; text-indent:-9999em;  z-index:105;}

.btn-all-menu span {position:absolute; display:block; right:50%; margin-right:-8px; top:50%; height:3px; width:14px; border-radius:3px; background:#fff;}
.btn-all-menu span:before,
.btn-all-menu span:after {content:" "; position:absolute; right:0; width:17px; height:3px; background:#fff; border-radius:3px; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-all-menu span:before {top:-7px; transition-property:top, transform;}
.btn-all-menu span:after {bottom:-7px; transition-property:bottom, transform;}

.all-navigation {position:absolute; left:0; top:0;padding-top:190px; /* transform:translateY(-100%); */ display:none; width:100%; overflow:auto; transition:.3s ease-in-out; z-index:20;}
.all-navigation .contain {display:flex; align-items:center; justify-content:center;}
.all-navigation nav {padding:65px 57px;  border:2px solid #0071ce; border-radius:12px;}
.all-navigation .all-nav-menu {width:100%; background:#fff;}
.all-navigation .all-nav-menu>ul {display:flex; text-align:center; margin:0 -17px; justify-content:center;}
.all-navigation .all-nav-menu>ul>li {padding:0 17px; /*widtH:14.444%;*/widtH:20%;}
.all-navigation .all-nav-menu>ul>li>a:before {content:""; position:absolute; width:0; height:2px; background:#00a7e1; left:0; bottom:0; transition:0.2s all ease;}
.all-navigation .all-nav-menu>ul>li:hover>a {color:#2c2c2c;}
.all-navigation .all-nav-menu>ul>li:hover>a:before{width:100%;}
.all-navigation .all-nav-menu>ul>li>a {display:block; font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; position:relative; margin-bottom:20px; padding-bottom:23px;}
.all-navigation .all-nav-menu .submenu>ul>li {margin-bottom:14px;}
.all-navigation .all-nav-menu .submenu>ul>li:last-child {margin-bottom:0;}
.all-navigation .all-nav-menu .submenu>ul>li>a {font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8;}
.all-navigation .all-nav-menu .submenu>ul>li>a:hover  {color:#2c2c2c !important; text-decoration:underline;} 


html.menu-all-opened #gnb .submenu  {display:none !important;}

html.menu-all-opened .btn-all-menu span {background:0 !important;}
html.menu-all-opened .btn-all-menu span:before,
html.menu-all-opened .btn-all-menu span:after {transition-delay:0s, 0.3s; background:#fff !important;}
html.menu-all-opened .btn-all-menu span:before {top:0; transform:rotate(45deg);}
html.menu-all-opened .btn-all-menu span:after  {bottom:0; transform:rotate(-45deg);}
html.menu-all-opened .all-navigation {/* transform:translateY(0); */ display:block;}
html.menu-all-opened .all-navigation .only-all-menu {display:block;}

/* main */
.main-sec {padding-bottom:30px;}
.main-doc {margin-bottom:110px;}
.main-visual {position:relative; padding-top:30px;}
.main-visual .item img {width:100%;}

.main-visual .mv-ctrl {position:absolute; bottom:55px; left:100px; display:flex; align-items:center;}
.main-visual .mv-ctrl .wrap {display:flex; align-items:center; background:#0071ce; border-radius:50px; padding:7px 18px; margin-right:15px;}
.main-visual .mv-ctrl .paging {font-size:13px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#fff; margin:0 15px;}
.main-visual .mv-ctrl .paging .bar {display:inline-block; width:1px; height:10px; background:#fff; margin:0 12px;}
.main-visual .mv-ctrl .slick-arrow {display:block; width:7px; height:12px; border:0; background-color:transparent; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; text-indent:-999em; overflow:hidden;}
.main-visual .mv-ctrl .prevArrow {background-image:url("../images/main/mv_prev.png")}
.main-visual .mv-ctrl .nextArrow {background-image:url("../images/main/mv_next.png")}
.main-visual .mv-ctrl > button {display:block; border:0; width:34px; height:34px; text-indent:-999em; overflow:hidden; }
.main-visual .mv-ctrl .stop {background:url("../images/main/stop.png")}
.main-visual .mv-ctrl .play {background:url("../images/main/play.png"); display:none;}

.main-ai-banner {background:#0071ce;}
.main-ai-banner .inner {padding:60px 30px; background:url("../images/main/ai_bg.jpg") no-repeat right center; background-size:auto 100%; width:100%; max-width:1460px; margin:0 auto;}
.main-ai-banner p {font-family: 'GmarketSans'; font-size:38px; font-weight:700; line-height:1.1em; letter-spacing:-0.04em; color:#fff; margin-bottom:18px;}
.main-ai-banner img {display:inline-block; margin-left:18px; border-radius:100vh; box-shadow:3px 3px 10px rgba(0,0,0,0.24);}
.main-ai-banner .more {display:inline-block; padding:20px 76px 20px 48px; border-radius:100vh; background:#0033a1; position:relative; font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#fff;}
.main-ai-banner .more:before {content:""; position:absolute; width:9px; height:14px; background:url("../images/main/more_arrow.png") no-repeat 50% 50%; right:48px; top:50%; margin-top:-7px;}
/* .pop-wrap2  {width:95vw !important; max-width:1400px;} */
.pop-wrap2 .fancybox-inner {width:95vw !important; max-width:1400px;}
.pop-wrap2 .fancybox-close {width:20px; height:20px; right:40px; top:40px; background:url("../images/sub/pop_close.png") no-repeat 50% 50%;}

.pop-cont {border-radius:13px; overflow:hidden;}

.pop-img:hover {animation:change_opacity 1s ease-in infinite;}

@keyframes change_opacity {
  0%,100%{
    opacity:1;
  }
  50% {
    opacity:0.5;
  }
}

.txt-yellow {color:#fbcb0a !important;}

.lt {text-decoration:line-through; color:#a8a8a8; font-size:15px;}
.txt-red {color:#00a7e1 !important;}
.txt-yel {color:#0033a1 !important;}
.txt-gray {color:#a8a8a8 !important;}
.txt-blue {color:#0071CE !important;}

.main-tit {margin-bottom:50px;}
.main-tit h2 {font-size:42px; font-weight:700; line-height:1.3em; letter-spacing:-0.04em; color:#2c2c2c;}
.main-tit p {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#878787; margin-top:18px;}
.main-tit h2 a {display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; padding-bottom:5px; margin-left:13px;}
.main-tit h2 a img {display:inline-block;}

.product-wrap ul {display:flex; margin:-10px;}
.product-wrap ul li {width:25%; padding:10px;}
.product-wrap ul li .wrap {background:#f8f8f8; overflow:hidden; border-radius:10px;}
.product-wrap ul li .thumb {position:relative; padding-bottom:74.63%; background:#f8f8f8; overflow:hidden;}
.product-wrap ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; transition:0.2s all ease;}
.product-wrap ul li .wrap:hover .thumb img {transform:translate(-50%,-50%) scale(1.09); -ms-transform:translate(-50%,-50%) scale(1.09); -webkit-transform:translate(-50%,-50%) scale(1.09);}
.product-wrap ul li .thumb .btn-wrap {position: absolute; top:10px; left:10px;}

.product-wrap ul li .cnt {padding:20px 39px 39px 39px;}
.product-wrap ul li .cate {font-size:14px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; margin-bottom:10px; display:block;}
.product-wrap ul li .tit {font-size:22px; min-height:85px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:14px;}
.product-wrap ul li .txt {font-size:15px; line-height:1.4em; font-weight:400; letter-spacing:-0.04em; color:#505050; margin-bottom:5px;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.product-wrap ul li .price {font-size:24px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:30px;}
.product-wrap ul li .price strong {font-size:30px; display:block;  margin-top:5px;}
.product-wrap ul li .more {display:flex; margin:0 -2px;}
.product-wrap ul li .more a {flex:1; margin:0 2px; display:block; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#505050; padding:15px; border:1px solid #878787; border-radius:100vh; text-align:center; margin-top:35px; transition:0.2s all ease;}
.product-wrap ul li .more a:hover {color:#fff; background:#0071ce; border-color:#0071ce}
.product-wrap ul li dl {display:flex; font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; margin-bottom:10px;}
.product-wrap ul li dl:last-child {margin-bottom:0;}
.product-wrap ul li dt {min-width:60px;}
.product-wrap ul li dd {text-align:right; color:#2c2c2c; font-weight:500; flex: 1 1 auto; min-width: 0; width: 1%;}
.rental-fee {font-size:20px; color:#2c2c2c;}

.product-wrap ul li .more.ver2 a:hover {background:#0033a1; border-color:#0033a1}
.product-wrap ul li .more a.ver2:hover {background:#00a7e1; border-color:#00a7e1}

.main-about {padding:235px 0 40px; background:url("../images/main/about_bg.jpg") no-repeat 50% 50%; background-size:cover; color:#fff;}
.main-about .tit {font-size:32px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:38px;}
.main-about .tit strong {font-family: 'GmarketSans'; font-size:42px; line-height:1.1em; display:block; margin-bottom:13px;}
.main-about .txt {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; margin-bottom:165px;}
.main-about .info {font-weight:400; line-height:1.2em; letter-spacing:-0.04em;}

.main-reason .img {margin-bottom:55px;}
.main-reason h2 {text-align:center; font-family: 'GmarketSans'; font-size:42px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:90px;}
.main-reason ul {display:flex;}
.main-reason ul li {width:33.333%; position:relative; text-align:center;}
.main-reason ul li:before {content:""; position:absolute; width:1px; height:100%; background:url("../images/main/line.gif") repeat-y center top; right:0; top:0;}
.main-reason ul li:last-child:before {display:none;}
.main-reason ul li .icon {margin-bottom:16px;}
.main-reason ul li .tit {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:18px;}
.main-reason ul li .txt {font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:-0.04em; color:#2c2c2c;}

.main-video {padding-top:110px; position:relative;}
.main-video:before {content:""; position:absolute; width:100%; height:72%; background:#f4f4f4; left:0; top:0; z-index:-1;}
.main-video .videoArea {max-width:900px; margin:0 auto;}

.review-list ul {display:flex; margin:-10px;}
.review-list ul li {width:25%; padding:10px;}
.review-list ul li a {display:block;}
.review-list ul li .thumb {position:relative; padding-bottom:74.63%; margin-bottom:30px; overflow:hidden; border-radius:15px;}
.review-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.review-list ul li .cnt {padding:0 20px;}
.review-list ul li .cate {display:inline-block; font-size:14px; font-weight:500; line-height:1em; letter-spacing:-0.04em; color:#fff; background:#0033a1; padding:5px 10px; border-radius:100vh; margin-bottom:15px;}
.review-list ul li .txt {font-size:22px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c;overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal;  display:-webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient:vertical; margin-bottom:30px;}
.review-list ul li .date {font-size:13px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8;}

.main-banner {background:url("../images/main/banner_bg.png") no-repeat 90% center #f1f1f1; padding:60px; border-radius:15px; margin-top:77px;}
.main-banner h3 {font-size:32px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:10px;}
.main-banner p {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#505050; margin-bottom:24px;}

.main-partner .main-tit {margin-bottom:35px;}
.main-partner .wrap {display:flex; margin:85px -10px 0 -10px;}
.main-partner .wrap .box {width:50%; padding:0 10px;}
.partner-list ul {display:flex; flex-wrap:wrap;}
.partner-list ul li {width:20%; text-align:center;}
.partner-list ul li img {width:100%;}

.main-inquiry-banner  {margin-top:20px;}
.main-inquiry-banner .bg-gray {padding:20px; background:#f1f1f1; border-radius:10px 10px 0 0;}
.main-inquiry-banner .bg-gray .tit {font-family: 'GmarketSans'; margin-bottom:20px; text-align:center;}
.main-inquiry-banner .bg-gray .tit h2 {font-size:27px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; position:relative; padding-left:30px;}
.main-inquiry-banner .bg-gray .tit h2:before {content:""; position:absolute; width:25px; height:30px; background:url("../images/main/main_inquiry_icon.png") no-repeat 50% 50%; margin-left:-30px; background-size:contain;}
.main-inquiry-banner .bg-gray .tit a {display:block; font-size:27px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}
.main-inquiry-banner .item {margin-bottom:5px; font-size:13px;}
.main-inquiry-banner .item:last-child {margin-bottom:0;}
.main-inquiry-banner .item input {border-radius:5px; border:0;}
.main-inquiry-banner .btn-wrap button {display:block; width:100%; border:0; text-align:center; padding:16px 10px 10px 10px;; background:#0071ce; color:#fff; font-family: 'GmarketSans'; font-size:20px; font-weight:700; line-height:1em; letter-spacing:-0.04em; border-radius:0 0 10px 10px;}

.main-quick-menu .video-area {display:flex;}
.main-quick-menu .video-wrap {width:77%; max-width:100%;}
.main-quick-menu .video-container {border-radius:1.6em;}
.main-quick-menu .video-area ul {display:flex; flex-direction:column; justify-content:space-between; margin:0; width:23%; padding-left:30px;}
.main-quick-menu .video-area ul li {width:100%; padding:0;}
.main-quick-menu .video-area ul li:last-child {margin-bottom:0; padding:0;}
.main-quick-menu .video-area ul li a:hover {transform:translateX(20px);}
.main-quick-menu .video-area ul li img {max-height:100%;}

.main-quick-menu ul {display:flex; margin:0 -15px;}
.main-quick-menu ul li {width:25%; padding:0 15px;}
.main-quick-menu ul li a {display:block;}
.main-quick-menu ul li a:hover {transform:translateY(-20px);}

/* 20250414 */
.main-banner2 {}
.main-banner2 .img {border-radius: 24px; overflow: hidden; width: 100%; max-width: 1400px;}
.main-banner2 img {width: 100%;}

.main-reviews {}
.main-reviews .slick-list {margin:0 -10px;}
.main-reviews .slick-list .slick-slide {padding:0 10px;}
.main-reviews .img {position: relative; padding-bottom: 74.93%; border-radius: 14px; margin-bottom: 30px; overflow: hidden;}
.main-reviews .img img{position: absolute; top: 50%; left: 0; transition: .4s ease-in-out; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%;height: auto !important; max-width: 100%; min-height: 100%; object-fit: cover;}
.main-reviews .items .box {}
.main-reviews .items .txt {padding:0 20px;}
.main-reviews .type {display: inline-flex; align-items: center; justify-content: center; min-width: 70px;background: #0071ce; border-radius: 12px; color: #fff; height: 24px;font-size: 14px;font-weight: 600; letter-spacing: -.04em;}
.main-reviews .tit {margin:15px 0 30px; font-size: 22px; letter-spacing: -.04em; color:#2c2c2c;}
.main-reviews .date {font-size: 13px; font-weight: 500; letter-spacing: -.04em; color:#a8a8a8;}
.main-reviews .slick-arrow {position: absolute; z-index: 1;top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 100%; font-size: 0;border: 1px solid #ddd; background-color: #fff; background-position: 50%;background-repeat: no-repeat; transition: all .2s;}
.main-reviews .slick-prev {left:-8%;; background-image:url('/images/main/main-reviews-arrow.png');}
.main-reviews .slick-next {right:-8%;; background-image:url('/images/main/main-reviews-arrow2.png');}
.main-reviews .slick-arrow:hover {background-color: #0071ce; border: 1px solid #0071ce;transition: all .2s;}
.main-reviews .slick-prev:hover {background-image:url('/images/main/main-reviews-arrow-on.png');}
.main-reviews .slick-next:hover {background-image:url('/images/main/main-reviews-arrow2-on.png');}

.main-attention {margin-bottom:100px; padding:100px 0; background-image: url(/images/main/main-attention-bg.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.main-attention .main-tit h2 {text-align: center; color: #fff;}
.main-attention .timer {display: flex; justify-content: center; align-items: center;}
.main-attention .timer .box {display: flex; justify-content: center; align-items: center; width: 800px; height: 120px; background-image: url(/images/main/temp-bg.png); border-radius: 24px;}
.main-attention .timer .txt {position: relative; margin-right:30px; padding-right:30px; font-size: 28px; font-weight: 600; line-height: 1.2em; letter-spacing: -.04em; color:#fff;}
.main-attention .timer .txt:after {content:''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 1px; background: #fff;}
.main-attention .time {font-size: 44px; letter-spacing: -.04em; line-height: 1.2em; color:#fff;}
.main-attention .car-list {margin: 80px auto 0; max-width:1200px;}
.main-attention .car-list .items {display:block; padding:0;} 
.main-attention .car-list .item {padding:0;}
.main-attention .car-list .img {position: relative; padding-bottom: 74.63%; overflow: hidden;}
.main-attention .car-list .img img {position: absolute; top: 50%; left: 0; transition: .4s ease-in-out; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%;height: auto !important; max-width: 100%; min-height: 100%; object-fit: cover;}
.main-attention .car-list .box { border-radius: 24px; overflow: hidden; background: #f8f8f8;}
.main-attention .car-list .info {padding: 0 40px 40px;}
.main-attention .info {}
.main-attention .info .brand {font-size: 14px; font-weight:500; letter-spacing: -.04em; line-height: 1.2em; color:#a8a8a8;}
.main-attention .info .car {margin:10px 0 45px; font-size: 22px; font-weight:700; letter-spacing: -.04em; line-height: 1.2em; color:#2c2c2c;}
.main-attention .info .amount .tt {font-size: 24px; letter-spacing: -.04em; line-height: 1.2em; color:#2c2c2c;}
.main-attention .info .amount .tt2 {font-size: 30px; font-weight:700; letter-spacing: -.04em; line-height: 1.2em; color:#0033a1;}
.main-attention .slick-list {margin:0 -20px;}
.main-attention .slick-slide {padding:0 20px;}
.main-attention .slick-arrow {position: absolute; z-index: 1;top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 100%; font-size: 0;border: 1px solid #ddd; background-color: transparent; background-position: 50%;background-repeat: no-repeat; transition: all .2s;}
.main-attention .slick-prev {left:-8%;; background-image:url('/images/main/main-reviews-arrow.png');}
.main-attention .slick-next {right:-8%;; background-image:url('/images/main/main-reviews-arrow2.png');}
.main-attention .slick-arrow:hover {background-color: #0071ce; border: 1px solid #0071ce;transition: all .2s;}
.main-attention .slick-prev:hover {background-image:url('/images/main/main-reviews-arrow-on.png');}
.main-attention .slick-next:hover {background-image:url('/images/main/main-reviews-arrow2-on.png');}


.main-attention.ty2 .car-list .item {padding:0;}
.main-attention.ty2 .car-list .items {display:block; padding:0;}
.main-attention.ty2 .slick-list {margin:0 -20px;}
.main-attention.ty2 .slick-slide {padding:0 20px;}
.main-attention.ty2 .slick-arrow {position: absolute; z-index: 1;top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 100%; font-size: 0;border: 1px solid #ddd; background-color: transparent; background-position: 50%;background-repeat: no-repeat; transition: all .2s;}
.main-attention.ty2 .slick-prev {left:-8%;; background-image:url('/images/main/main-reviews-arrow.png');}
.main-attention.ty2 .slick-next {right:-8%;; background-image:url('/images/main/main-reviews-arrow2.png');}
.main-attention.ty2 .slick-arrow:hover {background-color: #0071ce; border: 1px solid #0071ce;transition: all .2s;}
.main-attention.ty2 .slick-prev:hover {background-image:url('/images/main/main-reviews-arrow-on.png');}
.main-attention.ty2 .slick-next:hover {background-image:url('/images/main/main-reviews-arrow2-on.png');}

/* sub page */ 
.sub-visual {position:relative; width:100%; height:400px; display:flex; align-items: center; padding-bottom:65px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub-visual .content {position:relative; z-index:1; max-width:1260px; padding:0 30px; width:100%; margin:0 auto; color:#fff; text-align:center;}
.sub-visual .content h2 {font-size:44px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em;}
.sub-visual .content p {font-size:17px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; margin-top:15px;}

.sub-visual .background {
	position:absolute; 
	top:0; 
	left:0;
	width:100%; height:100%;	
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	transform:scale(1.09);
    -ms-transform:scale(1.09); /* IE 9 */
    -moz-transform:scale(1.09); /* Firefox */
    -webkit-transform:scale(1.09); /* Safari and Chrome */
    -o-transform:scale(1.09); /* Opera */
	transition: all 2s ease-out 0s;
	transition-delay: 0.1s;
	z-index:0;
}
.sub-visual.load .background {
	transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}

.sub-title {width:100%; max-width:1460px; padding:0 30px; margin:100px auto 60px; display:flex;}
.sub-title .page-tit {flex: 1 1 auto; min-width: 0; width: 1%; display:flex; align-items:flex-end;}
.sub-title .page-tit p {font-weight:700; line-height:1em; letter-spacing:-0.04em; color:#00a7e1; margin-bottom:22px;}
.sub-title .page-tit h2 {font-size:42px; font-weight:700; line-height:1.2em; color:#2c2c2c; letter-spacing:-0.04em;}
.sub-title .page-tit h2 a {display:inline-block; margin-left:40px;}
.sub-title .page-tit h2 img {vertical-align:middle;}
.sub-title .page-tit .step {display:flex; padding-bottom:8px; margin-left:40px;}
.sub-title .page-tit .step .num {width:31px; height:31px; border-radius:100%; background:#fff; border:1px solid #ccc; font-size:15px; font-weight:500; line-height:29px; text-align:center; letter-spacing:-0.04em; color:#ccc; margin-right:19px; position:relative;}
.sub-title .page-tit .step .num:before {content:""; position:absolute; width:100%; right:-19px; height:1px; top:50%; margin-top:-0.5px; background:#ccc; z-index:-1;}
.sub-title .page-tit .step .num:last-child {margin-right:0;}
.sub-title .page-tit .step .num:last-child:before {display:none;}
.sub-title .page-tit .step .num.active {background:#2c2c2c; border-color:#2c2c2c; color:#fff;}

.sub-title .path {text-align:right;}
.sub-title .path span {position:relative; display:inline-block; padding:0 10px; font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:0; color:#878787;}
.sub-title .path span:before {content:""; position:absolute; width:6px; height:6px; border-right:1px solid #737373; border-top:1px solid #737373; right:-3px; top:50%; margin-top:-3px; transform:rotate(45deg);}
.sub-title .path span:last-child {color:#505050;}
.sub-title .path span:last-child:before {display:none;}

.sub-title .path img {vertical-align:middle; margin-right:4px;}


#lnb {margin-top:-65px;}
.lnb {max-width:1200px; margin:0 auto; background:#fff; border-radius:20px 20px 0 0;}
.lnb ul {display:flex; justify-content:center; position:relative;}
.lnb ul li {width:auto;  position:relative;}
.lnb ul li a {display:flex; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545;  min-height:65px; align-items:center; justify-content:center; position:relative; padding:0 27px;}
.lnb ul li:before {content:""; position:absolute; width:1px; height:9px; background:#ddd; right:-0.5px; top:50%; margin-top:-4.5px;}
.lnb ul li:last-child:before {display:none;}
.lnb ul li.active a {color:#b42023;}

#contArea {max-width:1460px; padding-left:30px; padding-right:30px; margin:0 auto;}
#contArea.wide {max-width:100%; padding-left:0; padding-right:0;}

.real-cont {padding-bottom:120px;}
.real-cont.none {padding-bottom:0;}




/* footer */
#footer {position:relative; color:#878787; background:#353535; letter-spacing:-0.04em; line-height:2em; font-size:16px;}
#footer .wrap {padding:57px 0; }
#footer .contain {display:flex;}
.f-logo { margin-right:120px;}
.f-menu {position:absolute; right:30px; bottom:0;}

#footer address {font-style:normal; font-weight:400; flex: 1 1 auto; min-width: 0; width: 1%;}
#footer address strong {display:block; font-size:20px; font-weight:700; color:#fff; margin-bottom:30px;}
#footer address span {display:inline-block; margin-right:30px;}

#footer .bar {width:1px; height:9px; background:#ddd; margin:0 10px; vertical-align:middle;}

#footer .copyright {display:block; color:#878787; font-size:13px; margin-top:15px;}
#footer .copyright a {display:inline-block;}
.scroll-top {position:absolute; right:30px; top:0;}


.foot-banner {background:#0071ce; padding:24px 0; position:static;}
.foot-banner.fixed {position:fixed; width:100%; left:0; bottom:0; z-index:20;}
.foot-banner .contain {display:flex;}
.foot-banner .group.left {display:flex; flex: 1 1 auto; min-width: 0; width: 1%; align-items:center; padding-right:20px;}
.foot-banner .group.left .tit {font-family: 'GmarketSans'; font-size:18px; font-weight:700; line-height:1.4em; color:#fff; letter-spacing:-0.04em; margin-right:30px;}
.foot-banner .group.left a {display:block;}
.foot-banner .group.left .tel {font-family: 'GmarketSans'; display:block; font-size:40px; font-weight:700; line-height:1em; letter-spacing:-0.04em; color:#fff; margin-right:14px;} 
.foot-banner .group.right form {display:flex;}
.foot-banner .group.right .item {margin-left:8px;}
.foot-banner .group.right .item:last-child {margin-left:20px;}
.foot-banner .group.right .item:first-child {margin-left:0;}
.foot-banner .group.right input {height:58px; border-radius:3px;}
.foot-banner .group.right .form-btn {background:#00a7e1; color:#fff; width:100%; max-width:250px; height:38px; line-height:38px; border:0; display:block;}
.foot-banner .group.right .checkbox {font-size:14px; color:#fff;}
.foot-banner .group.right .checkbox label:before {border-radius:3px;}
.foot-banner .group.right .pop_privacy {color:#cee3ea; font-size:14px;}

.quickmenu {position:absolute; right:60px; z-index:20; border-radius:8px; font-size:16px;}
.quickmenu ul li {margin-bottom:16px;}
.quickmenu ul li:last-child {margin-bottom:0;}
.quickmenu ul li:first-child a {pointer-events: none; /*이벤트를 막음*/ cursor: default; /*마우스 커서를 포인트에서 디폴트로 변경*/}
.quickmenu ul li a {display:block; text-align:center; border-radius:8px; width:120px; padding:25px 0; color:#fff; background: linear-gradient(to bottom, #0095de, #004bbd); box-shadow:6px 6px 12px rgba(0,0,0,0.14);}
.quickmenu ul li a .icon {margin-bottom:12px;}
.quickmenu ul li a .s-txt {font-size:14px; font-weight:500; line-height:1em; letter-spacing:-0.04em; color:#fff; margin-bottom:8px;}
.quickmenu ul li a .txt {font-family: 'GmarketSans'; font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#fff;}

.pop-complete {background:#fff; padding:80px 10px; border-radius:10px; text-align:center; max-width:660px;}
.pop-complete .icon {margin-bottom:20px;}
.pop-complete .t1 {font-family: 'GmarketSans';  font-size:32px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.pop-complete .t2 {font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#878787; margin-bottom:42px;}
.pop-complete a {display:inline-block; padding:15px 80px; background:#000435; font-size:18px; font-weight:500; line-height:1em; letter-spacing:-0.04em; color:#fff; border-radius:100vh;}
.pop-apply .fancybox-close {display:none;}