/* **************************************** *
 *  bxslider
 * **************************************** */
.main_layout_top {padding-top:2.9rem;}
.main_layout_top .inr {display:flex; gap:1.85rem;}

.main-visual {position:relative; width:calc(100% - 400px); height:310px;border-radius:1rem;overflow:hidden; }
.spotzone{ position:relative; width:100%;  }
.spotzone:after {content:''; clear:both; display:block; }
.spotzone li{width:100% !important; height:310px; background-repeat:no-repeat; background-position:right ;  }
.spotzone li.n01{background-color:#e6ecfa; background-image:url('/images/main/car1.png'); background-position:calc(100% + 3rem) calc(100% - 3rem);}

.spotzone li .txtbox{width:100%; height:100%; padding:0 3rem; display:flex;flex-direction: column;justify-content: center;  border:0px solid #f00}
.spotzone li .txtbox .tit1,
.spotzone li .txtbox .txt{width:100%;color:#333;}

.spotzone li .txtbox .tit1,
.spotzone li .txtbox .txt,
.spotzone li .txtbox .btn_wrap{  letter-spacing:-.04em; opacity:0; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:0.1s;}
.spotzone li .txtbox .tit1 {font-size:2.85rem;line-height:3rem; color:#111;   font-weight:700;text-transform:uppercase; letter-spacing:0;  }
.spotzone li .txtbox .tit1 strong { display:block; font-size:1.12rem; line-height:1.3rem; color:#2b3783; font-weight:600; letter-spacing:-.04em;font-family: 'Pretendard'; margin-bottom:.5rem; }
.spotzone li .txtbox .txt {font-size:1rem; line-height:1.5em; margin-top:.65rem;}

.spotzone li .txtbox .btn_wrap {margin-top:1rem;}
.spotzone li .txtbox .btn_wrap a {display:inline-flex;  align-items: center;height:2.5rem; padding:0 1.5rem; border-radius:.65rem; border:1px solid rgba(0,0,0,0.2); color:#222; font-size:1rem; }


.spotzone li .txtbox .tit1{transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);}
.spotzone li .txtbox .txt{transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px); }
.spotzone li .txtbox .btn_wrap{transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px); }

.spotzone li.n01 .txtbox .tit1 {letter-spacing:.5rem;font-family:'GmarketSans'; font-weight:600; }


/* 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 .txt{opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.4s;}
.spotzone li.active .txtbox .btn_wrap{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 .bx-pager{z-index:33;position:absolute; bottom:18%; left:0; width:100%;  text-align:center; opacity:1;}
.spotzone .bx-pager div{display:inline-block;}
.spotzone .bx-pager a{opacity:1;display:inline-block; position:relative; width:45px; height:4px; margin:0 5px;  color:transparent; background:rgba(255,255,255,1); }
.spotzone .bx-pager a.active { background:#13c0f9; }

@media screen and (max-width:1200px){
  .main_layout_top .inr { gap:1.25rem;}
  .spotzone li .txtbox{ width:90%; padding:0 1.5rem;}
  .main-visual {position:relative; width:calc(100% - 350px);}
  
}
  
/**************************************************************************************************/
/*                                                   견적문의                                                      
/************************************************************************************************ */

.quick-est { position:absolute; top:230px; left:50%; margin-left:-870px; letter-spacing:0; z-index:33}
.quick-est.fixed {position:fixed;top:20px;}
.quick-est .wrap {position:relative; display:block; height:100%;padding:30px 22px; width:230px; height:390px; overflow:hidden;  border-radius:6px;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.08);  z-index:1 }
.quick-est .wrap:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:6px;background-color:#fff;  border:1px solid rgba(0,0,0,0.1); z-index:-1}
.quick-est .head {display:block; width:100%; text-align:center;  margin-bottom:15px;}
.quick-est .img-wrap {display:inline-block; vertical-align:top;  margin-right:10px;}
.quick-est h2 {display:inline-block; text-align:left; vertical-align:top; font-size:24px; line-height:24px; font-weight:600; color:#32b2ed;font-family:'GmarketSans'; padding-top:2px;  }
.quick-est h2 p {display:block; margin:0; padding-top:0px;  font-size:15px; line-height:20px; color:#666; font-weight:500;  }
.quick-est select { display:block; width:100%;  padding-left:12px; margin-bottom:8px;height:41px; line-height: 41px; color:#444; font-size:13px; letter-spacing:-.05em; font-family: 'ScoreDream'; font-weight:600;}
.quick-est select.est { border:1px solid #32b2ed;padding-left:12px; border-radius:3px; color: #fff;font-size: 13px; 
	                          background-color:#32b2ed; background-image:url('/images/icon_select_w.png'); background-repeat:no-repeat;
}
.quick-est input[type="text"] {display:block; width:100%; padding-left:12px;font-size:13px;  padding-right:0;margin-bottom:8px;  border-radius:3px; border:1px solid #ddd;  height:41px; line-height:39px; font-weight:600; color:#333;font-family: 'ScoreDream';}
.quick-est .line {display:block; padding:0px; width:100%; }
.quick-est .line label { margin:0; padding:0 0 0 23px;color:#777;font-size:12px !important; letter-spacing:-.07em; }
.quick-est .line a {font-size:11px; display:inline-block;}
.quick-est .btn-apply {position:absolute; left:0;bottom:0; width:100%; text-align:center;  }
.quick-est .btn-apply a {display:block; color:#fff; font-size:18px; height:50px;line-height:50px; background-color:#32b2ed; font-family:'GmarketSans'; font-weight:500;}

@media screen and (max-width:1500px){
  .quick-est  {display:none;}
}

/* **************************************** *
 *          로그인 - 로그아웃
 * **************************************** */
.member-box { position:absolute; left:50%; margin-left:240px; bottom:0; background:rgba(255,255,255,0.15); width:340px; height:220px; border-radius:7px 7px 0 0; padding:28px 30px; box-shadow: 5px -5px -5px rgba(0, 0, 0, 0.05);  z-index:50; }
.member-box .member { display:block; }

.member-box input[type=radio] + label { font-size:16px; color:#fff; margin-left:2px; padding:0 0.80rem 0 1.33rem; letter-spacing:-.09em;}
.member-box input[type=radio] + label:last-child {padding-right:0;}
.member-box input[type=radio]:checked + label { font-weight:500; text-shadow:3px 0px 6px rgba(0, 0, 0, 0.25)}
/*
.member-box input[type=radio] + label {position:relative;display:inline-block; vertical-align:top; margin:0 35px 0 0;padding:0;box-sizing:border-box;border:0;background:none;letter-spacing:-1px; font-size:17px; font-weight:500; line-height:24px;color:#fff; cursor:pointer;}
.member-box input[type=radio] + label:last-child {margin:0}
.member-box input[type=radio] + label:after {content: "" ; display: block; margin:15px 0 0; width:100%;height:3px;background-color:transparent; ;border:0; border-radius:0; transform:translateY(0);tbox-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box;}
.member-box input[type=radio]:checked + label {background:none; }
.member-box input[type=radio]:checked + label:after {background-color:#32b9f8;  box-shadow:0 3px 8px -3px #32b9f8;}
*/
.member-box input[type="text"] { background-color:#fff; color:#333; border-radius:4px; height:38px; font-size:15px; padding-left:12px; width:100%; }
.member-box .forms {display:block; font-size:0; margin:17px 0 0;  }
.member-box .item {display:inline-block;vertical-align:top;  width:60%; padding-right:7px;}
.member-box .item p {display:block; padding:0; margin:0; }
.member-box .item p:first-child {margin-bottom:7px; }
.member-box .btn-wrap {display:inline-block;vertical-align:top;  width:40%; }
.member-box button {font-size:16px; font-weight:500; color:#fff; width:100%;height:83px; border-radius:4px; background-color:#0c2f57; border:0;   }
.member-box .link-find { display:block; margin:15px 0 0; font-size:0; }
.member-box .link-find li {display:inline-block; position:relative; vertical-align:middle;font-size:13px;width:50%; text-align:center; }
.member-box .link-find li:nth-child(2):before { content:''; position:absolute; left:0; top:3px; height:16px; width:1px; background-color:rgba(255,255,255,0.3); }
.member-box .link-find li a {display:block; font-size:14px; line-height:21px;color:#fff; font-weight:500; letter-spacing:-.04em; }
.member-box .link-find li a:hover { color:#73f3ff; }
.member-box .link-find li i {display:inline-block; vertical-align:top; margin-top:2px; height:15px;  margin-right:5px; font-family:'xeicon'; font-size:18px;  }
.member-box .link-find li i.mb {font-size:20px;}
.member-box .title {display:block; color:#fff; font-size:17px; font-weight:500; }
.member-box .title span {display:inline-block; vertical-align:middle; margin-left:7px; background-color:#f66d11; color:#fff; font-size:14px; padding:4px 15px; border-radius:30px; }
.member-box .m-info {display:block; width:100%; margin-top:10px; padding:5px 0 5px 12px; border-top:1px solid rgba(255,255,255,0.5);  border-bottom:1px solid rgba(255,255,255,0.5); }
.member-box .m-info li {display:block; margin: 8px 0; font-size:0; }
.member-box .m-info li span {display:inline-block; font-size:14px; font-weight:500; vertical-align:middle; color:#fff; text-shadow:2px 2px 3px rgba(0, 0, 0, 0.2)}
.member-box .m-info li span:first-child {width:110px;}
.member-box .m-info li span:first-child + span {width:calc(100% - 110px);}


@media screen and (max-width:1200px){
   .member-box { left:auto; margin-left:0px; right:20px; }

}


/* 공지사항 간략 */
.notice-top {display:block; width:100%; overflow:hidden; margin-top:1.5rem;}
.notice-top .inr {font-size:0;padding:1rem; margin-top:1rem; border:1px solid #eee; border-radius:.35rem;  }
.notice-top .title {display:inline-block; vertical-align:top; font-size:15px; font-weight:500; color:#333;width:120px  }
.notice-top .title i {vertical-align:middle; margin-right:0px; margin-top:0px;  font-size:25px; }
.notice-top .notice {display:inline-block; vertical-align:top; font-size:15px; color:#666; width:calc(100% - 300px);}
.notice-top .notice ul li  span {display:inline-block; vertical-align:middle; float:right; color:#999;}
.notice-top .notice ul li {display:block; }
.notice-top .notice ul li a {display:block; height:20px; line-height:20px;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.notice-top .more {display:inline-block;position:relative; font-size:14px;  vertical-align:top;width:150px; line-height:24px; margin-left:30px; text-align:center;  }
.notice-top .more:before {content:''; position:absolute; left:0; top:4px; height:16px; width:1px; background:#ccc; }
.notice-top .more i {display:inline-block; vertical-align:top;  margin-top:3px; font-family:'xeicon'; color:#888; font-size:16px; }
.notice-top .more a {display:block;}


/* 메인컨텐츠배너 */
.cont-banner-wrap { padding-top:2.5rem;}
.cont-banner {display:inline-block; vertical-align:top; position:relative; width:26%;  border-left:1px solid #eee; padding:0 20px; }
.cont-banner:nth-child(1)  {width:24%; padding-left:0 !important;border-left:0; }
.cont-banner:nth-child(4)  {width:24%; padding-right:0 !important; }

.cont-banner .btn-more { position:absolute; right:0px; top:5px; }
.cont-banner .btn-more i { font-size:25px; color:#555; font-family:'xeicon'; }
.cont-banner .title {display:block; position:relative; }
.cont-banner h2 {display:inline-block; position:relative; color:#333; font-size:1.25rem;font-weight:600; margin-left:5px; line-height:1.5em; z-index:1; }
.cont-banner h2 span {position:absolute; left:0; bottom:5px; width:100%; height:5px; z-index:-1;}
.cont-banner h2 span.line1 {background-color:#589ff7; }
.cont-banner h2 span.line2 {background-color:#f4c441; }
.cont-banner h2 span.line3 {background-color:#f46f41; }
.cont-banner h2 span.line4 {background-color:#58d1f9; }
.cont-banner p {display:block; font-size:.95rem;1.3rem;letter-spacing:-.07em; color:#666; padding:3px 0 0 5px; }

.hotlist {display:block; position:relative; margin:10px 0 0;  height:200px;}
.hotlist ul li a .thumb{ width:100%; height:170px;min-height:170px;border-radius:.5rem; overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;  background-color:#f4f4f4}
.hotlist ul li a .img-wrap { width:100%; height:170px;min-height:170px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.hotlist ul li p { display:block; width:80%; margin:0 auto;  font-size:15px; line-height:1.85rem; padding-top:5px;text-align:center; font-weight:500; color:#333; z-index:1 !important;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}

.hotlist .bx-controls {position:absolute; bottom:-5px; z-index:100; left:0; width:100%; }
.hotlist .bx-controls .bx-pager {position:absolute;bottom:0px;left:50%; transform:translateX(-50%); text-align:center;}
.hotlist .bx-controls .bx-pager-item{ display:inline-block; margin:0 5px 0px;}
.hotlist .bx-controls .bx-pager-link {display: inline-block; width:18px; height:18px; border-radius:30px;  background:rgba(0,0,0,0.2); font-size:0;}
.hotlist .bx-controls .active {background:#d61a23;}

.hotlist .bx-controls-direction a { display:block !important; position: absolute; top:50% !important;  margin-top:-30px !important;outline: 0;width: 30px !important; height:30px !important; background-color:transparent !important; z-index: 333 !important ; border:0px solid #f00}
.hotlist .bx-controls-direction a.disabled {	display:block !important;}
.hotlist .bx-prev { left:-2px !important;}
.hotlist .bx-prev:before {content:"\e93d" !important; display:inline-block; font-family:'xeicon'; font-size:20px !important; line-height:30px !important;color:#ccc !important; text-align:center;background-color:#fff !important; }
.hotlist .bx-next { right:-2px !important;}
.hotlist .bx-next:before {content:"\e940" !important; display:inline-block; font-family:'xeicon'; font-size:20px !important; line-height:30px !important;color:#ccc !important; text-align:center;background-color:#fff !important; }
.hotlist .bx-prev:hover:before,
.hotlist .bx-next:hover:before { color:#555 !important}


@media screen and (max-width:1200px){
   .cont-banner h2 { font-size:21px; }
}

/*  오늘의 출품차량*/
.today_car {position:relative;border-radius:1rem; overflow:hidden; height:310px; width:400px;display:flex;  justify-content: space-between; flex-direction: column;align-items: flex-end; }
.today_car:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #dedede; background-color:#fff; border-radius:1rem;overflow:hidden; z-index:-1 }
.today_car .item_top {position:relative; width:100%; height:170px;padding:2rem 2rem 0; background:url('/images/main/img_car.png') no-repeat 92% bottom;background-size:auto 4.25rem; display:flex; flex-direction: column;justify-content: space-between;  border:0px solid #f00 }
.today_car .title_bar {display:flex;  justify-content: space-between; align-items: flex-end; }
.today_car .title_bar h2 {font-size:1.35rem; color:#222; font-weight:700; }
.today_car .title_bar span {color:#888; font-size:1.1rem; font-weight:700; color:#333; display:flex;  align-items: center;gap:.5rem  }
.today_car .title_bar label {display:inline-flex;align-items: center;  height:1.45rem; padding:0 .75rem; background-color:#eaeff6; font-size:.8rem; font-weight:500; border-radius:2rem;}
.today_car .count {width:140px; text-align:center; font-size:3.25rem; line-height:4rem; font-weight:700; color:var(--color-main); }
.today_car ul { width:100%;margin-top:1rem; display:flex;background-color:var(--color-main); }
.today_car ul li {width:33.3%;  padding:1.8rem 0; list-style:none; font-size:.9rem; line-height:1rem; font-weight:500; color:#fff; text-align:center; border-left:1px solid rgba(255,255,255,0.2); letter-spacing:0; }
.today_car ul li:first-child {border:0; }
.today_car ul li strong {display:block;margin-top:.65rem; font-size:1.75rem; line-height:1.85rem; font-weight:700; }

@media screen and (max-width:1200px){
	.today_car {width:350px;}
}


/* 배너영역 */
.main-banner1 {position:relative; width:100%; margin:20px 0; font-size:0; }
.main-banner1 li {display:inline-block;position:relative; height:150px; border-radius:5px; padding:35px 0 0 40px; vertical-align:top; width:49%; margin-left:2%; transition: all 0.2s ease-in;}
.main-banner1 li:nth-child(1) { margin-left:0;  background-color:#e2f0f9; background-image:url('/images/main/ico_func.png'); background-repeat:center center; background-position:88% ; background-repeat:no-repeat; }
.main-banner1 li:nth-child(2) { background-color:#f9f4d6;  }

.main-banner1 li a {display:block; height:100%;border-radius:5px; }
.main-banner1 h2 {display:block; font-size:25px; font-weight:500; color:#333;}
.main-banner1 .exp {display:block; margin:8px 0 0; font-size:14px; color:rgba(0,0,0,0.7); font-weight:500; }
.main-banner1 .link {position:absolute; width:215px; right:40px; top:25px;}
.main-banner1 .link dd {display:block; margin-bottom:10px;  }
.main-banner1 .link dd a {display:block; width:100%;height:45px; line-height:45px; border-radius:60px; background-color:#fff; overflow:hidden; }
.main-banner1 .link dd:nth-child(1) a {background-image:url(/images/main/img_happy1.png); background-position:left ; background-repeat:no-repeat;}
.main-banner1 .link dd:nth-child(2) a {background-image:url(/images/main/img_happy2.png); background-position:left ; background-repeat:no-repeat; }
.main-banner1 .link dd span {display:inline-block; margin-left:75px; line-height:45px; font-size:17px; font-weight:500; color:#444;}

/* 중고차등록 */
.bg-enroll {position:relative; margin:40px 0 0; width:100%; clear:both; height:250px; background:url('/images/main/bg_enroll.jpg') no-repeat center ; background-size:cover; }
.bg-enroll h2 {display:block; text-align:center; padding-top:70px; font-size:17px; font-weight:500; color:#fff; line-height:1.5em; }
.main-car-regist {display:block; position:relative; width:1200px; margin:-80px auto 0px;  height: 200px; border-bottom:0px solid #f00; font-size:0;  z-index:10;}
.main-car-regist li {display:inline-block;vertical-align:top;  width:50%; }
.main-car-regist li:nth-child(1) a {background-color:#7acc05; background-image:url(/images/main/img_car1.png); background-repeat:no-repeat; background-position:90% ;  }
.main-car-regist li:nth-child(2) a {background-color:#0070f0; background-image:url(/images/main/img_car2.png); background-repeat:no-repeat; background-position:90% 45px;   }
.main-car-regist li a {display:block;  height:150px; padding:40px 0 0 50px; color:#fff; transition: all 0.1s ease-in;box-shadow:7px 7px 25px rgba(0, 0, 0, 0.1) ;}
.main-car-regist li a:hover {margin-top:-5px;}
.main-car-regist h2 {display:block; font-size:25px; font-weight:500; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.06) }
.main-car-regist p {display:block; font-size:16px; line-height:1.3em;font-weight:400; margin-top:10px; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.06) }

@media screen and (max-width:1200px){
  .main-car-regist {width:100%; }

}

/* 20250507 추가 = 경매절차 + 손상차 간편접수 */
.main_process {margin-top:3rem; padding:2rem; background-color:#f0f7f0; border-radius:1rem; padding:2rem;}
.main_process h2 {font-size:1.563rem; line-height:1.3em; font-weight:600; color:#222; text-align:center;}
.main_process ul {font-size:0; padding-top:1rem;}
.main_process ul li {position:relative;width:20%; display:inline-block; vertical-align:top; text-align:center; }
.main_process ul li:before {content:"\e93e"; font-family:'xeicon'; font-size:1.25rem; color:#333; position:absolute; left:-8px; top:55px; }
.main_process ul li:first-child:before {display:none;}
.main_process ul figure {display:inline-block; width:110px; height:110px; border-radius:50%; background-color:#fff; border:1px solid #e5ede5; background-repeat:no-repeat; background-position:center center; background-size:auto 50%;}
.main_process ul li:nth-child(1) figure {background-image:url('/images/main/process_01.svg')}
.main_process ul li:nth-child(2) figure {background-image:url('/images/main/process_02.svg')}
.main_process ul li:nth-child(3) figure {background-image:url('/images/main/process_03.svg')}
.main_process ul li:nth-child(4) figure {background-image:url('/images/main/process_04.svg')}
.main_process ul li:nth-child(5) figure {background-image:url('/images/main/process_05.svg')}
.main_process ul h3 {font-size:1.1rem; line-height:1.2rem; font-weight:500; color:#222;margin-top:.5rem;}
.main_process ul p {font-size:.85rem; line-height:1.3em; color:#888; margin-top:.5rem;}

.easy_accept {padding-top:2rem; gap:2rem; display:flex; gap:1.5rem;}
.easy_accept>div {position:relative; width:50%; border-radius:1rem; padding:2rem 2.5rem; background-repeat:no-repeat;  }
.easy_accept h2 {font-size:1.4rem; line-height:1.3em; font-weight:600; color:#222; letter-spacing:-.06em;}
.easy_accept p {margin-top:1rem; font-size: 1.063rem; line-height:1.5em; color:#666; }
.easy_accept .n01{background-color:#ebf2f9; }
.easy_accept .n02{background-color:#f8f7e9; background-image:url('/images/main/web_logo.png'); background-size:140px; background-position:calc(100% - 4rem) calc(100% - 9rem)}
.easy_accept ul {padding-top:1rem; font-size:0; display:flex; gap:.5rem; flex-wrap: wrap;}
.easy_accept ul li {width:calc(50% - .25rem); }
.easy_accept input[type="text"] {width:100%; height:3.438rem; line-height:3.4rem;font-size:1rem; font-weight:500; color:#333; background-color:#fff; border:1px solid #c8d5df; border-radius:.35rem;display:flex;align-items: center; letter-spacing:0; }
.easy_accept .btn {width:100%; margin-top:.65rem;height:3.438rem; font-size:1.125rem; color:#fff; font-weight:600; background-color:var(--color-main); border-radius:.35rem; display:flex;justify-content: center; align-items: center; letter-spacing:0;}
.easy_accept .btn_wrap { width:calc(100% - 5rem); position:absolute; left:2.5rem; bottom:2rem;}
.easy_accept .btn_wrap ul {display:flex; flex-wrap: nowrap; gap:.35rem; width:100%;}
.easy_accept .btn_wrap li {position:relative;width:50%;height:3.438rem; font-size:1.125rem; color:#fff; font-weight:600; background-color:#4cb708; border-radius:.35rem; display:flex;justify-content: center; align-items: center; letter-spacing:-.06em;}
.easy_accept .btn_wrap li a {display:block; color:#fff;}
.easy_accept .btn_wrap li.kakao {background-color:#f7dd00; color:#111; text-indent:70px; line-height:3.438rem;}
.easy_accept .btn_wrap li.kakao:before {content:'';  position:absolute; left:1.75rem; top:0rem; width:2.5rem; height:3.438rem;display:inline-block; vertical-align:top; background-repeat:no-repeat; background-position:center ; background-size:auto 50%;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 47' style='enable-background:new 0 0 50 47;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23332323;%7D%0A%3C/style%3E%3Cpath class='st0' d='M25,1.3c13.6,0,24.7,8.7,24.7,19.5c0,10.8-11,19.5-24.7,19.5c-1.6,0-3.1-0.1-4.6-0.3c-2.7,1.9-9.1,6.2-9.5,6.4 c-0.5,0.4-1.4,0.4-1-1c0.3-1.1,1.6-6.1,2.1-8.1C5,34,0.3,27.8,0.3,20.8C0.3,10.1,11.4,1.3,25,1.3 M15.4,14.9H8.2 c-0.7,0-1.2,0.5-1.2,1.2c0,0.7,0.5,1.2,1.2,1.2h2.3V26c0,0.3,0.1,0.6,0.4,0.8c0.2,0.2,0.5,0.3,0.8,0.3H12c0.3,0,0.6-0.1,0.8-0.3 c0.2-0.2,0.4-0.5,0.4-0.8v-8.6h2.2c0.7,0,1.2-0.5,1.2-1.2C16.6,15.5,16.1,14.9,15.4,14.9 M32.8,24.9h-3.4v-8.8 c0-0.7-0.6-1.3-1.3-1.3c-0.7,0-1.3,0.6-1.3,1.3v9.5c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.6,0.5,1.1,1.1,1.1h4.9 c0.6,0,1.1-0.5,1.1-1.1C33.9,25.4,33.4,24.9,32.8,24.9 M43.5,25.3l-3.7-4.9l3.4-3.4c0.5-0.5,0.5-1.2,0-1.7c-0.5-0.5-1.2-0.5-1.7,0 l-4.2,4.2v-3.5c0-0.7-0.6-1.3-1.3-1.3c-0.7,0-1.3,0.6-1.3,1.3v9.8c0,0.7,0.6,1.3,1.3,1.3c0.7,0,1.3-0.6,1.3-1.3v-3l0.8-0.8l3.5,4.6 c0.4,0.5,1.1,0.6,1.7,0.2C43.8,26.6,43.9,25.8,43.5,25.3 M25.7,25.6l-3.6-9.8c0,0,0,0,0,0c-0.2-0.6-0.9-1-1.7-1 c-0.9,0-1.6,0.5-1.7,1.2c0,0.1,0,0.1-0.1,0.2l-3.5,9.5c-0.2,0.6,0.1,1.3,0.7,1.5c0.6,0.2,1.3-0.1,1.5-0.7l0.6-1.7h4.9l0.6,1.7 c0.2,0.6,0.9,0.9,1.5,0.7C25.6,26.9,26,26.2,25.7,25.6 M18.7,22.4l1.7-4.7c0,0,0,0,0.1,0l1.7,4.7H18.7z'/%3E%3C/svg%3E%0A");
}
.easy_accept .check {position:absolute; right:2rem; top:2.25rem;}


/* pc 화면 */
#kakao-talk-channel-chat-button { position:relative;width:100%;height:3.438rem;cursor:pointer; }
#kakao-talk-channel-chat-button a { display:block !important; width:100%; height:100%; position:absolute; left:0; top:0; z-index:333 !important; }
#kakao-talk-channel-chat-button a img {display:none !important;}

@media screen and (max-width:1200px){
 .easy_accept>div { padding:2rem 1.5rem; }
 .easy_accept .btn_wrap { width:calc(100% - 3rem); left:1.5rem;}
 .easy_accept .btn,
 .easy_accept .btn_wrap li {font-size:.95rem;}
 .easy_accept h2 {font-size:1.2rem;}
 .easy_accept .check {right:.6rem;}
 .easy_accept .n02{background-size:120px; background-position:calc(100% - 3rem) calc(100% - 9.5rem)}
}


/* 고객센터 공지 */
.cs-wrap {padding-top:3.5rem;}
.cs-center {display:inline-block; vertical-align:top; width:20%;  clear:both;}
.cs-center h1  {display:block; font-size:20px; line-height:1.3em;  font-weight:500; color:#444;}
.cs-center h2 { display:block; font-size:28px; line-height:1.3em;  color:#f31227; margin:8px 0 5px; font-family:'GmarketSans'; font-weight:500; letter-spacing:0 }
.cs-center p { display:block; width:100%; font-size:0; margin-bottom:5px;} 
.cs-center p span {display:inline-block; vertical-align:top; font-size:14px; font-weight:500; color:#777; }
.cs-center p span:first-child {width:100px; }
.cs-center p span:first-child + span { width:calc(100% - 100px); }

.bbs-lately {position:relative; display:inline-block; vertical-align:top; width:38%; margin-left:4%; padding-left:40px; border-left:1px solid #e8e8e8; min-height:135px }
.bbs-lately.first {margin-left:0}
.bbs-lately h2 {display:block; color:#333; font-weight:500; font-size:1.25rem;font-weight:600; line-height:24px;}
.bbs-lately .more { position:absolute; top:3px; right:0; }
.bbs-lately .more i { font-family:'xeicon';  font-size:20px; color:#333}
.bbs-lately ul {margin:20px 0 0;}
.bbs-lately ul li {display:block; margin-bottom:10px;font-size:0; }
.bbs-lately ul li a {display:inline-block; vertical-align:middle; width:calc(100% - 100px); font-size:16px; line-height:1.3em; font-weight:500;  color:#777; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bbs-lately ul li span {display:inline-block; width:100px; text-align:right; font-size:15px;  vertical-align:middle; float:right; color:#999;  letter-spacing:0 }

@media screen and (max-width:1200px){
   .bbs-lately {width:39%; margin-left:2%; padding-left:30px;}

}


/* 제휴사배너 */
.slick-list, .slick-track {height: 100%;}
.slick-control {display: block;width: 100%;height: 30px;position: absolute;left: 0;top: 50%;margin-top: -15px;}
.slick-control .slick-arrows {display: block;width: 30px;height: 30px; border:1px solid rgba(0,0,0,0.1); padding: 0;position: absolute;font-size: 0;border-radius: 50%;outline: none;cursor: pointer;background:#fff; z-index: 1; transition:all 0.4s}
.slick-control .slick-arrows:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; font-family:'xeicon'; font-size: 16px;line-height: 29px;font-weight: normal;text-align: center;color: #000;}
.slick-control .slick-prev {left: 0px;}
.slick-control .slick-prev:after {content: '\e93d'; font-size:16px; font-weight:bold;  opacity:0.7; }
.slick-control .slick-next {right: 0px;}
.slick-control .slick-next:after {content: '\e940'; font-size:16px; font-weight:bold; opacity:0.7; }
.slick-control .slick-prev:hover:after,
.slick-control .slick-next:hover:after{opacity:1; color:#fff; }
.slick-control .slick-arrows:hover { background:#32b2ed; color:#fff;}

.slick-dots {margin-top: 20px;font-size: 15px ;line-height: 1;text-align: center; display:none;}
.slick-dots > li {display: inline-block;vertical-align: top;width: 14px;height: 14px;margin: 0 3px;background: #aaa;border-radius: 10px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.slick-dots > li.slick-active {background: #32b2ed;}
.slick-dots > li > button {display:none}


.partner { position:relative; display:block; clear:both; max-width:100%; min-width:1200px; padding:15px 0 20px; background:#fff; margin-top:30px; border-bottom:1px solid #eee;}
.partner h2 { display:inline-block; vertical-align:middle; width:100px; font-size:20px; font-weight:500; color:#444;}
.partner .main_item_wrap {position:relative; display:inline-block; vertical-align:middle; max-width:1100px;margin:0px auto; padding:0 50px; }
.partner .main_item_slider_box{position:relative;}
.partner .main_item_slider {position:relative;}
.partner .main_item {width:16.666%;padding:0 0; text-align:center;}

.partner .main_item a {display: block;width:100%;position: relative;outline:0}
.partner .main_item figure{margin:0;padding:0; outline:0; width:150px; height:40px; }

.partner .main_item figure.img1 {background:url('/images/main/partner.png');  background-position:0 0;}
.partner .main_item figure.img1:hover { background-position:-150px 0px;}
.partner .main_item figure.img2 {background:url('/images/main/partner.png');  background-position:0px -40px;}
.partner .main_item figure.img2:hover { background-position:-150px -40px;}
.partner .main_item figure.img3 {background:url('/images/main/partner.png');  background-position:0px -80px;}
.partner .main_item figure.img3:hover { background-position:-150px -80px;}
.partner .main_item figure.img4 {background:url('/images/main/partner.png');  background-position:0px -120px;}
.partner .main_item figure.img4:hover { background-position:-150px -120px;}
.partner .main_item figure.img5 {background:url('/images/main/partner.png');  background-position:0px -160px;}
.partner .main_item figure.img5:hover { background-position:-150px -160px;}
.partner .main_item figure.img6 {background:url('/images/main/partner.png');  background-position:0px -200px;}
.partner .main_item figure.img6:hover { background-position:-150px -200px;}
.partner .main_item figure.img7 {background:url('/images/main/partner.png');  background-position:0px -240px;}
.partner .main_item figure.img7:hover { background-position:-150px -240px;}
.partner .main_item figure.img8 {background:url('/images/main/partner.png');  background-position:0px -280px;}
.partner .main_item figure.img8:hover { background-position:-150px -280px;}
.partner .main_item figure.img9 {background:url('/images/main/partner.png');  background-position:0px -320px;}
.partner .main_item figure.img9:hover { background-position:-150px -320px;}
.partner .main_item figure.img10 {background:url('/images/main/partner.png');  background-position:0px -360px;}
.partner .main_item figure.img10:hover { background-position:-150px -360px;}
.partner .main_item figure.img11 {background:url('/images/main/partner.png');  background-position:0px -400px;}
.partner .main_item figure.img11:hover { background-position:-150px -400px;}
.partner .main_item figure.img12 {background:url('/images/main/partner.png');  background-position:0px -440px;}
.partner .main_item figure.img12:hover { background-position:-150px -440px;}
.partner .main_item figure.img13 {background:url('/images/main/partner.png');  background-position:0px -480px;}
.partner .main_item figure.img13:hover { background-position:-150px -480px;}
.partner .main_item figure.img14 {background:url('/images/main/partner.png');  background-position:0px -520px;}
.partner .main_item figure.img14:hover { background-position:-150px -520px;}


.partner .main_item .slick-control {margin-top: 0px;}
.partner .main_item .slick-control .slick-prev {left:0;}
.partner .main_item .slick-control .slick-next {right: 0;}


@media screen and (max-width:1200px){
  .partner { min-width:100%; }
  .partner h2 {width:10%;}
  .partner .main_item_wrap { max-width:90%;}


}

.related_site { position:relative; display:block; clear:both; max-width:100%; min-width:1200px; margin:20px 0; background:#fff; }
.related_site h2 { display:inline-block; vertical-align:middle; width:100px; font-size:20px; font-weight:500; color:#444;}
.related_site .related_item_wrap {position:relative; display:inline-block; vertical-align:middle; max-width:1100px;margin:0px auto; padding:0 50px; }
.related_site .related_item_slider_box{position:relative;}
.related_site .related_item_slider {position:relative;}
.related_site .related_item {width:16.666%;padding:0 0; text-align:center;}

.related_site .main_item a {display: block;width:100%;position: relative;outline:0}
.related_site .main_item figure{margin:0;padding:0; outline:0; width:150px; height:40px; }

.related_site .main_item figure.img1 {background:url('/images/main/related.png');  background-position:0 0;}
.related_site .main_item figure.img1:hover { background-position:-150px 0px;}
.related_site .main_item figure.img2 {background:url('/images/main/related.png');  background-position:0px -40px;}
.related_site .main_item figure.img2:hover { background-position:-150px -40px;}
.related_site .main_item figure.img3 {background:url('/images/main/related.png');  background-position:0px -80px;}
.related_site .main_item figure.img3:hover { background-position:-150px -80px;}
.related_site .main_item figure.img4 {background:url('/images/main/related.png');  background-position:0px -120px;}
.related_site .main_item figure.img4:hover { background-position:-150px -120px;}
.related_site .main_item figure.img5 {background:url('/images/main/related.png');  background-position:0px -160px;}
.related_site .main_item figure.img5:hover { background-position:-150px -160px;}
.related_site .main_item figure.img6 {background:url('/images/main/related.png');  background-position:0px -200px;}
.related_site .main_item figure.img6:hover { background-position:-150px -200px;}
.related_site .main_item figure.img7 {background:url('/images/main/related.png');  background-position:0px -240px;}
.related_site .main_item figure.img7:hover { background-position:-150px -240px;}
.related_site .main_item figure.img8 {background:url('/images/main/related.png');  background-position:0px -280px;}
.related_site .main_item figure.img8:hover { background-position:-150px -280px;}
.related_site .main_item figure.img9 {background:url('/images/main/related.png');  background-position:0px -320px;}
.related_site .main_item figure.img9:hover { background-position:-150px -320px;}
.related_site .main_item figure.img10 {background:url('/images/main/related.png');  background-position:0px -360px;}
.related_site .main_item figure.img10:hover { background-position:-150px -360px;}
.related_site .main_item figure.img11 {background:url('/images/main/related.png');  background-position:0px -400px;}
.related_site .main_item figure.img11:hover { background-position:-150px -400px;}
.related_site .main_item figure.img12 {background:url('/images/main/related.png');  background-position:0px -440px;}
.related_site .main_item figure.img12:hover { background-position:-150px -440px;}
.related_site .main_item figure.img13 {background:url('/images/main/related.png');  background-position:0px -480px;}
.related_site .main_item figure.img13:hover { background-position:-150px -480px;}
.related_site .main_item figure.img14 {background:url('/images/main/related.png');  background-position:0px -520px;}
.related_site .main_item figure.img14:hover { background-position:-150px -520px;}


.related_site .main_item .slick-control {margin-top: 0px;}
.related_site .main_item .slick-control .slick-prev {left:0;}
.related_site .main_item .slick-control .slick-next {right: 0;}


@media screen and (max-width:1200px){
  .related_site { min-width:100%; }
  .related_site h2 {width:10%;}
  .related_site .related_item_wrap { max-width:90%;}


}

.alertAppdown {display:none;}

@media screen and (max-width:640px){

	/* 앱다운로드 */
	.alertAppdown { display:block !important;  position:fixed; left:0;  bottom:0; padding:35px 25px 100px; width:100%;background-color:rgba(0,0,0,0.9);  text-align:center; border-radius:25px 25px 0 0; box-shadow:5px 5px 10px rgba(0,0,0,0.2) ; z-index:999}
	.alertAppdown h2 {display:block; font-size:18px; font-weight:600; color:#fff;}
	.alertAppdown p {display:block; font-size:14px; color:rgba(255,255,255,0.6); line-height:21px; padding:5px 20px; word-break:keep-all; }
	.alertAppdown .btn-ok {display:inline-block; clear:both;  margin-top:10px; height:45px; line-height:45px; padding:0 35px; color:#fff;  background-color:#0dacff; font-size:16px; font-weight:bold;  border-radius:60px; }
	.alertAppdown .btn-no {display:block; text-align:center; margin-top:10px; color:#fff; font-size:13px; }

}