
.row {padding:70px 0;}
.row .column {position: relative;max-width: 1200px;min-width: 910px; margin: 0 auto;}
@media screen and ( max-width:1200px ) {
  .row .column {max-width: 100%;}
}

 .playerBox { width:465px; height:260px !important;background-color:#000; position:absolute !important; margin-top:0 !important; }
.mbYTP_wrapper {position:absolute !important;}

/*  bxslider */
.spotzone{ z-index:29; position:relative; width:100%;height:500px;overflow:hidden}
.spotzone:after {content:''; clear:both; display:block; }
.spotzone li{width:100% !important; min-height:500px; height:500px;position:relative; background-repeat:no-repeat; background-position:center center;  }
.spotzone li a {display:block; width:100%; height:100%;}
.spotzone li.n01{ background-color:#fee7f3; background-image:url('/images/main/visual01.jpg'); background-size:auto;  }
.spotzone li.n02{ background-image:url('/images/main/visual02.jpg?ver=20230405'); background-size:cover; }
.spotzone li.n03{ background-image:url('/images/main/visual03.jpg'); background-size:cover; }
.spotzone li .txtbox{ width:1200px; position:relative; min-width:960px; height:100%; margin:0 auto; padding-top:25px; position:relative;letter-spacing:-.06em; overflow:hidden; }

.spotzone li .txtbox .tit1 { display:block; color:#fff; font-size:20px; font-weight:500; text-transform:uppercase;  }
.spotzone li .txtbox .tit2 { display:block; color:#fff; font-size:21px; line-height:1.4em; margin-top:10px; font-weight:400;  font-family:'NotoSans';}
.spotzone li .txtbox .tit3 { display:block; color:#fff; font-size:57px; line-height:1.6em; font-family:'GmarketSans'; font-weight:300;}
.spotzone li .txtbox .tit3 strong{color:#225ae7; font-weight:600; }
.spotzone li .txtbox .exp {padding-top:15px;}
.spotzone li .txtbox dl {margin-top:40px; }
.spotzone li .txtbox dl dd {display:block; font-size:20px; font-weight:500; color:#fff; padding:3px 0; }
.spotzone li .txtbox dl dd span {display:inline-block; vertical-align:middle; height:26px; line-height:26px; padding: 0 15px; font-size:1rem; font-weight:500; color:#fff; background-color:rgba(0,0,0,0.1); border-radius:60px; }
.spotzone li .txtbox .mov {position:absolute; right:12px; top:110px; width:465px; padding-bottom:39px; background:url('/images/main/mov_shadow.png') no-repeat center bottom;  }
.spotzone li .txtbox .mov .box {display:block; height:260px; border-radius:20px; overflow:hidden; background-color:#333;}

.spotzone li.n01 .txtbox {padding-left:50px; padding-top:50px;}
.spotzone li.n01 .txtbox .tit2 {margin-top:-12px;}
.spotzone li.n01 .txtbox .exp {margin-top:15px;}

.spotzone li.n02 .txtbox {text-align:center;}
.spotzone li.n02 .txtbox .tit2 {margin-top:-18px; cl}

.spotzone li.n03 .txtbox {padding-left:50px;padding-top:70px;}
.spotzone li.n03 .txtbox .tit2 { color:#3a6191; }
.spotzone li.n03 .txtbox .tit3 { color:#0d2043; }

.spotzone li .txtbox .tit1,
.spotzone li .txtbox .tit2,
.spotzone li .txtbox .tit3,
.spotzone li .txtbox .img,
.spotzone li .txtbox .exp,
.spotzone li .txtbox dl,
.spotzone li .txtbox .dealer,
.spotzone li .txtbox .mov,
.spotzone li .txtbox .phone { opacity:0; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:0.4s; text-shadow:5px 5px 12px rgba(0, 0, 0, 0.1);}

.spotzone li .dealer {position:absolute; left:50%; bottom:0px; background-size:auto; background-position:center bottom; background-repeat:no-repeat; border:0px solid #f00; z-index:333}
.spotzone li .dealer.dealer1 { margin-left:-170px; width:310px; height:441px; background-image:url('/images/main/dealer_01.png'); }
.spotzone li .dealer.dealer2 { margin-left:-375px; bottom:-5px; width:530px; height:441px; background-image:url('/images/main/dealer_02.png'); }

.spotzone li .txtbox .dealer{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .tit1{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .tit2{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .tit3{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox dl{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .exp{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .mov{transform:translateX(30px);-moz-transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px);}

/* active */
.spotzone li.active .txtbox .tit1{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.2s;}
.spotzone li.active .txtbox .tit2{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.4s;}
.spotzone li.active .txtbox .tit3{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.6s;}
.spotzone li.active .txtbox dl{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.6s;}
.spotzone li.active .txtbox .dealer{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.6s;}
.spotzone li.active .txtbox .exp{opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.6s;}
.spotzone li.active .txtbox .mov{opacity:1; transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transition-delay:0.6s;}



.spotzone .bx-pager {z-index:3333;position:absolute; bottom:78px; left:50%; margin-left:410px; width:auto;  text-align:center; opacity:1;}
.spotzone .bx-pager div {display:inline-block;}
.spotzone .bx-pager a {opacity:1;display:inline-block; position:relative; width:13px; height:13px; margin:0 4px; border-radius:30px;  font-size:0; background:rgba(255,255,255,0.8); box-shadow:3px 3px 8px rgba(0,0,0,0.07) }
.spotzone .bx-pager a.active { background:rgba(0,0,0,0.8);  width:40px; }

.bx-controls-direction a {position:absolute; top:50%; width:65px; height:65px;  line-height:65px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; z-index:50;color:transparent; background:transparent;color:#fff;text-align:center;font-size:0; transition: all 0.3s ease-in; }
.bx-controls-direction a:after {display:inline-block; font-family:'xeicon'; font-weight:bold; font-size:25px !important; }
.bx-controls-direction a:hover {background-color:#f21e1e; border-color:#f21e1e}
.bx-controls-direction a.bx-prev {left:100px; }
.bx-controls-direction a.bx-prev:after {content:'\e93d'; }
.bx-controls-direction a.bx-next {right:100px; }
.bx-controls-direction a.bx-next:after {content:'\e940';  }

.spotzone  .bx-controls-auto {position:absolute;bottom:70px;left:50%; margin-left:520px;width:80px; height:30px; z-index:3333; color:#333;}
.spotzone  .bx-controls-auto .bx-controls-auto-item { display:inline-block; width:25px; height:25px; margin-right:0px; text-align:center; }
.spotzone  .bx-controls-auto a { overflow:hidden;height:25px; font-size:0 }
.spotzone  .bx-controls-auto  a.active{background-color:transparent; }
.spotzone  .bx-controls-auto .bx-start:before {content:"\ea3e"; display:inline-block; color:rgba(0,0,0,0.5); font-size:25px;text-align:center;  }
.spotzone  .bx-controls-auto .bx-stop:before {content:"\ea3b"; display:inline-block; color:rgba(0,0,0,0.5); font-size:25px;text-align:center;  }
.spotzone  .bx-controls-auto .bx-start:after { display:none;}
.spotzone  .bx-controls-auto .bx-start.active:before,
.spotzone  .bx-controls-auto .bx-stop.active:before { color:#000}


@media screen and ( max-width:1200px ) {
   .spotzone li .txtbox{ width:100%; }
}

@keyframes ani_ico {
    0% {
    	transform:translateY(0px);
    	-webkit-transform:translateY(0px);
    	-ms-transform:translateY(0px);
    	-moz-transform:translateY(0px);
    }
    50% {
    	transform:translateY(-15px);
    	-webkit-transform:translateY(-15px);
    	-ms-transform:translateY(-15px);
    	-moz-transform:translateY(-15px);
    }
}

section {padding:60px 0}
section:after {content:''; display:block; clear:both; width:100%;}

/*  Title */
.title_wrap {position:relative; text-align:center; margin-bottom:25px;}
.title_wrap h2 {display:block; font-size:20px; line-height:1.3em;padding-bottom:7px; font-weight:300; color:#333; font-family:'SB-ugr';}
.title_wrap h2 strong {font-weight:500; color:#f21e1e; font-size:23px;}
.title_wrap h3 {position:relative; display:inline-block;  font-size:30px;line-height:30px; font-weight:300;color:#777; letter-spacing:0; font-family:'SB-ugr';}
.title_wrap h3 strong {font-weight:500; color:#333;}
.title_wrap p { margin-top:12px; color:#888; font-size:17px;letter-spacing:-.05em;font-weight:400;}

.btn_total {position:absolute;right:0;top:-10px; display:inline-block; font-size:14px;font-weight:500; color:#444; letter-spacing:-.10em; z-index:10; height:40px; line-height:38px; padding:0 25px; border-radius:60px; border:1px solid #dedede;  }
.btn_total:after {content:"\e90b"; font-size:18px; display:inline-block; vertical-align:top; margin-top:-2px; margin-left:7px;font-family:'xeicon'; color:#333;}
.btn_total:hover {background-color:#f21e1e; border-color:#f21e1e; color:#fff; }
.btn_total:hover:after {color:#fff;}

/* ¸ÞÀÎÅÇ */
.maintab {font-size:0; text-align:center; padding-bottom:20px; display:flex; justify-content: center;gap:2rem }
.maintab > li {display:inline-block;box-sizing:border-box; font-weight:500; width:auto;}
.maintab > li > span {color:#777; display:inline-block; padding:0 0 3px; line-height:1.4em; font-size:18px; font-weight:500; letter-spacing:-1px;cursor:pointer;}
.maintab > li.on > span {font-weight:600;color:#f21e1e;}
.maintab > li.on > span:before {content:''; display:inline-block; vertical-align:top;  width:25px; height:25px; background:url('/images/main/ico_check2.png') no-repeat left  ; }

/* ¸ÞÀÎ°Ë»ö */

.search_tab {max-width:1200px; min-width:1000px; margin:0 auto 0px;padding-top:0px;text-align:center;}
.search_tab > ul {font-size:0;}
.search_tab > ul > li {display:inline-block;padding:0 0rem;border:1px solid transparent;border-radius:0px;box-sizing:border-box;}
.search_tab > ul > li > span {display:block; height:50px; line-height:53px;  font-size: 1.15rem; font-weight:400; padding:0 30px; border-radius:90px;  letter-spacing:-.5px; cursor:pointer;color:#555;font-family:'SB-ugr';}
.search_tab > ul > li.on > span {color:#f21e1e; font-weight:500;}
.search_tab > ul > li.on > span:before {content:''; display:inline-block; vertical-align:middle; margin-right:3px;width:30px; height:30px; background:url('/images/main/ico_check.png') no-repeat center ; background-size: auto 28px;}

@media screen and ( max-width:1024px ) {
	.search_tab {max-width:95%; }

}

.main_search {position:relative;padding:60px 0 50px; z-index:50;  }
.main_search .search.column {position:relative;max-width:1200px;z-index:1;}
.main_search .search { margin:0 auto; margin-top:-105px;  position:relative; }

.main_search .search .title_wrap {padding-bottom:0px; margin-bottom:0px;}
.main_search .search .title_wrap h2 {font-size:22px; line-height:1.3em;font-weight:500; letter-spacing:-.04em;font-family:'GmarketSans';}

.main_search .search .search_tab {margin-top:40px; }

.main_search .searchArea {background-color:#fff; padding:14px 15px 14px 25px; border-radius:200px; box-shadow:5px 5px 20px rgba(0,0,0,0.08)}
.main_search .searchArea > ul > li {display:inline-block; }
.main_search .searchArea .fast {position:relative;font-size:0;text-align:right; }
.main_search .searchArea .fast form > div {float:left;display:inline-block;box-sizing:border-box; vertical-align: middle;}
.main_search .searchArea .fast div.fastbtn { width:17%; box-sizing:border-box; padding:17px 20px; } 
.main_search .searchArea .fast div.fastbtn button {width:50%; height:55px; box-sizing:border-box; font-size:16px; background:#d4d4d4; color:#fff; border:none; cursor:pointer;}
.main_search .searchArea .fast div.fastbtn button.on {border:1px solid #ff611f; color:#ff611f; background:#fff; font-weight:500;}
.main_search .searchArea .fast div.kr { width:58%; box-sizing:border-box; padding:17px 0px;font-size:0;}
.main_search .searchArea .fast div select {appearance: none; -moz-appearance: none; -webkit-appearance: none;  padding:14px;  background:transparent url('/images/inc/arrow.png') right center no-repeat ; color:#555555; font-size:18px; height: 65px;}
.main_search .searchArea .fast div select.select1 {width:20%;} 
.main_search .searchArea .fast div select.select2 {width:30%;} 
.main_search .searchArea .fast div select.select3 {width:50%; border-right:none;} 
.main_search .searchArea .fast div.btn_set {float:right;width:150px;font-size:0;padding-left:7px;} 
.main_search .searchArea .fast div.btn_set a, .main_search .searchArea .fast div.btn_set input {display:inline-block;border:0;padding:0 30px; color:#fff;  line-height:58px; font-size:1.05rem;font-weight:normal;cursor:pointer;box-sizing:border-box;}
.main_search .searchArea .fast div .search_btn {width:100%;background-color:#f21e1e;text-align:center; font-size:24px; font-weight:bold; border-radius:150px; }

.main_search .searchArea .fast div .more_btn {display:none !important;width:45%;background:#9a9a9a; text-align:center;}

.main_search .searchArea .fast .selectBox {width:calc(100% - 150px);text-align:left;font-size:0; overflow:hidden;border:0px solid #ddd;}
.main_search .searchArea .fast .selectBox select,
.main_search .searchArea .fast .selectBox a {display:inline-block; vertical-align:top; height:58px;line-height:58px;font-size:16px; font-weight:500 !important;border-radius:0;  padding:0 0 0 20px; 
    color:#111;font-weight:normal;text-align:left;box-sizing:border-box;  border:0;  border-right:1px solid #eee;  background-color:transparent; background-image:url('/images/inc/arrow.png') ; background-repeat:no-repeat; background-size:auto 23px; background-position:calc(100% - 10px) ;cursor:pointer; 
   }
.main_search .searchArea .fast .selectBox a:last-child {border:0;}
.main_search .searchArea .fast .selectBox a.selected:last-child {border:0;}
.main_search .searchArea .fast .selectBox a.selected,
.main_search .searchArea .fast .selectBox select:focus{background-color:#fff;color:#f21e1e;border:0; border-right:1px solid #eee; outline:0; }
.main_search .searchArea .fast .selectBox select {width:13%; padding-left:20px;}
.main_search .searchArea .fast .selectBox #select01 {width:25%; }
.main_search .searchArea .fast .selectBox #select02 {width:25%;}
.main_search .searchArea .fast .selectBox #select03 {width:37%;}

.main_search .searchArea .fast .optionBox { position:absolute; top:70px; left:0; width:calc(100% - 150px); padding:20px 25px 30px;border:1px solid #d5d5d5;background:#fff;font-size:14px; z-index:9;text-align:left;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,.2);}
.main_search .searchArea .fast .optionBox h4 { font-size:16px;}
.main_search .searchArea .fast .optionBox h4 a, .main_search .searchArea .fast .optionBox h5 a { position:absolute;top:7px;right:20px;font-size:18px; width:20px; text-align:center;}
.main_search .searchArea .fast .optionBox h5 {border-bottom:1px dashed #cccccc; padding:20px 0 8px; font-size:16px;font-weight:bold;}
.main_search .searchArea .fast .optionBox a { width:16.6%; display:inline-block; text-decoration:none; margin-top:12px;font-size:14px; font-weight:500;}
.main_search .searchArea .fast .optionBox #c_nameDiv a {width:20%;}
.main_search .searchArea .fast .optionBox #company1Div,
.main_search .searchArea .fast .optionBox #company2Div {font-size:0; }
.main_search .searchArea .fast .optionBox a:hover { color:#f21e1e; }

.main_search .searchArea .fast #option01 { display:none; }
.main_search .searchArea .fast #option02 { display:none; }
.main_search .searchArea .fast #option03 { display:none; }

.main_search .search > ul > li {display:inline-block; }

.main_search .class {font-size:0; padding:10px 0px 0px; overflow:hidden; }
.main_search .class li{ box-sizing:border-box; text-align:center; width:calc(12.5% - 2px); margin-left:2px; }
.main_search .class li:first-child { margin-left:0; }
.main_search .class li.c1 a {background:url('/images/main/class_car01.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c2 a {background:url('/images/main/class_car02.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c3 a {background:url('/images/main/class_car03.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c4 a {background:url('/images/main/class_car04.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c5 a {background:url('/images/main/class_car05.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c6 a {background:url('/images/main/class_car06.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c7 a {background:url('/images/main/class_car07.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c8 a {background:url('/images/main/class_car08.png')no-repeat center 0; background-size:65%;}
.main_search .class li a { display:block; height:85px; padding:0; color:#fff; font-size:15px; background-color:#fff;
              background-position-x: 50%;
			  background-position-y: 0%; 
			  -webkit-animation: zoomout .3s linear;
			  animation: zoomout .3s linear;
			  }
.main_search .class li a span {line-height: 135px; color:#333; font-weight:500;border:0px solid #f00;}
.main_search .class li a:hover {  background-position-x: 50%;
			  background-position-y: 0%; 
			  -webkit-animation: zoomin .3s linear;
			  animation: zoomin .3s linear;
			  animation-fill-mode: both;  }
.main_search .class li a:hover span { color:#000;}

@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-webkit-keyframes zoomout {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.main_search .maker {font-size:0; padding:12px 30px 0;}
.main_search .maker li{ box-sizing:border-box; text-align:center; width:9%;vertical-align:middle;}
.main_search .maker li a {height:83px;padding-top:10px; padding:0;font-size:14px; color:#111; display:block;}
.main_search .maker li a span {display:block;line-height: 15px;}
.main_search .maker li img {margin-top:5px;}
.main_search .maker li a:hover {color:#f21e1e;}

.main_search .local {position: relative;width:100%;height:95px;font-size:0;}
.main_search .local ul {position:absolute;left:0;right:0;top:0;padding:5px 0px 5px; text-align:center; font-size:0}
.main_search .local ul li {display:inline-block; vertical-align:top; padding:0;margin:0 3px;padding:1rem 0; }
.main_search .local ul li a {display:block;background:#f1f1f1;padding:0 1rem;margin:0 0;border-radius:.0rem;font-size:1rem;letter-spacing:-1px;line-height:55px;font-weight:500;}
.main_search .local ul li a:hover { background:#f21e1e; color:#fff; }

@media screen and ( max-width:1200px ) {
	.main_search .local ul li a {font-size:.9rem;}	
}


/* SNS ¹è³Ê */
.sns_Item { position:relative; width:1200px; margin:0 auto; height:170px; background:url('/images/main/bg_sns.jpg') no-repeat center ; }
.sns_Item .title {display:block; text-align:center; font-family:'SB-ugr'; color:#333; font-weight:300; font-size:1.5rem; line-height:2rem; font-style:italic; text-shadow:3px 3px 8px rgba(0,0,0,0.05) }
.sns_Item .title strong {display:block; font-weight:600;}
.sns_Item .dealer {position:absolute; bottom:0;  width:170px; height:170px; background-position:center bottom; background-repeat:no-repeat; }
.sns_Item .dealer.dealer1 { left:360px; background-image:url('/images/main/sns_dealer1.png'); }
.sns_Item .dealer.dealer2 { right:370px; background-image:url('/images/main/sns_dealer2.png'); }
.sns_Item .name {font-size:1.165rem; font-weight:500;  line-height:1.3em; font-family:'SB-ugr'; position:absolute; top:65px;}
.sns_Item .name.dealer1 {color:#ea5ba7; left:320px;}
.sns_Item .name.dealer2 {color:#225ae7;font-size:1.35rem;  right:180px;}
.sns_Item .sns {position:absolute; display:flex;  align-items: flex-start; gap:10px; left: 50px; top:50px;  }
.sns_Item .sns a {display:flex; width:72px; height:72px; border-radius:50%; border:1px solid #fcd3e9; background-color:#fff; background-position:center center; background-repeat:no-repeat;}
.sns_Item .sns a.blog {background-image:url('/images/main/blog_pk.png')}
.sns_Item .sns a.youtube {background-image:url('/images/main/youtube_pk.png')}
.sns_Item .sns a.insta {background-image:url('/images/main/insta_pk.png')}
.sns_Item .sns.dealer2 {right:70px; left:auto; }
.sns_Item .sns.dealer2 a {border-color:#aad1f9}
.sns_Item .sns.dealer2 a.review {background-image:url('/images/main/ico_review.png'); background-size:auto 50px; }

.sns_Item .sns.dealer2 a.blog {background-image:url('/images/main/blog_blue.png')}
.sns_Item .sns.dealer2 a.youtube {background-image:url('/images/main/youtube_blue.png')}
.sns_Item .sns.dealer2 a.insta {background-image:url('/images/main/insta_blue.png')}
.sns_Item .text {position:absolute; right:2rem; top:2.5rem; }

@media screen and ( max-width:1200px ) {
  .sns_Item {width:100%; }
}





/* ¹Ù·Î°¡±â¹è³Ê */
.consult_wrap {position:relative; background:url('/images/main/bg_consult.jpg')no-repeat center ; background-size:cover; } 
.consult_wrap .inr { display:flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; margin:0 auto; padding:0;}
.consult_wrap dl {width:35%;font-family:'SB-ugr'; padding-bottom:100px; background:url('/images/main/ico_warranty.png') no-repeat 5px bottom;}
.consult_wrap dl dt {font-size:35px; line-height:1.6em; font-weight:400; color:#fff; margin-bottom:15px;}
.consult_wrap dl dt p {font-size:20px; line-height:1.2rem; color:#fff; font-family:'SB-ugr'; padding-bottom:5px;}
.consult_wrap dl dt strong {color:#f21e1e; font-weight:500; }
.consult_wrap dl dd {position:relative; font-size:17px; line-height:18px; font-weight:300; color:#fff; margin-bottom:10px; padding-left:12px;}
.consult_wrap dl dd:before {content:''; position:absolute; left:0; top:5px;  width:4px; height:4px; border-radius:5px; background-color:#f21e1e; }
.consult_wrap ul {width:65%;position:relative; display:flex; flex-wrap: wrap;  align-items: baseline; justify-content: flex-end;gap:20px;}
.consult_wrap ul li {display:inline-block; vertical-align:top; position:relative; width:calc(50% - 10px);  z-index:2 }
.consult_wrap ul li a {display:block;position:relative; padding:28px 20px 28px 120px; border:1px solid rgba(255,255,255,0.25);border-radius:7px; overflow:hidden; z-index:2;transition: all 0.2s ease-in;}
.consult_wrap ul li a figure {width:80px; height:80px; position:absolute; left:30px; top:25px;background-repeat:no-repeat; background-position:center center; }
.consult_wrap ul li a:before {content:''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: 6px; z-index: -1; }
.consult_wrap ul li a:hover:before {background-color: #f21e1e; animation: loadingWave 0.4s linear; }
/*.consult_wrap ul li a:hover {border-color:#f21e1e;}*/

.consult_wrap ul li h2 { font-family:'SB-ugr'; color:#fff; font-size:22px; line-height:1.5em; font-weight:500; }
.consult_wrap ul li p { font-weight:400; color:#fff; font-size:14px; line-height:1.4em; letter-spacing:-.04em; }
.consult_wrap ul li:nth-child(1) a figure{background-image:url('/images/main/ico_consult_01.png'); }
.consult_wrap ul li:nth-child(2) a figure{background-image:url('/images/main/ico_consult_02.png'); }
.consult_wrap ul li:nth-child(3) a figure{background-image:url('/images/main/ico_consult_03.png'); }
.consult_wrap ul li:nth-child(4) a figure{background-image:url('/images/main/ico_consult_04.png'); }


@keyframes loadingWave {
		0% {
			clip-path: polygon(0% 100%, 100% 100%, 99% 100%, 81% 100%, 64% 100%, 46% 100%, 29% 100%, 14% 100%, 0 100%);
		}
      /*
		10% {
			clip-path: polygon(0% 100%, 100% 100%, 100% 90%, 84% 94%, 66% 95%, 47% 94%, 31% 95%, 14% 96%, 0 94%);    
		}
        */
		20% {
			clip-path: polygon(0% 100%, 100% 100%, 100% 74%, 81% 72%, 63% 72%, 44% 75%, 33% 77%, 16% 78%, 0 74%);                
		}
/*
		40% {
			clip-path: polygon(0% 100%, 100% 100%, 100% 53%, 85% 55%, 67% 58%, 44% 54%, 30% 48%, 15% 47%, 0 49%);                
		}
		*/

		60% {
			clip-path: polygon(0% 100%, 100% 100%, 100% 24%, 86% 25%, 69% 29%, 53% 34%, 37% 38%, 18% 40%, 0 38%); 
		}
		/*
		
		80% {
			clip-path: polygon(0% 100%, 100% 100%, 100% 22%, 84% 29%, 67% 31%, 45% 27%, 26% 17%, 12% 14%, 0 15%);    
		}
 */
		90% {
			clip-path: polygon(0% 100%, 100% 100%, 100% 5%, 86% 10%, 73% 10%, 55% 6%, 33% 3%, 15% 5%, 0 9%);   
		}
    
		100% {
			clip-path: polygon(0% 100%, 100% 100%, 100% 0, 86% 0, 71% 0, 55% 0, 34% 0, 18% 0, 0 0);    
		}
	}

@media screen and ( max-width:1200px ) {

}



/* ¸ÂÃã¼­ºñ½º */
.service { background-color:#f4f4f4; }
.service ul {display:flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; gap:20px; align-items: flex-start;}
.service ul li {width:33.3%; text-align:center; }
.service ul li h2 {font-family:'SB-ugr'; font-weight:500; font-size:21px; line-height:1.5em; color:#333; margin-top:20px;}
.service ul li p {font-family:'SB-ugr'; font-weight:400;  font-size:16px; line-height:1.5em; color:#666; margin-top:7px; }

@media screen and (max-width:1180px){
	.service ul li img {width:100%;}
}

