<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url("../css/common.css");
@import url("../css/keyframes.css");
/* 1231231 */
html, body{width:100%; height:100%; min-width:1180px; font-family:'Spoqa Han Sans Regular', 'Sans-serif';}
body{width:100%; height:100%; font-size:14px;line-height:.9; word-wrap:break-word; word-break:break-all; letter-spacing:-0.9px; overflow-x:auto; overflow-y:auto; background:#f3f3f3}
body.bgFix{overflow:hidden}
body.detail footer{display:none}

span.alert{font-size:0.7em; font-weight:bold; color:blue; text-decoration:underline; text-underline-position: under}

/* allWrap */
.allWrap{position:relative;}
.allWrap .subContentsWrap{width:100%; border-bottom:1px solid #393c44;}
.allWrap .subContentsWrap .subContents{position:relative;} 
.allWrap .subContentsWrap .subContents.fluid{width:100%;}
.allWrap .subContentsWrap .subContents.type01{padding-bottom:60px;}
.allWrap .subContentsWrap .subContents.type02{padding-bottom:150px;}
.allWrap .subContentsWrap .subContents.type02 .memberBoxWrap.type02{width:100%; margin:385px auto 0 auto;}
.allWrap .subContentsWrap .subContents.type03{width:100%} /*탭 안에 bg 100% 처리로 추가*/
.allWrap .subContentsWrap .subContents.type03 .titleArea{width:1180px; margin:0 auto}
.allWrap .subContentsWrap .subContents.type03 .memberBoxWrap{width:100%;}
.allWrap .subContentsWrap .subContents.type03 .tabContentWrap{width:100%; position:relative}
.allWrap .subContentsWrap .subContents.type03 #tab01{width:1180px; margin:0 auto;}
.allWrap .subContentsWrap .subContents.type03 #tab01:after{width:100%; display:block; content:''; position:absolute; left:0; bottom:0; height:187px; border-top:1px solid #ddd; background:#f3f3f3; z-index:-10px}
.allWrap .subContentsWrap .subContents.type03 #tab02{width:1180px; margin:0 auto;}
.allWrap .subContentsWrap.addBg01{background:url("../img/common/sub_bg_01.png") repeat-x 0 bottom;} /* h141px */
.allWrap .subContentsWrap.addBg02{background:url("../img/common/sub_bg_02.png") repeat-x 0 bottom;} /* h167px */
.subContentsWrap.addBg03{background:url("../img/common/sub_bg_03.png") repeat-x 0 bottom;} /* h95px */
.subContents, footer .footerWrap{width:1180px;margin:0 auto}

.topAreaWrap{position:relative; height:160px;}
.topAreaWrap .topArea{width:100%}
/*.topAreaWrap .topArea header{width:1180px; margin:0 auto; padding-top:15px; position:relative; }*/
/*.topAreaWrap .topArea header h1{float:left; padding:0 50px 0 0px}*/
.topAreaWrap .topArea header .rTopBtn{z-index:3000; position:absolute; right:0; top:0}
/*.topAreaWrap .topArea header a.allMenu{display:block; width:80px; height:80px; background:#832082 url("../img/common/icon_set.png") no-repeat 30px -31px;}*/
/*.topAreaWrap .topArea header a.basket{display:block; width:80px; height:80px; background:#393c44 url("../img/common/ico_03.png") no-repeat 27px 50%;}*/

.allMenuBg{width:100%; height:100%; position:absolute; top:0; z-index:3001;  background: rgba(0, 0, 0, 0.30);}


/* gnb menu */
/*.gnb &gt; ul {width:900px; padding-top:19px; margin-left:300px;}*/
/*.gnb &gt; ul &gt; li{float:left; / *width:170px;* / padding-right:50px;}*/
/*.gnb &gt; ul &gt; li:nth-child(1){width:140px;}*/
/*.gnb &gt; ul &gt; li:nth-child(2){width:160px;}*/
/*.gnb &gt; ul &gt; li:nth-child(3){width:160px;}*/
/*.gnb &gt; ul &gt; li:nth-child(4){width:160px;}*/
/*.gnb &gt; ul &gt; li:last-child{padding-right:0px;}*/
/*.gnb &gt; ul &gt; li &gt; a{color:#fff; height:33px; font-size:20px; font-weight:bold;}*/

/* gnb subMenu */
/*.subMenuWrap{display:none;}*/
/*.subMenuWrap header{width:1180px; margin:0 auto; padding-top:15px; position:relative}*/
/*.subMenuWrap header h1{float:left; padding:0 40px 0 0}*/
/*.subMenuWrap header a.allMenu{display:block; width:80px; height:80px; background:#832082 url("../img/common/icon_set.png") no-repeat 30px -31px;}*/
/*.subMenuWrap header a.basket{display:block; width:80px; height:80px; background:#393c44 url("../img/common/ico_03.png") no-repeat 27px 50%;}*/
/*.subMenuWrap .gnb ul li ul li a{display:inline-block; color:#9a968c; font-size:16px; width:135px; height:39px; border-bottom:1px solid #574f41; line-height:39px; padding-left:10px}*/
/*.subMenuWrap .gnb ul li ul li a:hover{color:#fff; font-size:16px;  / *width:100%;* / height:39px; line-height:39px;}*/


/*.subMenuWrap{position:absolute; left:0; top:0; width:100%; height:266px; background: rgba(0, 0, 0, 0.7); color:#fff; z-index:2900; }/ *display:none* / */
/*.subMenuWrap .subMenu{width:1180px; margin:0 auto; height:266px;}*/
/*.subMenuWrap .gnb {width:1100px; / *border:1px solid blue* /}*/
/*.subMenuWrap .gnb &gt; ul {width:900px; padding-top:19px; margin-left:300px;}*/
/*.subMenuWrap .gnb &gt; ul &gt; li{position:relative; float:left; width:180px; padding-right:0px;}*/
/*.subMenuWrap .gnb &gt; ul &gt; li:nth-child(1){width:190px;}*/
/*.subMenuWrap .gnb &gt; ul &gt; li:nth-child(2){width:210px;}*/
/*.subMenuWrap .gnb &gt; ul &gt; li:nth-child(3){width:210px;}*/
/*.subMenuWrap .gnb &gt; ul &gt; li &gt; a{position:relative;}*/
/*.subMenuWrap .gnb &gt; ul &gt; li &gt; a:after{display:inline-block; content: ' '; position:absolute; left:0;  top: 30px; width:0px;  height:2px; background:#fff; transition:width 0.3s;}*/
/*.subMenuWrap .gnb &gt; ul &gt; li &gt; a:hover:after{display:inline-block; content: ' '; position:absolute; left:0;  top: 30px; width:156px;  height:2px; background:#fff;}*/
/*.subMenuWrap .gnb &gt; ul &gt; li:last-child{padding-right:0px;}*/



/*.topAreaWrap .topArea header h1{ position: absolute; left: 50%; transform: translateX(-50%); padding:0 50px 0 0px}*/
/*.topAreaWrap .topArea header h1 .logo-dark{ display: none; }*/


.topAreaWrap .topArea{ transition:all 0.3s; }
.topAreaWrap .topArea header{position:relative; border-bottom: 1px solid rgba(255,255,255,0.3); height: 85px; }


.topAreaWrap .topArea header a.allMenu{position: absolute; top: 0; right: 0;  display:block; width:85px; height:85px; background: url("../img/common/ham_btn_light.png") no-repeat center center; transition:all 0.3s; }
.topAreaWrap .topArea header a.basket{ position: absolute; top: 0; left: 0;   display:block; width:85px; height:85px; background: url("../img/common/basket_light.png") no-repeat center center; transition:all 0.3s; }



/* gnb menu */
.gnb &gt; ul {width:1180px; padding-top:25px; display: table; table-layout: fixed; margin: 0 auto; }
.gnb &gt; ul &gt; li{ display: table-cell; text-align: center; vertical-align: top; }
.gnb &gt; ul &gt; li.logo a{margin-top:5px;}
.gnb &gt; ul &gt; li .logo-dark{ display: none; }
.gnb &gt; ul &gt; li.nav-menu{ padding-top:15px }
.gnb &gt; ul &gt; li &gt; a{color:#fff; height:33px; font-size:20px; font-weight:bold; }

/* gnb subMenu */
.subMenuWrap{display:none;}
.subMenuWrap{position:absolute; left:0; top:0; width:100%; height:266px; background: rgba(0, 0, 0, 0.7); color:#fff; z-index:2900; }
.subMenuWrap .subMenu{width:100%; margin:0 auto; height:266px;}
.subMenuWrap header{width:100%; margin:0 auto;  position:relative}
.subMenuWrap .gnb &gt; ul {width:1180px; padding-top:25px; display: table; table-layout: fixed; margin: 0 auto; }
.subMenuWrap .gnb &gt; ul &gt; li{ display: table-cell; }
.subMenuWrap .gnb &gt; ul &gt; li .logo-dark{ display: none; }
.subMenuWrap .gnb &gt; ul &gt; li &gt; a{position:relative;}
.subMenuWrap .gnb &gt; ul &gt; li &gt; a{color:#fff; height:33px; font-size:20px; font-weight:bold;}
.subMenuWrap .gnb ul li ul { margin-top: 20px;;}
.subMenuWrap .gnb ul li ul li a{display:inline-block; color:#9a968c; font-size:16px; width:135px; height:39px; border-bottom:1px solid #574f41; line-height:39px; padding-left:10px}
.subMenuWrap .gnb ul li ul li a:hover{color:#fff; font-size:16px;  height:39px; line-height:39px;}

.subMenuWrap .gnb &gt; ul &gt; li.nav-menu &gt; a:after{display:inline-block; content: ' '; position:absolute; left:0;  top: 30px; width:0px;  height:2px; background:#fff; transition:width 0.3s;}
/* .subMenuWrap .gnb &gt; ul &gt; li.nav-menu &gt; a:hover:after{display:inline-block; content: ' '; position:absolute; left:0;  top: 30px; width:156px;  height:2px; background:#fff;} */


.topAreaWrap .subMenuWrap header a.allMenu{position: absolute; top: 0; right: 0;  display:block; width:85px; height:85px; background: url("../img/common/ham_btn_light.png") no-repeat center center;}
.topAreaWrap .subMenuWrap header a.basket{ position: absolute; top: 0; left: 0;   display:block; width:85px; height:85px; background: url("../img/common/basket_light.png") no-repeat center center;}



/* main */
.mainWrap{position:relative}
.mainWrap .topAreaWrap{position:absolute; left:0; right:0; z-index:3000}



.topAreaWrap.white .topArea { background-color: #FFF; }



.topAreaWrap.white .topArea header a.allMenu{ background: url("../img/common/ham_btn_dark.png") no-repeat center center;}
.topAreaWrap.white .topArea header a.basket{  background: url("../img/common/basket_dark.png") no-repeat center center;}
.topAreaWrap.white .topArea .gnb &gt; ul &gt; li &gt; a{color:#000;}
.topAreaWrap.white .topArea .gnb &gt; ul &gt; li .logo-dark{ display: block; }
.topAreaWrap.white .topArea .gnb &gt; ul &gt; li .logo-light{ display: none; }





.section{width:100%; position:relative;}
.section .txtArea p{font-family:'Spoqa Han Sans Light', 'Sans-serif'; font-size:55px; line-height:50px; color:#fff; text-align:left; letter-spacing:-3px}
.section .txtArea p.type02{font-family: 'KCC-eunyoung', 'Sans-serif'; font-size:120px; color:#fff}
.section .txtArea p.type03{position:relative; line-height:68px; font-family:'Spoqa Han Sans Bold', 'Sans-serif'; font-weight:bold;}
.section .txtArea p.type03:after{display:inline-block; content:' '; width:74px; height:5px; background:#fff; position:absolute; right:65px; bottom:10px}
.section .txtArea .carNumber input[type="text"]::-webkit-input-placeholder{color:#a2a2a2; font-family:'Spoqa Han Sans Thin', 'Sans-serif';  font-size:48px;}
.section .txtArea .carNumber a.searchBtn02{position:relative; top:28px}
.section a.orderBtn{position:relative; height:47px; font-family:'Spoqa Han Sans Bold', 'Sans-serif'; font-weight:bold; font-size:34px; color:#fff; padding-right:20px; background:url("../img/common/arrow_07.png") no-repeat right 16px;}
.section a.orderBtn:after{display:inline-block; content:' '; width:100%;  height:5px; background:#fff; position:absolute; left:0; bottom:-22px}
.section a.orderBtn span{margin-right:20px}

/* carNumber search */
.carNumber{position:relative;  height:90px; border-bottom:5px solid #fff}
.carNumber a.searchBtn02{position:relative; top:20px;}
.carNumber.type01{height:30px; border-bottom:0}
.carNumber.type01 a.searchBtn03,.carNumber.type03{position:relative; top:6px;}
.carNumber.type02{height:auto; border-bottom:0; position:relative; left:152px; top:-5px}
.carNumber.type03{height:30px; margin-top:30px; text-align:right; border-bottom:0}


h3.type05:after{ position:relative; left:10px}

#section0, #section1, #section2, #section3, #section4, #section5, #slide1, #slide2, #slide3{position:relative; background-size:cover; background-attachment:fixed; perspective:8px;
  perspective-origin: 50%;}
#slide1 .mContent,#slide2 .mContent,#slide3 .mContent{position:absolute; left:0; right:0; top:0; bottom:0; margin:0 auto; width:650px; display:flex; align-items:center}
/* #section1 .mContent, */
/* #section2 .mContent,#section3 .mContent,#section4 .mContent,#section5 .mContent{position:absolute; left:0; right:0; top:0; bottom:0; margin:0 auto; display:flex; align-items:center;} */


#section0 #slide1 .txtArea {width:460px; margin:0 auto;}
#section0 #slide2 .txtArea {width:527px; margin:0 auto;}
#section0 #slide3 .txtArea {width:567px; margin:0 auto;}
#section1 .txtArea {width:790px; margin:0 auto;}
#section2 .txtArea {width:828px; margin:0 auto;}
#section3 .txtArea {width:720px; margin:0 auto;}
#section4 .txtArea {width:405px; margin:0 auto;}
#section4 .txtArea p.type02{line-height:88px; margin-bottom:20px}

#section0 .txtArea ul{position:relative}
#section0 .txtArea ul li{text-align:left}
#section0 .txtArea ul li:nth-child(2){position:absolute; top:138px; left:206px;}
#section0 #slide2 .txtArea ul li:nth-child(2){position:absolute; top:138px; left:276px;}
#section0 #slide3 .txtArea ul li:nth-child(2){position:absolute; top:138px; left:315px;}
#section0 .txtArea ul li:nth-child(3){margin-top:18px; text-align:right}

.txtArea {position:relative; overflow:hidden; display:inline-block; transform:translateY(-10%); font-size:0;}
.txtArea ul li{transform:translateY(100%); will-change:transform; transition-property:transform; transition-duration:0.7s;}
.txtArea ul li:nth-child(1){transition-delay:0.5s;}/* animation:fadeIn ease-in 1s; */
.txtArea ul li:nth-child(2){transition-delay:0.7s;}
.txtArea ul li:nth-child(3){transition-delay:0.9s;}
.txtArea ul li:nth-child(4){transition-delay:1.1s;}
.txtArea ul li:nth-child(5){transition-delay:1.3s;}

#section4 .txtArea {height:600px; position:relative; top:150px; overflow:hidden; display:inline-block; padding-top:250px; transition-duration:0.7s; font-size:0;}

/*#section4 .txtArea ul li:nth-child(1){padding:70px 0 20px}*/

.section.active:not(.not-ready) .txtArea ul li{transform: translateY(0);}
#section4.active .txtArea ul li{transform: translateY(50%); padding-bottom:20px}

.fp-bg{background-size:cover; transform: translate3d(0,0,0);-webkit-backface-visibility: hidden; backface-visibility:hidden; width:100%; height:100%; overflow:hidden; position:relative; z-index:-50;}
.fp-bg .bg{background-size:cover; position:absolute; z-index:0; animation:zoomin 10s; width:100%; height:100%; top:0; right:0; bottom:0; left:0;}

#slide1 .fp-bg .maS01{background:url("../img/main/main_s01.jpg"); background-position: center 80%;}
#slide2 .fp-bg .maS02{background:url("../img/main/main_s02.jpg"); background-position: center 80%;}
#slide3 .fp-bg .maS03{background:url("../img/main/main_s03.jpg"); background-position: center 80%;}
#section1 .fp-bg .ma01{background:url("../img/main/main_01.jpg"); background-position: center 80%;}
#section2 .fp-bg .ma02{background:url("../img/main/main_02.jpg"); background-position: center 80%;}
#section3 .fp-bg .ma03{background:url("../img/main/main_03.jpg"); background-position: center 80%;}
#section4 .fp-bg .ma04{background:url("../img/main/main_04.jpg"); background-position: center 80%;}

.mTop{background:url("../img/main/scrollTop_ico_01.png") no-repeat 0 0; width:31px; height:50px; position:relative; top:70px; left:3px}

.txtArea.list ul li:nth-child(1){margin-bottom:38px;}
.txtArea.list ul li:nth-child(2){margin-bottom:40px;}
.txtArea.list ul li:nth-child(2) .orderBtn{margin-left:-16px;}
.txtArea.list ul li:nth-child(3){margin-bottom:33px; text-align:left}
.txtArea.list a.orderBtn{position:relative; top:-35px;}


/* all menu sitemap */
.allMenuWrap{/*overflow:hidden;*/ width:100%; height:100%; position:absolute; top:0; left:0; right:0; margin:0 auto; z-index:6000; /*background: rgba(0, 0, 0, 0.7); */display:none;}
.allMenuWrap .allMenuBox{width:1180px; height:800px; background:#fff url("../img/common/allMenu_bg_01.jpg") no-repeat 0 top; margin: 0 auto;}
.allMenuWrap .allMenuBox header{height:80px;}
.allMenuWrap .allMenuBox header .topArea{display:flex; justify-content:space-between;}
.allMenuWrap .allMenuBox header .topArea h1{padding:15px 0 0 40px}
.allMenuWrap .allMenuBox header .topArea .topMenu{display:flex; height:27px; padding-top:25px; margin-left:524px;}
.allMenuWrap .allMenuBox header .topArea .topMenu li{margin:0 25px}
.allMenuWrap .allMenuBox header .topArea .topMenu li:after{display:inline-block; content:''; width:1px; height:20px; background:#a3947f; position:relative; top:3px; left:22px}
.allMenuWrap .allMenuBox header .topArea .topMenu li:last-child:after{background:none;}
.allMenuWrap .allMenuBox header .topArea .topMenu a{color:#fff; font-size:12px; font-weight:bold;}
.allMenuWrap .allMenuBox header .topArea .topMenu i{position:relative; top:4px; margin-right:5px}
.allMenuWrap .allMenuBox header .topArea .topMenu {color:#fff}
.allMenuWrap .allMenuBox .content{padding:0 40px 40px}
.allMenuWrap .allMenuBox a.allMenuClose{background:#832082 url("../img/common/icon_set.png") no-repeat 29px 29px; width:80px; height:80px; line-height:80px;}

.siteMapWrap{position:relative; width:100%;}
.siteMapWrap .sMenuBox{clear:both;}
.siteMapWrap .sMenuBox.type02{position:absolute; top:220px; left:0}
.siteMapWrap .sMenu{display:flex; justify-content:space-between;  float:left;  width:340px; margin-right:40px; margin-top:40px; border-top:4px solid #832082}
.siteMapWrap .sMenu:last-child{margin-right:0px;}
.siteMapWrap .sMenu h3{padding:15px 0 0 5px; line-height:40px}
.siteMapWrap .sMenu ul{width:195px;}
.siteMapWrap .sMenu &gt; ul &gt; li{border-bottom:1px solid #dddddd;  padding:20px 0 16px}
.siteMapWrap .sMenu ul li a{color:#666; font-size:16px}
.siteMapWrap .sMenu ul li ul li{border-top:1px solid #dddddd;  margin:18px 0 0; padding:18px 0 0}
.siteMapWrap .sMenu ul li ul li a{font-size:14px; color:#a0a0a0; padding-left:5px}
.siteMapWrap .sMenu ul li a:hover{color:#000}

/* 백그라운드 ani 없는 경우 sub*/
.subTitleArea{position:relative; height:580px; background:url("../img/product/sub_title_01.jpg") no-repeat 0 0; background-attachment:fixed;}
/* .subTitleArea .subTitleTop{width:1180px; margin:0 auto; height:500px;} */
.subTitleArea .subTitleTop{width:100%; margin:0 auto; height:500px;}
.subTitleArea .selInfoBarWrap{display:flex; width:100%;  height:80px;  border-top:1px solid #565656; background: rgba(0, 0, 0, 0.4);}
.subTitleArea .selInfoBarWrap.fixed{position:fixed; top:0; z-index:5000; background: rgba(0, 0, 0, 1);}
.subTitleArea .selInfoBar{width:1180px;  margin:0 auto;}
.subTitleArea .selInfoBar ul li:first-child{border-left:1px solid #565656;}
.subTitleArea .selInfoBar ul li{float:left; color:#fff; line-height:80px; padding:0 40px; border-right:1px solid #565656; font-weight:bold}


.subTitleArea.type02{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/product/sub_title_02.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;} 
.subTitleArea.type03{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/order/sub_title_01.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type04{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/order/sub_title_02.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type05{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/order/sub_title_03.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type06{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/mypage/sub_title_01.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
/* .subTitleArea.type07{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/mypage/sub_title_02.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;} */
.subTitleArea.type08{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/mypage/sub_title_03.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type09{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/mypage/sub_title_04.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type10{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/mypage/sub_title_05.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type11{margin-left:auto; margin-right:auto; width:100%; background:url("../img/mypage/sub_title_06.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 580px;}
.subTitleArea.type12{margin-left:auto; margin-right:auto; width:100%; background:url("../img/mypage/sub_title_07.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 580px;}
.subTitleArea.type13{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/mypage/sub_title_08.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type14{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/customer/sub_title_01.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
/* .subTitleArea.type15{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/customer/sub_title_02.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;} */
/* .subTitleArea.type16{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/customer/sub_title_03.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px} */
/* .subTitleArea.type17{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/customer/sub_title_04.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px} */
.subTitleArea.type19{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/service/sub_title_02.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
/* .subTitleArea.type20{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/news/sub_title_01.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;} */
.subTitleArea.type21{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/customer/sub_title_05.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}

.subTitleArea.type15{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_01.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type15 .titleArea{ display:none; }

.subTitleArea.type20{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_02.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type20 .titleArea{ display:none; }

.subTitleArea.type151{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_03.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type151 .titleArea{ display:none; }

.subTitleArea.type17{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_04.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type17 .titleArea{ display:none; }

.subTitleArea.type16{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_05.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type16 .titleArea{ display:none; }

.subTitleArea.type07{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_06.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type07 .titleArea{ display:none; }

.subTitleArea.type14{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_07.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type14 .titleArea{ display:none; }

.subTitleArea.type09{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_08.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type09 .titleArea{ display:none; }

.subTitleArea.type08{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_09.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type08 .titleArea{ display:none; }

.subTitleArea.type06{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_10.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type06 .titleArea{ display:none; }

.subTitleArea.type11{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_11.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type11 .titleArea{ display:none; }
.subTitleArea.type11 .desc.type11{ display:none; }

.subTitleArea.type10{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_11.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type10 .titleArea{ display:none; }
.subTitleArea.type10 .desc.type11{ display:none; }

.subTitleArea.type03{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_13.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type03 .titleArea{ visibility: hidden; }
.subTitleArea.type03 .desc.type11{ visibility: hidden; }


.subTitleArea.type05{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_12.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type05 .titleArea{ display:none; }
.subTitleArea.type05 .desc.type11{ display:none; }

.subTitleArea.type12 .titleArea{ padding-top:90px; }
/* .subTitleArea.type18{height:450px; background:url("../img/service/sub_title_01.jpg") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;} */

.subTitleArea.type09.myrecommend{margin-left:auto; margin-right:auto; width:100%; height:450px; background:url("../img/title/top_img_15.png") no-repeat 0 0; background-attachment:fixed; background-size:100% 450px;}
.subTitleArea.type09.myrecommend .subTitleTop{ height:450px; }

/*s:20241206*/
.subTitleArea.type22 {margin-left:auto; margin-right:auto; width:100%; height:0; background: none; background-attachment: none;}
.subTitleArea.type22 .subTitleTop { height:86px; }
.subTitleArea.type22 .topAreaWrap .topArea { background:#ffffff; }
.subTitleArea.type22 .topAreaWrap .topArea header { border-bottom:1px solid #d7d7d7; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15); }
.subTitleArea.type22 .topAreaWrap .topArea header h1 .logo-dark { display:block; }
.subTitleArea.type22 .topAreaWrap .topArea header h1 .logo-light { display:none; }
.subTitleArea.type22 .topAreaWrap .topArea .gnb &gt; ul &gt; li &gt; a { color:var(--tit-color); }
.subTitleArea.type22 .topAreaWrap .topArea header a.basket { right:0; left:auto; background:url(../img/common/basket_black.png) no-repeat center center;  }
.subTitleArea.type22 .topAreaWrap .topArea header a.login { background: url(../img/common/login_black.png) no-repeat center center; }
.subTitleArea.type22 .titleArea { display:none; }
/*e:20241206*/

.subInfo{height:80px; line-height:80px; position:relative; top:-135px;/*margin-top:-135px;*/ background:url("../img/mypage/tit_bg_01.png") repeat 0 0; border-top:1px solid #626262;}
.subInfo p{width:1180px; margin:0 auto; color:#fff; font-size:16px}
.subInfo p a{color:#fff; text-decoration:underline}
.subInfo p i.ico12{position:relative; top:9px; left:8px}
.subInfo p span{text-decoration:underline}

.stateViewBox{display:flex; justify-content:space-between; height:51px; padding-top:29px;}
.stateViewBox ul.filter{display:flex; color:#999}
.stateViewBox ul.filter li:nth-child(1) span{margin:0 5px 0 5px; font-weight:bold; position:relative; top:-7px}
.stateViewBox ul.filter li:nth-child(1) span.filter{margin:0 12px 0 -5px;}
.stateViewBox ul.filter a.styleLife span{margin:0 10px 0 6px; color:#a6a6a6; font-weight:bold; position:relative; top:2px}
.stateViewBox ul.filter a.styleLife i.ico10{position:relative; top:4px}
.stateViewBox ul.filter a:hover.styleLife span{color:#333;}
.stateViewBox ul.total{display:flex; font-size:14px}
.stateViewBox ul.total li:nth-child(1) {position:relative; top:5px; left:-20px;  color:#999}
.stateViewBox ul.total li:nth-child(1) span{margin-left:7px; color:#000; font-weight:bold;}
.stateViewBox ul.total select{position:relative; top:-9px}

.priceWrap{display:flex; justify-content:center}
.priceWrap ul{display:flex; margin:12px 0}
.priceWrap .price li{text-align:left}
.priceWrap .price li:nth-child(1){width:65px; font-weight:bold;}
.priceWrap .price li:nth-child(2){position:relative; width:80px;}
.priceWrap .price li:nth-child(3){width:90px; padding-left:10px; text-align:right; color:#000;}
.priceWrap .price li:nth-child(4){padding-left:5px; color:#a0a0a0;}
.priceWrap .price span.arrow{background:#e70505; height:1px; width:100%;  position:absolute; top:6px; left:0}
.priceWrap .price span.arrow:after{display:inline-block; content:''; width:10px; height:7px; background:url("../img/product/arrow_01.png") no-repeat right 0; position:absolute; right:-10px; top:-3px}


.productList{display:flex;/* justify-content:center;*/ margin-bottom:30px}
.productList .thumBox{position:relative; width:380px; height:355px; background:#fff; margin-right:20px; clear:both; text-align:center; padding:20px 0 0 0}
.productList .thumBox:hover{outline:1px solid #000; cursor:pointer; transition:.25s; -webkit-box-shadow: 6px 7px 6px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 6px 7px 6px -1px rgba(0,0,0,0.2); box-shadow: 6px 7px 6px -1px rgba(0,0,0,0.2);}
.productList .thumBox:last-child{margin-right:0px}
.productList .thumBox .badge{position:absolute; top:-10px; left:-10px;}
.productList .thumBox .badge i{display:block; margin-bottom:5px}
.productList .thumBox h3{font-size:26px; color:#000; padding:23px 20px 17px 20px; line-height:30px}
.productList .thumBox .stateIcon{padding-top:0px}
.productList .thumBox .stateIcon ul{display:flex; justify-content:center; }
.productList .thumBox .stateIcon ul li{margin-right:20px;}
.productList .thumBox .stateIcon ul li:last-child{margin-right:0px}
.productList .thumBox .filterInfo{display:flex; justify-content:center; height:33px; padding-top:14px; font-size:14px; color:#666}
.productList .thumBox .filterInfo li{padding:0 12px}
.productList .thumBox .filterInfo li:after{display:inline-block; content:''; width:1px; height:10px; background:#ddd; position:relative; top:1px; left:12px}
.productList .thumBox .filterInfo li:last-child:after{display:none}
.productList .thumBox img{width:100%;}
.productList .thumBox p.desc{padding-top:15px; color:#333; font-weight:bold; font-style:oblique; width:350px; margin:0 auto; line-height:22px}
.productList .thumBox .proView{width:190px; height:120px; overflow:hidden; margin:0 auto}
.productList .thumBox .hashScore{position:absolute; bottom:0; width:380px; height:0px; padding-top:0px; margin-top:280px; overflow:hidden; background:#f3f3f3; text-align:center;  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.1s linear;   -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.thumBox:hover .hashScore {width:360px; height:80px; line-height:22px; padding:10px;  word-wrap:keep-all}


.hashScore dl{overflow:hidden; width:306px; margin:0 auto; }
.hashScore dl:first-child{margin-top:8px}
.hashScore dl dt{float:left; width:103px; font-size:13px; text-align:left; color:#474747}
.hashScore dl dd{float:left; text-align:left; width:50px;}
.hashScore span.score{width:37px; height:10px;}
.hashScore span.score.s00{background:url("../img/product/score_ico_02.png") no-repeat 0 0;}
.hashScore span.score.s01{background:url("../img/product/score_ico_02.png") no-repeat 0 -10px}
.hashScore span.score.s02{background:url("../img/product/score_ico_02.png") no-repeat 0 -20px}
.hashScore span.score.s03{background:url("../img/product/score_ico_02.png") no-repeat 0 -30px}

.proEvent{margin-top:68px}
.proEvent ul {display:flex}
.proEvent ul li{width:380px; text-align:center}
.proEvent ul li a{pointer-events:none}
.proEvent ul li:hover{}

.stateIcon{height:35px; padding-top:15px}
.stateIcon ul{display:flex;}
.stateIcon ul li{margin-right:20px;}
.stateIcon ul li img{margin-top:17px;}
.stateIcon ul li:last-child{margin-right:0px}

.kpi {position:relative; margin-top:31px;}
.kpi &gt; dl dt {font-family:'Raleway'; font-weight:500; font-size:26px; color:#353535; line-height:22px; letter-spacing:-.5px}
.kpi &gt; dl dd {padding:27px 0 0 0;}
.kpi .mThum {position:absolute; right:0; top:-225px}
.kpi .mThum .filterInfo{display:flex; justify-content:center; height:33px; padding-top:16px; font-size:14px; color:#666}
.kpi .mThum .filterInfo li{padding:0 12px}
.kpi .mThum .filterInfo li:after{display:inline-block; content:''; width:1px; height:10px; background:#ddd; position:relative; top:1px; left:12px}
.kpi .mThum .filterInfo li:last-child:after{display:none}

.gaugeList {padding:5px 0 46px 0; background:url("../img/product/bg_gauge.png") no-repeat 90px 0;}
.gaugeList li:after {content:''; display:block; clear:both;}
.gaugeList li span {display:block; float:left;}
.gaugeList li .tit {position:relative; top:-2px; width:90px; text-align:left; font-weight:bold; font-size:14px; color:#454545;}
.gaugeList li .gauge {position:relative; width:570px; height:8px;}
.gaugeList li .gauge .bar {position:absolute; top:0; left:0; height:8px; background:#832082;}
.gaugeList li .value {position:relative; top:-1px; width:50px; padding-right:2px; text-align:right; font-weight:bold; font-size:15px; color:#333;}
.gaugeList li + li {margin-top:30px;}
.gaugeList.winter li + li {margin-top:21px;}

.gaugeList.winter{padding:5px 0 46px 0; background:url("../img/product/bg_gauge_winter.png") no-repeat 90px 0;}

.performanceIcon{margin:62px 0}
.performanceIcon ul{display:flex; height:74px}
.performanceIcon ul li{margin-right:50px /*float:left; padding:0 44px*/}

.proThum{margin:40px 0; clear:both}
.proThum ul{display:flex; justify-content:space-between}
.proThum ul li{width:280px; height:280px; overflow:hidden; background:#fff}
.proThum ul li img{width:100%; height:100%;}
.proThum .pattern{position:relative;}
.proThum .pattern span.mask{position:absolute; background:url("../img/product/product_thum_mask.png") no-repeat 0 0; width:280px; height:280px;}

.proInfoContents .proInfo{margin:43px 0 98px; overflow:hidden;}
.proInfoContents .proInfo dl{width:390px; text-align:center; float:left}
.proInfoContents .proInfo dt{margin-bottom:20px}
.proInfoContents .proInfo dd p{font-size:16px; color:#333; padding-bottom:33px}
.proInfoContents .proInfo dd p span{display:block; font-size:28px; color:#e0e2e2; font-weight:bold; font-family:'Spoqa Han Sans Bold', 'Sans-serif'; padding-bottom:10px}
.proInfoContents .proInfo dd p:last-child{padding-bottom:0}
.proInfoContents .proInfo dd:after{display:inline-block; content:''; background:#939393; width:1px; height:30px; margin-top:20px}

.proBannerBg{height:200px; background:url("../img/product/pro_banner_bg_01.jpg") no-repeat 0 0}
.proBannerBg ul{display:flex; justify-content:space-around; padding-top:32px}

.videoWrap{height:400px; background:url("../img/product/video_bg_01.png") repeat-x 0 top;}
.videoWrap .videoPlayArea{width:1180px; margin:0 auto}

.productInfoView{width:100%; clear:both; background:#fff}
.boLine{width:100%; height:2px; background:#f3f3f3 url("../img/common/line_01.gif") repeat-x 0 top; margin-bottom:-2px}
.productInfoView .productInfo{width:1180px; margin:0 auto; margin-bottom:80px;}
.productInfoView .paging{margin:40px 0 130px;}

.proViewWrap{position:relative; top:2px}
.proViewWrap .proView{width:150px; /* height:130px; */ overflow:hidden;}
.proViewWrap .proView img{width:100%;}
.proViewWrap .proView.type02{width:130px;}

.proViewWrap.type02{position:relative; top:15px}
/*.proViewWrap.type03{position:relative; top:16px}*/ /* 기존퍼블본 */
.proViewWrap.type03{position:relative; top:-3px} /* 운영되고 있는 이미지 */

.proViewInfo{ position:relative; }
.proViewInfo ul li:nth-child(1){font-size:24px; font-weight:bold; margin-bottom:13px;}
.proViewInfo ul li:nth-child(2){margin-bottom:12px}
.proViewInfo ul li:nth-child(3){font-size:12px; color:#999;}
.proViewInfo ul li:nth-child(4){font-size:14px; margin-top:20px;}
.proViewInfo ul li:nth-child(1) span.type02{font-size:14px; font-weight:normal;}
.proViewInfo ul li.abShow{margin-bottom:46px}
.proViewInfo ul li span.beforePrice{color:#999; position:relative}
.proViewInfo ul li span.beforePrice:after{display:inline-block; content:' ';  width:100%; height:1px; background:#e70505; position:absolute; left:0; top:5px}
.proViewInfo ul li span.price{margin:0; font-weight:bold}
.proViewInfo ul li span.name{margin-right:50px;}
.proViewInfo ul li span:first-child{margin:0 10px 0 0}
.proViewInfo ul li span{margin:0 10px}
.proViewInfo ul li span:after,.proViewInfo p span:after{display:inline-block; content:' '; width:1px; height:10px; background:#999; position:relative; top:1px; left:12px}
.proViewInfo ul li span.noline:after{display:inline-block; content:' '; background:none}
.proViewInfo ul li span.tit02{margin:0 20px 0 20px}
.proViewInfo ul li span:last-child:after,.proViewInfo span:last-child:after{display:none}
.proViewInfo p span:after{left:18px}
.proViewInfo p span{font-size:14px; margin-right:30px;}
.proViewInfo a.deView{position:relative; top:1px;}
.proViewInfo a.goView{position:relative; top:2px;}
.proViewInfo span.serView{font-size:12px; margin:5px 0 0 30px}
.proViewInfo span.serView em{position:relative; top:-5px; margin:0 5px 0 22px}
.proViewInfo span.serView.type02{margin:15px 0 0 30px}
.proViewInfo ul li {position:relative}
.proViewInfo ul li .rental span:after{display:none}
.proViewInfo ul li .rental span em{font-weight:bold; padding-left:8px}
.proViewInfo ul li span.beforePrice02{position:relative;}
.proViewInfo ul li span.beforePrice02 .arrow{background:#e70505; height:1px; width:100%; position:absolute; top:8px; left:0}
.proViewInfo ul li span.beforePrice02 .arrow:after{display:inline-block; content:''; width:10px; height:7px; background:url("../img/product/arrow_01.png") no-repeat right 0; position:absolute; left:95%; top:-3px}

/* .proViewInfo .quantity{float:right;margin-right:-40px;margin-top: -15px;} */

.proViewInfo .quantity{position: absolute;right: -30px;top: -13px; }


.proViewInfo.type02{border-bottom:1px solid #ccc; padding:55px 0 10px; font-weight:bold}

.proViewInfo.type03 ul li:nth-child(1){margin-bottom:5px;}
.proViewInfo.type03 ul li:nth-child(2){margin-bottom:0}
.proViewInfo.type03 ul li:nth-child(1) span.name{}
.proViewInfo.type03 ul li:nth-child(1) span.name:after{display:inline-block; content:' '; width:1px; height:20px; background:#999; position:relative; top:1px; margin-right:27px}
.proViewInfo.type03 ul li p{display:inline-block}
.proViewInfo.type03 ul li p:nth-child(2) span.serView{position:relative; top:4px; left:-20px}
.proViewInfo.type03 ul li span:after{display:none}
.proViewInfo.type03 ul li span{margin:0 2px}
.proViewInfo.type03 ul li span.serView{font-weight:bold;}
.proViewInfo.type03 ul li span.con{font-weight:bold; margin-right:20px}
.proViewInfo.type03 ul li span.con em{font-weight:normal;}

.proViewInfo.type04{margin:25px 0 17px}
.proViewInfo.type04 ul li.guNum{margin-bottom:10px}
.proViewInfo.type04 ul li.guNum span:after{display:none}
.proViewInfo.type04 ul li.guNum span.use{font-weight:bold}
.proViewInfo.type04 ul li:last-child span:after{display:none}
.proViewInfo.type04 ul li:nth-child(4){font-size:14px; margin-top:15px;}
.proViewInfo.type04 ul li:nth-child(2){font-size:14px; color:#999;}
.proViewInfo.type04 ul li:nth-child(2) span:after{display:inline-block; content:' '; width:1px; height:10px; background:#999}
.proViewInfo.type04 ul li span{margin:0 15px 0 5px}
.proViewInfo.type04 ul li span:first-child{margin:0 15px 0 0}
.proViewInfo.type04 ul li span.beforePrice02 .arrow{background:#e70505; height:1px; width:100%; position:absolute; top:8px; left:0}
.proViewInfo.type04 ul li span.beforePrice02 .arrow:after{display:inline-block; content:''; width:10px; height:7px; background:url("../img/product/arrow_01.png") no-repeat right 0; position:absolute; left:95%; top:-3px}
.proViewInfo.type04 .infoGroup .info span.con{font-weight:bold; margin-right:24px;}

.proViewInfo.type05{margin:25px 0 17px}
.proViewInfo.type05 ul li.guNum{margin-bottom:10px}
.proViewInfo.type05 ul li.guNum span:after{display:none}
.proViewInfo.type05 ul li.guNum span.use{font-weight:bold}
.proViewInfo.type05 ul li:last-child span:after{display:none}
.proViewInfo.type05 ul li:nth-child(5){font-size:14px; margin-top:10px;}
.proViewInfo.type05 ul li:nth-child(4){font-size:14px; margin-top:15px;}
.proViewInfo.type05 ul li:nth-child(2){font-size:14px; color:#999;}
.proViewInfo.type05 ul li:nth-child(2) span:after{display:inline-block; content:' '; width:1px; height:10px; background:#999}
.proViewInfo.type05 ul li span{margin:0 15px 0 5px}
.proViewInfo.type05 ul li span:first-child{margin:0 15px 0 0}

.proViewInfo.type05 ul li span.beforePrice02 .arrow{background:#e70505; height:1px; width:100%; position:absolute; top:8px; left:0}
.proViewInfo.type05 ul li span.beforePrice02 .arrow:after{display:inline-block; content:''; width:10px; height:7px; background:url("../img/product/arrow_01.png") no-repeat right 0; position:absolute; left:95%; top:-3px}

.proViewInfo.type05 .infoGroup .info span.con{font-weight:bold; margin-right:24px;}

.proViewInfo .infoGroup{width:700px; position:absolute; top:3px; font-size:14px;}
.proViewInfo .infoGroup .info{display:flex;}
.proViewInfo .infoGroup .info p{position:relative}
.proViewInfo .infoGroup .info p:first-child{margin-right:80px; font-weight:bold; }
.proViewInfo .infoGroup .info p span:first-child{margin:0}
.proViewInfo .infoGroup .info span.con{font-weight:bold;}
.proViewInfo .infoGroup .info a.tip{position:absolute; top:-3px; right:-55px}
.proViewInfo .infoGroup .info a.tip:hover{display:none} /*임시*/


.listWrap .proViewInfo p.zInfo{margin:20px 0 10px; font-weight:bold;}
.listWrap .proViewInfo p.zInfo a:hover{color:#801494}

.totalSearch{display:flex; justify-content:space-between}
.totalSearch .carNumber{position:relative; top:24px}

.memProView{padding:25px 0 22px; /*position:relative; left:-10px*/}

.introInfoView{position:relative; width:100%; clear:both}
.introInfoView.type02{height:1200px; }
.introInfoView .productInfo{width:100%;}
.introInfoView .tabsWrap{width:1180px; margin:0 auto; z-index:5000; position:absolute; left:0; right:0}
.introInfoView .tabContent{width:100%; padding-bottom:100px}
.introInfoView .tabContent.visit{background:url("../img/service/service_bg_01.jpg") no-repeat 0 2px}
.introInfoView .tabContent.pickup{background:url("../img/service/service_bg_02.jpg") no-repeat 0 2px}
.introInfoView .tabContent.store{height:1100px; padding-bottom:50px; background:url("../img/service/service_bg_03.jpg") no-repeat 0 2px;}
.introInfoView .tabContent.store .serPossible{margin:22px 0 0 40px}
.introInfoView .proInfoView{width:1180px; margin:0 auto; padding:85px 0 0px; text-align:center}
.introInfoView .proInfoView h3{margin-top:100px}
.introInfoView .proInfoView .infoStep{margin:65px 0 65px}


.totalPrice{display:flex; justify-content:space-between; padding:20px 0 0px}

.totalPrice .price{width:500px}
.totalPrice .price dl{padding:20px 0 50px; text-align:right}
.totalPrice .price dl dt{float:left; width:200px; font-size:20px; font-weight:bold; padding-top:10px}
.totalPrice .price dl dd{font-size:45px; font-weight:bold;}
.totalPrice .price button{float:right}
.totalPrice .price em.sale{position:relative; color:#999; margin-right:20px}
.totalPrice .price span.arrow{background:#e70505; height:1px; width:100%; position:absolute; top:6px; left:0}
.totalPrice .price span.arrow:after{display:inline-block; content:''; width:10px; height:7px; background:url("../img/product/arrow_01.png") no-repeat right 0; position:absolute; right:-10px; top:-3px}
.totalPrice .purchased {font-size:20px; font-weight:bold; margin-top:25px;}
.totalPrice .last {font-weight:bold; text-align:right}
.totalPrice .last li:nth-child(1){font-size:20px; margin:30px 0 20px}
.totalPrice .last li:nth-child(2){font-size:45px;}
.totalPrice.borTop{border-top:1px dashed #999}

.totalPrice.type02 {position:relative}
.totalPrice.type02 .price{width:387px;}
.totalPrice.type02 .price dl{padding:0px 0 15px; font-weight:bold;}
.totalPrice.type02 .price dl dt{font-size:14px; float:left; width:120px; text-align:left; padding-top:0px}
.totalPrice.type02 .price dl dd{font-size:14px; float:left; width:267px; text-align:right}
.totalPrice.type02 .price dl:nth-child(1){margin-bottom:15px; padding-top:10px}
.totalPrice.type02 .price dl:nth-child(2){margin-bottom:25px}
.totalPrice.type02 .price dl:nth-child(3){margin-bottom:45px}
.totalPrice.type02 .price dl:nth-child(3) dt{font-size:20px; padding-top:10px}
.totalPrice.type02 .price dl:nth-child(3) dd{font-size:45px;}
.totalPrice.type02 p.desc{position:absolute; left:0; top:100px}

.totalPrice.type03 {position:relative; padding:30px 0 0px}
.totalPrice.type03 .price{width:450px;}
.totalPrice.type03 .price.center{margin:0 auto}
.totalPrice.type03 .price dl{padding:0px 0 15px; font-weight:bold;}
.totalPrice.type03 .price dl dt{font-size:14px; float:left; width:170px; text-align:left; padding-top:0px}
.totalPrice.type03 .price dl dd{font-size:14px; float:left; width:280px; text-align:right}
.totalPrice.type03 .price dl:nth-child(1){margin-bottom:15px; padding-top:10px}
.totalPrice.type03 .price dl:nth-child(2){margin-bottom:0px;}
.totalPrice.type03 .price dl:nth-child(3){margin:45px 0 78px;}
.totalPrice.type03 .price dl:nth-child(3) dt{font-size:20px; padding-top:15px}
.totalPrice.type03 .price dl:nth-child(3) dd{font-size:45px;}
.totalPrice.type03 p.desc{position:absolute; left:0; top:100px}


.totalPrice.type04 .price{width:100%}
.totalPrice.type04 .price dl{padding:0px 5px 30px; font-weight:bold;}
.totalPrice.type04 .price dl dt{font-size:14px; float:left; width:35%; text-align:left; padding-top:0px}
.totalPrice.type04 .price dl dd{font-size:14px; float:left; width:65%; text-align:right}
.totalPrice.type04 .price dl:nth-child(2) dd{color:#999;}
.totalPrice.type04 .price dl:nth-child(2) dd.type02{color:#333;}
.totalPrice.type04 .price dl:nth-child(3) dd{color:#999;}
.totalPrice.type04 .price dl:nth-child(4) dd{color:#999;}

.totalPrice.type05 .price dl{padding:0px 5px 30px; font-weight:bold;}
.totalPrice.type05 .price dl dt{font-size:14px; float:left; width:70%; text-align:left; padding-top:0px}
.totalPrice.type05 .price dl dd{font-size:14px; float:left; width:30%; text-align:right}

.totalPrice.type06 .price{width:100%; padding:20px 0 50px}
.totalPrice.type06 .price dl{padding:0px 5px 30px; font-weight:bold;}
.totalPrice.type06 .price dl dt{font-size:14px; float:left; width:25%; text-align:left; padding-top:0px}
.totalPrice.type06 .price dl dd{font-size:14px; float:left; width:75%; text-align:right}
.totalPrice.type06 .price dl:nth-child(2) dd{color:#999;}
.totalPrice.type06 .price dl:last-child dt{font-size:20px; padding-top:15px}
.totalPrice.type06 .price dl:last-child dd{font-size:45px; padding-top:9px; font-weight:bold;}
.totalPrice.type06 .price dl:last-child dd.type02{color:#333}


/* .purchacePrice .price{} */
.purchacePrice .price dl{text-align:right}
.purchacePrice .price dl:nth-child(1){color:#999; margin-bottom:10px}
.purchacePrice .price dl:nth-child(2){margin-bottom:10px}
.purchacePrice .price dl dt{float:left; font-size:14px; font-weight:bold;}
.purchacePrice .price dl dd{font-size:14px; font-weight:bold;}
.purchacePrice .price.rental dl:nth-child(1){color:#333;}

span.beforePrice{position:relative}
span.beforePrice:after{display:inline-block; content:' ';  width:100%; height:1px; background:#e70505; position:absolute; left:0; top:5px}

.loginWrap{position:absolute; width:100%; /*min-height:100%;*/ }
.loginWrap .titleArea .tabsWrap{width:650px;}
.loginWrap .titleArea &gt; * { visibility: hidden; }
.loginBoxWrap{margin-top:24px;}
.loginBoxWrap .loginBox{margin-left:20px;}
.loginBoxWrap input,.loginBoxWrap button{width:400px}
.loginBoxWrap input{margin-bottom:10px}
.loginBox .idpwSearch{display:flex; justify-content:space-between; margin-top:20px; width:400px;}
.loginBox .idpwSearch ul{float:right}
.loginBox .idpwSearch ul li{float:left; line-height:22px;}
.loginBox .idpwSearch ul li:first-child{margin-right:15px}
.loginBox .idpwSearch ul li:first-child:after{display:inline-block; content:' '; width:1px;  height:14px; background:#999; position:relative; top:3px; left:15px}
.loginBox .idpwSearch ul li:last-child{margin-left:15px}
.loginBox .idpwSearch ul li a{color:#999}
.loginBox .idpwSearch ul li a:hover{color:#333}


.loginPop{background:url("../img/member/login_bg_02.jpg") no-repeat 0 0; padding:30px 10px 0 99px}
.loginPop .titleArea{position:relative}
.loginPop .titleArea .layPopClose{position:absolute; right:220px;}

.sns{margin:70px 0 80px;}
.sns h3{margin-bottom:10px; font-size:24px}
.sns .snsGo{display:flex; margin-top:50px;} 
.sns .snsGo li{margin-right:52px;} 

.sns.type02 h3,.allWrap .sns.type02 p{color:#fff}
.sns.type02{margin-bottom:130px}

/* bg zoomin animation */
.bgWrap{position:relative; height:580px; overflow:hidden; z-index:-50;} /* 상단에만 백그라운드 있는경우 */
.allBgWrap{position:absolute; top:0; left:0; width:100%; height:100%; /*height:calc(100% - 200px);*/ overflow:hidden; z-index:-50;} /* 전체 백그라운드 있는경우 */

.memberWrap{position:relative; width:100%; min-height:calc(100% - 200px); background-size:cover;} 
.memberBg{overflow:hidden; width:100%; height:100%; animation:zoomin 10s; background-size:cover;}
.memberBg.bg01{background:url("../img/member/member_bg_01.jpg") no-repeat 0 top;} /* 회원가입 */
.memberBg.bg02{background:url("../img/member/member_bg_02.jpg") no-repeat 0 top;} /* 약관동의 */
.memberBg.bg03{background:url("../img/member/member_bg_03.jpg") no-repeat 0 top;} /* 회원인증 */
.memberBg.bg04{background:url("../img/member/member_bg_04.jpg") no-repeat 0 top;} /* 회원입력 개인 */
.memberBg.bg05{background:url("../img/member/member_bg_05.jpg") no-repeat 0 top;} /* 회원입력 사업자 */
.memberBg.bg06{background:url("../img/member/member_bg_06.jpg") no-repeat 0 top;} /* 가입완료 */
.memberBg.bg07{background:url("../img/member/member_bg_08.jpg") no-repeat 0 top;} /* error */


.loginBg{width:100%; background:url("../img/member/login_bg.jpg") no-repeat 0 top; height:580px; animation:zoomin 10s; background-size:cover; position:absolute; top:0; left:0; z-index: -1;}
.subBg{width:100%; height:580px; animation:zoomin 10s; background-size:cover; position:absolute; top:0; left:0; z-index: -1;}
.subBg.type01{background:url("../img/member/member_bg_07.jpg") no-repeat 0 top;} 

.loginBg{width:100%; background:url("../img/title/top_img_14.png") no-repeat 0 top; height:580px; animation:none;}

.fileAttachWrap{display:flex; margin-bottom:78px;}
.fileAttachWrap h4{font-size:18px; margin:45px 0 17px; color:#fff}
.fileAttachWrap .fileAttachBox{position:relative; margin-right:40px;}
.fileAttachWrap .savePreview{position:absolute; top:78px; width:300px; height:420px; overflow:hidden;}
.fileAttachWrap .savePreview img{width:100%; height:100%}
.fileAttachWrap .savePreview a.fDel{width:22px; height:22px; position:absolute; right:10px; top:10px; background:#686868; border-radius:100%}
.fileAttachWrap .savePreview a.fDel:after{width:22px; height:22px; display: inline-block; content: "x"; position:absolute; right:-8px; top:4px; color:#fff}
.fileAttachWrap .fileAttach{width:300px; height:420px; background:#c4c5c7}



.fileAttachWrap.type02 h4{color:#333}
.fileAttachWrap.type02 .ff_fileupload_filename input[type=text]{background:#f3f3f3; color:#333}
.fileAttachWrap.type02 .ff_fileupload_filename{border-bottom:1px solid #999}
.fileAttachWrap.type02 .ff_fileupload_remove_file {background-image:url("../img/common/delete_03.png"); background-repeat: no-repeat; background-position: center center; width:24px; height:24px; z-index:5000;}

.fileUpWrap{position:relative; top:28px}
.fileUpWrap #fileUp02{display:block; margin-top:10px;}
.fileUpWrap .preview{/*width:250px; height:180px;*/ overflow:hidden; margin-bottom:25px}
.fileUpWrap .preview img{max-width:100%}
.fileUpWrap input[type="file"]{display:inline-block; width:40px; height:25px; opacity:0; z-index:300; cursor:pointer;}
.fileUpWrap label{display:block; position:absolute; top:-30px; background:url("../img/common/search_01.png") no-repeat 0 0; width:300px; height:24px; z-index:100;}
.fileUpWrap label span.txt{position:absolute; top:2px; color:#b1b1b1}

.fileUpWrap.type02 label{position:relative; top:-5px;}
.fileUpWrap.type02 input[type="file"]{display:inline-block; width:40px; height:25px; opacity:0; z-index:300; cursor:pointer; position:relative; top:-18px;}
.fileUpWrap.type02 span.txt{position:relative; top:-20px;}

.couponList{display:flex; justify-content:space-between; flex-flow: row wrap;}
.couponBox{width:572px; height:200px; background:#fff; margin-bottom:20px}
.couponBox .conView{float:left; padding:34px 10px 10px 37px}
.couponBox .conView ul li{font-weight:bold;}
.couponBox .conView ul li:nth-child(1){font-size:40px; color:#801494; margin-bottom:28px}
.couponBox .conView ul li:nth-child(2){font-size:22px; margin:28px 0 15px}
.couponBox .conView ul li:nth-child(3){font-size:14px; color:#a3a3a3; margin-bottom:7px}
.couponBox .conView ul li:nth-child(4){font-size:14px; color:#a3a3a3}

.couponBox .conSale{height:153px; float:right;}
.couponBox:nth-child(3n){  /* line-break: after; */ }

.couponBox .conSale{width:180px; background:#801494; color:#fff; text-align:center; padding-top:47px}
.couponBox .conSale a{margin-top:55px}

.couponBox .conView ul li.pay{color:#b49858;}
.couponBox .conSale.payment{background:#b49858;}

.couponBox .conView ul li.maintenance{color:#55B6D6;}
.couponBox .conSale.maintenance{background:#55B6D6;}
.couponBox .conView ul li a{ position: relative; }
.couponBox .conView ul li a:after {  content: "";  display: inline-block;  background: url(../img/common/icon_set.png) no-repeat 0 0;  background-position: -478px -296px;  width: 22px;  height: 22px;  position: absolute;  right: -25px; }


/* title */
h2{font-family: 'KCC-eunyoung'; font-weight:normal; color:#fff}
h2 em,h2 span{font-family: 'KCC-eunyoung'; font-weight:normal; color:#fff}
h2.type01{font-size:120px; font-weight:normal; padding:30px 0 38px; letter-spacing:-1.5px}
h2.type03{padding:30px 20px 0 0}
h2.type04{padding:30px 20px 38px 0}
h3{position:relative; font-family:'Spoqa Han Sans Bold', 'Sans-serif'; font-size:45px; color:#fff;}
h3.type01{font-size:45px; color:#fff;}
h3.type02{font-size:24px; color:#333; line-height:28px}
h3.type03{font-family:'Spoqa Han Sans Light', 'Sans-serif'; font-size:35px; color:#393c44; letter-spacing:-1.5px}
h3.type04{font-family:'Spoqa Han Sans Regular', 'Sans-serif'; font-size:24px; color:#fff;}
h3.type05{font-family:'Spoqa Han Sans Thin', 'Sans-serif'; font-size:26px; color:#fff; margin:35px 0 20px}
h3.type06{font-size:35px; color:#832082; letter-spacing:-1.5px; padding-bottom:7px}
h3.type07{font-size:45px; color:#fff; margin:15px 0 15px}
h3.type08{font-size:34px; color:#333;}
h3.type09{font-family:'Spoqa Han Sans Thin', 'Sans-serif'; font-size:26px; color:#333; margin:0px 0 20px; letter-spacing:-1px}
h3.type10{font-family:'Spoqa Han Sans Thin', 'Sans-serif'; font-size:26px; color:#333; margin:10px 0 30px; letter-spacing:-1px}
h3.type11{font-family:'Spoqa Han Sans Thin', 'Sans-serif'; font-size:26px; color:#333; margin:74px 0 20px; letter-spacing:-1px}
h3.type12{font-size:24px; color:#333; margin:75px 0 0px}
h3.type13{font-size:40px; color:#333; margin:80px 0 80px; font-weight:bold}
h3.type14{font-size:24px; color:#333; line-height:35px}
h3.type15{font-family:'Spoqa Han Sans Thin', 'Sans-serif'; font-size:20px; color:#fff; margin:35px 0 20px}
h3.type16{font-family:'Spoqa Han Sans Thin', 'Sans-serif'; font-size:12px; color:#fff; width: 100px; margin: 10px 40px; line-height:1.1em;}

h3.type08:after{display:inline-block; content:' '; width:40px;  height:3px; background:#333; position:relative; top:3px}
h3.type09:after{display:inline-block; content:' '; width:40px;  height:2px; background:#333; position:relative; left:10px}
h3.type05:after{display:inline-block; content:' '; width:40px;  height:2px; background:#fff; position:relative; left:10px}
h3.type10:after{display:inline-block; content:' '; width:40px;  height:2px; background:#333; position:relative; left:10px}
h3.type11:after{display:inline-block; content:' '; width:40px;  height:2px; background:#333; position:relative; left:10px}

/*h2 span {position:relative; top:1px; display:inline-block;  animation:bounce .3s ease infinite alternate; font-family:'KCC-eunyoung';  font-size:120px; color: #FFF;}

h2 span:nth-child(2) { animation-delay: .1s; }
h2 span:nth-child(3) { animation-delay: .2s; }
h2 span:nth-child(4) { animation-delay: .3s; }
h2 span:nth-child(5) { animation-delay: .4s; }
h2 span:nth-child(6) { animation-delay: .5s; }
h2 span:nth-child(7) { animation-delay: .6s; }
h2 span:nth-child(8) { animation-delay: .7s; }*/


/* top sub title */
.subTitle{height:100px; line-height:100px; background:#d5b5a1; font-size:22px; color:#fff; text-align:center}

/* titleArea */
/* .titleArea{width:100%; display:flex; position:relative;} */
.titleArea{width:1180px; margin-left:auto;margin-right:auto; display:flex; position:relative;}
.titleArea.type02{position:relative; justify-content:center}
.titleArea.type02 h2{position:absolute; left:48px}
.titleArea.type03{margin-bottom:60px}
.titleArea.type04{display:flex; flex-direction:column;}

.titleArea h2.type01{margin-right:30px}
.titleArea h3.type01{position:relative; top:45px}
.titleArea h3.type02{position:relative; top:45px; left:180px}
.titleArea p.tireMatching{position:absolute; right:-10px; top:245px; font-family:'KCC-eunyoung'; font-weight:normal; font-size:26px; color:#f3f3f3}


/* desc  text */
.descInfo{position:relative; font-size:14px; color:#fff; margin:40px 0 28px; z-index:1900}
.descInfo ul li{line-height:25px;}
.descInfo.fColor01{color:#333}
.descInfo.fColor02{color:#999}
.descInfo.type02{margin:50px 0 65px;}
.descInfo.type03{margin:50px 0 85px;}
.descInfo.type04{margin:150px 0 0px;}
.descInfo.type05{color:#333; margin:70px 0 0px;}
.descInfo.type05 p{font-size:24px; font-weight:bold; margin-bottom:10px;}
.descInfo.type06{margin:50px 0 44px;}
.descInfo.type07{ margin:0; text-align: center;  color:#222222; font-size:34px; font-weight: 600; }/*20241206 상담하기*/

.desc.ico { position: relative; display: flex; align-items: center;}
.desc.ico p { position: relative; padding-left:28px; padding-bottom:30px; line-height:1.3;  font-size:14px; color:#333333;}
.desc.ico p::before { content:""; position: absolute; left:0; top: 8px; transform: translateY(-50%); width:20px; height:20px; background: var(--ic-chk-arrow) no-repeat 50%/18px auto; border:1px solid #333333; border-radius: 50%; }

/* desc text  + select */
.descInfoState{display:flex; justify-content:space-between;  color:#333; margin:70px 0 5px;}
.descInfoState .state{display:flex; align-items:center; position:relative; top:-7px}
.descInfoState p{font-size:24px; font-weight:bold;}

.descInfo.addBack{display:inline-block; content:''; position:absolute; width:100%; background:#000; opacity:.2; border-top:1px solid #fff; z-index:20} 

/*  paging */
.paging{width:auto; margin:0 auto; margin:40px 0 40px; text-align:center; clear:both;}
.paging span a{display:inline-block; background:url("../img/common/icon_set.png") no-repeat 0 0; width:18px; height:15px;}
.paging &gt; a{font-size:15px; padding:10px 13px; color:#999;}
.paging &gt; a:hover{color:#000;}
.paging &gt; a.on{font-weight:bold; color:#999;  background:#fff; border:1px solid #999; line-height:13px;}
.paging a.first{background-position:0px -137px; margin-right:21px}
.paging a.pre{background-position:-48px -137px; margin-right:15px}
.paging a.next{background-position:-89px -137px; margin:0 15px;}
.paging a.end{background-position:-121px -137px; margin-left:-1px}

/* .paging.type02{margin:} */
.paging.type03{margin:20px 0 0px;}


/* listType */
.listType .uInfo &gt; ul{margin-top:20px}
.listType .uInfo &gt; ul &gt; li{font-size:18px; line-height:25px; padding:40px 0 10px; border-bottom:1px solid #cfcfcf}
.listType .uInfo &gt; ul &gt; li:last-child{border-bottom:0; padding:40px 0 55px}
.listType p.desc{line-height:24px; color:#333; padding:10px 0 0}

.listType.type02{background:url("../img/common/line_04.gif") repeat-x 0 bottom; padding:0 0 40px}
.listType.type03{background:url("../img/common/line_04.gif") repeat-x 0 bottom; padding:0 0 0px}
.listType.type04{background:url("../img/common/line_04.gif") repeat-x 0 bottom; padding:0 0 10px;}
.listType.type05{background:none; padding:0 0 0px}


.listType .title{margin:40px 0 58px;}

.intabContent .listType p.desc{padding:10px 0 70px}
.intabContent .benefit dl{display:flex; padding-bottom:95px}
.intabContent .benefit dl:last-child{padding-bottom:20px}
.intabContent &gt; h3 span{font-family: 'Spoqa Han Sans Bold','Sans-serif'; font-weight:bold;  background:url("../img/common/line_06.gif") repeat-x 0 bottom; padding:0 7px 2px 1px}

.overdue{margin-top:40px; font-size:24px; line-height:30px; color:#333}

/* search */
.searchBox{overflow:hidden; width:650px; margin:0 auto; padding-bottom:40px}
.searchBox select{float:left; margin-right:10px}
.searchBox input{float:left ;margin-right:10px}

/* 공통 tabs */
.tabsWrap{width:1180px; /*position:relative; top:2px; left:0;*/}
ul.tabs {height:80px;}
ul.tabs li{float:left; cursor:pointer; background:#e0e2e2; text-align:center; height:80px; line-height:80px; margin-right:1px; font-size:16px; font-weight:bold; width:589px;}
ul.tabs li:last-child{margin-right:0;}
ul.tabs li.active {background:#393c44; color:#fff}

/*  tabs  in tab */
.inTabWrap{width:100%; /*margin-top:100px*/}
.inTabWrap ul.intabs {height:50px; background:#e8e8e8;}
.inTabWrap ul.intabs li{float:left; cursor:pointer; text-align:left; height:50px; line-height:50px; margin-right:1px; font-size:14px; font-weight:bold; width:175px; padding-left:20px; border-right:1px solid #fff; background:#e8e8e8 url("../img/common/arrow_04.png") no-repeat right 21px}
.inTabWrap ul.intabs li:last-child{margin-right:0;}
.inTabWrap ul.intabs li.active { background:#f3f3f3 url("../img/common/arrow_05.png") no-repeat right 21px; color:#333; border-top:1px solid #999; border-right:1px solid #999; border-left:1px solid #999;}

.inTabWrap .tabContent{margin-top:0;  border:1px solid red}



/*  로그인 이미지 tabs */
.memberBoxWrap .tabContentWrap #tab01{padding:50px 0 50px}
.memberBoxWrap .tabContentWrap #tab02{padding:41px 0 50px;}
.memberBoxWrap .tabContentWrap #tab02 h3 {padding-top:40px;}
.titleArea .tabsWrap{position:absolute; top:55px; left:458px}
.titleArea ul.tabs {height:60px;}
.titleArea ul.tabs li{float:left; cursor:pointer;}
.titleArea ul.tabs li:nth-child(1){background:url("../img/member/tab01_off.png") no-repeat 0 0; width:267px; height:75px}
.titleArea ul.tabs li:nth-child(1).active {background:url("../img/member/tab01_on.png") no-repeat 0 0;}
.titleArea ul.tabs li:nth-child(2){background:url("../img/member/tab02_off.png") no-repeat 0 0; width:348px; height:75px}
.titleArea ul.tabs li:nth-child(2).active {background:url("../img/member/tab02_on.png") no-repeat 0 0;}
.titleArea ul.tabs li.active a{color:#fff}

/*.productInfo .tabsWrap{width:1180px; position:relative; top:2px; left:0;}
.productInfo ul.tabs {height:80px;}
.productInfo ul.tabs li{float:left; cursor:pointer; background:#e0e2e2; text-align:center; height:80px; line-height:80px; margin-right:1px; font-size:16px; font-weight:bold; width:392px;}
.productInfo ul.tabs li:last-child{margin-right:0;}
.productInfo ul.tabs li.active {background:#393c44; color:#fff}*/

/*  상단으로 -80일 경우 tabs */
.orderInfo .tabsWrap{width:1180px;margin:0 auto;/* position:relative; *//* top:-80px; *//* left:0; */margin: 80px 0;}
.orderInfo .tabsWrap.type02{top:0px;/* margin: 80px 0; */}
.orderInfo .tabsWrap.type03{top:0px; margin:25px 0 60px}
.orderInfo .tabsWrap.type04{top:0px; margin:25px 0 0px}
.orderInfo .tabsWrap.type05{top:0px; margin:80px 0 60px}
.orderInfo .tabContent{position:relative;/* top:-80px; */left:0;margin-bottom: 80px;}
.orderInfo.type03 .tabContent{position:relative; top:0px; left:0;}
.orderInfo ul.tabs {height:80px; display: flex;}
.orderInfo ul.tabs li{cursor:pointer;background:#e0e2e2;text-align:center;height:80px;line-height:80px;margin-right:1px;font-size:16px;font-weight:bold;width: auto;flex: 1 1 auto;}
.orderInfo ul.tabs li:last-child{margin-right:0;}
.orderInfo ul.tabs li.active {background:#393c44; color:#fff}

.orderInfo.type02 .tabsWrap{width:1180px; margin:0 auto; position:relative; top:0px; left:0; margin-top:80px}
.orderInfo.type02 .tabContent{position:relative; top:0px; left:0; margin-top:40px}
.orderInfo.type04 .tabContent{position:relative; top:0px; left:0; margin-top:0px}

.orderInfo.type03 ul.tabs li{width:235px;}
.orderInfo.type04 ul.tabs li{width:294px;}

.proInfoView{clear:both;}
.proInfoView dl{padding:45px 0 25px; background:url("../img/common/line_04.gif") repeat-x 0 0;}
.proInfoView dt{position:relative; font-size:26px; width:215px; padding-bottom:52px}
.proInfoView dt:after{display:inline-block; content:''; position:absolute; top:20px; margin-left:10px; background:#333; width:40px; height:2px;}
.proInfoView dd .info{display:flex; line-height:24px; position:relative; top:-8px}
.proInfoView dd .info p{padding-bottom:28px; line-height:20px}
.proInfoView dd .info:first-child p{padding-top:28px}
.proInfoView dd .info p:nth-child(1){width:210px}
.proInfoView dd .info p:nth-child(2){width:970px}
/*.proInfoView .serMapInfo{height:450px; background:url("../img/service/service_map_bg_01.png") no-repeat 0 0;}*/

.proInfoView.type02 dt:after{display:none}

.totalService h3{padding:65px 0 77px; text-align:center}
.totalService .service{overflow:hidden; background:#fff url("../img/common/service_bg.png") no-repeat 0 132px; margin-bottom:90px}
.totalService .service dl {padding-left:60px}
.totalService .service dt{font-size:18px; color:#801494; margin-bottom:10px; font-family: 'Spoqa Han Sans Bold', 'Sans-serif';}
.totalService .service dt span{display:block; font-size:28px; font-weight:bold; color:#e0e2e2; margin-bottom:10px; font-family: 'Spoqa Han Sans Bold', 'Sans-serif'}
.totalService .service dd{height:110px; color:#9f9f9f; line-height:16px}
.totalService .service dl{float:left}
.totalService .service dl:nth-child(1){background:url("../img/product/ser_ico_01.png") no-repeat 60px bottom;}
.totalService .service dl:nth-child(2){background:url("../img/product/ser_ico_02.png") no-repeat 60px bottom;}
.totalService .service dl:nth-child(3){background:url("../img/product/ser_ico_03.png") no-repeat 60px bottom;}
.totalService .service dl:nth-child(4){background:url("../img/product/ser_ico_04.png") no-repeat 60px bottom;}
.totalService .service dl:nth-child(5){background:url("../img/product/ser_ico_05.png") no-repeat 60px bottom;}
.totalService .service dl:nth-child(6){background:url("../img/product/ser_ico_06.png") no-repeat 60px bottom;}
.totalService .service dl:nth-child(7){background:url("../img/product/ser_ico_07.png") no-repeat 60px bottom;}

.totalService.type02{margin-top:50px}
.totalService.type02 .service{overflow:hidden; background:none; margin-bottom:40px}
.totalService.type02 .service dl {padding:0 76px 0 0}
.totalService.type02 .service dl:last-child{padding:0 0 0 0}
.totalService.type02 .service dl:nth-child(1){background:url("../img/product/ser_ico_01.png") no-repeat 0px bottom;}
.totalService.type02 .service dl:nth-child(2){background:url("../img/product/ser_ico_02.png") no-repeat 0px bottom;}
.totalService.type02 .service dl:nth-child(3){background:url("../img/product/ser_ico_03.png") no-repeat 0px bottom;}
.totalService.type02 .service dl:nth-child(4){background:url("../img/product/ser_ico_04.png") no-repeat 0px bottom;}
.totalService.type02 .service dl:nth-child(5){background:url("../img/product/ser_ico_05.png") no-repeat 0px bottom;}
.totalService.type02 .service dl:nth-child(6){background:url("../img/product/ser_ico_06.png") no-repeat 0px bottom;}
.totalService.type02 .service dl:nth-child(7){background:url("../img/product/ser_ico_07.png") no-repeat 0px bottom;}

.totalService.type03 .service{overflow:hidden; background:none; margin-bottom:90px}

.reviewBox.open{height:auto; background:#fff; padding:10px 28px; border:1px solid #ddd; -webkit-box-shadow: 3px 5px 17px -3px rgba(0,0,0,0.32); -moz-box-shadow: 3px 5px 17px -3px rgba(0,0,0,0.32); box-shadow: 3px 5px 17px -3px rgba(0,0,0,0.32); margin-bottom:10px; margin-top:-1px}
.reviewBox.open .header .state{width:90px; text-align:left}
.reviewWrap .total{text-align:right; padding:38px 0 20px; position:relative; background:url("../img/common/line_04.gif") repeat-x 0 bottom;}
.reviewWrap .review{font-size:16px}
.reviewWrap .header{display:flex; position:relative; background:url("../img/common/line_04.gif") repeat-x 0 bottom; padding:30px 0 20px}
.reviewWrap .header .state{width:119px; text-align:center}
.reviewWrap .header .list {width:550px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; top:5px;}
.reviewWrap .header .list span{display:block}
.reviewWrap .header .list span.model{font-size:22px; margin:4px 0 14px; }
.reviewWrap .header .list span.model em{font-size:12px; color:#a0a0a0; padding:0 10px}
.reviewWrap .header .list span.model em:after{display:inline-block; content:' '; background:#ddd; width:1px; height:10px; position:relative; left:12px; top:2px}
.reviewWrap .header .list span.model em:last-child:after{display:none}
.reviewWrap .header .nameScore{position:relative; top:15px; left:60px}
.reviewWrap .header .nameScore ul{display:flex}
.reviewWrap .header .nameScore ul li{font-size:14px; padding:0 13px; color:#7f7f7f}
.reviewWrap .header .nameScore ul li:first-child{width:160px; text-align:right; padding-left:0 }
.reviewWrap .header .nameScore ul li:first-child:after{display:inline-block; content:' '; background:#ddd; width:1px; height:10px; position:relative; left:12px; top:1px}
.reviewWrap .header .nameScore span.score{width:99px; height:16px; margin-top:-2px}
.reviewWrap .header .nameScore span.score.s00{background:url("../img/product/score_ico_01.png") no-repeat 0 0;}
.reviewWrap .header .nameScore span.score.s01{background:url("../img/product/score_ico_01.png") no-repeat 0 -16px}
.reviewWrap .header .nameScore span.score.s02{background:url("../img/product/score_ico_01.png") no-repeat 0 -32px}
.reviewWrap .header .nameScore span.score.s03{background:url("../img/product/score_ico_01.png") no-repeat 0 -48px}
.reviewWrap .header .nameScore span.score.s04{background:url("../img/product/score_ico_01.png") no-repeat 0 -64px}
.reviewWrap .header .nameScore span.score.s05{background:url("../img/product/score_ico_01.png") no-repeat 0 -80px}

.reviewWrap .tHeader{border-top:1px solid #e0e2e2; padding:22px 0 22px; background:url("../img/common/line_04.gif") repeat-x 0 bottom;}
.reviewWrap .tHeader ul{display:flex;  font-weight:bold}
.reviewWrap .tHeader ul li:nth-child(1){margin-left:122px;  width:142px; padding-left:38px}

.reviewWrap .reviewCon{font-size:16px; padding:30px 0px; color:#666; line-height:24px}
.reviewWrap .reviewCon img{padding-top:24px; max-width:100%}

.reviewWrap.type02 .header{height:60px; background:none;}
.reviewWrap.type02 .header{padding:0px}
.reviewWrap.type02 .header .list span.model{color:#333; font-size:22px; font-weight:bold; margin-bottom:0px}
.reviewWrap.type02 .header .list span.txt{margin-top:-15px;}
.reviewWrap.type02 .header .list span.model em{position:relative; top:-4px}
.reviewWrap.type02 .header .state{width:90px; text-align:left}
.reviewWrap.type02 .header .list {width:900px; height:80px; position:relative; top:-11px}
.reviewWrap.type02 .header .nameScore{position:relative; top:10px; left:60px}

.reviewWrap.type03 .review{font-size:16px}
.reviewWrap.type03 .header{display:flex; position:relative; background:url("../img/common/line_04.gif") repeat-x 0 bottom; padding:25px 0 3px}
.reviewWrap.type03 .header .state{width:112px; text-align:left; padding-left:15px; position:relative; top:-8px}
.reviewWrap.type03 .header .list {display:flex; width:950px; font-size:16px}
.reviewWrap.type03 .header .list span{display:block}
.reviewWrap.type03 .header .list span.service{width:172px}
.reviewWrap.type03 .reviewBox.open{position:relative; top:-1px; padding:0; border:1px solid #333}
.reviewWrap.type03 .reviewBox.open .header{border-bottom:1px solid #333; background:none}
.reviewWrap.type03 .header .nameScore{position:relative; top:5px; left:60px}
.reviewWrap.type03 .reviewCon{font-size:16px; padding:25px 20px 25px 20px; color:#666; line-height:24px; word-break:keep-all;}
.reviewWrap.type03 .reviewCon img{padding-top:24px}
.reviewWrap.type03 .reviewCon .state{float:left; margin-right:40px}
.reviewWrap.type03 .reviewCon .conView{padding-left:100px; background:url("../img/common/answer.png") no-repeat 20px 0;}
.reviewWrap.type03 .reviewCon .conView p{min-height:40px;}


.orderSubmitWrap{display:flex; justify-content:space-between; position:relative}
.orderSubmitWrap .orderSubmit{width:753px}
.orderSubmitWrap .infoHeader{width:689px; height:60px; line-height:60px; background:#e0e2e2; border-bottom:1px solid #ccc; border-radius:25px 25px 0 0; padding:0 32px;}
.orderSubmitWrap .infoHeader .purchased{display:flex; justify-content:space-between; align-items:center}
.orderSubmitWrap .orderList.rental{margin-top:-22px}
.orderBox{width:387px; position:absolute; right:0; top:-80px}
.orderBox .contents{background:#fff; padding:36px 30px; font-weight:bold}
.orderBox .proInfo{border-top:1px solid #999; border-bottom:1px solid #999; padding:12px 5px; margin-top:20px}
.orderBox .proInfo dl{padding:9px 0}
.orderBox .proInfo dt{float:left; width:250px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:15px}
.orderBox .proInfo dd{text-align:right}

.orderBox.retal .contents{padding:36px 30px 12px;}
.orderBox.retal .proInfo dt{float:left; width:150px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:15px}
.orderBox.retal .proInfo dd span:first-child{text-align:left}
.orderBox.retal .proInfo dd span:last-child{width:100px;}

.orderBox.detail{width:387px; position:absolute; right:0; top:20px}

.myRentalInfo{background:#fff; padding:0px 50px; margin-top:-60px; -webkit-box-shadow: 4px 2px 15px -3px rgba(0,0,0,0.24); -moz-box-shadow: 4px 2px 15px -3px rgba(0,0,0,0.24); box-shadow: 4px 2px 15px -3px rgba(0,0,0,0.24);}
.myRentalInfo ul{font-size:20px; font-weight:bold}
.myRentalInfo ul &gt; li{padding:60px 10px}
.myRentalInfo ul &gt; li:first-child{border-bottom:1px solid #ccc;}

.myRental{display:flex; justify-content:space-between}
.myRental div:first-child span.mTitle{width:210px}
.myRental span.mTitle{margin-right:25px}
.myRental span.mInfo{font-size:40px; position:relative; top:5px}
.myRental span.mInfo.num{color:#801494; margin-right:10px}
.myRental a.goView{position:relative; top:5px}
.myRental span.overdue{font-size:12px; margin:0 5px 0 20px}
.myRental em{margin-right:10px}

.date{position:relative; float:left}
.date .ui-datepicker-trigger{position:absolute; left:0; top:19px; cursor:pointer}
.date input.type03{padding:0 20px 0 30px}
.date .hasDatepicker{font-size:16px}

.date2{position:relative; float:left}
.date2 .ui-datepicker-trigger{position:absolute; left:0; top:0px; cursor:pointer}
.date2 input.type03{padding:0 20px 0 30px}
.date2 .hasDatepicker{font-size:16px}

.accordion &gt; ul &gt; li{cursor:pointer}

.termsAgree{position:relative; margin-bottom:50px}
.termsAgree .allAgree{margin-bottom:40px; }
.termsAgree .sAgree{padding:20px 20px 10px; border-left:2px solid #fff; position:relative; left:12px; margin-top:20px}
.termsAgree .sAgree ul li{margin-bottom:20px}
.termsAgree .sAgree input[type="checkbox"].type02 + label{font-size:18px}
.termsAgree .sAgree a.agreeBtn{font-size:18px; color:#fff; font-weight:bold;  margin-left:30px}
.termsAgree .sAgree .conWrap {padding:20px 20px 42px; border-left:2px solid #fff; position:relative}
.termsAgree .sAgree .conWrap ul li{float:left; margin-right:30px}

.termsAgree .ssAgree{padding:20px 20px 42px; border-left:2px solid #fff; position:relative; left:43px; margin-top:-10px}
.termsAgree .ssAgree ul li{float:left; margin-right:30px}
.termsAgree .ssAgree input[type="checkbox"].type02 + label{font-size:18px}
.termsAgree .descInfo{position:absolute; left:58px; bottom:-110px}
.termsAgree .marketingDescInfo{color:white; margin-bottom:10px}

.cAgree{}
.cAgree label em{position:relative; top:2px}
.cAgree ul {display:flex; justify-content: space-around}
.cAgree ul li{width:393px; border-right:1px solid #cdcdcd;}
.cAgree ul li:last-child{border-right:0}
.cAgree ul li span{display:block; text-align:center; line-height:25px}
.cAgree ul li span:nth-child(1){font-weight:bold}


.agreeBox {width:100%}
.agreeBox .conView{padding:14px 0 0px; border-top:1px solid #999; font-size:14px;}
.agreeBox p{padding:20px 0 18px}
.agreeBox dl {width:100%; font-weigh:bold; line-height:45px; overflow:hidden}
.agreeBox dl dt{font-weight:bold; float:left; font-size:28px; color:#e0e2e2; padding-right:8px;}
.agreeBox dl dd{font-weight:bold; color:#666; line-height:45px; letter-spacing:-.5px}

.certification{display:flex;}
.certification .phone{margin-right:120px; background:url("../img/member/mem_bg_01.png") right 97px no-repeat;}
.certification .ipin{background:url("../img/member/mem_bg_02.png") right 97px no-repeat;}
.certification p{color:#e8e3de; font-size:14px; padding:17px 0 54px; line-height:20px}
.certification .business p{padding:17px 0 20px;}

.submitAreaWrap .submitLeft{width:570px; margin-right:40px}

.submitAreaWrap{/*width:1180px; */ width:100%; display:flex; justify-content:space-between; margin-bottom:40px;}
.submitAreaWrap.type02{margin-bottom:0px;}
.submitAreaWrap.type02 .submitLeft{width:570px; margin-right:40px}
.submitAreaWrap.type02 .submitRight{width:570px;}
.submitAreaWrap.type02 .submitArea{margin-bottom:0px;}
.submitAreaWrap.type02 .submitArea:last-child .submit{margin-bottom:0px;}
.submitAreaWrap.type02 .submitArea .conWrap {width:395px;}
.submitAreaWrap.type04{margin-bottom:30px;}
.submitAreaWrap.type04 .submitLeft{width:600px; margin-right:40px}
.submitAreaWrap.type04 .submitRight{width:540px;}

/* 왼쪽이 더 긴경우  */
.submitAreaWrap.type03{margin-bottom:0px}
.submitAreaWrap.type03 .submitLeft{width:740px; margin-right:40px}
.submitAreaWrap.type03 .submitRight{width:400px;}
.submitAreaWrap.type03 .submit{margin-top:19px;}
.submitAreaWrap.type03 .submitArea.type04 .submit{width:100%; border-bottom:1px solid #999; margin-bottom:0px}

.submitArea{position:relative; margin-bottom:50px;}
.submitArea .submitGroup{margin-bottom:40px;}
.submitArea .submitGroup .submit:first-child{border-bottom:0; height:80px;}
.submitArea .submitGroup .submit:first-child:after{display:inline-block; content:' '; background:#999; width:605px; height:1px; position:absolute; right:0; top:60px; }
.submitArea .submit{position:relative; width:900px; height:60px; line-height:60px; border-bottom:1px solid #fff; color:#fff}
.submitArea .submit input{z-index:5000}
.submitArea .submit label{font-size:19px; color:#fff; font-family:'Spoqa Han Sans Bold', 'Sans-serif'; letter-spacing:-1px;}
.submitArea .submit label &gt; span{width: auto;display:inline-block;background:url("../img/common/divi_03.png") right 20px no-repeat;letter-spacing:-1px;position:relative;}
.submitArea .submit input.type02{position:relative; top:-3px}
.submitArea .submit i.ico06{position:relative; top:5px; margin-right:8px}
.submitArea .submit .conWrap {display:inline-block; width:570px; min-height:60px; padding-left:20px; color:#333; font-size:18px; white-space:nowrap;}  /* 제목은 150px고정~ 컨텐츠 내용들어가는 부분 */ 
.submitArea .submit .conWrap input[type="radio"] + label span{background:none;} 
.submitArea .submit .conWrap .raGroup label &gt; span{background:none;}
.submitArea .submit .conWrap a.searchBtn03,.conWrap a.calendar,.conWrap a.time{position:relative; top:7px}
.submitArea .submit .conWrap.type02{width:1000px;}
.submitArea .submit .conWrap.type03{width:1005px; height:auto;}
.submitArea .submit .conWrap.type04{width:400px; height:auto;}
.submitArea .submit .conWrap.type05{width:480px; height:auto; white-space: normal;}
.submitArea .submit .conWrap.type06{width:406px; height:auto;}
/*.submitArea .submit .conWrap.type07{width:180px; height:auto;}*/
.submitArea .submit .conWrap.type07{width: 38ch; max-width: 100%; height:auto; white-space: normal; line-height: 20px;}
.submitArea .submit input[type="radio"]:checked:focus + label{outline: 1px dotted #71777c;}
.submitArea .submit .timeCheck{margin-top:18px}
.submitArea .submit .timeCheck li{margin:0 0 10px 0}
.submitArea .submit .timeCheck li:last-child{margin:0}
/* .submitArea .submit .timeCheck span{font-size:15px; background:#e3e3e3; padding:5px 10px; margin:0 10px 0 0; border-radius:20px; cursor:pointer} */
.submitArea .submit .timeCheck span{font-size:15px; background:#832082; padding:5px 10px; margin:0 10px 0 0; cursor:pointer; color:#fff;}
.submitArea .submit .timeCheck span:hover,.submitArea .submit .timeCheck span.on{background:#ff4444; color:#fff;}
.submitArea .submit .timeCheck span.off{background:#e3e3e3; cursor:default; pointer-events:none; color:#333;}

/* .popArea .timeCheck{margin-top:18px} */
.popArea .timeCheck li{margin:0 0 10px 0}
.popArea .timeCheck li:last-child{margin:0}
.popArea .timeCheck span{font-size:15px; background:#832082; padding:5px 10px; margin:0 10px 0 0; cursor:pointer; color:#fff;}
.popArea .timeCheck span:hover,.popArea .timeCheck span.on{background:#ff4444; color:#fff;}
.popArea .timeCheck span.off{background:#e3e3e3; cursor:default; pointer-events:none; color:#333;}


.conWrapAll{display:inline-block; width:1026px}
.conWrapAll .conWrap{width:500px}

.submitArea .conWrapAll .conWrap:nth-child(2n + 1) {width:400px;}
.submitArea .conWrapAll .conWrap:nth-child(2n + 2) {padding-left:41px;  width:561px;}

.submitArea .submit .conWrap span.bank{margin-right:35px}
.submitArea .submit .conWrap span.serView{font-size:12px; font-weight:bold}
.submitArea .submit .conWrap span.serView em{position:relative; top:-2px; margin:0 5px 0 22px}
.submitArea .submit .conWrap span.serView a.goView{position:relative; top:5px;}
.submitArea .submit .conWrap textarea{margin-top:15px}

.submitArea .submit.list label{vertical-align:top}

.submitArea .info{padding-left:170px; margin-top:10px;}
.submitArea .info p{margin-bottom:5px;}
.submitArea .tip,.submitArea .tip02,.submitArea .guide{position:absolute; left:0px; top:50px; z-index:1900}

.submitArea.type02{margin-bottom:40px;}
.submitArea.type02 .submit{width:570px;}
.submitArea.type02 .submit label{display:inline-block; width:auto}
.submitArea.type02 .submit button.type03{position:relative; top:12px}
.submitArea.type02 .submit input[type="radio"] + label span{width:auto; margin:0 20px 0 0;}
.submitArea.type02.blank{height:61px}

/* submit width:570px */
.submitArea.type03 .submit{width:570px; border-bottom:1px solid #999;;}
.submitArea.type03 .submit label{color:#333;}
.submitArea.type03 .submit label span{background:url("../img/common/divi_04.png") right 20px no-repeat; position:relative}


/* width:100% / bottom:40px */
.submitArea.type04 .submitGroup .submit{margin-bottom:0px;}
.submitArea.type04 .submit{width:100%; border-bottom:1px solid #999; margin-bottom:40px}
.submitArea.type04 .submit &gt; label{font-size:18px; font-weight:bold; color:#333; height:60px; vertical-align:top;}
.submitArea.type04 .submit &gt; label &gt; span{width:150px; display:inline-block; background:url("../img/common/divi_05.png") right 20px no-repeat; position:relative;}
.submitArea.type04 .submit textarea.type02{margin:15px 0 0}
.submitArea.type04 .submit.list .conWrap {height:auto; white-space:normal;}
.submitArea.type04 .submit.list {height:auto;  border-bottom:0; margin-bottom:40px}
.submitArea.type04 .submit.list{border-bottom:1px solid #999}
.submitArea.type04 .submit.list input.type03{height:40px; line-height:40px; padding:0 20px 0 2px;}
.submitArea.type04:last-child{margin-bottom:0px;}  /*확인해보기*/

.submitArea .label-addon{ width: 150px;line-height:1;font-size: 0.8em;font-weight: 500;  }
.submitArea .label-addon .time-off{ display:inline-block;background-color:#E3E3E3;height:1em;width: 2em; }
.submitArea .label-addon .time-on{ display:inline-block;background-color:#832082;height:1em;width: 2em; }

#jobEndTimeMsg{top:100px!important; }
#jobEndTimeMsg span{top: 0px;  }
#jobEndTimeMsgSec span{top: 0px;  }
.submitArea.type04 .submit.list .conWrap.instime {height:100px;}

/* width:100% / bottom:30px */
.submitArea.type05{margin-bottom:0}
.submitArea.type05 .submit{width:100%; border-bottom:1px solid #999; margin-bottom:30px}
.submitArea.type05 .submit:last-child{margin-bottom:0px;}
.submitArea.type05 .submit &gt; label{font-size:18px; font-weight:bold; color:#333;}
.submitArea.type05 .submit &gt; label &gt; span{width:150px; display:inline-block; background:url("../img/common/divi_05.png") right 20px no-repeat; position:relative;}

/* width:100% / bottom:29px */
.submitArea.type06{margin:30px 0 0}
.submitArea.type06 .submit{width:100%; border-bottom:1px solid #999; margin-bottom:29px}
.submitArea.type06 .submit:last-child{margin-bottom:0px;}
.submitArea.type06 .submit &gt; label{font-size:18px; font-weight:bold; color:#333;}
.submitArea.type06 .submit &gt; label &gt; span{width:150px; display:inline-block; background:url("../img/common/divi_05.png") right 20px no-repeat; position:relative;}
.submitArea.type06 .submit.list .conWrap {height:auto; white-space:normal;}
.submitArea.type06 .submit.list {height:auto;  border-bottom:0; margin-bottom:40px}
.submitArea.type06 .submit.list{border-bottom:1px solid #999}
.submitArea.type06 .raWrap{margin:18px 0 -20px}

.submitArea.multi .submit{height:auto; margin-bottom:0px;}
.submitArea.multi .submit.type02{height:auto; margin-bottom:30px;}
.submitArea.multi .submit &gt; label{vertical-align:top}
.submitArea.multi .submit .conWrap p{padding-top:10px; line-height:35px; white-space:normal}
.submitArea.multi .sList{position:relative; padding-left:170px; }
.submitArea.multi .sList:first-child .vehicle{margin-top:30px;}
.submitArea.multi .sList:last-child{padding-bottom:10px; border-bottom:1px solid #999;}
.submitArea.multi .sList .vehicle{position:relative; display:flex; margin-bottom:25px;}
.submitArea.multi .sList .vehicle p{font-weight:bold; margin-right:20px}
.submitArea.multi .sList .vehicle ul{display:flex}
.submitArea.multi .sList .vehicle ul li{padding:0 10px}
.submitArea.multi .sList .vehicle ul li:after{display:inline-block; content:' '; width:1px;  height:10px; background:#999; position:relative; left:10px}
.submitArea.multi .sList .vehicle a.tDel{position:absolute; right:20px}
.submitArea.multi .dListWrap{border-bottom:1px solid #999; padding-bottom:20px;}
.submitArea.multi .dListWrap:last-child{border-bottom:0;}
.submitArea.multi .dList{display:flex;height:40px;}
.submitArea.multi .dList dl{}
.submitArea.multi .dList dt{width:105px; font-size:14px; font-weight:bold}
.submitArea.multi .dList dd select{position:absolute; right:0; margin-top:10px}

.sAgreeWrap{margin-top:83px}
.sAgreeWrap ul li{border-bottom:1px solid #999; padding:17px 0; font-weight:bold}
.sAgreeWrap ul li:nth-child(2) {padding:25px 0 25px 30px}
.sAgreeWrap ul li:nth-child(2) label{font-size:14px; color:#666;}
.sAgreeWrap p{margin-bottom:20px}


.submitBox{margin:40px 0}
.submitBox dl{margin-bottom:20px}
.submitBox dl dt{font-size:18px; line-height:37px; float:left; font-weight:bold}

p.validation{position:absolute; left:0; top:-8px; color:#ffff00; z-index:200px}
p.validation span{width:900px; text-align:right; position:absolute; top:23px}
p.validation:after{display:inline-block; content:' '; position:absolute; left:0; top:68px; background:#ffff00; width:900px; height:1px; text-align:right}

p.validation.type02{position:absolute; left:0; top:60px; color:#ffff00;}
p.validation.type02 span{width:570px; text-align:left; position:absolute; top:3px; left:170px; font-size:12px}
p.validation.type02:after{display:inline-block; content:' '; position:absolute; left:0; top:0px; background:#ffff00; width:570px; height:1px; text-align:right}
p.validation.type02 i.ico07{position:relative; top:5px}

p.validation.type03{position:absolute; left:0; top:60px; color:#ff4444; z-index:100}
p.validation.type03 span{width:570px; text-align:left; position:absolute; top:-11px; left:173px; font-size:12px}
p.validation.type03:after{display:inline-block; content:' '; position:absolute; left:0; top:0px; background:#ff4444; width:570px; height:1px; text-align:right}
p.validation.type03 i.ico08{position:relative; top:5px}
p.validation.type03.w754:after{width:754px;}

p.validation.type04{position:absolute; left:0; top:60px; color:#a0a0a0;}
p.validation.type04 span{width:570px; text-align:left; position:absolute; top:-10px; left:174px; font-size:12px}
p.validation.type04 span.type02{line-height:20px;margin-top:16px}
p.validation.type04:after{display:none}
p.validation.type04 i.ico11{position:relative; top:6px; margin-right:6px}

p.validation.type05{position:absolute; left:0; top:75px; color:#a0a0a0;}
p.validation.type05 span{width:570px; text-align:left; position:absolute; top:-10px; left:174px; font-size:12px}
p.validation.type05:after{display:none}
p.validation.type05 i.ico11{position:relative; top:6px; margin-right:6px}

p.validation.type06{position:absolute; left:0; bottom:0px; color:#a0a0a0;}
p.validation.type06 span{width:570px; text-align:left; position:absolute; top:65px; left:170px; font-size:12px; line-height:18px}
p.validation.type06:after{display:none}
p.validation.type06 i.ico11{position:relative; top:6px; margin-right:6px}

p.validation.type07{position:relative; left:0; top:0px; color:#a0a0a0;}
p.validation.type07 span{width:570px; text-align:left; position:absolute; top:65px; left:170px; font-size:12px; line-height:18px}
p.validation.type07:after{display:none}
p.validation.type07 i.ico11{position:relative; top:6px; margin-right:6px}

p.validation.type08{position:relative; left:0; top:0px; color:#a0a0a0; margin-bottom:20px}
p.validation.type08 span{width:570px; text-align:left; position:absolute; top:5px; left:170px; font-size:12px; line-height:18px}
p.validation.type08:after{display:none}
p.validation.type08 i.ico11{position:relative; top:6px; margin-right:6px}


.accordion-box .accordion {position: relative; padding: 1rem 1.5rem; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #cbcbcb; background-color: #e0e2e2;}
.accordion-box .accordion:after {position: absolute; top: 1rem; right: 1rem; display: inline-block; width: 20px; height: 20px; content: ''; background-image: url('../img/common/ico_arrow_slim.png'); background-repeat: no-repeat; background-position: 0 -38px; background-size: cover;}
.accordion-box .accordion.on::after {background-position: 0 0;}



.footerSearchBar{width:100%; background:url("../img/product/footer_bg_01.jpg") 0 0 no-repeat; z-index:3000;}
.footerSearchBar.logBefore{position:fixed; bottom:0px;}
.footerSearchBar.fold{position:fixed; bottom:0px; margin-top:80px;}
.footerSearchBar footer{display:none}
.footerSearchBar .footerSearch{position:relative; top:0; width:1180px; height:80px; margin:0 auto; z-index:3300}
.footerSearchBar .footerSearch .tireMatching{float:right; font-family:'KCC-eunyoung'; font-size:28px; color:#fff; margin:28px 105px 0 0}
.footerSearchBar .footerSearch .seBtnArea{position:absolute; right:0px; top:0px}
.footerSearchBar .footerSearch .seBtnArea .maintenance{position:absolute; right:80px; top:0px}
.footerSearchBar .footerSearch a.order{position:absolute; right:0; top:-80px} /* 로그인후 주문서 버튼 */
.footerSearchBar .orderWrap{display:none}

.footerSearchBar .selInfoBar{width:1180px; height:80px; margin:0 auto;}
.footerSearchBar .selInfoBar ul li:first-child{border-left:1px solid #727576;}
.footerSearchBar .selInfoBar ul li{float:left; color:#fff; line-height:80px; padding:0 40px; border-right:1px solid #6d7171; font-weight:bold}

.footerSearchBar.open{position:relative; top:0; margin-top:-80px; background:#fff url("../img/product/pro_line_01.png") repeat-x 0 top;}
.footerSearchBar.open footer{display:block}
.footerSearchBar.open .footerSearch{border-top:1px solid #e0e2e2;}
.footerSearchBar.open .footerSearch a.maintenance02{background:url("../img/product/maintenance_btn_03.png") no-repeat 0 0; width:80px; height:80px}
.footerSearchBar.open .footerSearch a.reSearch{background:url("../img/product/search_btn_04.png") no-repeat 0 0; width:80px; height:80px}
.footerSearchBar.open .selInfoBar ul li:first-child{border-left:1px solid #e0e2e2;}
.footerSearchBar.open .selInfoBar ul li{color:#666; border-right:1px solid #e0e2e2;}

.footerSearchBar.open .orderWrap{position:relative; clear:both; display:block; overflow:hidden; width:1180px; margin:0 auto;}
.footerSearchBar.open .orderWrap .tabsWrap{position:relative; width:100%; height:50px; background:#f3f3f3; margin:40px 0}
.footerSearchBar.open .orderWrap .tabContent{clear:both; }
.footerSearchBar.open .orderWrap ul.tabs {height:50px;}
.footerSearchBar.open .orderWrap ul.tabs li{float:left; cursor:pointer; text-align:left; width:180px; padding-left:18px; height:50px; line-height:50px; font-size:14px; font-weight:bold; color:#999; background:url("../img/common/arrow_04.png") no-repeat right 21px; }
.footerSearchBar.open .orderWrap ul.tabs li.active {height:49px;border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; color:#333; background:#fff url("../img/common/arrow_05.png") no-repeat right 21px;}


.orderCheckWrap{display:flex; justify-content:space-between; margin-bottom:40px}
.orderCheckWrap .price{width:480px}
.orderCheckWrap .price dl dd{font-size:16px; font-weight:bold}
.orderCheckWrap .price dl:nth-child(1){margin-bottom:13px}
.orderCheckWrap .price dl:nth-child(2){margin-bottom:49px}
.orderCheckWrap .price dl:nth-child(2) dd{color:#999}
.orderCheckWrap .price dl:nth-child(3){font-weight:bold}
.orderCheckWrap .price dl:nth-child(3) dt{font-size:20px; padding-top:10px}
.orderCheckWrap .price dl:nth-child(3) dd{font-size:45px;}
.orderCheckWrap .price dt{float:left; width:200px; font-weight:bold}
.orderCheckWrap .price dd{text-align:right}
.orderCheckWrap .price.rental{width:400px}
.orderCheckWrap .price.rental dt{width:100px}
.orderCheckWrap .price.rental .monthPrice{font-size:14px; color:#a8a8a8; position:relative; left:-25px; top:0px; width:auto; text-align:left}
.orderCheckWrap .price.rental .monthPrice span.arrow{background:#e70505; height:1px; width:100%; position:absolute; top:6px; left:0}
.orderCheckWrap .price.rental .monthPrice span.arrow:after{display:inline-block; content:''; width:10px; height:7px; background:url("../img/product/arrow_01.png") no-repeat right 0; position:absolute; right:-10px; top:-3px}
.orderCheckWrap .price.rental .rentalPrice{position:relative; top:13px;}
.orderCheckWrap span.tit{width:215px; font-size:14px; font-weight:bold; float:left}

.orderCheckWrap .orderCheck {}
.orderCheckWrap .orderCheck .quantity {float:right}
.orderCheckWrap .orderCheck .quantity div{margin-bottom:10px}
.orderCheckWrap .orderCheck p{margin-top:100px; color:#a0a0a0; font-size:14px; position:relative}
.orderCheckWrap .orderCheck p a{padding-left:13px;}
.orderCheckWrap .orderCheck p.type02 {margin-top:0px; line-height:22px;}
.orderCheckWrap .orderCheck p.type02 a{position:absolute; right:-84px; top:-3px}

.orderCheckWrap.type02{margin-bottom:0px}

.rentalCheckWrap{margin-top:-40px}
.rentalCheckWrap &gt; ul &gt; li{position:relative; border-bottom:1px solid #ccc; padding:40px 0 40px;}
.rentalCheckWrap &gt; ul &gt; li:last-child{border-bottom:0;}
.rentalCheckWrap span.tit{width:215px; font-size:14px; font-weight:bold}
.rentalCheckWrap span.tit a{margin-left:4px}
.rentalCheckWrap .hashBox{position:absolute; left:0; top:100px}
.rentalCheckWrap .hashBox span{margin-right:10px}
.rentalCheckWrap .hashBox span:last-child{margin-right:0px}
.rentalCheckWrap .rentalList.type02{margin:30px 0}
.rentalCheckWrap .rentalList dl{margin-bottom:20px}
.rentalCheckWrap .rentalList dl:last-child{margin-bottom:0px}
.rentalCheckWrap .rentalList dt{float:left; width:215px;}
.rentalCheckWrap .rentalList input[type="radio"].type06 + label{width:70px;}

.rentalCheckWrap.type02{margin:30px 0 20px;}
.rentalCheckWrap.type02 &gt; ul &gt; li{position:relative;  padding:20px 0 20px;}
.rentalCheckWrap.type02 &gt; ul &gt; li:last-child{border-bottom:1px solid #ccc;}
.rentalCheckWrap.type02 .serviceState{display:flex}
.rentalCheckWrap.type02 .serviceState p{font-size:34px;font-weight:bold;  margin-right:80px}
.rentalCheckWrap.type02 .serviceState p:after{display:inline-block; content:' '; width:40px;  height:2px; background:#333; position:relative; left:10px; top:5px}
.rentalCheckWrap.type02 .rentalList dt{float:left; width:130px;}

.affordRental{}
.affordRental .title{line-height:43px}
.affordRental .title p{font-size:34px; font-family:'Spoqa Han Sans Light', 'Sans-serif'; letter-spacing:-.5px}

.rentalType{position:relative; border-bottom:1px solid #ccc}
.rentalType:last-child{border-bottom:0}
.rentalType .renTitle{display:flex; justify-content: space-between; padding:0px 0 25px}
.rentalType .renTitle input[type="radio"].type04 + label {width:auto;}
.rentalType .renTitle span{font-size:34px;}

.rentalType .price{width:380px; margin:17px 0 8px}
.rentalType .price dl{margin-bottom:10px}
.rentalType .price dl dd{font-size:16px; font-weight:bold}
.rentalType .price dl:nth-child(1){margin-bottom:26px}
.rentalType .price dl:nth-child(1) dt{font-size:20px;}
.rentalType .price dl:nth-child(1) dd{font-size:45px;}
.rentalType .price dl:nth-child(3) dd{color:#999}
.rentalType .price dt{float:left; width:85px; font-weight:bold}
.rentalType .price dd{text-align:right}

.rentalType.disable{position:relative}
.rentalType.disable .price dl{color:#999}
.rentalType.disable .hashBox{opacity:.5}
.rentalType.disable .customerRental .custInfo {color:#999;}
.rentalType.disable .customerRental .custInfo a.arrow{pointer-events:none; opacity:.5}
.rentalType.disable .customerRental .custInfo &gt; dl{position:relative; display:flex; width:213px; height:46px; padding:0 14px 0 19px; line-height:46px; background:#fff; border-left:1px solid #eee; border-top:1px solid #eee; border-bottom:1px solid #eee; font-weight:bold;}
.rentalType.disable .customerRental .custInfo &gt; dl:last-child{border-right:1px solid #eee;}
.rentalType.disable .customerRental .custInfo .count span.noData{color:#eee}
.rentalType.disable .customerRental .custInfo span.circle{margin-right:3px; background:#eaeaea}
.rentalType.disable .renTitle span{color:#999; font-size:34px}


.customerRental .custInfo {display:flex; margin-bottom:10px}
.customerRental .custInfo &gt; dl{position:relative; display:flex; width:202px; height:46px; padding:0 14px 0 19px; line-height:46px; background:#fff; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}
.customerRental .custInfo &gt; dl:last-child{border-right:1px solid #ccc;}
.customerRental .custInfo .count{position:absolute; right:40px;}
.customerRental .custInfo .count.type02{position:absolute; right:15px;}
.customerRental .custInfo .count span.noData{color:#999}
.customerRental .custInfo a.tip{position:absolute; left:19px; top:-14px; z-index:5100}
.customerRental .custInfo a.arrow{position:absolute; right:-37px; top:13px}
.customerRental .custInfo span.circle{margin-right:3px}
.customerRental .custInfo #sel1{width:234px;}

.customerState{margin-top:16px}
.map-detail-item .customerState{margin-top:11px}
.customerState .custInfo {display:flex;}
.customerState .custInfo &gt; dl{position:relative; display:flex; width:360px; height:46px; padding:0 14px 0 15px; line-height:46px; background:#fff; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}
.customerState .custInfo &gt; dl:last-child{border-right:1px solid #ccc;}
.customerState .custInfo .info{color:#999; position:absolute; right:12px}
.customerState .custInfo .info span{margin:0 8px}
.customerState .custInfo .info span:after{display:inline-block; content:' '; width:1px; height:12px; background:#ccc; position:relative; top:1px; left:11px}
.customerState .custInfo .info span:last-child{margin:0 0 0 12px}
.customerState .custInfo .info span:last-child:after{display:none}
/* s:20241205 */
.customerState .custInfo.type02 { flex-direction: column; }
.customerState .custInfo.type02 &gt; dl:first-child { border-top:1px solid #999999; }
.customerState .custInfo.type02 &gt; dl:last-child { border-bottom:1px solid #999999; }
.customerState .custInfo.type02 &gt; dl { width:auto; height:auto; line-height: 36px; border-top:1px solid #E1E1E1; border-bottom:0; padding:0; border-left:1px solid #999999; border-right:1px solid #999999; }
.customerState .custInfo.type02 &gt; dl &gt; dt { width:100px; text-align: center; border-right:1px solid #E1E1E1; background: #F3F3F3; color:var(--txt-color); }
.customerState .custInfo.type02 .info { position:initial; font-weight:500; color:#666666; }
/* e:20241205 */

.tipShow{position:absolute; width:480px; background:#fff; border:4px solid #832082; padding:32px 44px 60px; border-radius:30px; z-index:4800; text-align:left; pointer-events:none; display:none; }
.tipShow.type02{width:550px; padding:32px 30px 0 44px;}
.tipShow.type03{width:720px; padding:32px 44px 20px;}
.tipShow header{position:relative; border-bottom:4px solid #832082;}
.tipShow header i.tipOver{position:absolute; right:-90px; top:-70px}
.tipShow header i.tipOver.type02{position:absolute; left:-16px; top:-70px}
.tipShow .content{text-align:center; padding-top:40px}
.tipShow .content.type02{text-align:left; padding:20px 0}
.tipShow .serviceAvail {width:100%}
.tipShow .serviceAvail p{line-height:28px; margin-right:8px}
.tipShow .serviceAvail p:last-child{margin-right:0px}

.tipCon{color:#333}
.tipCon h3{font-family: 'Spoqa Han Sans Light','Sans-serif'; color:#333; font-size:26px; line-height:32px; margin-bottom:8px}
.tipCon h3:after{display:inline-block; content:' '; background:#333; width:40px; height:2px; margin-left:10px}
.tipCon p{padding:0; line-height:20px; margin-bottom:30px;}
.serviceAvail p{float:left; /*width:80px;*/ margin-bottom:8px}


.tipShow.tip01{top:-445px; left:-158px; width:610px;} /* 타이어 무상 교체 서비스 */
.tipShow.tip02{top:-400px; left:-187px; width:560px;} /* 엔진오일 교체 서비스 */
.tipShow.tip03{top:-468px; left:-190px; width:540px;} /* 무상 얼라인먼트 서비스 */
.tipShow.tip04{top:-440px; left:-222px; width:440px;} /* 무상 위치교환 */
.tipShow.tip05{top:-402px; left:-498px; width:480px;} /* 방문점검 서비스 */
.tipShow.tip06{top:-425px; left:43px; width:630px;} /* 제공서비스안내 */
.tipShow.tip07{top:80px; left:420px;} /* 사이즈 확인 */
.tipShow.tip08{top:80px; left:-45px;} /* 이용가이드 */

.tipShow.tip04:after{bottom:-28px; left:80px}
.tipShow.tip05:after{bottom:-28px; left:356px}

.tipShow.tip01 .info.type01 dl {margin-bottom:5px}

.serviceAvail{width:600px; color:#333; font-size:14px; font-weight:bold;}
.serviceAvail span.sArea{margin-right:5px; position:relative; top:2px}
.serviceAvail p{float:left; width:auto; margin-bottom:8px; margin-right:10px}


.info dl{width:100%; display:flex; margin-bottom:-7px }
.info dt{width:125px; font-size:18px; font-weight:bold; font-style:italic}
.info dl dd{font-size:14px; font-weight:normal}

.info.type01 dt{width:40px; font-size:24px}
.info.type01 dl {margin-bottom:20px}
.info.type01 dl:last-child{margin-bottom:0px}
.info.type01 dl dd{line-height:20px; color:#484848;}
.info.type01 dl dd.ver01{padding-top:10px;}

.info.type02 dt{width:105px; padding-top:5px; font-size:18px; color:#832082; font-style:normal}
.info.type02 dl {border-bottom:1px solid #ccc;}
.info.type02 dl:first-child{padding-top:15px;}
.info.type02 dl:last-child{border-bottom:0}
.info.type02 dd {padding:20px 0 18px}
.info.type02 .con{line-height:24px;}
.info.type02 .con span{}
.info.type02 .con span:first-child{width:150px; font-weight:bold}

.tireRanking{display:flex; justify-content:space-around}

.rankingBox{width:100%; height:160px; background:#f3f3f3 url("../img/product/ranking_bg_01.png") no-repeat center 50px; margin:40px 0; padding:10px; border-radius:100px}
.rankingBox .ranking{position:relative; float:left; width:160px; height:160px; border-radius:100%; text-align:center; color:#fff; font-size:16px; font-weight:bold; margin-right:26px}
.rankingBox .ranking a.del{position:absolute; right:13px}
.rankingBox .ranking:last-child{margin-right:0}
.rankingBox .ranking span{position:relative; top:95px}
.rankingBox .ranking.r01{background:#832082 url("../img/product/ranking_icon_01.png") no-repeat center 55px;}
.rankingBox .ranking.r02{background:#7e3c9b url("../img/product/ranking_icon_02.png") no-repeat center 55px;}
.rankingBox .ranking.r03{background:#795bad url("../img/product/ranking_icon_03.png") no-repeat center 55px;}
.rankingBox .ranking.r04{background:#832082 url("../img/product/ranking_icon_04.png") no-repeat center 55px;}
.rankingBox .ranking.r05{background:#7e3c9b url("../img/product/ranking_icon_05.png") no-repeat center 55px;}
.rankingBox .ranking.r06{background:#795bad url("../img/product/ranking_icon_06.png") no-repeat center 55px;}

.selBox{position:absolute; left:-1px; top:-1px; width:235px; border:1px solid #ccc; -webkit-box-shadow: 4px 2px 15px -3px rgba(0,0,0,0.24);
-moz-box-shadow: 4px 2px 15px -3px rgba(0,0,0,0.24); box-shadow: 4px 2px 15px -3px rgba(0,0,0,0.24); z-index:2900; display:none}
.selBox ul li{border-bottom:1px solid #ccc; height:46px; line-height:46px; background:#fff; padding:0 15px; }
.selBox ul li:hover{background:#f3f3f3;}
.selBox ul li:first-child{background:transparent}
.selBox ul li:first-child a.arrowClose{position:absolute; right:0; z-index:5000}
.selBox ul li:last-child{border-bottom:0;}
.selBox{background:#fff; height:186px; overflow-y:scroll; position:absolute; top:46px; z-index:3000}


.inquiryBox{display:flex; justify-content:space-between; margin-bottom:10px}
.inquiryBox ul{display:flex;}
.inquiryBox ul li:last-child a{border-right:1px solid #999;}
.inquiryBox ul li a{height:40px; line-height:40px; padding:0 23px; color:#999; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #999; text-align:center; font-weight:bold}
.inquiryBox ul li a:hover,.inquiryBox ul li a.active{background:#fff; color:#333;}

.calBox{width:362px; height:40px; line-height:40px; border:1px solid #999; position:relative; left:-150px}
.dateWrap{display:flex; position:relative}
.dateWrap a.searchBtn{position:absolute; right:0; top:0px; width:38px; height:40px; border-left:1px solid #999; background: url("../img/common/search_01.png") no-repeat center center}
.calBox .date img{margin:-10px 0 0 10px}
.calBox .date input.type03{height:35px; line-height:35px; padding:5px 0 2px 42px}

.mountProcess{margin:40px 0 0;}
.mountProcess &gt; ul &gt; li{position:relative;}
.mountProcess &gt; ul &gt; li:after{display:inline-block; content:' '; width:10px; height:100%; background:#fff url("../img/common/dot_01.png") repeat-y 4px 0px; position:absolute; top:3px; left:20px; z-index:100; z-index:100}
.mountProcess &gt; ul &gt; li:nth-child(3):after{background:none}
.mountProcess &gt; ul &gt; li:nth-child(4):after{background:none}
/*.mountProcess &gt; ul &gt; li:nth-child(4){padding-bottom:30px}*/
.mountProcess &gt; ul &gt; li.on:nth-child(3):after{background:none}
.mountProcess &gt; ul &gt; li.on{position:relative}
.mountProcess &gt; ul &gt; li.on:after{display:inline-block; content:' '; width:10px; height:100%; background:#fff url("../img/common/dot_02.png") repeat-y 4px 0px; position:absolute; top:3px; left:20px; z-index:100; z-index:100}
.mountProcess .pInfoView{width:100%; display:flex}
.mountProcess .pInfoView .process{display:flex; width:50px; margin-right:18px}
.mountProcess .pInfoView .process span.pState{position:absolute; width:50px; height:50px; line-height:50px; border-radius:100%; background:#ccc; text-align:center; font-size:12px; color:#fff; z-index:200}
.mountProcess .pInfoView .processCon ul.pTit{width:220px}
.mountProcess .pInfoView .processCon ul.pTit li{height:25px; margin-bottom:10px; letter-spacing:-.5px}
.mountProcess .pInfoView .processCon ul.pTit li:nth-child(1){font-size:28px; color:#e2e4e4; font-weight:bold}
.mountProcess .pInfoView .processCon ul.pTit li:nth-child(2){font-size:18px; color:#e2e4e4; font-weight:bold}
.mountProcess .pInfoView .processCon dl{position:relative; top:12px}
.mountProcess ul li.on .pInfoView .process span.pState{background:#801494;}
.mountProcess ul li.on .pInfoView .process span.pState{background:#801494;}
.mountProcess ul li.on .pInfoView .processCon ul.pTit li:nth-child(2){color:#801494;}

.mountProcess .pInfoView .processCon{display:flex; width:630px; border-bottom:1px solid #999; padding:6px 0 7px; margin-bottom:10px}
.mountProcess .pInfoView .processCon p.mResult{font-size:18px; margin-top:35px}
.mountProcess .pInfoView .processCon p.mResult a.moShow{background:url("../img/common/arrow_05.png") right 5px no-repeat; padding-right:45px}
.mountProcess .pInfoView dl{float:left; width:150px; margin-right:40px}
.mountProcess .pInfoView dl:last-child{margin-right:0px;}
.mountProcess .pInfoView dt{font-weight:bold}
.mountProcess .pInfoView dd{font-size:18px; padding-top:9px}

.addView{margin:20px 0 0 66px; background:#fff; display:none}
.addView.expanded{display:block}
.addView.expanded img{/*max-width:100%;*/ width:210px; height:140px}
.addView ul.bxslider li{position:relative; width:210px; height:160px; text-align:center;}
.addView ul.bxslider span{display:block; padding-top:5px;}

.sOpen{transform: rotate(45deg); transition:all .25s ease;}

.mountProcess.pickup .pInfoView .processCon ul.pTit{width:240px;}
.mountProcess.pickup .pInfoView .processCon ul.pTit li:nth-child(2){letter-spacing:-1px}
.mountProcess.pickup .pInfoView dl{margin-right:25px}
.mountProcess.pickup &gt; ul &gt; li:nth-child(3):after{background:#fff url("../img/common/dot_01.png") repeat-y 4px 0px;}
.mountProcess.pickup &gt; ul &gt; li:nth-child(4):after{background:#fff url("../img/common/dot_01.png") repeat-y 4px 0px;}
.mountProcess.pickup &gt; ul &gt; li.on:after{background:#fff url("../img/common/dot_02.png") repeat-y 4px 0px; height:100%;}
.mountProcess.pickup &gt; ul &gt; li:nth-child(6):after{background:none}

.zipCode{height:500px;}
.zipCode .total{color:#999; padding:35px 0 10px}
.zipCode .total span{color:#333; font-weight:bold; margin-left:9px}
.zipCode .address{margin:17px 0}
.zipCode .address p:first-child{margin-bottom:13px}
.zipCode .zipNum{font-size:18px}

.introHeader{width:100%; height:195px;  text-align:center; margin:95px 0 90px; background:url("../img/common/line_01.png") repeat-x 0 180px;}
.introHeader.type02{width:100%; height:128px;  text-align:center; margin:95px 0 90px; background:url("../img/common/line_01.png") repeat-x 0 113px;}

.benefit {margin-bottom:60px}
.benefit.rental .tbl{width:835px}
.benefit dl{display:flex; padding-bottom:60px}
.benefit dl.type02{padding-bottom:40px}
.benefit dt{width:345px}
.benefit p.desc{color:#333; margin-bottom:55px}
.benefit p.view{padding-left:96px;}
.benefit p.view span{font-size:15px; font-weight:bold; padding:0 20px;}
.benefit p.view span a{margin-left:5px}
.benefit .info dd &gt; p{margin-bottom:10px; line-height:22px;}
.benefit .info dd &gt;ul li{margin-bottom:10px;}
.benefit .info dd &gt;ul li.multi{line-height:22px;}
.benefit .info dd &gt;ul li.multi em{padding-left:9px}
.benefit .info h4.first{margin:0px 0 10px}
.benefit .info h4{margin:30px 0 10px}
.benefit .notice{display:flex; line-height:25px;}
.benefit .notice p{width:127px; font-size:26px; line-height:28px; text-align:center; position:relative; top:10px}
.benefit .notice ul li{line-height:25px}
.benefit .cInfo{position:relative; top:15px; font-size:55px; font-weight:bold}
.benefit .cInfo.tel{font-family: 'Spoqa Han Sans Bold','Sans-serif';}
.benefit .cInfo span.card{position:absolute; top:-15px; margin-left:150px}
.benefit ul.cInfo{margin-top:-22px}
.benefit ul.cInfo li{font-size:18px; font-weight:normal; line-height:27px}
.benefit p.cusTit{padding-left:100px; font-size:13px; color:#801494; font-weight:bold}
.benefit p.cusSaleTit{padding-left:100px; font-size:12px; color:#9a9a9a; font-weight:bold}

.contractInfo{display:flex; justify-content:space-between;}
.contractInfo ul{display:flex;}
.contractInfo ul li{font-size:14px; font-weight:bold}
.contractInfo .customerInfo {display:flex; position:relative; top:20px}
.contractInfo .customerInfo h4{margin-right:40px; font-weight:normal; position:relative; top:10px}
.contractInfo .customerInfo ul li:first-child{margin-right:30px}
.contractInfo .customerInfo a.goView{position:relative; top:6px; margin-left:5px}
.contractInfo h3{margin-top:0}
.contractInfo p.desc{margin-bottom:0}

.noDataArea{width:100%; padding:250px 0 100px; text-align:center; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; background:url("../img/common/pop_alert_03.png") no-repeat center 100px}
.noDataArea p{font-family: 'Spoqa Han Sans Thin', 'serif'; font-size:34px}

.noDataArea.type02{margin-bottom:40px}
.noDataArea.type03{width:100%; padding:250px 0 100px; text-align:center; border-top:0; border-bottom:0; background:url("../img/common/pop_alert_03.png") no-repeat center 100px; pointer-events:none}


.itemtList1 {overflow:hidden; display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: 55px;}
.itemtList1 &gt; li {position:relative; float:left; width:355px; border:1px solid #c5c5c5;}
.itemtList1 &gt; li:hover {border:1px solid #832082;}
/* .itemtList1 &gt; li + li {margin-left:54px;}
.itemtList1 &gt; li:nth-child(3n + 4) {margin-left:0;}
.itemtList1 &gt; li:nth-child(-n + 3) {margin-top:0;}*/
.itemtList1 &gt; li &gt; a {display:block;}
.itemtList1 &gt; li .thumb {height:255px; overflow:hidden; }
.itemtList1 &gt; li .thumb1 {height:255px; position: relative; }
.itemtList1 &gt; li .thumb1 img { max-width: 150px; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.itemtList1 &gt; li .thumb img {width:100%; max-width:100%; max-height:100%; transition: 0.45s;}
.itemtList1 &gt; li .thumb img:hover {transform: scale(1.06);}
.itemtList1 &gt; li .inner {position:relative; padding:20px 24px 18px 24px; border-top:1px solid #c5c5c5;}
.itemtList1 &gt; li .inner &gt; .desc {height:48px; font-size:18px; color:#454545; line-height:24px; overflow:hidden;}
.itemtList1 &gt; li .inner &gt; .date {height:24px; margin-top:20px; padding-left:22px; background:url(../images/common/icon/icon_calendar.png) no-repeat left 3px;}
.itemtList1 &gt; li .inner &gt; .date &gt; em {display:inline-block; font-size:14px; color:#777; line-height:22px;}


.newsWrap{display:flex; width:1180px; flex-wrap:wrap}
.newsWrap .newsBox{width:380px; height:120px; background:#fff; font-weight:bold; margin-right:20px; margin-bottom:40px}
.newsWrap .newsBox:nth-child(3n){margin-right:0px;}
.newsWrap .newsBox:hover{outline:1px solid #333; cursor:pointer;  transition:.1s; -webkit-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31); -moz-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31); box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31)}
.newsWrap .newsBox dl{display:flex}
.newsWrap .newsBox dt{position:relative; width:120px; height:120px; color:#fff; text-align:center; line-height:120px;}
.newsWrap .newsBox dt .title{position:absolute; top:-1px; width:120px; height:120px; color:#fff; text-align:center; line-height:120px;}
.newsWrap .newsBox dt img{max-width:100%}
.newsWrap .newsBox dt p{width:100px; font-size:16px; position:absolute; left:0; right:0; margin:0 auto; text-decoration:underline; padding:0 0 10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.newsWrap .newsBox dd{width:240px; height:120px; padding:0 10px; align-items:center}
.newsWrap .newsBox dd p{width:240px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; line-height:120px;}
/*.newsWrap .newsBox dd p:nth-child(1){font-size:36px; padding:28px 0 10px;}
.newsWrap .newsBox dd p:nth-child(2){font-size:18px; line-height:22px;}*/
.newsWrap .newsBox dt img{width:120px;}

.newsWrap .newsBox.type02{width:580px; height:120px;}
.newsWrap .newsBox.type02:nth-child(3n){margin-right:20px;}
.newsWrap .newsBox.type02:nth-child(2n){margin-right:0px;}
.newsWrap .newsBox.type02 dd{width:440px; padding:0 10px;  line-height:20px;}
.newsWrap .newsBox.type02 dd p{width:420px; height:120px; text-align:center; padding:0 10px; display:flex; justify-content:center; align-items:center; line-height:22px}
.newsWrap .newsBox.type02 dd p:nth-child(1){font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:normal}
.newsWrap .newsBox.type02:hover{}

.eventWrap{display:flex; width:1180px; flex-wrap:wrap}
.eventWrap .eventBox{position:relative; width:380px; height:380px; background:#fff; font-weight:bold; margin-right:20px; margin-bottom:40px}
.eventWrap .eventBox.alive:hover{cursor:pointer; outline:1px solid #333; transition:.1s; -webkit-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31); -moz-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31); box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31)}
.eventWrap .eventBox.end .bannerWrap{ -webkit-filter: grayscale(1); opacity:.5;}
/* .eventWrap .eventBox.end:hover{pointer-events:none;} */
.eventWrap .eventBox.end:before{content:' '; display:block; position:absolute; background: rgba(0, 0, 0, 0.1); width:100%; height:100%;}
.eventWrap .eventBox:nth-child(3n){margin-right:0px;}
.eventWrap .eventBox i.end{position:absolute; top:-10px; left:-10px; z-index:1}
.eventWrap .bannerView{width:380px; height:290px; overflow:hidden}
.eventWrap .bannerView img{max-width:100%; height:290px; overflow:hidden}

.eventWrap .eventBox .bannerCon{padding:25px 25px 0px;  font-weight:normal;}
.eventWrap .eventBox .bannerCon p:nth-child(1){font-size:18px; line-height:18px; margin-bottom:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.eventWrap .eventBox .bannerCon p:nth-child(2){font-size:16px; color:#adadad}




.itemWrap{display:flex; width:1180px; flex-wrap:wrap}
.itemWrap .eventBox{position:relative; width:380px; height:380px; background:#fff; font-weight:bold; margin-right:20px; margin-bottom:40px}
.itemWrap .eventBox.alive:hover{cursor:pointer; outline:1px solid #333; transition:.1s; -webkit-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31); -moz-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31); box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31)}
.itemWrap .eventBox.end .bannerWrap{ -webkit-filter: grayscale(1); opacity:.5;}
/* .itemWrap .eventBox.end:hover{pointer-events:none;} */
.itemWrap .eventBox.end:before{content:' '; display:block; position:absolute; background: rgba(0, 0, 0, 0.1); width:100%; height:100%;}
.itemWrap .eventBox:nth-child(3n){margin-right:0px;}
.itemWrap .eventBox i.end{position:absolute; top:-10px; left:-10px; z-index:1}
.itemWrap .bannerView{width:380px; height:290px; overflow:hidden}
.itemWrap .bannerView img{max-width:100%; height:290px; overflow:hidden}

.itemWrap .eventBox .bannerCon{padding:25px 25px 0px;  font-weight:normal;}
.itemWrap .eventBox .bannerCon p:nth-child(1){font-size:18px; line-height:18px; margin-bottom:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.itemWrap .eventBox .bannerCon p:nth-child(2){font-size:16px; color:#adadad}



.itemWrap1{display:flex; width:1180px; flex-wrap:wrap}
.itemWrap1 .eventBox{position:relative; width:380px; height:380px; background:#fff; font-weight:bold; margin-right:20px; margin-bottom:40px}
.itemWrap1 .eventBox.alive:hover{cursor:pointer; outline:1px solid #333; transition:.1s; -webkit-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31); -moz-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31); box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31)}
.itemWrap1 .eventBox.end .bannerWrap{ -webkit-filter: grayscale(1); opacity:.5;}
/* .itemWrap .eventBox.end:hover{pointer-events:none;} */
.itemWrap1 .eventBox.end:before{content:' '; display:block; position:absolute; background: rgba(0, 0, 0, 0.1); width:100%; height:100%;}
.itemWrap1 .eventBox:nth-child(3n){margin-right:0px;}
.itemWrap1 .eventBox i.end{position:absolute; top:-10px; left:-10px; z-index:1}
.itemWrap1 .bannerView{width:380px; height:290px; overflow:hidden}
.itemWrap1 .bannerView img{max-width:100%; height:290px; overflow:hidden}

.itemWrap1 .eventBox .bannerCon{padding:25px 25px 0px;  font-weight:normal;}
.itemWrap1 .eventBox .bannerCon p:nth-child(1){font-size:18px; line-height:18px; margin-bottom:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.itemWrap1 .eventBox .bannerCon p:nth-child(2){font-size:16px; color:#adadad}

.itemWrap1 &gt; li {position:relative; float:left; width:355px; margin-top:50px; border:1px solid #c5c5c5;}
.itemWrap1 &gt; li:hover {border:1px solid #832082;}


/*  button align type */
.btnArea{display:flex; position:relative}
.btnArea.center{display:flex; justify-content:center}
.btnArea button{margin-right:10px}
.btnArea button:last-child{margin-right:0px}
.btnArea.type01{padding:40px 0 100px}
.btnArea.type02{padding-bottom:20px}
.btnArea.type03{padding:40px 0 0}
.btnArea.type05{padding-bottom:50px}
.btnArea.type06{padding:70px 0 100px}
.btnArea.type07{padding:20px 0 0}
.btnArea.type08{padding:70px 0 0px}

/* footer */
footer {  width:100%; color:#e1e1e2; background:#393c44; clear:both;  }
footer .footerWrap { height:180px; }
footer a{color:#cdcdcf;}
footer .footerWrap{position:relative; width:1180px; padding-top:30px}
footer .footerWrap .foTop{display:flex}
footer .footerWrap .foTop select{margin-right:10px}
footer .footerWrap .foMenu{display:flex; margin-bottom:10px}
footer .footerWrap .foMenu li{margin:0 10px}
footer .footerWrap .foMenu li:after{display:inline-block; content:' '; width:1px;  height:13px; background:#585a5f; position:relative; top:3px; left:10px}
footer .footerWrap .foMenu li:first-child{margin:0 10px 0 0}
footer .footerWrap .foMenu li:last-child{margin:0 70px 0 10px}
footer .footerWrap .foMenu li:last-child:after{display:inline-block; content:' '; width:1px;  height:13px; background:none;}
footer .footerWrap .foMenu li a{font-size:13px}
footer .footerWrap address{font-size:11px; color:#888a8f; line-height:19px}
footer .footerWrap .foCopyright{position:relative; font-size:12px; color:#88898d; padding-top:35px; /*text-transform:uppercase*/}
footer .footerWrap .foCopyright .foLogo{padding-right:35px;}
footer .footerWrap .foCopyright span{position:relative; top:2px;}
footer .footerWrap .foCopyright .boSnsGo{position:absolute; right:0; top:32px}
footer .footerWrap .foCopyright .boSnsGo li{float:left; margin-right:27px}
footer .footerWrap .foCopyright .boSnsGo li:last-child{margin-right:0px}
footer .footerWrap .customer{position:absolute; right:0; top:30px}
footer .footerWrap .customer ul li{text-align:right}
footer .footerWrap .customer ul li:first-child{font-size:24px; color:#fff; margin-bottom:12px}
footer .footerWrap .customer ul li:first-child span{font-size:28px; font-weight:bold}
footer .footerWrap .customer ul li:last-child{font-size:14px; color:#97989b}


/* table */
.tbl {width:100%; clear:both;}
.tbl thead th {text-align:center; font-size:14px; height:58px; line-height:58px; background:transparent; font-weight:bold; border-top:1px solid #e0e2e2; border-bottom:1px solid #999;  padding:0 10px; color:#000}
.tbl thead th.tLeft{text-align:left;}
.tbl thead th.tRight{text-align:right;}
.tbl tbody td {position:relative; text-align:left;  vertical-align:middle; background:transparent;  border-bottom:1px solid #999; padding:7px 10px 7px;}
.tbl tbody td.type02{padding:30px 10px 18px;}
.tbl tbody td.type03{padding:30px 3px 18px 0;}
.tbl tbody td.type03 .quantity{position:relative; top:-1px}
.tbl tbody td.type04{padding:30px 10px 6px;}
.tbl tbody td.type04 .rental{position:relative;}
.tbl tbody td.type04 .rental select.priceChange{position:absolute; right:-165px;  top:-15px; z-index:3500;}
.tbl tbody td.tCenter{text-align:center;}
.tbl tbody td.vTop{vertical-align:top; padding-top:52px}
.tbl tbody td.tRight{text-align:right}
.tbl tbody td.noResult{/*border-bottom:0;*/ text-align: center;padding: 50px 0; font-size: 18px; border-bottom: 1px solid #e0e2e2;}
.tbl tbody td.noResult p{color:#e51937; text-align:center; padding:128px 0 40px; font-size:60px}
.tbl tbody td.orderPrice{font-size:24px; font-weight:bold}
.tbl tbody td.installDate{font-size:14px;}
.tbl tbody td.installDate span{font-weight:bold; padding-left:5px}
.tbl tbody td.option{position:relative}
.tbl tbody td.option .optionChange{width:210px; position:absolute; top:10px; left:-68px;}
.tbl tbody td.option .quantity{float:left;margin-right:10px;margin-top: 10px;}
.tbl tbody td .quantity span:first-child{font-weight:bold}
.tbl tbody td .raWrap{padding-left:20px}
.tbl tbody td .btn button:first-child{margin-right:20px}
.tbl tbody td .btn span.info{position:relative; top:10px;  color:#dd0505; font-weight:bold}
.tbl tbody td .btn a.info{position:relative; top:10px;  color:#dd0505; font-weight:bold; text-decoration:underline}
.tbl tbody td a.deCancel{position:relative; top:0px; left:-4px}
.tbl.tHover tbody tr:hover{background:#fff; cursor:pointer; transition:.7s}





.tbl.type02 tbody tr:hover{outline:1px solid #000; cursor:pointer; transition:.1s; -webkit-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31);
-moz-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31); box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31);}

.tbl.type03 tbody td {text-align:left; font-size:16px; vertical-align:middle; background:transparent;  border-bottom:1px solid #ccc; padding:22px 10px 22px;}
.tbl.type03 tbody tr:hover{outline:1px solid #000; cursor:pointer; transition:.1s; -webkit-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31);
-moz-box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31); box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.31);}
.tbl.type03 tbody td.tCenter{text-align:center;}
.tbl.type03 tbody tr.noData:hover{outline:none; cursor:default; -webkit-box-shadow:none;}

/* table contents view */
.tbl.view{font-size:16px;}
.tbl.view thead th{font-size:16px; vertical-align:bottom; text-align:left; height:44px; line-height:44px; background:transparent url("../img/common/line_01.gif") 0 bottom repeat-x; font-weight:normal; border-top:1px solid #e0e2e2; border-bottom:0; border-right:0; padding:18px 0 18px; color:#666}
.tbl.view thead th .title p{color:#333; line-height:23px;}
.tbl.view thead th .title p:nth-child(2){font-size:22px; margin-top:7px;  font-weight:bold}
.tbl.view tbody td {text-align:left; vertical-align:middle; color:#666; background:transparent; border-bottom:1px solid #ccc; padding:20px 0 20px; line-height:26px;}
.tbl.view th.tCenter{text-align:center}
.tbl.view th.tLeft{text-align:left; padding:20px 0 20px 10px;}
.tbl.view tbody th{border-bottom:1px solid #ccc}
.tbl.view tbody th.type02{font-size:14px; font-weight:bold}
.tbl.view tbody td.type02{padding:0}
.tbl.view tbody td p{margin-bottom:15px;}
.tbl.view tbody td img{width:100%}
.tbl.view tbody tr:hover,.tbl.submit tbody tr:hover{background:none; cursor:default}
.tbl.view tbody a:hover{font-weight:bold}

.tbl.view.preNext tbody td {padding:16px 0 16px;}


.answer .tbl.view{margin-top:20px}
.answer .tbl.view thead th{border-top:0;}
.answer .tbl.view thead th .title p:nth-child(1){font-size:22px; margin-top:8px;  font-weight:bold}

.tbl.conView thead th{color:#333; text-align:center; height:58px; line-height:58px; background:transparent url("../img/common/line_01.gif") 0 bottom repeat-x; font-weight:bold; border-top:1px solid #e0e2e2; border-bottom:0; border-right:0;}
.tbl.conView thead th.tLeft{text-align:left; padding:0 0 0 18px;}
.tbl.conView thead th.tRight{text-align:right;}
.tbl.conView tbody td {text-align:left; vertical-align:middle; color:#666; background:transparent; border-bottom:1px solid #ccc; padding:17px 10px 10px 17px; line-height:26px;}
.tbl.conView tbody td.type02{border-bottom:0; padding:20px 0 0px; line-height:26px;}
.tbl.conView tbody td.type03{border-bottom:0; padding:0px 0 0px; line-height:26px;}
.tbl.conView tbody td.tCenter{text-align:center}
.tbl.conView tbody td.tLeft{padding:20px 0 20px 18px;}
.tbl.conView tbody td.tRight{text-align:right}
.tbl.conView tbody td.tCenter{text-align:center}
.tbl.conView tbody td.vTop{vertical-align:top; padding:20px 0 0 18px}
.tbl.conView tbody td.type03.vTop{vertical-align:top; border-bottom:1px solid #ccc; padding:0px 0 20px 18px;}
.tbl.conView tbody td p.type02{font-size:18px; color:#801494; font-weight:bold; }
.tbl.conView tbody tr:hover,.tbl.submit tbody tr:hover{background:none;}
.tbl.conView a.tip{position:relative}
.tbl.conView a.tip:hover{position:absolute; top:15px;  z-index:4900;}

.tbl.submit tbody tr:first-child th,.tbl.submit tbody tr:first-child td{padding:0px 0 20px 0;}
.tbl.submit tbody th{font-size:18px; text-align:left; vertical-align:middle; color:#333; min-height:60px; padding:40px 0 20px 0; font-weight:bold; border-bottom:1px solid #999;}
.tbl.submit tbody th.vTop{vertical-align:top; padding:40px 0 0px 0;}
.tbl.submit tbody th label{display:inline-block; position:relative; width:150px; background:url("../img/common/divi_05.png") right 0px no-repeat;}
.tbl.submit tbody th label span.essen:after{position:absolute; right:0; top:-18px;}
.tbl.submit tbody th em{font-size:12px; color:#999}
.tbl.submit tbody td{position:relative; font-size:18px; text-align:left; padding:40px 0 20px 20px;  border-bottom:1px solid #999; background:transparent;}
.tbl.submit tbody td.type02{padding:30px 0 0px 20px;}
.tbl.submit tbody td.type03{padding:30px 0 20px 20px;}
.tbl.submit tbody td input.type03{height:35px; line-height:35px; padding:0 20px 0 0px;}
.tbl.submit tbody td p{padding-left:20px}
.tbl.submit tbody td p.type02{padding-left:0px}
.tbl.submit tbody td textarea{padding:0 19px 19px 0}
.tbl.submit tbody td.file{position:relative}
.tbl.submit tbody td.file .validation{position:absolute; top:32px; left:-150px;}

.essen:after{content:""; display:inline-block; background:url("../img/common/essen.png") right 16px no-repeat; position:absolute; right:0; top:6px; width:150px; height:50px;}
.essen.black:after{background:url("../img/common/essen_02.png") right 18px no-repeat;}

.noRegister{text-align:center; line-height:50px; margin-top:196px;}
.noRegister p:first-child{font-size:60px; color:#e51937; height:54px;} 
.noRegister p.sTxt{color:#333; font-size:18px; margin:45px 0 55px; text-transform:uppercase} 

.errorWrap{text-align:center; line-height:50px; margin-top:196px;}
.errorWrap p.errName{font-size:60px; color:#e51937; line-height:79px;} 
.errorWrap p.errName span{font-family:Helvetica Neue,Helvetica,Arial,sans-serif; font-weight:bold; display:block} 
.errorWrap p.sTxt{color:#333; font-size:20px; margin:30px 0 50px; line-height:30px;}

/* 전문점 찾기 - 핀 있을 경우 */
.mapInfoBox .serResult_01 .storeList ul &gt; li.tit{ position: relative; padding-left: 26px; cursor: pointer; }
.mapInfoBox .serResult_01 .storeList ul &gt; li.tit &gt; b::before { position: absolute; content:""; left:-4px; width:22px; height:34px; top:-4px; /*transform: translateY(-60%);*/ background: var(--ic-pin) no-repeat 100%/22px auto; cursor: pointer; }
/* .mapInfoBox.type02 .serResult_01 .storeList ul &gt; li.tit &gt; b::before { transform: translateY(-60%); } */

/* 전문점 찾기 별도 엑스 버튼 */
.popupWrap a.layPopClose.type02 { right:30px; top:30px; width:40px; height:40px; background: var(--ic-close-off) no-repeat 100%/40px auto; }
.popupWrap a.layPopClose.type02:hover { background: var(--ic-close-on) no-repeat 100%/40px auto; }
.mapInfoBox .mapInfoTop{background:#fff;}
.mapInfoBox .mapInfoBottomRental{background:#fff; height:390px;}

/*s:20241206 */
/** 전문점 찾기 팝업 **/
.mapInfoBox{position:absolute; right:0; top:0px; width:440px; height:800px;  z-index:1900; background:#fff;}
.mapInfoBox .searchArea{padding:40px 30px 0 30px;}
.mapInfoBox .searchArea .tit { font-size:20px;  }
.mapInfoBox .searchArea h3{ margin-top:0; margin-bottom:15px; font-size:30px; }
.mapInfoBox .searchArea h3.type08:after { content:none; }/*기존 스타일 적용 x*/
.mapInfoBox .searchArea p.allView{font-size:16px;font-weight:bold;position:relative;top:18px;} /*??*/
/* 폼 */
.mapInfoBox .searchArea ul li{ display: flex; align-items: center; position: relative;height:60px;line-height:60px;border-bottom:1px solid #999;}
.mapInfoBox .searchArea ul li select.type04 { font-size:18px; }
.mapInfoBox .searchArea ul li input.type08 { padding:0 20px 0 0; }
/* 버튼 */
.mapInfoBox .btn-wrap { display:flex; gap:5px; margin-top: 25px; }
.mapInfoBox .btn { width:100%; line-height:45px; font-size:16px; border-radius: 3px; }
.mapInfoBox .btn.img { background-color: transparent !important; color: transparent !important; }
.mapInfoBox .btn.btn-view { max-width:135px; border:1px solid #832082; color:#832082; }
.mapInfoBox .btn.btn-search { background-color:#832082; color:#FFFFFF; }
.mapInfoBox .btn.btn-search.img { position: absolute; right:10px; bottom:0; transform: translateY(-50%); width:23px; height:23px; background-image: var(--ic-search); background-repeat: no-repeat; background-size: 23px; }
/* toolbar */
.mapInfoBox .totalBar { display:flex; justify-content: space-between; height:59px; line-height:59px; padding:0 30px; }
.mapInfoBox .totalBar &gt; .total { font-size:14px; }
.mapInfoBox .totalBar &gt; .total .num { position:relative; margin-left:10px; padding-left:10px; font-weight: 600; }
.mapInfoBox .totalBar &gt; .total .num:before { content:""; position:absolute; left:0; width:1px; height:10px; top:49%; transform:translateY(-50%); background:#111111; }
.mapInfoBox .totalBar &gt; .total span { color:#333333; font-weight: 500; }
.mapInfoBox .totalBar &gt; .orderListBtn {position:relative; top:25px; left:0; }
/* 페이지네이션 */
.mapInfoBox .pagingFooter { height:52px; padding:20px; background: #fff; }
.mapInfoBox .pagingFooter .paging { margin:0px; padding-bottom:20px; }
/* 하단 컨텐츠 */
.mapInfoBox .mapInfoBottom { background:#fff; height:412px; }
.mapInfoBox .scrollBox.type04 { margin-right:0; padding-right:0; height: 450px; }
/* 하단 컨텐츠- 리스트 */
.mapInfoBox .serResult_01{ height:1060px; padding:0px 20px 0px 30px;}
.mapInfoBox .serResult_01 ul &gt; li.storeItem + li { margin-top:13px; }
.mapInfoBox .serResult_01 .storeList {/*border-bottom:1px solid #999;*/ padding:20px 15px; border:1px solid var(--border-color); border-radius: 5px; }
.mapInfoBox .serResult_01 .icoArea.ic-recom { display:inline-block; padding:8px 8px 8px 32px; font-size:14px; font-weight: 500; }
.mapInfoBox .serResult_01 .icoArea.ic-recom::before { width:22px; height:20px; top:47%; left:6px; background:var(--ic-recommend) no-repeat 100%/22px auto; }
.mapInfoBox .serResult_01 .storeList ul  { display:flex; flex-direction: column; align-items: flex-start; }
.mapInfoBox .serResult_01 .storeList ul &gt; li + li.tit { margin-top:15px; }
.mapInfoBox .serResult_01 .storeList ul &gt; li.tit { padding-left:20px; font-size:18px; font-weight:600; color:var(--sub-2-color); line-height: 1.5; }
.mapInfoBox .serResult_01 .storeList ul &gt; li.tit &gt; b { padding-right:10px; }
.mapInfoBox .serResult_01 .storeList ul &gt; li.tit .score { display: inline-block; }
.mapInfoBox .serResult_01 .storeList ul &gt; li.tit .num { font-size: 13px; font-weight: 600; color:var(--txt-color);}
.mapInfoBox .serResult_01 .storeList ul &gt; li.tit .num &gt; img { margin:0 3px 3px 0; width:12px; height:11px; }
.mapInfoBox .serResult_01 .storeList ul &gt; li.tit .num.all-num { padding-left:10px; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; }
.mapInfoBox .serResult_01 .storeList ul &gt; li.txt { margin-top:5px; padding-left:20px; line-height: 1.5; }
.mapInfoBox .serResult_01 .storeList .btn-wrap { margin-top:13px; gap:7px; }
.mapInfoBox .serResult_01 .storeList .mStateIcon { margin-top:13px; }
.mapInfoBox .serResult_01 .storeList .mStateIcon &gt; .state { margin:0; padding-right:0px; }
.mapInfoBox .serResult_01 .storeList .mStateIcon &gt; .state &gt; img { width:48px; height:auto; }

.mapInfoBox .serResult_01 .storeList .btn-wrap:has(.btn-box) { display:flex; flex-direction: column; }
.mapInfoBox .serResult_01 .storeList .btn-wrap .btn-box { display:flex; gap:5px; }

/** 전문점 찾기 **/
.mapInfoBox.type02 {position:absolute; right:0; top:0px; width:440px; height:800px; z-index:1900; }
.mapInfoBox.type02 { width:440px; height:800px; top: -86px; left:0; margin-top:172px; bottom:0; }
/* .mapInfoBox.type02 .searchArea .tit { font-size:20px;  } */
.mapInfoBox.type02 .searchArea{padding:40px 40px 0 40px;}
.mapInfoBox.type02 .searchArea h3{ margin-top:15px; margin-bottom:20px; /*font-size:30px;*/ }
.mapInfoBox.type02 .searchArea h3.type08:after { content:none; }/*기존 스타일 적용 x*/
/* 폼 */
/* .mapInfoBox.type02 .searchArea ul li{display: flex;  position: relative;  align-items: center; height:60px;line-height:60px;border-bottom:1px solid #999;} */
/* .mapInfoBox.type02 .searchArea ul li select.type04 { font-size:18px; } */
.mapInfoBox.type02 .searchArea ul li input.type08 { padding:0 27px 0 0; }
/* 버튼 */
/* .mapInfoBox.type02 .btn-wrap { display:flex; gap:5px; margin-top: 25px; } */
.mapInfoBox.type02 .btn { width:100%; line-height:45px; font-size:16px; border-radius: 3px; }
.mapInfoBox.type02 .btn.img { background-color: transparent !important; color: transparent !important; }
/* .mapInfoBox.type02 .btn.btn-view { max-width:135px; border:1px solid #832082; color:#832082; } */
/* .mapInfoBox.type02 .btn.btn-search { background-color:#832082; color:#FFFFFF; } */
/* .mapInfoBox.type02 .btn.btn-search.img { position: absolute; right:10px; bottom:0; transform: translateY(-50%); width:23px; height:23px; background-image: var(--ic-search); background-repeat: no-repeat; background-size: 23px; } */
/* toolbar */
.mapInfoBox.type02 .totalBar { padding:0 40px; }
.mapInfoBox.type02 .totalBar &gt; .total { font-size:18px; }
/* .mapInfoBox.type02 .totalBar &gt; .total .num { position:relative; margin-left:10px; padding-left:10px; font-weight: 600; } */
/* .mapInfoBox.type02 .totalBar &gt; .total .num:before { content:""; position:absolute; left:0; width:1px; height:10px; top:49%; transform:translateY(-50%); background:#111111; } */
/* .mapInfoBox.type02 .totalBar &gt; .total span { color:#333333; font-weight: 500; } */
/* 페이지네이션 */
.mapInfoBox.type02 .pagingFooter { height:52px; background: #fff;  padding:20px;  }
.mapInfoBox.type02 .pagingFooter .paging { margin:0;}
/* 하단 컨텐츠 */
.mapInfoBox.type02 .mapInfoBottom { background:#fff; height:448px; overflow: auto; }
.mapInfoBox.type02 .scrollBox.type04 { height: 320px; }
/* 하단 컨텐츠- 리스트 */
.mapInfoBox.type02 .serResult_01{/*height:1060px;*/ padding:0px 40px}
.mapInfoBox.type02 .serResult_01 &gt; ul { padding-bottom:100px; }
/* .mapInfoBox.type02 .serResult_01 &gt; ul &gt; li.storeItem + li { margin-top:13px; } */
/* .mapInfoBox.type02 .serResult_01 .storeList { padding:20px 15px; border:1px solid var(--border-color); border-radius: 5px; } */
/* .mapInfoBox.type02 .serResult_01 .icoArea.ic-recom { display:inline-block; padding:8px 8px 8px 32px; font-size:14px; font-weight: 500; } */
/* .mapInfoBox.type02 .serResult_01 .icoArea.ic-recom::before { width:22px; height:20px; top:47%; left:6px; background:var(--ic-recommend) no-repeat 100%/22px auto; } */
/* .mapInfoBox.type02 .serResult_01 .storeList ul &gt; li + li.tit { margin-top:15px; } */
/* .mapInfoBox.type02 .serResult_01 .storeList ul &gt; li.tit { font-size:18px; } */
/* .mapInfoBox.type02 .serResult_01 .storeList ul &gt; li.tit &gt; b { padding-right: 10px; } */
/* .mapInfoBox.type02 .serResult_01 .storeList ul &gt; li.tit  .score { display: inline-block; } */
/* .mapInfoBox.type02 .serResult_01 .storeList ul &gt; li.tit  .num { font-size: 13px; font-weight: 600; color:var(--txt-color);} */
/* .mapInfoBox.type02 .serResult_01 .storeList ul &gt; li.tit  .num &gt; img { margin:0 3px 3px 0; width:12px; height:11px; } */
/* .mapInfoBox.type02 .serResult_01 .storeList ul &gt; li.tit  .num.all-num { padding-left:10px; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; } */
/* .mapInfoBox.type02 .serResult_01 .storeList ul &gt; li.txt { margin-top:5px; } */
/* .mapInfoBox.type02 .serResult_01 .storeList .btn-wrap { margin-top:13px; gap:7px; } */
/* .mapInfoBox.type02 .serResult_01 .storeList .mStateIcon { margin-top:13px; } */
/* .mapInfoBox.type02 .serResult_01 .storeList .mStateIcon &gt; .state { margin:0; padding-right:0px; } */
.mapInfoBox.type02 .serResult_01 .storeList .mStateIcon &gt; .state &gt; img { width:45px; /*height:auto; */}
/*e:20241206 */

.mapView{position:relative; overflow:hidden; background:#EFEFEF;}
.mapArea{width:100%; height:1000px; overflow:hidden}
.mapAreaWrap{display:flex; justify-content:space-between;  height:352px}
.mapAreaWrap .mapView{width:879px;}
.mapSlider {overflow:hidden}
.mapSlider ul li{margin-bottom:1px}
.serResult{height:320px; padding:0px 0 20px 25px}
.serResult .storeList{border-bottom:1px solid #999; padding:10px 0 20px 10px;}
.conWrap .mStateIcon{line-height:20px; height:50px; position:relative; top:-10px;}
.mStateIcon {display:flex; }
.mStateIcon .state{margin:15px 0 12px; padding-right:10px;}
.mStateIcon span{display:block; margin-top:4px; text-align:center; font-size:14px; }

/* popup */
.alertBox{display:none; position:absolute; top:600px; left:50%; width:430px; padding:35px; background:#000; font-size:20px; color:#fff; text-align:center; opacity:.5; border-radius:150px 150px; transform:translate(-50%, 0)}

/* layer popup */
.popupWrap{width:576px; padding:34px 40px 50px;  background:#fff; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); -moz-box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); z-index:6000;}
.popupWrap.noPd{padding:0;}
.popupWrap a.layPopClose{position:absolute; right:20px; top:20px; z-index:2500; width:30px; height:30px; background-position:-69px -68px; }
.popupWrap header{width:80%; height:60px; line-height:60px; border-bottom:4px solid #832082; }
.popupWrap header.type02{width:50%;  padding-bottom:10px /*height:75px; line-height:75px;*/}
.popupWrap header.type03{width:50%; margin-bottom:20px}
.popupWrap header.type03 .icoArea{position:relative; top:-2px; left:10px;}
.popupWrap header.noLine{border-bottom:0}
/* s:20241206   */
.popupWrap header h2{width:100%; font-size:35px; font-weight:600; font-family: "Spoqa Han Sans","NanumBarunGothic";  color:#832082;}
/* e:20241206   */
.popupWrap header a.layPopClose{position:absolute; right:40px; top:40px}
.popupWrap .popContent{position:relative}
.popupWrap .popContents.type02{padding:40px 0 0}
.popupWrap .popContents.type03{padding:40px 0 30px}
.popupWrap .popContents .alertView p.desc{color:#333; font-size:18px; line-height:24px; text-align:center; padding:50px 0 44px; white-space:keep-all}
.popupWrap .popContents .alertView p.desc.type02{padding:50px 0 25px;}
.popupWrap .popContents .alertView .resultView{font-size:80px; text-align:center; padding:0px 0 100px; font-family:'Helvetica Neue,Helvetica', 'Arial,sans-serif'; font-weight:bold; letter-spacing:-2px}
.popupWrap .popContents .alertView .resultView.alert{height:65px; background:url("../img/common/pop_alert_01.png") no-repeat center 0;}
.popupWrap .popContents .alertView .resultView.alert02{height:65px; background:url("../img/common/pop_alert_02.png") no-repeat center 0;}
.popupWrap .popContents .descState{height:120px; text-align:center; margin-top:60px}
.popupWrap .popContents .searchResult{display:flex}
.popupWrap .popContents .searchResult .infoView ul{padding:20px 0 0 40px}
.popupWrap .popContents .searchResult .productView{width:504px; height:228px; overflow:hidden;}
.popupWrap .popContents .searchResult .productView img{max-width:100%; height:auto;}
.popupWrap .tbl tbody td{font-size:14px}
.popupWrap .tbl.submit{margin-top:50px}
.popupWrap .tbl.submit tbody td{font-size:18px}searchResult
.popupWrap .tbl.submit tbody td .address{position:relative; top:-5px}
.popupWrap .tbl.submit tbody td .address span.addTit{display:block;  font-size:14px; font-weight:bold}
.popupWrap .tbl.submit tbody td .address ul li{line-height:24px; margin-bottom:20px}


.popupWrap.type02{width:1080px; height:314px; padding:34px 50px 50px}
.popupWrap.type02 header{width:75%;/*width:652px;*/}
.popupWrap.type02 header.type02{width:520px;}
.popupWrap.type02 header a.size{position:absolute; top:50px; right:120px; width:145px; height:27px; background:url("../img/product/size_btn.png") no-repeat 0 0; z-index:4700;}
.popupWrap.type02 header button{position:relative; top:18px}

.popupWrap.type03{width:650px; height:650px;  padding:34px 50px 20px}
.popupWrap.type04{width:1080px; height:auto; padding:34px 40px 50px; /*height:650px;*/ }
.popupWrap.type05{width:650px; height:830px; padding:34px 50px 20px}
.popupWrap.type06{width:450px;}
.popupWrap.type07{width:650px; height:auto;}
.popupWrap.type08{width:800px; height:auto; padding:34px 40px 20px;}


.popupWrapGall{width:auto; height:auto; padding:30px 40px 40px; background:#fff; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); -moz-box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); z-index:6000;}
.popupWrapGall header{position:relative; height:60px; line-height:60px; border-bottom:4px solid #832082; margin-bottom:20px}
.popupWrapGall header h2{width:100%; font-size:35px; font-family: "NanumBarunGothicBold";  color:#832082;}
.popupWrapGall header a.gallPopClose{position:absolute; right:0px; top:5px; z-index:2500}
.popupWrapGall .popContents{text-align:center;}
.popupWrapGall .popContents .gallery{overflow:hidden; width:1000px; height:550px;}
.popupWrapGall .popContents .gallery img{max-width:100%}


.popupWrap.map{width:1280px; height:900px; padding:0px}
.popupWrap.hAuto{width:650px; height:auto; padding:34px 50px 40px}

.popupWrap .popTerms{margin:38px 0 25px}
.popupWrap .popTerms .terms{height:70px; background:#f3f3f3; padding:20px 30px; color:#666; line-height:24px; margin-top:20px; overflow-y:auto}

.popupWrap .customerRental .custInfo #sel1{width:214px;}
.popupWrap .customerRental .custInfo #sel5{width:214px;}
.popupWrap .customerRental .custInfo .selBox{width:215px;}

.popupWrap .selBox ul li input[type="radio"].type06 + label{margin-right:30px;}


.cApply{width:100%; margin-top:42px}
.cApply ul li{font-size:24px; line-height:40px; text-align:center; font-weight:bold}
.cApply ul li span{margin:0 10px}

.total{color:#666;}
.total span{color:#333; font-weight:bold; margin-left:5px}
.total.type02{color:#999; padding:33px 0 33px; font-weight:bold}
.total.type03{padding:33px 0 10px;}
.total.type04{padding:0 0 10px;}

.infoView{width:480px}
.infoView ul li{height:52px; line-height:52px;}
.infoView ul li span.tit{width:150px; font-size:18px; font-weight:bold; position:relative}
.infoView ul li span.tit:after{display:inline-block; content:' '; background:#ccc; width:1px ; height:20px; position:absolute; right:0; top:16px;}
.infoView ul li span.info:after{display:inline-block; content:' '; background:#ccc; width:1px ; height:20px; position:relative; top:5px; left:12px}
.infoView ul li span:last-child:after{display:none;}
.infoView ul li span.info{font-size:16px; padding:0 10px}


.carSelect{width:900px; margin:0 auto; padding:55px 0 0}
.carSelect li{float:left; margin-right:80px;}
.carSelect li:last-child{margin-right:0px}

.serviceIntro{display:flex; width:100%}
.serviceIntro span.num{font-family: 'Spoqa Han Sans Bold','Sans-serif'; font-weight:bold;  color:#e0e2e2; font-size:64px; letter-spacing:-1px}
.serviceIntro h3{font-family: 'Spoqa Han Sans Light','Sans-serif'; color:#333; font-size:26px; line-height:34px; margin-bottom:10px}
.serviceIntro h3:after{display:inline-block; content:' '; background:#333; width:40px; height:2px; margin-left:10px}
.serviceIntro dl{width:100%}
.serviceIntro dt{float:left; margin-right:20px}
.serviceIntro dd p{padding-left:100px;  line-height:24px}

.serviceIntro.type02{margin-bottom:60px}
.serviceIntro.type03{margin-bottom:40px}

.numTitle{display:flex; width:345px; margin-top:-4px}
.numTitle span.num{font-family: 'Spoqa Han Sans Bold','Sans-serif'; font-weight:bold;  color:#e0e2e2; font-size:64px; letter-spacing:-1px; margin-right:25px}
.numTitle h3{font-family: 'Spoqa Han Sans Light','Sans-serif'; color:#333; font-size:26px; line-height:34px; margin-bottom:10px}
.numTitle h3:after{display:inline-block; content:' '; background:#333; width:40px; height:2px; margin-left:10px}


.scrollBoxWrap &gt; .os-scrollbar {padding:0;}
.scrollBoxWrap &gt; .os-scrollbar-horizontal {right:20px; height:20px;}
.scrollBoxWrap &gt; .os-scrollbar-vertical {bottom:20px; width:20px;}
.scrollBoxWrap.os-host-rtl &gt; .os-scrollbar-horizontal {left:20px; right:0;}
.scrollBoxWrap &gt; .os-scrollbar-corner {height:20px; width:20px; background-color: transparent;}
.scrollBoxWrap &gt; .os-scrollbar &gt; .os-scrollbar-track {background:transparent}
.scrollBoxWrap &gt; .os-scrollbar-horizontal &gt; .os-scrollbar-track:before,
.scrollBoxWrap &gt; .os-scrollbar-vertical &gt; .os-scrollbar-track:before {content: ''; display:block; position:absolute; background: rgba(0, 0, 0, 0.15);}
.scrollBoxWrap &gt; .os-scrollbar-horizontal &gt; .os-scrollbar-track:before {left:2px; right:3px; height:2px; top:50%; margin-top:-1px}
.scrollBoxWrap &gt; .os-scrollbar-vertical &gt; .os-scrollbar-track:before {top:3px; bottom:3px; width:1px; left:50%; margin-left:-1px}
.scrollBoxWrap &gt; .os-scrollbar &gt; .os-scrollbar-track &gt; .os-scrollbar-handle {background:transparent}
.scrollBoxWrap &gt; .os-scrollbar &gt; .os-scrollbar-track &gt; .os-scrollbar-handle:before {content: ''; display:block; position:absolute; width:20px; height:41px; background:url("../img/common/scrollbar_ico.png") no-repeat 0 5px; top:0px; bottom:-13px; left:0px; right:3px; }
.scrollBoxWrap &gt; .os-scrollbar-horizontal &gt; .os-scrollbar-track &gt; .os-scrollbar-handle {height:100%;  min-width:20px;  max-width:20px;}
.scrollBoxWrap &gt; .os-scrollbar-vertical &gt; .os-scrollbar-track &gt; .os-scrollbar-handle {width:100%; min-height:41px; max-height:41px;}

.scrollBox{height:180px; padding:38px 0 38px 25px; overflow-x:hidden; overflow-y:auto}
.scrollBox.type02{height:345px; padding:10px 25px 38px 0px; overflow-x:hidden; overflow-y:auto; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.scrollBox.type03{height:500px; padding:0px 25px 0 0; overflow-x:hidden; overflow-y:auto; border-top:0; border-bottom:0}
.scrollBox.type04{height:540px; padding:0px 20px 0 0; overflow-x:hidden; overflow-y:auto; border-top:0; border-bottom:0; margin-right:12px}
.scrollBox.type0401{height:340px; padding:0px 20px 0 0; overflow-x:hidden; overflow-y:auto; border-top:0; border-bottom:0; margin-right:12px}
.scrollBox.type05{height:655px; padding:0px 20px 0 0; overflow-x:hidden; overflow-y:auto; border-top:0; border-bottom:0; margin-right:12px}
.scrollBox.type06{height:655px; padding:0px 25px 0 0; overflow-x:hidden; overflow-y:auto; border-top:0; border-bottom:0}

.sBoxAll{display:flex; height:200px; margin-top:20px} 
.sBoxAll .sLeft,.sBoxAll .sRight{width:500px; height:160px; padding:20px; border:1px solid #eee; overflow-y:auto}
.sBoxAll .sLeft{margin-right:20px;}

.sizeSelectView{position:absolute; top:58px;  left:160px; font-size:18px;  border-left:1px solid #ccc }
.sizeSelectView ul{display:flex;}
.sizeSelectView ul li{position:relative; padding:0 42px 0 18px}
.sizeSelectView ul li:after{display:inline-block; content:' '; background:url("../img/common/ico_04.png") no-repeat 0 0; width:26px; height:26px; position:absolute; right:0px; top:-4px}
.sizeSelectView ul li:last-child:after{background:none}
.sizeSelectView span{font-size:24px; position:relative; top:3px}

.mSizeSelectView{position:absolute; top:58px; left:200px; font-size:20px;  border-left:1px solid #ccc}
.mSizeSelectView p{padding-left:20px}

.sizeSelect li{float:left; margin-bottom:22px;}
.sizeSelect:last-child{margin-bottom:0px;} 

.sizeSelect.type01{height:38px;}
.sizeSelect.type02{height:184px; margin-bottom:60px;}

.rentalServieView{position:absolute; top:34px; left:330px; font-size:24px;}
.rentalServieView:before{display:inline-block; content:' '; background:#ccc; width:1px; height:20px;}
.rentalServieView span{padding-left:10px}

.numberSearch{width:520px; height:56px; position:absolute; top:45px;  left:50px; border-bottom:4px solid #832082}
.numberSearch label{font-size:35px; color:#832082; font-weight:bold; letter-spacing:-2px}
.numberSearch input{width:300px; margin-top:-14px}
.numberSearch label:after{display:inline-block; content:' '; background:#ccc; width:1px ; height:20px; margin-left:42px}
.numberSearch a.searchBtn{position:relative; top:7px}

.numberSearch.type02{}
.numberSearch.type02 label:after{display:inline-block; content:' '; background:#ccc; width:1px ; height:20px; margin-left:20px}
.numberSearch.type02 input{width:250px; padding:0 20px 0 10px; margin-top:-14px}

.numberSearch.type03{width:580px;}
.numberSearch.type03 .raWrap{display:inline-block}
.numberSearch.type03 .raWrap label:after{background:none;}
.numberSearch.type03 label:after{margin-left:20px;}
.numberSearch.type03 input{width:165px; margin-top:-8px}
.numberSearch.type03 input[type="radio"].type06 + label{margin:0 -22px 0 15px}
.numberSearch.type03 input[type="radio"].type06 + label span{position:relative; top:-5px;}

.numberSearch.type04{border-bottom:0}

/* terms popup */
.termsPopup{width:1100px; height:513px; padding:37px 40px 0 50px;  background:#fff; position:absolute; top:470px; left:50%; transform:translate(-50%,-50%); -webkit-box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); -moz-box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); z-index:6000}
.termsPopup header{height:60px; line-height:60px;}
.termsPopup header:after{display:inline-block; content:''; background:#832082; width:500px; height:4px; position:absolute;}
.termsPopup header h2{position:relative; width:100%; font-size:35px; font-family: "NanumBarunGothicBold";  color:#832082;}
.termsPopup header h2 a.layPopClose{position:absolute; right:0px; top:10px}
.termsPopup header.type02:after{width:650px;}
.termsPopup .termsBox{height:530px; background:#f3f3f3; margin-top:50px; padding:30px; overflow-y:auto}
.termsPopup .termsBox.type02{height:470px; background:#fff; padding:0px;}
.termsPopup .termsBox.type03{height:330px; background:#fff; padding:0px;}
.termsPopup .termsBox.type04{height:210px; background:#fff; padding:0px;}
.termsPopup .termsBox .tbl{font-size:15px}


/* 약관내용 */
.agreementCont {word-break:keep-all; margin-bottom:50px}
.agreementCont &gt; h3 {font-weight:500; font-size:20px; color:#353535;}
.agreementCont.type02&gt; h3 {margin-top:35px;}
.agreementCont &gt; h3 + h4 {margin-top:30px;}
.agreementCont &gt; h3 + p {margin-top:33px;}
.agreementCont &gt; h4 {font-weight:bold; font-size:16px; color:#454545;}
.agreementCont &gt; h4 + p {margin-top:5px;}
.agreementCont h4 + .cNumber {margin-top:8px;}
.agreementCont p {font-weight:400; font-size:15px; color:#666; line-height:24px;}
.agreementCont p + h3 {margin-top:32px;}
.agreementCont p + h4 {margin-top:32px;}
.agreementCont p + p {margin-top:30px;}
.agreementCont p + .cNumber {margin-top:24px;}
.agreementCont p + .number {padding-left:35px;}
.agreementCont .cNumber + h4 {margin-top:32px;}
.agreementCont .cNumber + p {margin-top:24px;}
.agreementCont .cNumber + h3 {margin-top:32px;}
.agreementCont .number + h4 {margin:30px 0 0 10px;}
.agreementCont li{color:#666; line-height:24px;}
.agreementCont li .number{margin:20px 0 20px 20px}

.agreementCont.privacy {}
.agreementCont.privacy &gt; h3{border-top:1px solid #cdcdcd; padding-top:20px; margin-top:20px;}
.agreementCont.privacy &gt; h3 + p {margin-top:20px;}
.agreementCont.privacy &gt; h4 {font-weight:500; font-size:22px; color:#353535;}
.agreementCont.privacy &gt; h4 + p {margin-top:10px;}
.agreementCont.privacy &gt; h4 + .termsList {margin-top:36px;}
.agreementCont.privacy &gt; p + .privacyLink {margin-top:25px; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd}
.agreementCont.privacy &gt; p + .termsList {margin-top:33px;}
.agreementCont.privacy &gt; p.etc {font-weight:500; font-size:16px; color:#454545;}
.agreementCont.privacy .table {margin-top:5px;}
.agreementCont.privacy .table td * {font-weight:inherit; font-size:inherit; color:inherit;}
.agreementCont.privacy p &gt; * {font-weight:inherit; font-size:inherit; color:inherit;}

.privacyLink {overflow:hidden;}
.privacyLink &gt; ol {float:left; width:480px; padding:25px 0 20px 0px;}
.privacyLink &gt; ol + ol {margin-left:40px;}
.privacyLink &gt; ol &gt; li a {font-weight:400; font-size:16px; color:#353535; line-height:20px;}
.privacyLink &gt; ol &gt; li + li {margin-top:16px;}
.privacyLink + h4 {margin-top:62px;}

.termsList {}
.termsList + .termsList {margin-top:26px;}
.termsList &gt; dt {font-weight:500; font-size:16px; color:#454545; line-height:30px; text-indent:-24px; margin-left:24px;}
.termsList &gt; dd {font-weight:400; font-size:15px; color:#666; line-height:24px;}
.termsList &gt; dd &gt; a {font-weight:400; font-size:15px; color:#666; line-height:24px;}
.termsList &gt; dd &gt; p {margin-top:7px;}
.termsList &gt; dd &gt; .numList1 {margin-top:10px;}
.termsList + h4 {margin-top:26px;}

.termsList2 {margin:5px 0 0 20px;}
.termsList2 &gt; li {font-weight:400; font-size:15px; color:#666; line-height:23px; text-indent:-17px; margin-left:17px;}
.termsList2 &gt; li .cNumber {margin:20px}
.termsList2 &gt; li .cNumber &gt; li{margin-bottom:20px;}

.termsList3 &gt; li {position:relative; padding-left:9px; margin:0; text-indent:0; font-weight:400; font-size:15px; color:#666; line-height:24px;}
.termsList3 &gt; li:before {content:''; position:absolute; top:12px; left:0; width:4px; border-bottom:1px solid #666;}

.date_list {margin-top:36px;}
.date_list &gt; li {font-weight:500; font-size:16px; color:#454545; line-height:24px;}
.date_list &gt; li + li {margin-top:6px;}


.num &gt; li {position:relative; padding-left:20px; line-height:22px;}
.num &gt; li::after {position: absolute; left: 0; top:-2px;}
.num &gt; li:nth-child(1)::after {content: '①';}
.num &gt; li:nth-child(2)::after {content: '②';}
.num &gt; li:nth-child(3)::after {content: '③';}
.num &gt; li:nth-child(4)::after {content: '④';}
.num &gt; li:nth-child(5)::after {content: '⑤';}
.num &gt; li:nth-child(6)::after {content: '⑥';}
.num &gt; li:nth-child(7)::after {content: '⑦';}
.num2 {padding-left: 20px;}
.num2 &gt; li {list-style: decimal; line-height:22px;}

.quantity span.circle02{margin:0 10px}
.quantity a.qMinus{position:relative; top:5px}


/* title + search */
.titleSearch{display:flex; justify-content:space-between; padding:48px 0 30px}
.titleSearch .carNumber{position:relative; top:10px}

/* title + text */
.titleDesc{position:relative}
.titleDesc p{color:#e8e3de; font-size:14px; padding:17px 0 54px; line-height:20px}
.titleDesc.type02 p,.titleDesc.type03 p,.titleDesc.type04 p,.titleDesc.type05 p,.titleDesc.type06 p{color:#333; font-size:14px;}
.titleDesc.type02 {margin-top:67px}
.titleDesc.type02 p{padding:16px 0 38px}
.titleDesc.type03 {margin-top:57px}
.titleDesc.type04 p{margin-top:0px; padding:16px 0 34px}
.titleDesc.type05 {margin-top:88px}
.titleDesc.type05 p{margin-top:0px; padding:20px 0 25px}
.titleDesc.type06 p{margin-top:0px; padding:0px 0 38px}
.titleDesc .btn{position:absolute; right:0; top:40px}


p.desc{padding:20px 0 0; color:#999}
p.desc.type01{padding:10px 0 27px; color:#9f9f9f; font-size:14px; line-height:22px}
p.desc.type02{padding:20px 0 0; color:#fff; line-height:24px; font-size:16px; letter-spacing:-.3px}
p.desc.type03{padding:30px 0 38px; color:#333; line-height:24px; font-size:26px; letter-spacing:-.3px;}
p.desc.type03 span{position:relative}
p.desc.type03 span:after{display:inline-block; content:''; position:absolute; right:-48px; top:18px; width:40px; height:2px; background:#333;}
p.desc.type04{padding:20px 0; color:#999; line-height:24px; font-size:14px; letter-spacing:-.3px; text-align:center}
p.desc.type05{padding:0px 0 60px; line-height:24px; font-size:14px; letter-spacing:-.3px;}
p.desc.type06{line-height:24px; font-size:14px; letter-spacing:-.3px; text-align:right; font-weight:normal;}
p.desc.type07{padding:20px 0 26px; color:#9f9f9f; font-size:14px; line-height:22px}
p.desc.type08{padding:5px 0 33px; color:#333; font-size:14px; line-height:22px; font-weight:normal;}
p.desc.type09{padding:5px 0 18px; color:#333; font-size:14px; line-height:22px; font-weight:normal;}
p.desc.type10{padding:18px 0 0px; color:#9f9f9f; font-size:14px; line-height:25px; letter-spacing:-.9px}
p.desc.type11{padding:85px 0 0; color:#fff; line-height:35px; font-size:16px; letter-spacing:-.3px}
p.desc.type11 em{display:block; font-size:24px;  line-height:40px; font-weight:bold}
p.desc.type12{padding:10px 0 50px; color:#9f9f9f; font-size:14px; line-height:22px}
p.desc.type13{padding:30px 0 4px; color:#333; line-height:35px; font-size:26px; letter-spacing:-.3px;}
p.desc.type13 span{position:relative}
p.desc.type13 span:after{display:inline-block; content:''; position:absolute; /*right:-48px;*/ bottom:10px; width:40px; height:2px; background:#333;}
p.desc.type14{padding:10px 0 36px; color:#333; font-size:14px; line-height:22px}
p.desc.type15{padding:10px 0 70px; color:#333; font-size:14px; line-height:22px}
p.desc.type16{padding:10px 0 0; color:#9f9f9f; font-size:14px; line-height:22px}
/* infoBox style */
.infoBox{padding:22px 0 22px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; font-size:12px; line-height:17px;}
.infoBox.type02{padding:22px 0 22px; borlistTypeder-top:1px solid #999; border-bottom:1px solid #999; font-size:14px; line-height:17px; margin-top:15px}
.infoBox ul.bank {padding-left:80px}
.infoBox ul.bank li{line-height:38px; font-size:14px}
.infoBox ul.bank li span{font-size:18px;}
.infoBox ul.bank li span.bName{font-size:14px; padding-right:40px; font-weight:bold}
.infoBox ul.bank li span.num{width:240px; display:inline-block;}

p.desc2{padding:10px 0 0; color: red;}

.sTxt{font-size:13px; color:#f04040}

.noPointer{pointer-events:none}

/* box style */
.boxType{background:#f2f2f2; border:1px solid #dbdbdb; padding:17px 15px}


/* line box style */
.lineBoxType{position:relative; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}

.dot:before{content:''; display:inline-block; background:url("../img/icon_set.png") no-repeat -343px -99px; width:6px ;height:4px; position:relative; top:-3px}

/* timepicker */
.ui-timepicker-container{position:absolute; overflow:hidden; box-sizing:border-box}
.ui-timepicker,.ui-timepicker-viewport{box-sizing:content-box; height:205px; display:block; margin:0; text-align:left;}
.ui-timepicker-viewport{padding:0; overflow:auto; overflow-x:hidden; border:1px solid #d2d2d2}
.ui-timepicker-standard{color:#333; margin:0; padding:2px; }
.ui-timepicker-standard a{border:1px solid transparent;color:#333; display:block; padding:3px 10px;}
.ui-timepicker-standard .ui-menu-item{font-size:14px; margin:3px 0; padding:0}
.ui-timepicker-standard .ui-menu-item:hover{background:#832082;}
.ui-timepicker-standard .ui-menu-item:hover a{color:#fff;}
.ui-timepicker-hidden{display:none}
.ui-timepicker-no-scrollbar .ui-timepicker{border:none}
.dateTime{/*display:flex; */position:relative; top:2px;}
.time input.timepicker{font-size:20px; font-weight:bold; color:#333; height:50px; border:0; background:url("../img/common/time.png") no-repeat 0 12px; padding-left:32px; cursor:pointer}

/* datepicker */
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,
.ui-button:active,.ui-button.ui-state-active:hover{border:0; background:#832082;font-weight:normal;	color:#fff}
.ui-widget.ui-widget-content {padding:0}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button{border:0;}

.filetype01{margin:10px 10px 20px}

.uploadWrap &gt; input{ display: none;}
.uploadWrap img{width: 80px; cursor: pointer;}

.loadingWrap{position:fixed;width:100%; height:100%; top:0px; left:0px; z-index:59005; background:rgba(13,13,13,0.4);}
.loadingWrap .loading{position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:200px; height:200px; z-index:59005; opacity:1;}
.loadingWrap .loading .loadImg{position:absolute;  z-index:59006; border-radius:100%}
.loadingWrap .loadingBg{position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:125px; height:125px; /*background:#fff; */border-radius:100%; z-index:55000}

.forwardWrap{display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:url("../img/common/forwarding_bg.jpg") no-repeat 0 0}
.forwardWrap .forward {width:982px; height:500px;  background:url("../img/common/forwarding_01.png") no-repeat 0 5px; text-align:center;}
.forwardWrap .forward .time{font-family: 'Spoqa Han Sans Light'; font-size:30px; color:#fff;padding:362px 0 40px}

.mbannerWrap{position:fixed; bottom:0; width:100%; height:100px; text-align:center;  z-index:6000;}
.mbannerWrap &gt; .item {height:100px; overflow:hidden;}
.mbannerWrap &gt; .item a {display:block; text-align:center; height:100px;}
.mbannerWrap &gt; .control {position:relative; width:1200px; margin:0 auto;}
.mbannerWrap &gt; .control .counter {position:absolute; top:-34px; right:54px; font-weight:400; font-size:13px; color:#888;}
.mbannerWrap &gt; .control .counter &gt; * {font-weight:400; font-size:13px; color:#888;}
.mbannerWrap &gt; .control .counter .now {color:#252525;}


.mbannerWrap &gt; .control .counter .playBtn {position:relative; float:right; display:inline-block; margin:0 0 0 10px; overflow:hidden; text-indent:-999px; width:10px; height:12px;}
/* .mbannerWrap &gt; .control .counter .playBtn:before {content:''; position:absolute; top:0; left:5px; height:12px; border-left:3px solid #353535; border-top:none; border-bottom:none;} */
/* .mbannerWrap &gt; .control .counter .playBtn:after {content:''; position:absolute; top:0; left:0; height:0px; border-left:3px solid #353535; border-top:none; border-bottom:none;} */
/* .mbannerWrap &gt; .control .counter .playBtn.on:before {content:none;} */
/* .mbannerWrap &gt; .control .counter .playBtn.on:after {content:''; position:absolute; top:0; left:0; border-left:10px solid #353535; border-top:6px solid transparent; border-bottom:6px solid transparent;} */


.mbannerWrap &gt; .control .counter .playBtn:after {content:''; position:absolute; top:0; left:0;  width: 10px;height: 10px;background-size: contain;background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyNC41cHgiIGhlaWdodD0iMTI0LjVweCIgdmlld0JveD0iMCAwIDEyNC41IDEyNC41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjQuNSAxMjQuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJPg0KPGc+DQoJPHBhdGggZD0iTTExNi4zNSwxMjQuNWMzLjMsMCw2LTIuNjk5LDYtNlY2YzAtMy4zLTIuNy02LTYtNmgtMzZjLTMuMywwLTYsMi43LTYsNnYxMTIuNWMwLDMuMzAxLDIuNyw2LDYsNkgxMTYuMzV6Ii8+DQoJPHBhdGggZD0iTTQ0LjE1LDEyNC41YzMuMywwLDYtMi42OTksNi02VjZjMC0zLjMtMi43LTYtNi02aC0zNmMtMy4zLDAtNiwyLjctNiw2djExMi41YzAsMy4zMDEsMi43LDYsNiw2SDQ0LjE1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo= );}
.mbannerWrap &gt; .control .counter .playBtn.on:after {content:''; position:absolute; top:0; left:0; width: 10px;height: 10px;background-size: contain; background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyNC41MTJweCIgaGVpZ2h0PSIxMjQuNTEycHgiIHZpZXdCb3g9IjAgMCAxMjQuNTEyIDEyNC41MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyNC41MTIgMTI0LjUxMjsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTExMy45NTYsNTcuMDA2bC05Ny40LTU2LjJjLTQtMi4zLTksMC42LTksNS4ydjExMi41YzAsNC42LDUsNy41LDksNS4ybDk3LjQtNTYuMg0KCQlDMTE3Ljk1Niw2NS4xMDUsMTE3Ljk1Niw1OS4zMDYsMTEzLjk1Niw1Ny4wMDZ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg== );}


.mbannerWrap &gt; .control .btns {}
.mbannerWrap &gt; .control .btns button {position:absolute; padding:10px;}
.mbannerWrap &gt; .control .btns button span {display:block; width:10px; height:17px; overflow:hidden; text-indent:-999px;}
.mbannerWrap &gt; .control .btns button.left {left:1px; top:-68px; padding-left:0;}
.mbannerWrap &gt; .control .btns button.left span {background:url(../img/common/btn_arrow4.png) no-repeat 0 0;}
.mbannerWrap &gt; .control .btns button.right {right:1px; top:-68px; padding-right:0;}
.mbannerWrap &gt; .control .btns button.right span {background:url(../img/common/btn_arrow4.png) no-repeat 0 -17px;}
.mbannerWrap &gt; .control .tbView {position:absolute; top:-87px; right:54px;}
.mbannerWrap &gt; .control .tbView &gt; * {vertical-align:middle;}
.mbannerWrap &gt; .control .tbView input[type="checkbox"] {position:relative; top:1px;}
.mbannerWrap &gt; .control .tbView label {font-size:13px; cursor:pointer;}
.mbannerWrap &gt; .control .tbView .topBclose {margin-left:7px;}


/* modal lib */
/*.md-modal-2{position:fixed; top:610px; left:50%; width:1100px; max-width:1100px; min-width:320px; height:550px; z-index:4600; visibility:hidden;
	-webkit-backface-visibility:hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);}*/

/* 기존 */
.md-modal-3{position:fixed; top:50%; left:50%; width:1100px; max-width:1100px; min-width:320px; /* height:550px */ z-index:4600; visibility:hidden;
	-webkit-backface-visibility:hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; transform: translateX(-50%) translateY(-50%)}

.md-modal-1{position:fixed; top:50%; left:50%; max-width:1100px;  height:750px; z-index:4600; visibility:hidden; 
	-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden; backface-visibility: hidden; transform: translateX(-50%) translateY(calc(-50% - .5px));}

.md-modal-2{position:fixed; top:50%; left:50%; max-width:1180px;  height:750px; z-index:4600; visibility:hidden; 
	-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden; backface-visibility: hidden; transform: translateX(-50%) translateY(calc(-50% - .5px));}

.md-modal-4{position:fixed; top:50%; left:50%;  max-width:800px; min-width:700px; height:auto; z-index:4600; visibility:hidden; 
	-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden; backface-visibility: hidden; transform: translateX(-50%) translateY(-50%)}

.md-modal{position:fixed; /*top:50%; left:50%;*/  /*max-width:630px;*/ min-width:320px; height:auto; z-index:4600; visibility:hidden; 
	-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden; backface-visibility: hidden; transform: translateX(-50%) translateY(calc(-50.2%))}


.map.md-modal{transform: translateX(-50%) translateY(-50%)}

.md-modal-gall{position:fixed; top:50%; left:50%; width:auto;  max-width:100%; min-width:1000px; min-height:600px; z-index:4600; visibility:hidden;
	-webkit-backface-visibility:hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; transform: translateX(-50%) translateY(-50%)}


.md-show {visibility:visible;}
.md-overlay {position:fixed; width:100%; height:100%; visibility:hidden; top:0;	left:0;	z-index:3900; opacity:0; background:rgba(13,13,13,0.5);	-webkit-transition: all 0.3s;	-moz-transition: all 0.3s;	transition: all 0.3s;}
.md-show ~ .md-overlay {opacity: .9; visibility:visible;}

/* pop alert */
.popAlert{background:#fff; width:450px; height:auto; text-align:center; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:9000}
.popAlert .popCtn{min-height:100px; font-size:18px; line-height:28px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:40px; border:1px solid #393c44}
.popAlert .popCtn p{font-size:23px; font-weight:bold; margin-top:24px}
.popAlert .popBot{display:flex;}

.popAlertDiv{position:fixed; overflow:hidden; width:100%; height:100%; background:rgba(13,13,13,0.4);}


/* Checkbox */
input[type="checkbox"] {display:none;}
input[type="checkbox"].type01 + label{color:#000; font-size:18px}
input[type="checkbox"].type01 + label span{display:inline-block; width:30px; height:25px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../img/common/check_01.png') no-repeat 0 0}
input[type="checkbox"]:checked.type01 + label span{background:url('../img/common/check_01.png') no-repeat 0 -26px}

input[type="checkbox"] {display:none;}
input[type="checkbox"].type02 + label{color:#fff; font-size:24px}
input[type="checkbox"].type02 + label span{display:inline-block; width:30px; height:25px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../img/common/check_02.png') no-repeat 0 0}
input[type="checkbox"]:checked.type02 + label span{background:url('../img/common/check_02.png') no-repeat 0 -26px}

input[type="checkbox"] {display:none;}
input[type="checkbox"].type03 + label{color:#9f9f9f; font-size:18px;}
input[type="checkbox"].type03 + label span{display:inline-block; width:36px; height:36px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../img/common/check_03.png') no-repeat 0 0}
input[type="checkbox"]:checked.type03 + label span{background:url('../img/common/check_03.png') no-repeat 0 -36px; color:#333}

input[type="checkbox"] {display:none;}
input[type="checkbox"].type04 + label{color:#9f9f9f; font-size:14px;}
input[type="checkbox"].type04 + label span{display:inline-block; width:22px; height:22px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../img/common/check_04.png') no-repeat 0 0;}
input[type="checkbox"]:checked.type04 + label span{background:url('../img/common/check_04.png') no-repeat 0 -22px; color:#333; font-weight:bold}


/* radio */
input[type="radio"]{overflow:hidden; clip:rect(0 0 0 0); position:absolute; height:1px; width:1px; margin: -1px; padding:0; border:0}
input[type="radio"] + label{height:21px; display:inline-block; background:url('../img/common/radio_01.png') no-repeat 0 0;  line-height:21px; padding-left:25px; cursor:pointer}
input[type="radio"]:checked + label{background:url('../img/common/radio_01.png') no-repeat 0 -22px; color:#fff}


input[type="radio"].type01 + label{width:200px; height:194px; display:inline-block; background:url('../img/product/car_check_01.png') no-repeat 0 0; padding-left:0px; margin-left:55px}
input[type="radio"].type01:checked + label{background:url('../img/product/car_check_01.png') no-repeat -201px 0px;}

input[type="radio"].type02 + label{width:248px; height:194px; display:inline-block; background:url('../img/product/car_check_02.png') no-repeat 0 0; padding-left:0px;}
input[type="radio"].type02:checked + label{background:url('../img/product/car_check_02.png') no-repeat -257px 0}

input[type="radio"].type03 + label{width:204px; height:194px; display:inline-block; background:url('../img/product/car_check_03.png') no-repeat 0 0; padding-left:0px;}
input[type="radio"].type03:checked + label{background:url('../img/product/car_check_03.png') no-repeat -201px 0px;}

input[type="radio"].type04 + label{font-size:18px; width:166px; height:36px; display:inline-block; background:url('../img/common/radio_02.png') no-repeat 0 0;  line-height:39px; padding-left:45px;  color:#999;}
input[type="radio"].type04:checked + label{background:url('../img/common/radio_02.png') no-repeat 0 -36px; color:#000}
input[type="radio"].type04:checked + label span.under:after{display:inline-block; content: ' '; background:#000; width:40px; height:3px;  position:relative; top:4px; left:5px}
input[type="radio"].type04 + label span.under:after{display:inline-block; content: ' '; background:#999; width:40px; height:3px;  position:relative; top:4px; left:5px}
input[type="radio"].type04.w300 + label{width:300px;}
input[type="radio"].type04.w300 + label span{width:300px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

input[type="radio"].type04.w100 + label{width:100px;}
input[type="radio"].type04.w140 + label{width:140px;}


input[type="radio"].type05 + label{font-size:18px; width:120px; height:60px; display:inline-block; background:url('../img/common/radio_03.png') no-repeat 0 0;  line-height:39px; text-align:center; color:#999; position:relative;}
input[type="radio"].type05 + label span{width:120px; text-align:center; position:absolute;  left:-28px; top:90px;}
input[type="radio"].type05:checked + label{background:url('../img/common/radio_03.png') no-repeat 0 -60px; color:#000}

input[type="radio"].type06 + label{font-size:14px; width:auto; height:22px; display:inline-block; background:url('../img/common/radio_04.png') no-repeat 0 0;  line-height:22px; text-align:left; color:#999; position:relative; margin-right:20px}
input[type="radio"].type06 + label span{width:auto;  text-align:left; padding-left:5px}
input[type="radio"].type06:checked + label{background:url('../img/common/radio_04.png') no-repeat 0 -22px; color:#000;} 


/* input style */
input.type01{height:80px; line-height:80px; padding:0 20px 0 60px; color:#333; background:#fff; font-weight:bold; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #999}
input[type="password"].type01{height:80px;line-height:80px; padding:0 20px 0 60px;  background:#fff; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #999; color:#5b5a5a; font-size:18px}
input.type02{height:56px; line-height:60px; padding:0 20px 0 20px; color:#fff; background:transparent; font-weight:bold; border:0; font-size:18px}
input.type03{height:56px; line-height:60px; padding:0 20px 0 20px; color:#333; background:transparent; font-weight:bold; border:0; font-size:18px}
input.type031{height:30px; line-height:30px; padding:0 0 0 40px; color:#333; background:transparent; font-weight:bold; border:0; font-size:18px}
input.type04{height:40px; line-height:40px; padding:0 20px 0 20px; color:#333; background:transparent; font-weight:bold; border:0; font-size:16px}
input.type05{height:90px; line-height:90px; padding:0 20px 0 0px; color:#fff; background:transparent; font-size:55px; border:0;}
input.type05:-ms-input-placeholder{font-size:55px; color:#bbbbbb;}
input.type06{height:40px; line-height:40px; padding:0 20px 0 20px; color:#333; background:transparent; border:0; font-size:16px}
input.type07{height:56px; line-height:60px; padding:0 10px 0 10px; color:#333; background:transparent; font-weight:bold; border:0; font-size:18px}
input.type08{height:40px;line-height:40px;padding:0 20px 0 0px;color:#333;background:transparent;border:0;font-size:16px;margin-top: 20px;}
input.type09{height:56px; line-height:60px; padding:0 20px 0 0px; color:#333; background:transparent; font-weight:bold; border:0; font-size:18px}
input.id,input.pw{font-size:18px; height:80px; line-height:80px; padding:0 20px 0 60px; color:#333; font-weight:bold; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #999; background:#fff url('../img/common/ico_01.png') no-repeat 29px 32px}
input.id{background:#fff url('../img/common/ico_01.png') no-repeat 29px 32px}
input.pw{background:#fff url('../img/common/ico_02.png') no-repeat 29px 28px}
input.fn{font-weight:normal;}

/* select style */
select.type01{height:22px; line-height:22px; border:1px solid #717379; color:#717379; font-weight:bold; background:transparent url('../img/common/arrow_01.png') no-repeat right 6px}
select.type02{height:55px; line-height:55px; border:0; color:#fff; font-weight:bold; background:transparent url('../img/common/arrow_02.png') no-repeat right 24px; font-size:18px; padding:0 10px 0 20px}
select.type03{height:55px; line-height:55px; border:0; color:#fff; font-weight:bold; background:transparent url('../img/common/arrow_02.png') no-repeat right 24px; font-size:18px; padding:0 10px 0 0px}
select.type04{height:40px; line-height:40px; border:0; color:#333; font-weight:bold; background:transparent url('../img/common/arrow_03.png') no-repeat right 16px; font-size:16px; padding:0 10px 0 0px}
select.type05{height:40px; line-height:40px; border:0; color:#333; font-weight:bold; background:transparent url('../img/common/arrow_08.png') no-repeat right 16px; font-size:16px; padding:0 0px 0 16px}
select.type06{height:45px; line-height:45px; border:0; color:#333; font-weight:bold; background:transparent url('../img/common/arrow_03.png') no-repeat right 28px; font-size:18px; padding:10px 10px 0 0px}
select.type07{height:40px; line-height:40px; border:0; color:#333; font-weight:bold; background:transparent url('../img/common/arrow_03.png') no-repeat right 17px; font-size:15px; padding:0 5px 0 0px}

/* select:focus{border:1px dotted #71777c;} */

/* textarea style */
textarea{width:100%; background:#f3f3f3; border:0; font-weight:bold;}
textarea.type01{font-size:18px; padding:0 19px 19px;}
textarea.type02{font-size:18px; padding:0 19px 0 0;}


/* Badge */
span.news,span.event,span.notice{font-size:14px; font-weight:bold}
span.news{color:#e51937}
span.event{color:#f47726}
span.filter{background:#333333; color:#fff; width:22px; height:22px; line-height:22px; border-radius:100%; text-align:center; font-size:14px}
span.circle{background:#832082; color:#fff; width:22px; height:22px; line-height:22px; border-radius:100%; text-align:center; font-size:14px}
span.circle02{background:#e0e2e2; color:#333; width:50px; height:50px; line-height:50px; border-radius:100%; text-align:center; font-size:22px}
span.circle03{background:#333; color:#fff; width:30px; height:30px; line-height:30px; border-radius:100%; text-align:center; font-size:20px}

span.store{background:#832082; color:#fff; width:auto; height:22px; line-height:22px; padding:0 12px;  border-radius:25px 25px; text-align:center; font-size:12px;}
span.storeAv{background:#832082; color:#fff; width:auto; height:24px; line-height:24px; padding:0 12px;  border-radius:25px 25px; text-align:center; font-size:12px;}
span.hash{background:#eff0f0; height:37px; line-height:37px; padding:0 13px; border-radius:30px; color:#666; font-size:13px}



/* button */
button{text-transform:uppercase;  font-weight:bold; letter-spacing:-.3px}
button.type01{background:#832082; height:70px; color:#fff; font-size:18px; padding:0 30px; text-align:left}
button.type02{background:#393c44; height:80px; color:#fff; font-size:18px; padding:0 30px; text-align:left}
button.type03{background:transparent; height:40px; line-height:40px; color:#fff; font-size:14px; padding:0 30px; text-align:left; border:1px solid #fff}
button.type04{background:#a7a8ac; height:80px; color:#fff; font-size:18px; padding:0 30px; text-align:left}
button.type05{background:#e0e2e2; height:80px; color:#666; font-size:18px; padding:0 30px; text-align:left}
button.type06{background:#393c44; height:50px; color:#fff; font-size:12px; padding:0 20px; text-align:center; border-radius:60px}
button.type07{background:#e0e2e2; height:50px; color:#333; font-size:12px; padding:0 10px; text-align:center; border-radius:60px; min-width:85px;}
button.type08{background:#e0e2e2; height:40px; color:#666; font-size:14px; padding:0 35px; text-align:center;}
button.type09{background:transparent; height:40px; line-height:35px; color:#666; font-size:14px;  text-align:center; border:1px solid #999; min-width:120px;}
button.type10{background:#832082; height:40px; line-height:40px; color:#fff; font-size:14px; padding:0 20px; text-align:center; border-radius:60px}
button.type11{background:#832082; height:50px; color:#fff; font-size:12px; padding:0 10px; text-align:center; border-radius:60px;}
button.type12{background:#a7a8ac; height:50px; color:#fff; font-size:12px; padding:0 10px; text-align:center; border-radius:60px}
button.type13{background:#b49858; height:50px; color:#fff; font-size:12px; padding:0 10px; text-align:center; border-radius:60px}
button.type14{background:#393c44; height:40px; color:#fff; font-size:14px; padding:0 10px; text-align:center; min-width:150px}
button.type15{background:#e0e2e2; height:35px; color:#333; font-size:12px; padding:0 10px; text-align:center; border-radius:60px; min-width:85px;}
button.type16{background:#e0e2e2; height:40px; color:#666; font-size:14px; padding:0 30px; text-align:center; min-width:85px;}
button.type17{background:#393c44; height:30px; color:#fff; font-size:11px; padding:0 12px; text-align:left; min-width:90px}
button.type18{background:#e0e2e2; height:30px; color:#666; font-size:11px; padding:0 12px; text-align:left; min-width:90px; line-height:30px;}
button.type19{background:#832082; height:28px; line-height:28px; color:#fff; font-size:12px; padding:0 10px; text-align:center; border-radius:60px}
/* s:20241206 */
button.type20 { background:#F3E9F3; border:1px solid #DEC3DE; width:100%; height: 40px; line-height: 38px; font-size:14px; color:#832082; text-align: center; border-radius: 3px; transition: background 0.1s ease, color 0.1s ease; }/*전문점 찾기 리스트 버튼*/
button.type20:hover { background:#832082;  border:1px solid #832082; color:#FFFFFF; }
button.type21 { background: #832082; height:60px; width:100%; line-height: 60px; font-size:20px; text-align: center; border-radius: 100px; color:#fff; }/*매장 선택 버튼*/
/* 20250716*/
button.type22{background:#832082; height:80px; color:#fff; font-size:18px; padding:0 30px; text-align:left}
/* e:20241206 */
button:disabled,button[disabled]{background:#a7a8ac; color:#fff; pointer-events:none}
button i.ico01{float:right; position:relative; top:9px}
/*button.type01.center,button.type02.center,button.type05.center{text-align:center}*/
button.center{text-align:center}

/* icon */
i.ico01,i.ico02,i.ico03,i.ico04,i.ico05,i.ico06,i.ico07,i.ico08,i.ico09,i.ico10,i.ico11,i.ico12,i.ico13,i.ico14,i.ico15,i.ico16,i.end,i.purchase,i.rental,i.minus,i.plus,i.question,i.answer,i.tipOver{background:url("../img/common/icon_set.png") no-repeat 0 0;}
i.ico01{background-position:-70px 0px; width:13px; height:21px;}
i.ico02{background-position:-120px 3px; width:23px; height:22px;}
i.ico03{background-position:-185px 0px; width:25px; height:22px;}
i.ico04{background-position:-256px 0px; width:25px; height:22px;}
i.ico05{background-position:-337px 0px; width:24px; height:17px;}
i.ico06{background-position:-425px 0px; width:22px; height:22px;}
i.ico07{background-position:-482px 0px; width:23px; height:18px;}
i.ico08{background-position:-482px -32px; width:23px; height:18px;}
i.ico09{background-position:-247px -64px; width:26px; height:23px;}
i.ico10{background-position:-321px -139px; width:8px; height:12px;}
i.ico11{background-position:-482px -183px; width:19px; height:19px;}
i.ico12{background-position:-475px -245px; width:25px; height:25px;}
i.ico13{background-position:-368px -246px; width:25px; height:21px;}
i.ico14{background-position:-288px -248px; width:6px; height:10px;}
i.ico15{background-position:-329px -248px; width:6px; height:10px;}
i.ico16{background-position:-288px -295px; width:12px; height:10px;}
i.purchase{background-position:-321px -64px; width:60px; height:60px;}
i.end{background-position:0px -392px; width:60px; height:60px;}
i.question{background-position:-203px -336px; width:40px; height:40px;}
i.answer{background-position:-283px -336px; width:40px; height:40px;}
i.rental{background-position:-424px -64px; width:60px; height:60px;}
i.minus{background-position:-265px -145px; width:20px; height:5px;}
i.plus{background-position:-191px -136px; width:20px; height:20px;}
i.que{background-position:-321px -64px; width:60px; height:60px;}
i.tipOver{background-position:0px -246px; width:125px; height:60px;}

a.sns01,a.sns02,a.sns03{background:url("../img/common/sns.png") no-repeat 0 0;}
a.sns01{background-position:0 0; width:11px; height:20px;}
a.sns02{background-position:0 -22px; width:16px; height:20px;}
a.sns03{background-position:0 -43px; width:21px; height:20px;}

a.layPopClose,a.gallPopClose,a.searchBtn,a.searchBtn02,a.searchBtn03,a.searchBtn04,a.del,a.tip,a.tip02,a.arrow,a.qPlus,a.qMinus,a.tDel,a.cDel,a.oDel,a.fDel,a.guide,a.goView,a.deView,a.ingView,a.deCancel{background:url("../img/common/icon_set.png") no-repeat 0 0;}
a.layPopClose{background-position:-65px -63px; width:40px; height:40px;}
a.gallPopClose{background-position:-65px -63px; width:40px; height:40px;}
a.searchBtn{background-position:-160px -63px; width:40px; height:40px;}
a.searchBtn02{background-position:-88px -176px; width:43px; height:42px;}
a.searchBtn03{background-position:-368px -183px; width:22px; height:21px;}
a.searchBtn04{background-position:-430px -246px; width:16px; height:16px;}
a.tip{background-position:0px -189px; width:46px; height:22px;}
a.tip:hover{background-position:0px -246px; width:125px; height:60px; margin-top:-40px;}
a.tip02{background-position:0px -338px; width:46px; height:22px;}
a.guide{background-position:-64px -338px; width:80px; height:22px;}
a.arrow{background-position:-428px -136px; width:30px; height:20px;}
a.qPlus{background-position:-192px -185px; width:12px; height:12px;}
a.qMinus{background-position:-263px -184px; width:12px; height:12px;}
a.goView{background-position:-478px -296px; width:22px; height:22px;}
a.deView{background-position:-464px -346px; width:37px; height:11px;}
a.ingView{background-position:-370px -375px; width:65px; height:14px;}
a.deCancel{background-position:-378px -346px; width:62px; height:15px;}
a.tDel{background-position:-320px -184px; width:16px; height:16px;}
a.cDel{background-position:-168px -248px; width:16px; height:16px;}
a.oDel{background-position:-223px -248px; width:23px; height:22px;}
a.fDel{background-position:-165px -294px; width:22px; height:22px;}
a.del{background-position:-320px -184px; width:16px; height:16px;}
a.del{border-radius:100%; width:36px; height:36px;}
a.del.r01{background:#832082 url("../img/common/delete_02.png") no-repeat center 12px}
a.del.r02{background:#7e3c9b url("../img/common/delete_02.png") no-repeat center 12px}
a.del.r03{background:#795bad url("../img/common/delete_02.png") no-repeat center 12px}
a.arrowClose{background:url("../img/common/arrow_06.png") no-repeat 0 0; width:30px; height:44px;}
a.orderListBtn{background:url("../img/common/toggle_btn.png") 0 -11px no-repeat; width:65px; height:10px}
a.orderListBtn.open{background:url("../img/common/toggle_btn.png") 0 0 no-repeat; width:65px; height:10px;}

a.maintenance{background:url("../img/product/maintenance_btn_01.png") no-repeat 0 0; width:80px; height:80px}
a.maintenance02{background:url("../img/product/maintenance_btn_02.png") no-repeat 0 0; width:80px; height:80px}
a.reSearch{background:url("../img/product/search_btn_01.png") no-repeat 0 0; width:80px; height:80px}
a.search{background:url("../img/product/search_btn_02.png") no-repeat 0 0; width:80px; height:80px}
a.order{background:url("../img/product/order_btn_01.png") no-repeat 0 0; width:80px; height:80px}
a.order.close{background:url("../img/product/order_btn_02.png") no-repeat 0 0; width:80px; height:80px}
a.retalProView{font-size:12px; background:#999; color:#fff; height:22px; line-height:22px; padding:0 13px; border-radius:12px}
a.circle{background:#e0e2e2; color:#333; width:auto; padding:0 27px; height:50px; line-height:50px; border-radius:25px 25px; text-align:center; font-size:12px; font-weight:bold;}

span.divi{display:inline-block; background:#fff; width:12px; height:1px;}
span.divi.type02{background:#333; width:12px; height:1px; position:relative; top:-3px}
span.recommen{font-size:12px; background:#999; color:#fff; height:22px; line-height:22px; padding:0 10px; border-radius:12px}
span.roadName{display:block; width:50px; font-size:12px; background:#95b2ea; color:#fff; text-align:center; height:20px; line-height:20px; border-radius:10px}
span.nomination{display:block; width:50px; font-size:12px; background:#b5bbd1; color:#fff; text-align:center; height:20px; line-height:20px; border-radius:10px}


.rate {float: left;  padding:0px 0px; margin-left:-10px}
.rate:not(:checked) &gt; input {position:absolute; /* top:-9999px; */}
.rate:not(:checked) &gt; label {float:right; width:1em; height:24px; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:28px; color:#ccc}
.rate:not(:checked) &gt; label:before {content: '★ ';}
.rate &gt; input:checked ~ label {color: #801494;}
.rate:not(:checked) &gt; label:hover,
.rate:not(:checked) &gt; label:hover ~ label {color:#801494}
.rate &gt; input:checked + label:hover,
.rate &gt; input:checked + label:hover ~ label,
.rate &gt; input:checked ~ label:hover,
.rate &gt; input:checked ~ label:hover ~ label,
.rate &gt; label:hover ~ input:checked ~ label {color:#801494}
.rate &gt; input[type="radio"] + label{display:inline-block; background:none; line-height:22px; padding-left:10px; cursor:pointer}


.quickMenu {position:fixed; right:20px; bottom: 100px; width:80px; z-index:4000;}
.quickMenu .quick, .quickMenu .top, .quickMenu .quickClose {width: 80px; height: 80px;}
.quickMenu .quick {border-radius: 50px 50px 0 0; background-color: rgba(128, 20, 148, .8);}
.quickMenu .top {width:80px; height:60px; padding-top:20px; border-radius: 0 0 50px 50px; background-color: rgba(51, 51, 51, .6); text-align:center}

.quickMenu .quickBoxWrap {position:relative; display:none}
.quickMenu .quickBoxWrap .quickBox .quickClose{position:absolute; bottom:-4px; right:-4px; border-radius: 50px 50px 0 0; background: #801494; z-index:5000}
.quickMenu .quickBoxWrap .quickBox{position:absolute; left:-323px; top:-278px; width:355px; background:#fff; border:4px solid #832082; padding:10px 20px 40px; border-radius:30px 30px 0 30px; z-index:4800; text-align:left; }
.quickBox .proViewWrap{position:relative; top:7px}
.quickBox .proViewWrap .proView{width:80px;  height:80px; overflow:hidden;}
.quickBox .conView{height:300px;}

.quickBox .proViewInfo{position:relative; top:5px;}
.quickBox .proViewInfo ul li:nth-child(1){font-size:24px; font-weight:bold; margin-bottom:7px;}
.quickBox .proViewInfo ul li:nth-child(2){margin-bottom:7px}
/*.quickBox .proViewInfo ul li:nth-child(3){font-size:12px; color:#999;}
.quickBox .proViewInfo ul li:nth-child(4){font-size:14px; margin-top:20px;}
.quickBox .proViewInfo ul li:nth-child(1) span.type02{font-size:14px; font-weight:normal;}*/


/* align */
.ml10{margin-left:10px;}
.ml05{margin-left:5px;}
.ml20{margin-left:20px;}
.ml28{margin-left:28px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mb4{margin-bottom:4px;}
.mb6{margin-bottom:6px;}
.mb10{margin-bottom:10px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px !important;}

.alCenter{text-align:center;}
.alRight{text-align:right;}

.vtop{vertical-align:top;}
.vmid{vertical-align:middle;}
.vbottom{vertical-align:bottom;}

.po_m01{position:relative; top:-1px;}
.po_m03{position:relative; top:-3px;}
.po_m50{position:relative; top:-50px;}
.po_ml01{position:relative; top:5px; left:5px;}
.po_01{position:relative; top:1px;}
.po_02{position:relative; top:2px;}
.po_03{position:relative; top:3px;}
.po_04{position:relative; top:4px;}
.po_05{position:relative; top:5px;}
.po_06{position:relative; top:6px;}
.po_10{position:relative; top:10px;}
.po_55{position:relative; top:32px;}
.po_l01{position:relative; left:-20px;}
.po_l02{position:relative; left:-25px;}


.po_ab{position:absolute;}
.cb{clear:both;}

/* font */
.fh{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;}
.fb{font-weight:bold;}
.fn{font-family:'Spoqa Han Sans Light', 'Sans-serif'; font-weight:normal;}
.funder{text-decoration:underline}
.f_ell{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.f_upper{text-transform:uppercase}


.ls01{letter-spacing:-0.8px}
.ls02{letter-spacing:-1.2px}  
.lh01{line-height:1.6}


/* point color */
.f_point01{color:#e51937} /* red01 */
.f_point02{color:#333} /* 진그레이 */
.f_point03{color:#999} /* 연그레이 */



/* size */
.w50{width:50px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w120{width:120px}
.w130{width:130px}
.w135{width:135px}
.w140{width:140px}
.w145{width:145px}
.w150{width:150px}
.w170{width:170px}
.w200{width:200px}
.w205{width:205px}
.w220{width:220px}
.w250{width:250px}
.w280{width:280px}
.w290{width:290px}
.w300{width:300px}
.w310{width:310px}
.w320{width:320px}
.w350{width:350px}
.w387{width:387px}
.w400{width:400px}
.w450{width:450px}
.w510{width:510px;}/*20241206*/
.w530{width:530px}
.w540{width:540px}
.w580{width:580px}
.w650{width:650px}
.w900{width:900px}
.w970{width:970px}
.w1000{width:1000px}
.w90per{width:80%}
.w50per{width:50%}
.w100per{width:100%}

.h200{height:200px}
.h70{height:70px !important;}
.h80 { height:80px !important; }

/* 주문서 주문확인 레이아웃 사이즈 조정 추가  */
.orderBox .proInfo2 {border-top:1px solid #999; border-bottom:1px solid #999; padding:12px 5px; margin-top:20px}
.orderBox .proInfo2 dl{padding:9px 0}
.orderBox .proInfo2 dt{float:left; width:230px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:15px}
.orderBox .proInfo2 dd{text-align:right}

/* chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	
} 

/* firefox */
@-moz-document url-prefix(){
		.mapInfoBox.type02 .mapInfoBottom{height:709px;}
        
}



@media only screen and (max-width: 1200px) {
	
	
}
  

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
}


/* &gt;= IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    br{font-family:'Spoqa Han Sans Light';}
        
    .submitArea.multi .submit{overflow:hidden; padding-top:10px}
    
    .orderInfo .tabsWrap{width:1180px; margin:0 auto; position:relative; top:-84px; left:0;}
    
    .submit .dateTit{position:relative; top:-20px}
}


@media screen and (max-device-width:1440px){
    #fp-nav {position:fixed;  z-index:100; width:110px; height:350px; top:46%; right:14%; opacity:1;  -webkit-transform: translate3d(0,0,0); background:url("../img/main/line_01.png") no-repeat 18px 325px;}
    .mTop{background:url("../img/main/scrollTop_ico_01.png") no-repeat 0 0; width:31px; height:50px; position:relative; top:-50px; left:3px}
    
    .section .txtArea p.type03{font-size:45px; position:relative; line-height:58px; font-family:'Spoqa Han Sans Bold', 'Sans-serif'; font-weight:bold;}

 }


 
 .addcoupon-section{ margin:10px 0 20px; }
 .addcoupon-section input{ font-size: 1rem; height: 34px; border: 1px solid #ccc;; color:#444; line-height: 34px; vertical-align: middle; width:250px;}
 .addcoupon-section button{font-size: 1.1rem;;vertical-align: middle;padding:7px 20px;width:120px;background-color: #249264;height: 34px;line-height: 34px;color:#FFF;line-height: 1;}

 
 .reivew-photo{
	 width: 90px;
	 height: 90px;
	 display: inline-block;
	 border:1px solid #ccc;
 }
 .reivew-photo img{
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;

 }

 .imgUpBlock{position:relative; display: inline-block;}
 .imgUpBlock .preview{/*width:250px; height:180px;*/ overflow:hidden; margin-bottom:25px}
 .imgUpBlock .preview img{max-width:100%}
 .imgUpBlock input[type="file"]{display:inline-block; width:40px; height:25px; opacity:0; z-index:300; cursor:pointer;}
 .imgUpBlock label{display:block; position:absolute; width: 90px; height: 90px; cursor: pointer; z-index: 1;}
 .imgUpBlock label span.txt{position:absolute; top:2px; color:#b1b1b1}
 .imgUpBlock .thumb{width: 90px;height: 90px;overflow: hidden; border: 1px solid #ccc;position:relative;  }
 .imgUpBlock .thumb img{
	 position: relative;
	 object-fit: cover;
	 object-position: center;
	 width: 100%;
	 height: 100%;
	}
 .imgUpBlock .thumb .remove-btn{ display: none; }
 .imgUpBlock.on .thumb .remove-btn{
	 cursor: pointer;
	 display: block;
	 position: absolute;
	 z-index: 1;
	 top:1px;
	 right:1px;
	 width: 15px;
	 height: 15px;
	 background-color: #FFF;
	 border:1px solid #ccc;
	 background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBA8RMSdZDe2ZAAAAL0lEQVQI13WMQQ4AIAjDyv8fXQ8aiGaOw7ICK6RktIPgGXrr4x0uwA+YLkwvpg4XfYwV7m6djfMAAAAASUVORK5CYII=);
	 background-repeat: no-repeat;
	 background-position: center center;
 }
 .imgUpBlock.on .thumb{ cursor: pointer; }
 .imgUpBlock.on label{
	display: none;
 }
 
 .upload-desc{ padding:10px 0; font-size: 14px; color: #999; }
 
 .videoUpBlock {position:relative; display: inline-block;}
 .videoUpBlock input[type='text']{ height: 35px;line-height: 35px; padding: 0 5px; margin: 0;  font-size: 14px; width: 250px; }
 .videoUpBlock label{display:inline-block; cursor: pointer; z-index: 1; background-color: #999999; color:#FFF; content: "찾아보기"; height: 34px;line-height: 34px;padding: 0 15px; font-size: 14px; }
 .videoUpBlock input[type="file"]{opacity:0; width: 90px;}


#modalPhotoView { display: none; visibility: visible; height: auto; padding: 35px 50px 50px; width: 400px;;}
#modalPhotoView header { border-bottom: none; width: auto; height: 20px; line-height: 1; position: relative; color: #882887; font-size: 16px; font-weight: bold; margin-bottom: 20px; }
#modalPhotoView .layPopClose { top: 0; right: 0; width: 19px; height: 19px; background-position: 0 0;
	background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflBA0QDDOC9NPmAAAAu0lEQVQoz33RvQ3CMBCG4de3QJiBJjsgRXLDAiiUFEgZIl1GyBJUCaKhJJEseQoaZqEJxj9xrn50uu87xYPeWDZGF5yEnruuNtFEKcZS56EumJhNK2AsNeMa/CEQAGM5p/CPFrYGfeRYDEPkMR/GCJQJ76kYaehCFGxbNjY8eYcoYbqg48YxTi0RmpjNJS1cEtQuhQfQMb3z08VQHHqF6cIXyjqKC5cccnDQFSiyyBU+cFBcKfMIQO/N5wt3GWBOxpZPLgAAAABJRU5ErkJggg==);
}
#modalPhotoView .modal-body{ text-align: center; }
#modalPhotoView .modal-body img{ max-width: 400px; max-height: 600px; }



/* 나의 추천인 코드 */

.subContentsWrap.myrecommend .notics-box {  margin-top:50px; text-align: center;;  }

.subContentsWrap.myrecommend .user-info {  display: flex;  flex-wrap: wrap; line-height:18px;  align-items: center;; }
.subContentsWrap.myrecommend .user-info.type01{margin-top: 50px;; }
.subContentsWrap.myrecommend .user-info.type02{flex-wrap: nowrap; }
.subContentsWrap.myrecommend .user-info.type03 { display: block; }
.subContentsWrap.myrecommend .user-info .info-item{ display: flex; flex-wrap: wrap; width: 100%;; margin-bottom:30px; /* border: 1px solid #FFF; */ }
.subContentsWrap.myrecommend .user-info.type03 .info-item{ display: block; }
.subContentsWrap.myrecommend .user-info .info-title { font-size: 18px; color: #515151; min-width: 150px; line-height: 1; position: relative; /* padding-left:15px; */ }
.subContentsWrap.myrecommend .user-info .info-title:before { vertical-align: middle; content: ""; height:20px; width:15px; display: inline-block; background: url(/img/mypage/myrecommend/ico_dot.png) center center no-repeat;   }
.subContentsWrap.myrecommend .user-info .info-data { font-size: 18px; color: #6a6a6a; min-width: 150px; line-height: 1; position: relative; }
.subContentsWrap.myrecommend .user-info .info-data span{ color:#000; font-weight: 600; font-size: 20px;;  vertical-align: middle;}
.subContentsWrap.myrecommend .user-info .info-data:before { content: ""; height:18px; display: inline-block; width:1px; background-color: #515151;; position: absolute; left:-20px; }
.subContentsWrap.myrecommend .tire-cnt{ display: inline-block;  background-repeat: no-repeat; /* padding-left:30px; */ font-size: 18px; color: #000;; }
.subContentsWrap.myrecommend .tire-cnt:before{ content: "X"; text-align: right; display: inline-block; /* height:35px; */ vertical-align: middle; font-size: 18px; color:#999; margin-right:5px; background: url(/img/mypage/myrecommend/ico_tire.png) center left no-repeat; width:45px; /* height:35px; */ padding: 10px 0px;  }
.subContentsWrap.myrecommend .btn-copy-code{ color:#fff; background-color: #7432b1 ; display: inline-block; line-height:0.7; border-radius: 5px; margin-top:-2.5px; font-size:15px; padding:6px 7px; /* width:120px; */ text-align: center; margin-left: 10px;; vertical-align: middle; }

.subContentsWrap.myrecommend ul.gift-list{ display: flex; justify-content: space-between; gap: 15px;; }
.subContentsWrap.myrecommend ul.gift-list .cnt{ text-align: right; }
.subContentsWrap.myrecommend ul.gift-list .thumb{ text-align: center; margin:10px 0; }
.subContentsWrap.myrecommend ul.gift-list .thumb img{ max-width:100%; }
.subContentsWrap.myrecommend ul.gift-list .btn-wrap{ text-align: center; }
.subContentsWrap.myrecommend ul.gift-list .btn-apply{ display: inline-block; padding:7px 20px; background-color: #b8b8b8; color:#FFF; /* background-color: #7432b1; */ border-radius: 15px; line-height: 1; font-size:18px; }
.subContentsWrap.myrecommend ul.gift-list .btn-apply.on, ul.gift-list .btn-apply:hover, ul.gift-list .btn-apply:active{ background-color: #7432b1; }
.subContentsWrap.myrecommend .gift-apply-form{ margin-top: 50px; display: none; }
.subContentsWrap.myrecommend .gift-apply-form .gift-title{ position: relative; text-align: center; margin-bottom: 50px;; }
.subContentsWrap.myrecommend .gift-apply-form .gift-title:before{ content: ""; display: block; background-color: #a2a2a2; height:1px; width:100%; position: absolute; top:50%; z-index: -1; }
.subContentsWrap.myrecommend .gift-apply-form .gift-title span{ color:#515151; font-size:22px; text-align: center; display: inline-block; background-color: #f3f3f3; padding: 0 20px; font-weight: 600;; }
.subContentsWrap.myrecommend .gift-apply-form .desc{ margin-top: 50px; line-height: 1.8; color:#6a6a6a; font-size:20px; text-align: center;}
.subContentsWrap.myrecommend .gift-apply-form .gift-info{ display: flex; gap: 20px;;}
.subContentsWrap.myrecommend .gift-apply-form .gift-info .gift-image{ width: 40%;;}
.subContentsWrap.myrecommend .gift-apply-form .gift-info .gift-image img{ max-width: 100%;}
.subContentsWrap.myrecommend .gift-apply-form .gift-info .input-group-wrap{ width: 60%;}
.subContentsWrap.myrecommend .gift-apply-form .gift-info .input-group-wrap .input-group{ display: flex; }
.subContentsWrap.myrecommend .gift-apply-form .gift-info .input-group-wrap .input-group label{ color: #6a6a6a; font-size:20px; min-width: 150px; height:50px; line-height: 50px;; }
.subContentsWrap.myrecommend .gift-apply-form .gift-info .input-group-wrap .input-group input{ border:none; border-bottom:1px solid #bbb; padding: 5px 0;; height:50px; line-height:25px; background-color: transparent; width:100%; color:#000; }
.subContentsWrap.myrecommend .gift-apply-form .gift-info .input-group-wrap .input-group input::placeholder { font-size:20px; color: #b2b2b2; font-weight: normal; }
.subContentsWrap.myrecommend .gift-apply-form .gift-info .input-group-wrap .input-group .addr-input{ display: flex; align-items: center; width: 100%; border-bottom:1px solid #bbb; }
.subContentsWrap.myrecommend .gift-apply-form .gift-info .input-group-wrap .input-group .addr-input a{ margin-right:10px; width:30px; }
.subContentsWrap.myrecommend .gift-apply-form .gift-info .input-group-wrap .input-group .addr-input input{ width:100%; border:none; }

.subContentsWrap.myrecommend .precautions{ background-color: #FFF; padding:30px; display: flex; align-items: center; margin:50px 0 50px 0; }
.subContentsWrap.myrecommend .precautions .precautions-title{ padding:0 50px; font-size:22px; color:#515151; font-weight: 600;; }
.subContentsWrap.myrecommend .precautions .precautions-text{ line-height:1.7; font-size:16px; color:#515151; }
.subContentsWrap.myrecommend .btn-gift-apply-wrap{ display: none;  /* padding:20px; */ text-align: center;; }
.subContentsWrap.myrecommend .btn-gift-apply{ display: inline-block; width:230px; padding:13px 0 10px 0; text-align: center; background-color: #c5c5c5; border-radius: 7px; font-size:32px; line-height:1; color:#FFF; position: relative; font-weight: 400; margin:0 25px 50px 25px; }
.subContentsWrap.myrecommend .btn-gift-apply:after{ content: ""; width:100%; height:20px; background-color: #979797; border-radius: 7px; position: absolute; left:0; bottom:-5px; z-index: -1;;  }
.subContentsWrap.myrecommend .btn-gift-apply.apply-submit{ background-color: #7432b1; }
.subContentsWrap.myrecommend .btn-gift-apply.apply-submit:after{ background-color: #995bd2;; }

.subContentsWrap.myrecommend .order-wrap .order-title{ font-size:22px; }
.subContentsWrap.myrecommend .order-wrap .order-title:before { vertical-align: top; content: ""; height:20px; width:15px; display: inline-block; background: url(/img/mypage/myrecommend/ico_dot.png) center center no-repeat;   }
.subContentsWrap.myrecommend .order-wrap .order-list{ margin-top:30px; ;}
.subContentsWrap.myrecommend .order-wrap .order-list li{ display: flex; align-items: center; margin:7px 0;}
.subContentsWrap.myrecommend .order-wrap .order-list .order-item{ font-size: 22px; color:#6a6a6a; min-width: 320px; }
.subContentsWrap.myrecommend .order-wrap .order-list .order-point{ min-width: 140px; }

.subContentsWrap.myrecommend .order-wrap .order-list .order-status .status{ color:#fff; background-color:#b8b8b8; border-radius: 20px; font-size:18px; padding:7px 0; width:120px; text-align: center; }
.subContentsWrap.myrecommend .order-wrap .order-list .order-status .status.ready{ background-color: #7432b1 ;}
.subContentsWrap.myrecommend .order-wrap .order-list .order-status .status.delivery{ background-color: #b8b8b8  }

/* 1:1문의 */
.subContentsWrap .subContents .btnArea.type01{padding:100px 0 100px;}

.popupWrap.myrecommend{ padding: 0; }
.popupWrap.myrecommend .popContents{ padding: 30px; }
.popupWrap.myrecommend .popContents .text-center{ text-align: center; }
.popupWrap.myrecommend header{ padding: 30px 30px 0 30px; width: auto;; border:none; }
.popupWrap.myrecommend .btn-wrap{ margin-top:30px; text-align: center; }
.popupWrap.myrecommend .btn-wrap a{ color:#fff; background-color:#7432b1; border-radius: 14px; font-size:20px; padding:6px 40px; /* letter-spacing: 10px; */ /* width:120px; */ text-align: center; }
.popupWrap.myrecommend a.layPopClose{ background: url(/img/mypage/myrecommend/pop_close.png) 0 0 no-repeat; width: 24px; height:24px; right: 15px; top:15px; }


#copyCodeResult .popContents{ text-align: center; font-size:30px; color:#343434; line-height: 1.2; }
#copyCodeResult header{ border: none; height: 30px; }
#copyCodeResult header{ height: 30px; }
#giftApplicationCompleted{ width: 670px; min-width: unset; }
#giftApplicationCompleted header h2{ color: #7432b1; font-size: 36px; text-align: center; border-bottom: 1px solid #7432b1; }
#giftApplicationCompleted .popContents{ /* margin-top: 30px; */ font-size: 20px; line-height: 1.4; text-align: center; }
#giftApplicationCompleted .popContents .gift-image{ margin-top:15px; margin-bottom:25px; text-align: center; }
#giftApplicationCompleted .popContents .gift-info{ display: flex; justify-content: space-between; width: 510px; margin:0 auto; align-items: center; margin-top:35px; }
#giftApplicationCompleted .tire-cnt{ display: inline-block;  background-repeat: no-repeat; /* padding-left:30px; */ font-size: 22px; color: #000;; }
#giftApplicationCompleted .tire-cnt:before{ content: "X"; text-align: right; display: inline-block; /* height:35px; */ vertical-align: middle; font-size: 22px; color:#999; margin-right:5px; background: url(/img/mypage/myrecommend/ico_tire.png) center left no-repeat; width:45px; /* height:35px; */ padding: 10px 0px;  }

#checkDelivery header h2{ color: #7432b1; font-size: 36px; text-align: center; border-bottom: 1px solid #7432b1; }
#checkDelivery .popContents{ font-size: 20px; line-height: 1.4; /* text-align: center; */ }
#checkDelivery .popContents .gift-image{ margin-top:15px; margin-bottom:25px; text-align: center; }

#checkDelivery .popContents .gift-info{ display: flex; justify-content: space-between; width: 510px; align-items: center; margin:0 auto; align-items: center; /* margin-top:35px; */ }
#checkDelivery .popContents .user-info{ width: 510px; margin:0 auto; }
#checkDelivery .popContents .user-info .info-data{ max-width: 340px; word-break: keep-all; }
#checkDelivery .popContents .user-info {  display: flex;  flex-wrap: wrap;  }
#checkDelivery .popContents .user-info.type01{margin-top: 50px;; }
#checkDelivery .popContents .user-info.type02{flex-wrap: nowrap; }
#checkDelivery .popContents .user-info.type03 { display: block; }
#checkDelivery .popContents .user-info .info-item{ display: flex; flex-wrap: wrap; width: 100%;; margin-bottom:30px; /* border: 1px solid #FFF; */ }
#checkDelivery .popContents .user-info.type03 .info-item{ display: block; }
#checkDelivery .popContents .user-info .info-title { font-size: 18px; color: #515151; min-width: 150px; line-height: 1; position: relative; /* padding-left:15px; */ }
#checkDelivery .popContents .user-info .info-title:before { vertical-align: top; content: ""; height:20px; width:15px; display: inline-block; background: url(/img/mypage/myrecommend/ico_dot.png) center center no-repeat;   }
#checkDelivery .popContents .user-info .info-data { font-size: 18px; color: #6a6a6a; min-width: 150px; line-height: 1; position: relative; }
#checkDelivery .popContents .user-info .info-data span{ color:#000; font-weight: 600;;vertical-align: middle; font-size: 20px; }
#checkDelivery .popContents .user-info .info-data:before { content: ""; height:18px; display: inline-block; width:1px; background-color: #515151;; position: absolute; left:-20px; }

#checkDelivery .popContents .tire-cnt{ display: inline-block;  background-repeat: no-repeat; /* padding-left:30px; */ font-size: 22px; color: #000;; }
#checkDelivery .popContents .tire-cnt:before{ content: "X"; text-align: right; display: inline-block; /* height:35px; */ vertical-align: middle; font-size: 22px; color:#999; margin-right:5px; background: url(/img/mypage/myrecommend/ico_tire.png) center left no-repeat; width:45px; /* height:35px; */ padding: 10px 0px;  }

/*20231215*/
span#imgFileNm {
    background: none;
}


/*s:20241210*/
/**공통 - 퀵메뉴 버튼**/
.action-buttons-wrap { display: none; position: fixed; right: 50px; bottom: 260px; display: flex; flex-direction: column; align-items: center; gap: 10px; z-index: 4603;}
/* 퀵메뉴 버튼 */
.quick-menu { display:flex; flex-direction: column; gap: 5px; opacity: 0;  }
.quick-menu&gt;.quick-btn { display:flex; align-items: center; flex-direction: column; justify-content: center; width:120px; height:120px; border: none; text-align: center; background: linear-gradient(to right bottom, #832082, #C21DC0);  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);  color: #FFFFFF;  border-radius: 20px; cursor: pointer; font-weight: 500; }
.quick-menu&gt;.quick-btn &gt; .icon-wrap { width:41px; height:37px;}
.quick-menu&gt;.quick-btn &gt; .text-wrap { margin-top:9px; }
.quick-menu&gt;.quick-btn &gt; .text-wrap &gt; p { font-size:20px; line-height: 1; letter-spacing: 1.2px;}
.quick-menu&gt;.quick-btn &gt; .text-wrap &gt; p:first-child{  font-weight: 600; }
.quick-menu&gt;.quick-btn &gt; .text-wrap &gt; p:last-child { margin-top:5px; }
/* 퀵메뉴 애니메이션 */
.action-buttons-wrap.keyframes .quick-menu { opacity: 0; transform: translateY(50px); animation: fadeInUp 0.3s ease-out forwards; }
/* .quick-menu.keyframes .icon-wrap { opacity: 0; animation: fadeInIcon 1s 0.5s ease-out forwards; } */
.action-buttons-wrap.keyframes .quick-menu .icon-wrap { opacity: 0; animation: fadeInBounceIcon 1.2s ease-out forwards; }
.action-buttons-wrap.keyframes .quick-menu .text-wrap p { opacity: 0; }
.action-buttons-wrap.keyframes .quick-menu .text-wrap &gt; p.line1 { animation: fadeInText 0.6s 0.7s ease-out forwards; }
.action-buttons-wrap.keyframes .quick-menu .text-wrap &gt; p.line2 { animation: fadeInText 0.6s 0.9s ease-out forwards; }

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeInIcon {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes fadeInBounceIcon {
	0% {
		opacity: 0;
		transform: translateY(30px) scale(0.5);
	}
	50% {
		opacity: 1;
		transform: translateY(-10px) scale(1,1);
	}
	70% {
		transform: translateY(10px) scale(0.95);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes fadeInText {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/*e:20241210*/

/**전문점 찾기 상세보기 팝업**/

/* s: 20241206 */
/* 전문점 상세보기 팝업 */
/* 팝업 레이아웃 */
.popupWrap.type09 { width:1180px; padding:50px 60px 50px; }
.popupWrap.type10 { width:980px; z-index:4602; padding:45px 40px 0 40px; }/* 이용후기 */
.popupWrap.type10 .scrollBox.type07 { height:655px;}/* 이용후기 */
.popupWrap.type10.md-show + .md-overlay  { z-index:4601; }
.popupWrap.type10 h2 { font-size: 26px; }


/* 팝업 type04 */
.popupWrap header.type04 {  border-bottom:0; line-height:initial; height: initial;}
.popupWrap header.type04 em + h2 { margin-top:14px; }
.popupWrap header.type04 h2 { color:#000; }
.popupWrap header.type04 h2 a.layPopClose { width:30px; height:30px; background-position:-69px -68px; }
.popupWrap header.type04 a.layPopClose { top:50px; right:60px; }

/* 팝업 스크롤 */
.scrollBox.type07 { height:710px; margin-top:20px; padding:0px 25px 60px 0; overflow-x:hidden; overflow-y: scroll; border-top:0; }
.scrollBox.type09 {  height:710px; margin-top:20px; padding:0px 25px 60px 0; overflow-x:hidden; overflow-y: scroll; border-top:0;  }

/* 팝업 라벨 */
.icoArea.ic-recom { position:relative; padding:10px 10px 10px 42px; font-size:16px; background:var(--m-color); color:#fff; border-radius: 2px; }
.icoArea.ic-recom::before { content:""; position: absolute; top:50%; left:10px; transform:translateY(-50%); }
.icoArea.ic-recom::before {  width:28px; height:24px; background: var(--ic-recommend) no-repeat 50%/24px auto; }

/* 전문점 사진 */
.map-detail-container { display:flex; gap:40px; justify-content: space-between; }
.map-detail-gallery {display:flex; flex-direction: column; /*justify-content: space-between;*/ width:calc(100%/2); }
.map-detail-gallery &gt; .thumb-detail { display:flex; justify-content: center; width:490px; height:370px; overflow: hidden;  }
.map-detail-gallery &gt; .thumbs { display:flex; gap:12px; margin-top:11px; }
.map-detail-gallery &gt; .thumbs &gt; a.thumb-img { display:flex; justify-content: center; width:113px; height:113px; overflow: hidden;}
.map-detail-gallery &gt; .thumb-detail &gt; img { width:100%; height:100%; object-fit: contain; object-position: center;}
/* .map-detail-gallery &gt; .thumb-detail &gt; img,
.map-detail-gallery &gt; .thumbs &gt; a.thumb-img &gt; img  { width:100%; height:100%; object-fit: contain; object-position: center; } */
/* .map-detail-gallery &gt; .thumb-detail &gt; img {  object-fit: contain; object-position: center;} */
.map-detail-gallery &gt; .thumbs &gt; a.thumb-img &gt; img { object-fit: cover; object-position: center; }
.map-detail-gallery &gt; .thumbs &gt; a.thumb-img { opacity: 0.8; }
.map-detail-gallery &gt; .thumbs &gt; a.thumb-img.on { opacity: 1; border: 2px solid var(--m-color); }

/* 전문점 상세 */
.map-detail-container .map-detail-item { width:100%; }

.map-detail-container .map-detail-item .submitArea.type04 .submit .conWrap,
.map-detail-container .map-detail-item .submitArea.type04 .submit &gt; label &gt; span,
.map-detail-container .map-detail-item .submitArea.type04 .submit { display:flex; align-items: center; }
.map-detail-container .map-detail-item .submitArea.type04 .submit { margin-top:6px; /*height:52px;*/ height: 46px; }/*20241224*/
.map-detail-container .map-detail-item .submitArea.type04 .submit:nth-of-type(1) { margin-top:0px; }

.map-detail-container .map-detail-item .submitArea.type04 .submit &gt; .conWrap span { line-height:1.5; }
.map-detail-container .map-detail-item .submitArea.type04 .submit &gt; label &gt; span { width:100px; }

.map-detail-container .map-detail-item #agencyAddr button.type18 { position:absolute; right:0; top:44%; transform:translateY(-50%); min-width:75px; border-radius: 100px; font-size:13px; font-weight: 500; text-align:right; background:#F3F3F3; color:var(--sub-color); }
.map-detail-container .map-detail-item #agencyAddr button.type18::before { content:""; position:absolute; left:12px; top:50%; transform:translateY(-50%); }
.map-detail-container .map-detail-item #agencyAddr button.type18::before { width:10px; height:14px; background: var(--ic-map-pointer-gray) no-repeat 50%/10px auto; }

.map-detail-container .map-detail-item .mStateIcon .state { margin:0; padding-right:0; }
.map-detail-container .map-detail-item .mStateIcon .state span {  padding-right:0; line-height: 1; font-size:14px; }
.map-detail-container .map-detail-item .conWrap .mStateIcon { top:0; height:initial; line-height: initial; }
.state img { width:48px; height:48px; }

.map-detail-container .map-detail-item .serviceState { margin-top:11px; }
.map-detail-container .map-detail-item .serviceState &gt; ul { display:flex; gap:10px; }
.map-detail-container .map-detail-item .serviceState &gt; ul &gt; li { display:flex; justify-content: center; width:100%; padding :12px 15px; background: #F3F3F3; color:var(--sub-color); border-radius: 20px; line-height: 0.8; }
.map-detail-container .map-detail-item .serviceState &gt; ul &gt; li.on { position:relative; padding:12px 38px 12px 15px; background: var(--m-color); color:#FFFFFF;  }
.map-detail-container .map-detail-item .serviceState &gt; ul &gt; li.on::after {  content:""; position:absolute; right:15px; top:47%; transform:translateY(-50%); }
.map-detail-container .map-detail-item .serviceState &gt; ul &gt; li.on::after { width:18px; height:18px; background: var(--ic-service-chk) no-repeat 50%/18px auto; }
.map-detail-container .map-detail-item p.desc.type07 { padding:10px 0 0;}
.map-detail-container .map-detail-item p.desc.type07  + p.desc.type07{ padding:0px 0 0; }
.map-detail-container .map-detail-item .btnArea { margin-top:10px; }
/* s:20241205 */
:root{
	--ic-recommend: url(../img/common/ico_recommend.png);
	--ic-map-pointer-gray: url(../img/common/ico_map_gray.png);
	--ic-map-pointer-white: url(../img/common/ico_map_white.png);
	--ic-service-chk: url(../img/common/ico_service_chk.png);
	--ic-star1: url(../img/common/ico_star_re.png);
	--ic-star2: url(../img/common/ico_star02.png);
	--ic-star3: url(../img/common/ico_star03.png);
	--ic-star4: url(../img/common/ico_star04.png);
	--ic-user: url(../img/common/ico_user.png);
	--ic-convenient: url(../img/common/ico_convenient.png);
	--ic-friendly: url(../img/common/ico_friendly.png);
	--ic-satisfied: url(../img/common/ico_satisfied.png);
	--ic-message: url(../img/common/ico_message.png);
	--ic-loacation: url(../img/common/ico_loacation.png);
	--ic-date: url(../img/common/ico_date.png);
	--ic-phone: url(../img/common/ico_phone.png);
	--ic-intro: url(../img/common/ico_intro.png);
	--ic-search: url(../img/common/btn_search.png);
	--ic-white-chk: url(../img/common/ic_white_chk.png);
	--ic-pop-l-arrow: url(../img/common/ic_popup_l_arrow.png);
	--ic-pop-r-arrow: url(../img/common/ic_popup_r_arrow.png);
	--ic-close-off: url(../img/common/ico_close_off.png);
	--ic-close-on: url(../img/common/ico_close_on.png);
	--ic-pin: url(../img/common/ico_pin.png);
	--ic-chk-arrow: url(../img/common/ico_chk-arrow.png);

	--m-color: #832082;
	--review-msub-color: #191478;
	--tit-color: #000000;
	--txt-color: #222222;
	--sub-color: #666666;
	--sub-2-color: #333333;
	--sub-3-color: #777777;
	--white-color: #FFFFFF;
	--blue-color:#191478;
	--chk-txt-color: #A1A1A1;
	--border-color: #DEDEDE;
	--border-2-color: #D3D3D3;
	--chk-border-color:#D9D9D9;
	--bg-gray-color: #DDDDDD;
	--bg-gray-2-color:#F4F4F4;
	--bg-sub-color: #8E608E;
	--bg-sub-2-color: #999999;
	
}
/* e:20241205 */

/* 이용후기 박스 */
/* .review-container { margin-top:60px; border-top:1px solid var(--border-color); } */
.review-container h3 { position: relative; padding:60px 0 20px 36px; border-bottom:2px solid var(--txt-color); color:var(--txt-color); font-size:26px; font-weight:600; font-family: "Spoqa Han Sans","NanumBarunGothic"; }
.review-container h3::before { content:""; position: absolute; top:67%; transform: translateY(-50%); left:0; width:26px; height:25px; background: var(--ic-star1)no-repeat 100%/26px auto;}
.review-container .review-box { display:flex; justify-content: space-between; margin:26px 0; padding:24px 59px; background:var(--bg-gray-2-color); }
.review-container .review-box .review-num { position: relative; }
.review-container .review-box .review-num::after { content: ""; position: absolute; width:1px; height:90px; background-color:var(--bg-sub-2-color); top:50%; right:-75px; transform: translateY(-50%); }
.review-container .review-box .review-num &gt; ul { display:flex; gap:60px;}
.review-container .review-box .review-num &gt; ul &gt; li { width:170px; height:100px; line-height: 1; text-align: center; }
.review-container .review-box .review-num &gt; ul &gt; li &gt; span { font-size:16px; color:var(--txt-color); }
.review-container .review-box .review-num &gt; ul &gt; li &gt; .num { margin:10px 0; font-size:40px; font-weight:600; color:var(--tit-color); }
.review-container .review-box .review-num &gt; ul &gt; li &gt; span.txt { line-height: 20px; font-size:14px; }
.review-container .review-box .review-num &gt; ul &gt; li &gt; span.txt b { font-size:16px; color:var(--m-color); }

/* 이용후기- 만족도 */
.review-container .review-box .review-satisfaction { width:392px;}
.review-container .review-box .review-satisfaction &gt; ul &gt; li { display:flex; justify-content: space-between; align-items: center;  position: relative; margin-top:8px; }
.review-container .review-box .review-satisfaction &gt; ul &gt; li &gt; span { font-size: 16px; color:var(--tit-color); }
.review-container .review-box .review-satisfaction &gt; ul &gt; li &gt; .star-item { width:162px; }

/* 솔직 이용 후기 */
/* 솔직 이용 후기 - 컨트롤 */
.review-controls .review-header { display:flex; justify-content: space-between; padding:20px 0 15px; border-top:1.5px solid var(--bg-sub-2-color); }
.review-controls .review-header .view-count { font-size: 16px; color:var(--txt-color); }
.review-controls .review-header .view-count span { padding:0 15px;  }
.review-controls .review-header .view-count span:first-child { position:relative; }
.review-controls .review-header .view-count span:first-child::after { content: ""; position:absolute; top:50%; transform: translateY(-50%); right:0; width:1px; height:16px; background: var(--txt-color);  }
.review-controls .review-header .view-count span b.num { padding-right:2px; }

.review-controls .review-header .view-mode button { padding-right:15px; font-size:13px; font-weight:500; color:var(--txt-color); }
.review-controls .review-header .view-mode button.on { font-weight: 600; color:var(--m-color); text-decoration: underline; text-underline-offset: 4px; }

/* 솔직 이용 후기 - 리스트 */
.review-controls .review-item &gt; ul &gt; li { display:flex;  padding:20px 0; border-top:1px solid var(--border-color);  }
.review-controls .review-item &gt; ul &gt; li:last-of-type { border-bottom:1px solid #EDEDED; }
.review-controls .review-item &gt; ul &gt; li &gt; .user  { width:50px; margin-right:15px; }
.review-controls .review-item &gt; ul &gt; li &gt; .user &gt; img { object-fit: cover; object-position: center; width:50px; height:50px;  }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area { display:flex; justify-content: space-between; align-items: center; width:100%; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area .review-info { width:620px; }

.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .name &gt; span { line-height: 1.3;  margin-right:10px; font-size:13px; color:var(--txt-color); }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .name &gt; span &gt; b { margin-right:5px; font-size:16px; color:var(--txt-color); }

.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .star-item { display:flex; align-items: flex-end; margin-top:12px; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .star-item &gt; .num { display:flex; margin-left:10px;  font-size:18px; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .star-item &gt; .num &gt; b { font-size:22px; color:var(--m-color);  }

.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont { margin-top:25px;}
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; b { display:flex; margin-bottom:10px; line-height: 1; font-size:20px; color:var(--tit-color); }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; p &gt; span { width:520px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /*word-break: break-word;  단어가 길 경우 줄바꿈 */ font-size:14px; color:var(--txt-color); }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; p { position: relative; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; p&gt; button.btn-plus { position: absolute; right:42px; bottom:0; font-size:14px; color:var(--m-color); text-decoration: underline; text-underline-offset: 4px; }
/* 더보기 기능 .btnExpandTxt */
/* 초기 상태: 2줄로 제한 */
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; p.btnExpandTxt.collapsed &gt; span { -webkit-line-clamp: 2; /* 두 줄까지만 표시 */ overflow: hidden; text-overflow: ellipsis; }
/* 확장 상태: 제한 해제 */
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; p.btnExpandTxt.expanded &gt; span { -webkit-line-clamp: unset; /* 줄 제한 해제 */ overflow: visible; text-overflow: initial; }

.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; .thumbs { display:flex; gap:10px; margin-top:10px; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; .thumbs &gt; a { display:block; width:70px; height:70px; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; .thumbs &gt; a &gt; img { object-fit: cover; object-position: center; width:100%; height:100%; background: #EFEFEF; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; .thumbs &gt; a.on { border:2px solid var(--m-color); }

.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; ul.review-txt {  display:flex; gap:8px; margin-top:15px; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; ul.review-txt &gt; li {  background-color: #F8F8F8; padding:8px 6px 8px 31px; color:var(--txt-color); font-weight:500; border:1px solid var(--border-color); border-radius: 2px;  }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; ul.review-txt &gt; li { position: relative; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; ul.review-txt &gt; li::before { position: absolute; content:""; left:6px; top:50%; transform: translateY(-50%); width:20px; height:20px; background-repeat: no-repeat; background-size: 20px; }
.ico-convenient::before { background: var(--ic-convenient); }
.ico-friendly::before { background: var(--ic-friendly); }
.ico-satisfied::before { background: var(--ic-satisfied); }
.ico-message::before { background: var(--ic-message); }

.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card { width:346px; height:auto; margin-right:7px; box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.15); }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card &gt; .tit { line-height: 25px; text-align: center;}
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card &gt; .tit &gt; img { width:74px; height:auto; }

.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card.signature &gt; .tit { background-color: var(--m-color);  }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card.premium &gt; .tit { background-color: var(--review-msub-color);  }

.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card &gt; .order-cont { display:flex; align-items: center; gap:20px; padding:18px 25px 18px 18px;  }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card &gt; .order-cont &gt; img { object-fit: contain; object-position: center; width:133px; height: auto; aspect-ratio: 524/480; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card &gt; .order-cont &gt; .card-info &gt; p.card-label { display:flex; gap:5px;}
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card &gt; .order-cont &gt; .card-info &gt; p.card-label &gt; em { line-height: 20px; width:54px; text-align: center; border-radius: 2px; font-size:10px; font-weight: 500; background:rgb(131, 32, 130, 0.1); color:var(--m-color); }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card &gt; .order-cont &gt; .card-info &gt; p.card-label &gt; label { width:130px; height:auto; }

.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card &gt; .order-cont &gt; .card-info &gt; .img { margin-top:10px; width:150px; height:auto; font-size:16px; font-weight: 600; letter-spacing: 1px; color:var(--tit-color);  }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .order-card &gt; .order-cont &gt; .card-info &gt; .img &gt; img { width:100%; height:100%; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area  &gt; .order-card &gt; .order-cont &gt; .card-info &gt; span { margin-top:6px; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area  &gt; .order-card &gt; .order-cont &gt; .card-info &gt; .btn-order { display:block; margin-top:10px; line-height: 36px; text-align: center; background: #FFFFFF; border:1px solid #888888; border-radius: 100px; transition: background 0.1s ease, color 0.1s ease; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area  &gt; .order-card &gt; .order-cont &gt; .card-info &gt; a.btn-order:hover { background: var(--m-color); color:var(--white-color); border:1px solid var(--m-color); }

.review-controls .btn-wrap { margin-top:40px; display:flex; align-items: center; justify-content:center;}
.review-controls .btn-wrap &gt; button.btn-view { line-height:37px; padding:0 20px; font-size: 14px; color:var(--m-color); border:1px solid var(--m-color); background: #FFFFFF; border-radius: 100px; }
.review-controls .btn-wrap &gt; button.btn-view &gt; b { font-weight: 600; }
.review-controls .btn-wrap &gt; button.btn-view &gt; span { color:var(--txt-color); font-weight: 400; padding-left:10px; text-decoration: underline; text-underline-offset: 5px;  }

/* 위치 확인하기 - 지도 */
.map-container { margin-top:40px; display:flex; gap:36px; }
.map-container .map-box { width:700px; }
.map-container .map-box &gt; p { position: relative; padding-left:50px; line-height: 45px; font-size:14px; color: #FFFFFF; background: var(--m-color); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.map-container .map-box &gt; p::before { content:""; position: absolute; top:50%; transform: translateY(-50%); left:20px; width:20px; height:20px; background: var(--ic-map-pointer-white) no-repeat 100%/20px auto; }
.map-container .map-box &gt; .map-view { width:700px; height:400px; background: #EFEFEF; }

.map-container &gt; .map-info { margin-top:40px; }
.map-container &gt; .map-info &gt; img { width:200px; height:auto; }
.map-container &gt; .map-info &gt; h3 { width:324px;  margin-top:22px; padding-left:22px; font-size:24px; line-height: 1.1; color:var(--tit-color); }
.map-container &gt; .map-info &gt; h3::before { content: ""; position:absolute; top:1px; left:0; width:4px; height:28px; bottom:0; background: var(--m-color); }
.map-container &gt; .map-info &gt; ul.cont { margin-top:24px;  }
.map-container &gt; .map-info &gt; ul.cont &gt; li:first-of-type { margin-top:0; }
.map-container &gt; .map-info &gt; ul.cont &gt; li { position: relative; margin-top:15px; padding-left:31px; line-height:1.7; font-size:14px; }
.map-container &gt; .map-info &gt; ul.cont &gt; li.icon::before { position:absolute; content: ""; width:16px; height:16px; left:0; top:10px; transform:translateY(-50%);  background-repeat: no-repeat; background-size: 16px; }
.icon.ico-loacation::before { background: var(--ic-loacation); }
.icon.ico-date::before { background: var(--ic-date); }
.icon.ico-phone::before { background: var(--ic-phone); }
.icon.ico-intro::before { background: var(--ic-intro); }
.map-container &gt; .map-info &gt; .btnArea { margin-top:19px; }
/*e:20241205*/

/* 이미지 없을 경우 */
.noImage { position: relative; background: #EDEDED; }
.noImage::after { content:"NO IMAGE"; position: absolute; top:50%; left:23%; transform: translateY(-50%); }

/*s:20241206*/
/* 2번째 전문점 상세보기 팝업 */
.map-detail-container.type02 { justify-content:initial; gap:30px; }
.map-detail-container.type02 .map-detail-gallery { flex:417px 0 0; }
.map-detail-container.type02 .map-detail-gallery &gt; .thumb-detail { width:417px; height:270px; }
.map-detail-container.type02 .map-detail-gallery &gt; .thumb-detail &gt; img { object-fit: cover; width:100%; height:100%;}
.map-detail-container.type02 .map-detail-gallery &gt; .thumbs { margin-top:15px; }


.review-container.type02  { margin-top:0; border-top:0; }
.review-container.type02 .review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont { margin-top:18px; }
.review-container.type02 .review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; b { font-size:22px; }
.review-container.type02 .review-controls .review-item .map-detail-gallery &gt; .thumbs &gt; a.thumb-img { flex:70px 0 0; max-width:70px; height:70px; }
.review-container.type02 .review-controls .review-item &gt; ul &gt; li:last-of-type { border-top:0; border-bottom: 0; padding:0; }
.review-container.type02 .review-controls .review-item &gt; ul &gt; li &gt; .review-area .review-info { width:100%; }
.review-container.type02 .review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .review-cont &gt; ul.review-txt { flex-wrap: wrap; margin-top:13px; }
.review-container.type02 .review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .star-item { margin-top:6px; }

.review-container.type02 .review-box { padding:0; height:85px; justify-content: initial; }
.review-container.type02 .review-box .review-num {  min-width:219px; padding:12px; background:var(--m-color); }
.review-container.type02 .review-box .review-num &gt; ul &gt; li { width:100%; height:100%;  }
.review-container.type02 .review-box .review-num &gt; ul &gt; li &gt; span { display:flex; justify-content: flex-start; font-size:14px; font-weight: 300; color:var(--white-color);  font-weight: 500; }
.review-container.type02 .review-box .review-num &gt; ul &gt; li &gt; span.tit &gt; span { margin-right:10px; opacity: 0.9; font-weight: 500; }
.review-container.type02 .review-box .review-num &gt; ul &gt; li &gt; .num { text-align: right; color:var(--white-color); font-weight: 400; font-size:30px; }
.review-container.type02 .review-box .review-num &gt; ul &gt; li &gt; .num &gt; b { font-size:40px; }
.review-container.type02 .review-box .review-num::after { content:none; }
.review-container.type02 .review-box .review-satisfaction { width:100%; }
.review-container.type02 .review-box .review-satisfaction &gt; ul { display:flex; height:100%; }
.review-container.type02 .review-box .review-satisfaction &gt; ul &gt; li { display: flex; flex-direction: column; justify-content: center; width:100%; margin-top:0; padding:19px 28px; }
.review-container.type02 .review-box .review-satisfaction .star-box { margin-top:8px; }

/* 스크롤 */
.scrollBox.type08 { height:initial; padding:30px 48px; background: var(--bg-gray-2-color); overflow:hidden; }
.scrollBox.type08 .review-content { overflow-x:hidden; overflow-y: auto; max-height: 144px; line-height: 1.5; color:var(--txt-color); }
.scrollBox.type08 .review-content::-webkit-scrollbar { width: 8px; /* 스크롤바 너비 */}
.scrollBox.type08 .review-content::-webkit-scrollbar-thumb { background-color: #888; /* 스크롤바 색상 */ border-radius: 4px; }
.scrollBox.type08 .review-content::-webkit-scrollbar-thumb:hover { background-color: #555; /* 스크롤바 색상 (호버 시) */ }
.scrollBox.type08 .review-content::-webkit-scrollbar-track { background-color: #eee; /* 스크롤 트랙 색상 */ }

.review-btns.type02 { display:flex; margin:0 -40px; line-height: 90px; height:90px; }
.review-btns.type02 .btn-prev,
.review-btns.type02 .btn-next { text-align: right; width:100%; font-size:22px; color:var(--white-color); background-repeat: no-repeat; background-color: var(--bg-sub-color); background-size: 65px auto; }
.review-btns.type02 .btn-prev { background-position: left 100px center; background-image: var(--ic-pop-l-arrow);  padding-right:149px; text-align: right; border-right:1px solid var(--white-color); }
.review-btns.type02 .btn-next{ background-position: right 100px center; background-image: var(--ic-pop-r-arrow);  padding-left:149px; text-align: left; }

/* [공통] 별모양 스타일 */
.review-container .star-box ,
.review-container .star-box .star { display:flex; overflow:hidden; }
.review-container .star-box .star { line-height: 0; vertical-align: bottom; background-position: left bottom; background-repeat: no-repeat; }

/* 별모양 스타일 - 전문점 상세보기 - 총 평점 */
.review-container .review-box .review-num .star-box { margin:0 auto; }
.review-container .review-box .review-num .star-box,
.review-container .review-box .review-num .star-box .star { width:152px; height:22px; background-image: var(--ic-star2); background-size:152px 50px; }
/* 별모양 스타일 - 전문점 상세보기 - 만족도 */
.review-container .review-box .review-satisfaction .star-box,
.review-container .review-box .review-satisfaction .star-box .star { width:167px; height:26px; background-image: var(--ic-star2); background-size: 167px; }
/* 별모양 스타일 - 전문점 상세보기 - 리뷰 내용 */
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .star-item &gt; .star-box,
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .star-item &gt; .star-box &gt; .star { width:99px; height:14px; background-image: var(--ic-star4); background-size:99px 32px; }
.review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .star-item &gt; .star-box &gt; .star {  background-position: left bottom; background-repeat: no-repeat;  }
/* 별모양 스타일 - 2번째 전문점 상세보기 팝업 - 리뷰 내용  */
.review-container.type02  .review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .star-item &gt; .star-box,
.review-container.type02  .review-controls .review-item &gt; ul &gt; li &gt; .review-area &gt; .review-info &gt; .star-item &gt; .star-box &gt; .star { width:122px; height:18px; background-image: var(--ic-star3); background-size: 122px 40px; }
/* 별모양 스타이 - 2번째 전문점 상세보기 팝업 - 만족도 */
.review-container.type02 .review-box .review-satisfaction .star-box,
.review-container.type02 .review-box .review-satisfaction .star-box .star { width:132px; height:19px; background-image: var(--ic-star3);  background-size: 132px 44px; }
/*e:20241206*/

/* s: 20241206 */
/* 상담신청 */
.counselRegisterWrap { /*max-width:1140px;*/ margin:150px 0px 70px; padding:50px 0 60px 0; background-color: var(--white-color); }
.counselRegisterWrap .inner { max-width:990px; margin:0 auto; }

.counselRegisterWrap .descInfo.type07 { text-align: center; padding-bottom:25px; border-bottom:1px solid var(--sub-3-color); }
.counselRegisterWrap .descInfo.type07 .proViewInfo p { font-size:17px; font-weight: 500; }
.counselRegisterWrap .descInfo.type07 .proViewInfo p.desc { padding:0; margin-top:20px;  color:var(--txt-color);  }
.counselRegisterWrap .descInfo.type07 .proViewInfo p.info { margin-top:10px; color:var(--blue-color); }

.counselRegisterWrap h3 { margin:40px 0 15px 0; font-size:24px; font-weight: 600; color:var(--tit-color); }

.counselRegisterWrap .submitAreaWrap.type02 .submitLeft { width:510px;}
.counselRegisterWrap .submitAreaWrap.type02 .submitRight { width:510px;}
.counselRegisterWrap .submitAreaWrap.type02 + .submitAreaWrap.type02 { margin-top:20px; }
.counselRegisterWrap .submitAreaWrap.type02 .submitArea .conWrap { width:320px; }

.counselRegisterWrap .bannerWrap { margin-top:30px; width:990px; height:auto; max-width: 100%;}
.counselRegisterWrap .bannerWrap img { width:100%; height:100%; }
.counselRegisterWrap .btnArea { padding:25px 0 0; }
.counselRegisterWrap .btnArea button:disabled, button[disabled] { background: var(--bg-gray-color); }

/* [공통] */
.infoBox.type03 { padding:15px 0; border:1px solid var(--border-color);  }
.infoBox.type03 ul li { display:flex; flex-direction: column; justify-content: center; width:50%; color:var(--sub-color); font-weight: 500;}
.infoBox.type03 ul li span { display:flex; align-items: center; padding:0 40px; color:var(--sub-color); font-size:15px; font-weight: 500; text-align: left; }
.infoBox.type03 ul li span em { width:85px; font-weight: 600; color:var(--txt-color); }

input.type10 { height:22px; line-height:22px; background:transparent; border:0; }
input[type="checkbox"].type10 + label { position: relative; }
input[type="checkbox"].type10 + label::after {content:""; position: absolute; left:40px; top:1px; width:22px; height:22px; border:1px solid var(--chk-border-color); border-radius: 2px; }
input[type="checkbox"].type10:checked + label::after { background: var(--ic-white-chk) no-repeat var(--m-color) 50%/13px auto; border:1px solid var(--m-color); }
input[type="checkbox"].type10 + label &gt; span{ padding: 0 40px 0 80px; color:var(--chk-txt-color); font-size:16.5px; text-align: left; font-weight: 500; }
input[type="checkbox"].type10:checked + label &gt; span{ color:var(--m-color); font-weight: 600; }
/* e: 20241206 */
</pre></body></html>