@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");

/* 기본 레이아웃 */
html, body {width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; background:#fff; transition:.2s linear;}
input.text,
select.text {height:38px;}
input.text {padding:0 10px;}
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
body.ie select.text {padding:0 0 0 0 !important; background:none;}
button,input,a {transition:.2s linear;}
a.smoth {scroll-behavior:smooth;}
.imgin img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}

.inner {width:100%; max-width:1280px; margin:0 auto;}
span.br {display:block;}
.mo_vw,
.mo_vw2 {display:none !important;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#a9a9a9; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#fbfbfb; border-radius:10px;}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
.ie_wrap .link a:hover {opacity:.7;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}

/* 게시판 목록 */
.board_list table {border-top:#aaa 1px solid;}
.board_list th,
.board_list td {height:54px; font-size:17px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {color:#333;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .w1 {width:90px;}
.board_list .w2 {width:180px;}
.board_list .w3 {width:100px;}

.board_bottom .btns {overflow:hidden; margin-top:40px;}
.board_bottom .btns .btn {display:inline-block;  height:50px; line-height:50px; background:#f70707; font-size:15px; color:#fff; text-align:center; border:0; vertical-align:top;}
.board_bottom .btns .btn:hover {background:#cd0404; color:#eee;}
.board_bottom .btns .btn_l {color:#f70707; line-height:38px; border:#f70707 1px solid; background:#fff;}
.board_bottom .btns .btn_l:hover {background:#f5f5f5; color:#cd0404;}
.board_bottom .btns.tac {font-size:0;}
.board_bottom .btns.tac .btn {font-size:20px; color:#fff; font-weight:700; line-height:56px; height:56px; width:186px; background:#f70808; border-radius:28px; margin:0 5px;}
.board_bottom .btns.tac .btn_l {color:#525252; background:#fff; border:#525252 1px solid;}
.board_bottom .btns.btn_sq .btn {font-size:19px; width:130px; height:58px; line-height:56px; border-radius:0;}
.board_bottom .paging {text-align:center; font-size:0; margin-top:40px;}
.board_bottom .paging a {display:inline-block; width:40px; height:40px; line-height:38px; text-align:center; border:#fff 1px solid; font-size:17px; color:#999; vertical-align:top; margin:0 1px;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {color:#f70707; border-color:#f70707;}
.board_bottom .paging .nums {margin:0 3px;}
.board_bottom .paging .arrow {background:none !important; letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}
.board_bottom .search_wrap {text-align:center; font-size:0; margin-top:40px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; height:40px; font-size:15px;}
.board_bottom .search_wrap .text {line-height:38px;}
.board_bottom .search_wrap select.text {width:100px;}
.board_bottom .search_wrap input.text {width:300px; margin:0 10px;}
.board_bottom .search_wrap .btn {width:120px; line-height:40px; border:0; background:#f70707; color:#fff; font-weight:bold; text-align:center;}
.board_bottom .search_wrap .btn:hover {background:#cd0404;}

/* 게시판 상세 */
.board_in table {border-top:#ddd 1px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; font-size:17px; border-bottom:#ddd 1px solid; word-break:break-all;}
.board_in td {color:#666;}
.board_in thead th {position:relative; font-size:24px; color:#222; font-weight:700; line-height:30px; padding:25px 280px 25px 0;}
.board_in thead th ul {position:absolute; top:25px; right:0; display:flex;}
.board_in thead th li {font-size:16px; color:#999; font-weight:400; line-height:30px; margin-left:20px;}
.board_in thead th li b {color:#222; font-weight:400;}
.board_in tbody td {padding:30px 0;}
.board_in tfoot td {position:relative; padding-left:80px; font-size:15px; line-height:26px;}
.board_in tfoot td em {position:absolute; top:10px; left:10px;}
.board_in tfoot td a {display:block;}

.reply {margin-top:120px;}
.reply .tit {font-size:21px; color:#222; font-weight:700; line-height:38px; margin-bottom:20px; background:url('/images/icon_reply.png') no-repeat 0 50%; padding-left:50px;}
.reply .gbox {background:#fafafa; padding:20px 30px; margin-bottom:55px;}
.reply .gbox .inputs {display:flex; justify-content:space-between;}
.reply .gbox .inputs .text {width:calc(100% - 110px); height:60px;}
.reply .gbox .inputs .btn {width:100px; height:60px; font-size:19px; color:#fff; font-weight:700; background:#666; border:0;}
.reply .btm {display:flex; justify-content:space-between; margin-top:8px;}
.reply .pic {display:flex;}
.reply .filebutton {position:relative; width:110px; height:32px;}
.reply .filebutton span {width:110px; height:32px; line-height:30px; font-size:14px; color:#525252; border:#ddd 1px solid; text-align:center; padding-left:27px; background:url('/images/icon_pic.png') no-repeat 13px 50%;}
.reply .filebutton input {float:none; z-index:999; position:absolute; top:-2px; left:-700px; margin:0; padding:0; font-size:50px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.reply .filebox {width:406px; height:32px; line-height:36px; padding:0 10px; overflow:hidden; border:none; border-right:0; color:#666; font-size:15px; white-space:nowrap;}
.reply .btm .check {line-height:32px;}
.reply .btm label.check i {border-color:#f70707;}
.reply .list {border-top:#d0d0d0 1px solid;}
.reply .list li {border-bottom:#d0d0d0 1px solid; padding:25px 0;}
.reply .list .tt {font-size:20px; color:#222; font-weight:700; line-height:32px;}
.reply .list .tt em {position:relative; display:inline-block; font-size:16px; color:#525252; font-weight:300; line-height:32px; vertical-align:top; padding:0 22px 0 13px; margin-left:8px;}
.reply .list .tt .btn {display:inline-block; vertical-align:top; font-size:14px; color:#525252; line-height:30px; height:32px; width:60px; text-align:center; border:#bfbfbf 1px solid;}
.reply .list p {font-size:16px; color:#525252; line-height:24px; margin-top:10px;}
.reply .list .lock p {background:url('/images/icon_lock.png') no-repeat 0 0; padding-left:30px;}
.reply .list .re {padding-left:56px; background:url('/images/icon_re2.png') no-repeat 0 50%;}

.board_write col.w1 {width:120px;}
.board_write tbody th {border-right:#ddd 1px solid; text-align:center;}
.board_write tbody td {padding:10px; font-size:0;}
.board_write tbody td > * {font-size:15px;}
.board_write tbody em {display:inline-block; vertical-align:top; width:22px; height:38px; line-height:38px; text-align:center;}
.board_write tbody em.e {width:32px;}
.board_write tbody .w1 {width:404px;}
.board_write tbody .w2 {width:120px;}
.board_write tbody .w3 {width:170px;}
.board_write tbody select.w3 {margin-left:10px;}
.board_write tbody p.red {margin-top:15px;}
.board_write .yak {padding:20px 0 0; border-bottom:0;}
.board_write .yak .gbox {background:#fafafa; border:#ddd 1px solid; padding:20px 25px; margin-bottom:30px;}
.board_write .yak .gbox .tt {font-size:20px; color:#333; font-weight:500; line-height:24px; margin-bottom:10px;}
.board_write .yak .gbox p {font-size:17px; color:#666; line-height:26px;}
.board_write .yak .tac label.check {color:#333;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-10px;}
.gall_list li {float:left; width:calc((100% - 20px)/3); margin:10px 0 0 10px;}
.gall_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.gall_list li a {display:block;}
.gall_list li i {display:block; width:100%; height:240px; overflow:hidden;}
.gall_list li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 접근성 */
.blind_link {position:fixed; top:0; left:0; width:100%; z-index:101;}
.blind_link a {position:fixed; top:0; left:0; width:100%; height:0; font-size:20px; color:#fff; font-weight:500; line-height:60px; text-align:center; background:#999e; overflow:hidden;}
.blind_link a:focus {height:auto;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:1000; background:#fff; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .inner {position:relative; height:127px;}
.header .logo {position:absolute; top:0; left:0; line-height:127px;}
.header h1 {display:none;}
.header .gnb {position:absolute; bottom:0; right:0;}
.header .gnb ul {display:flex;}
.header .gnb li {margin-left:60px;}
.header .gnb li:first-child {margin-left:0;}
.header .gnb li > a {font-size:26px; color:#222; font-weight:700; line-height:80px;}
.header .top {position:absolute; top:10px; right:0; display:flex;}
.header .top a {font-size:17px; color:#333; line-height:40px; margin-left:35px;}
.header .top a:first-child {margin-left:0;}
.header .top a i {font-size:10px; color:#7a7a7a; vertical-align:top; margin-left:5px;}

/* footer */
.footer {background:#333;}
.footer .links {border-bottom:#4c4c4c 1px solid;}
.footer .links ul {display:flex;}
.footer .links li {margin-left:55px;}
.footer .links li:first-child {margin-left:0;}
.footer .links li a {display:block; font-size:18px; color:#fff; font-weight:500; line-height:64px;}
.footer .address {position:relative; padding:50px 0;}
.footer .address span {display:inline-block; vertical-align:top; font-size:17px; color:#fff; line-height:30px; margin-right:20px;}
.footer .address .copy {display:block; margin-top:15px;}
.footer .address .right {position:absolute; top:50px; right:0;}
.footer .address .right strong {display:block; font-size:32px; color:#fff; font-weight:700; line-height:50px;}
.footer .address .right .sns {display:flex; justify-content:center; margin-top:20px;}
.footer .address .right a {width:38px; height:38px; line-height:38px; text-align:center; margin:0 11px; background:#222; border-radius:50%; font-size:0;}

.q_banner {position:absolute; width:100%; z-index:10;}
.q_banner.main {top:830px;}
.q_banner.sub {position:fixed; top:570px;}
.q_banner a {position:absolute; top:0;}
.q_banner .left {position:absolute;left:0; width:124px;}
.q_banner .right {position:absolute;right:0; width:124px;}
.q_banner img {margin:3px auto;}
.q_banner.fixed {position:fixed; top:50%; margin-top:60px;}
.fixed_front {position:absolute;}
.fixed_front.main {top:300px;}
.fixed_point {position:absolute;}
.fixed_point.main {top:calc(100vh + 300px);}

.quick_menu {position:fixed; top:50%; right:-92px; transform:translate(0,-50%); z-index:2; margin-top:-130px; transition:.2s linear;}
.quick_menu.on {right:0;}
.quick_menu .btn_opcl {position:absolute; top:50%; left:-35px; width:36px; height:170px; margin-top:-85px; background:#fff; border:#ddd 1px solid; border-right:0;}
.quick_menu .btn_opcl em {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-90deg); width:170px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#222; font-weight:500;}
.quick_menu .btns {display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; border:#ddd 1px solid;}
.quick_menu .btns a {position:relative; width:90px; height:85px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.quick_menu .btns a:before {content:""; position:absolute; top:0; left:50%; width:70px; height:1px; background:#dadada; transform:translate(-50%,0);}
.quick_menu .btns a:first-child:before {display:none;}
.quick_menu .btns i.count {position:absolute; top:7px; right:15px; font-size:11px; color:#fff; line-height:17px; height:17px; width:17px; background:#f71414; border-radius:50%; text-align:center;}
.quick_menu .btns p {font-size:14px; color:#222; font-weight:500; line-height:20px; margin-top:5px;}
.gotop i {position:relative; display:block; width:100%; height:6px;}
.gotop i:before,
.gotop i:after {content:""; position:absolute; top:50%; left:50%; width:7px; height:1px; background:#828282;}
.gotop i:before {transform:rotate(-45deg); margin-left:-5px;}
.gotop i:after {transform:rotate(45deg); margin-left:-1px;}

/* main */
#mainContent .inner {padding-bottom:100px;}
.mvisual {position:relative; margin-top:127px; height:693px; background:url('/images/mvisual.jpg') no-repeat 50% 50% / cover; padding-bottom:105px;}
.mvisual .slick-slide {position:relative; overflow:hidden;}
.mvisual img {position:relative; top:0; left:50%; min-width:auto; max-width:none; height:693px; transform:translate(-50%,0);}
.mvisual .txt {position:absolute; top:0; left:0; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%;}
.mvisual .txt * {color:#fff;}
.mvisual .txt em {font-size:24px; line-height:44px;}
.mvisual .txt strong {font-size:66px; line-height:92px;}
.mlink {position:relative; margin:-105px auto 0; max-width:1280px; z-index:1;}
.mlink ul {display:flex; background:#fff; box-shadow:rgba(0,0,0,.18) 0 7px 32px;}
.mlink li {position:relative; width:20%;}
.mlink li:before {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#f3f3f3;}
.mlink li:first-child:before {display:none;}
.mlink li a {display:block; padding:30px 0;}
.mlink li i {display:block; width:100px; height:100px; line-height:96px; border:#f70707 2px solid; border-radius:50%; margin:0 auto 15px; text-align:center;}
.mlink li p {font-size:22px; color:#222; font-weight:500; line-height:28px; text-align:center;}
.event_banner {position:relative; margin-top:100px;overflow: hidden;}
.event_banner .slick-slide {width:650px; padding-right:20px;}
.event_banner .banner_slide {position:relative; padding-bottom:51px;}
.event_banner .banner_slide .slick-list {width:calc(100% + ((100vw - 1280px)/2));}
.slick-dots {position:absolute; bottom:0; left:0; width:100%; text-align:center; font-size:0;}
.slick-dots li {display:inline-block; vertical-align:top; margin:0 11px;}
.slick-dots li button {display:block; width:18px; height:18px; font-size:0; border-radius:50%; background:#bbb;}
.slick-dots li.slick-active button {background:#f70707;}

.mtit {position:relative; font-size:30px; color:#021621; font-weight:700; line-height:40px; margin:120px 0 30px;}
.mtit .more {position:absolute; top:50%; right:0; font-size:18px; color:#021621; font-weight:500; line-height:36px; margin-top:-18px;}
.mtit .more i {position:relative; display:inline-block; vertical-align:top; width:36px; height:36px; border:#222 1px solid; margin-right:15px;}
.mtit .more i:before,
.mtit .more i:after {content:""; position:absolute; top:50%; left:50%; background:#222; transform:translate(-50%,-50%);}
.mtit .more i:before {width:20px; height:2px;}
.mtit .more i:after {width:2px; height:20px;}
.mtit .inputs {position:absolute; top:-10px; right:0; width:370px; height:60px; border:#ddd 1px solid; padding-right:58px;}
.mtit .inputs .text {display:block; width:100%; border:0; background:none; padding:0 30px; font-size:18px; color:#222; height:58px;}
.mtit .inputs .btn {position:absolute; top:0; right:0; width:58px; height:58px; border:0; background:#fff url('/images/icon_search.png') no-repeat 50% 50%; font-size:0;}

.pro_list {position:relative; padding-bottom:65px; margin:0 -14px;overflow:hidden}
.pro_list .slick-slide {padding-right:14px; overflow:hidden;}
.pro_list .mv {position:relative; padding:0 5px;padding-right: 0;}
.pro_list a {display:block;}
.pro_list a span {display:block;}
.pro_list .img {position:relative; font-size:0;}
.pro_list .img span.end {position:absolute; top:0px; right:0px; width:100%;  height:100%; background: url('/images/icon_sale_end.png') no-repeat 50% 50% / contain;}
.pro_list .img .ico_cert {position:absolute; top:0px; left:0px; width:100px; height:100px; background: url('/images/icon_cert.png') no-repeat;}
.pro_list .img label.like {position:absolute; bottom:15px; right:10px;}
label.like {display:block; width:50px; height:50px; background:rgba(34,34,34,.69); border-radius:50%;z-index:999;}
label.like input {display:none;}
label.like i {display:block; width:100%; height:100%; background:url('/images/icon_like_off.png') no-repeat 50% 50%;}
label.like input:checked + i {background:#fff url('/images/icon_like_on.png') 50% 50%  no-repeat ;}

label.heart {position:absolute; top:20px; right:10px; text-align:center; font-size:20px; line-height:40px; width:40px; height:40px; background:rgba(34,34,34,.69); border-radius:50%;}
label.heart.fas {display:block; color:#ff0000;}
label.heart.far {display:block; color:#d3dadb;}
label.heart input {display:none;}

.slick-track {min-width:100%;}
.pro_list .txt {padding:0px 13px 0;}
.pro_list .txt .tt {position:relative;font-size:20px; color:#222; font-weight:700; line-height:30px; padding:5px 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_list .txt .tt  label.like {position:absolute; bottom:0px; right:0px; width:30px; height:30px;}
.pro_list .txt dl {display:flex; flex-wrap:wrap; margin:0px 0 25px;overflow:hidden;height:24px;}
.pro_list .txt dd {position:relative; padding-left:10px; margin-left:10px; font-size:16px; color:#525252; font-weight:500; line-height:24px;}
.pro_list .txt dd:before {content:""; position:absolute; top:50%; left:0; width:1px; height:10px; background:#dcdcdc; margin-top:-5px;}
.pro_list .txt dd:first-child {padding-left:0; margin-left:0;}
.pro_list .txt dd:first-child:before {display:none;}
.pro_list .txt .pay {font-size:24px; color:#222; font-weight:700; line-height:40px;}
.pro_list .txt .pay strong {color:#f70707;}

.pro_list.half_star {display:flex;overflow:hidden; }
.pro_list.half_star .slick-slide {width:800px;}
.pro_list.half_star .mv {padding-right:30px;}
.pro_list.half_star a {display:flex;}
.pro_list.half_star .img {width:300px; }
.pro_list.half_star .txt {width:calc(100% - 300px); padding:0 0 0 25px;}
.pro_list.half_star .tt {color:#f70707;}
.pro_list.half_star .txt dl {margin:10px 0 10px;}
.pro_list.half_star .embox {display:flex; flex-direction:column;}
.pro_list.half_star .embox p {position:relative; font-size:15px; color:#525252; line-height:24px; min-height:24px; display:block; align-items:center; margin-bottom:5px; padding-left:55px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_list.half_star .embox p em {position:absolute; top:0; left:0; font-size:14px; font-weight:500; line-height:24px; height:24px; width:40px; text-align:center;}
.pro_list.half_star .embox p.c1 em {color:#fff; background:#f70707;}
.pro_list.half_star .embox p.c2 em {color:#fff; background:#bbb;}
.pro_list.half_star .embox p.c3 {margin-bottom:0;}
.pro_list.half_star .embox p.c3 em {color:#222; background:#fff; border:#ccc 1px solid; line-height:26px;}
.pro_list.half_star .txt .pay {text-align:right;}

.pro_list.half {display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:0; }
.pro_list.half .mv {width:calc(50% - 20px); margin-top:30px;}
.pro_list.half a {display:flex;}
.pro_list.half .img {width:340px; height:auto;}
.pro_list.half .txt {width:calc(100% - 340px); padding:0 0 0 25px;}

.mm_banner {position:relative; margin-top:100px;}
.mm_banner .silck-slide {font-size:0;}
.mm_banner .slick-arrow {position:absolute; top:50%; width:45px; height:84px; background:rgba(255,255,255,.66); margin-top:-42px; font-size:0; z-index:1;}
.mm_banner .slick-arrow:before,
.mm_banner .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:18px; height:2px; background:#222; margin-left:-9px;}
.mm_banner .slick-arrow:before {margin-top:-7px;}
.mm_banner .slick-arrow:after {margin-top:5px;}
.mm_banner .slick-prev {left:0;}
.mm_banner .slick-prev:before {transform:rotate(-45deg);}
.mm_banner .slick-prev:after {transform:rotate(45deg);}
.mm_banner .slick-next {right:0;}
.mm_banner .slick-next:before {transform:rotate(45deg);}
.mm_banner .slick-next:after {transform:rotate(-45deg);}

.review {position:relative;padding-bottom:65px;}
.review .slick-slide,
.review .mv {width:414px;}
.review .slick-slide {margin-right:19px;}
.review a {display:flex; flex-direction:column; padding:40px 30px 50px; text-align:center; box-shadow:rgba(19,19,19,.18) 0 7px 32px;}
.review .slick-slide a {position:relative; box-shadow:none; border:#ddd 1px solid;}
.review .slick-slide a:before {content:""; position:absolute; top:40px; left:30px; width:26px; height:23px; background:url('/images/icon_dda.png') no-repeat;}
.review .img {width:306px; height:198px; overflow:hidden; margin:0 auto;}
.review .tt {font-size:20px; color:#222; font-weight:700; line-height:30px; margin:20px 0; height:60px; overflow:hidden;}
.review p {font-size:17px; color:#525252; font-weight:500; line-height:30px;}
.container .review {display:flex; flex-wrap:wrap;}
.container .review .mv {width:calc((100% - 40px)/3) !important; margin:20px 0 0 20px;}
.container .review .mv:nth-child(3n-2) {margin-left:0;}

.jq_tab {display:flex; margin-bottom:30px;}
.jq_tab li {position:relative; width:calc((100%/8) + 1px); font-size:17px; color:#222; font-weight:700; line-height:50px; text-align:center; margin-left:-1px; border:#ddd 1px solid; cursor:pointer; transition:.2s linear;}
.jq_tab li:first-child {width:calc(100%/8); margin-left:0;}
.jq_tab li:hover,
.jq_tab li.on {border-color:#f70707; z-index:1; color:#f70707; background:#fdf5f4;}

.faq_wrap .jq_cont {border-top:#ddd 1px solid;}
.faq_wrap dl {border-bottom:#ddd 1px solid;}
.faq_wrap dl em {position:absolute; top:22px; left:20px; width:32px; height:32px; line-height:30px; text-align:center; border-radius:50%; transition:.2s linear;}
.faq_wrap dt,
.faq_wrap dd {position:relative; font-size:14pt; padding:20px 20px 20px 80px;}
.faq_wrap dt {padding-right:70px; cursor:pointer;}
.faq_wrap dt em {color:#525252; border:#eee 1px solid;}
.faq_wrap dt i {position:absolute; top:0; right:24px; width:24px; height:100%;}
.faq_wrap dt i:before,
.faq_wrap dt i:after {content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; background:#999; margin-top:-1px; transition:.2s linear;}
.faq_wrap dt i:before {transform:rotate(45deg); margin-left:-12px;}
.faq_wrap dt i:after {transform:rotate(-45deg); margin-left:-2px;}
.faq_wrap dd {border-top:#ddd 1px solid; display:none;}
.faq_wrap dd em {color:#f70707; background:#fdf5f4; border:#f70707 1px solid;}
.faq_wrap .on dt {color:#f70707;}
.faq_wrap .on dt em {color:#fff; background:#f70707; border-color:#f70707;}
.faq_wrap .on dt i:before {transform:rotate(-45deg);}
.faq_wrap .on dt i:after {transform:rotate(45deg);}

.partner {position:relative;padding-bottom:15px;}
.partner .slick-slide {padding:0 10px;}

.slick-arrow {position:absolute; top:50%; width:45px; height:84px; background:rgba(255,255,255,.66); margin-top:-42px; font-size:0; z-index:1;}
.slick-arrow:before,
.slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:18px; height:2px; background:#222; margin-left:-9px;}
.slick-arrow:before {margin-top:-7px;}
.slick-arrow:after {margin-top:5px;}
.slick-prev {left:0;}
.slick-prev:before {transform:rotate(-45deg);}
.slick-prev:after {transform:rotate(45deg);}
.slick-next {right:0;}
.slick-next:before {transform:rotate(45deg);}
.slick-next:after {transform:rotate(-45deg);}

/* sub */
.container {position:relative; margin-top:127px; padding:0 0 100px; min-height:calc(100vh - 430px);}
.container.pt {padding-top:100px;}
.container .title {font-size:40px; color:#222; font-weight:700; line-height:50px; text-align:center; margin-bottom:55px;}
.container .title strong {color:#f70707;}
.container .title.pt {padding-top:50px;}
.container p {font-size:16px; color:#616161; line-height:26px;}
.container .btit {position:relative; font-size:25px; color:#222; font-weight:700; line-height:34px; margin:30px 0 55px;}
.container .btit label.check {position:absolute; top:7px; right:0; margin:0; width:auto; font-weight:400;}
.container .btit.s {font-size:22px;}
.container .ctit {font-size:22px; color:#222; font-weight:700; line-height:30px; text-align:center; margin-bottom:50px;}
.container .stit {font-size:30px; color:#222; font-weight:700; line-height:40px; margin:100px 0 50px;}
.container .stit:first-child {margin-top:0;}

label.check {position:relative; display:inline-block; vertical-align:top; font-size:14px; color:#555; line-height:20px; padding-left:20px;}
label.check input {display:none;}
label.check i {position:absolute; top:50%; left:0; width:16px; height:16px; border:#898989 1px solid; margin-top:-8px;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#f70707; transform:translate(-50%,-50%); transition:.2s linear;}
label.check input:checked + i:before {width:10px; height:10px;}

label.radio {position:relative; display:inline-block; vertical-align:top; font-size:14px; color:#999; line-height:20px; padding-left:20px;}
label.radio input {display:none !important;}
label.radio i {position:absolute; top:50%; left:0; width:16px; height:16px; border:#898989 1px solid; margin-top:-8px; border-radius:50%;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#f70707; transform:translate(-50%,-50%); transition:.2s linear; border-radius:50%;}
label.radio input:checked + i:before {width:10px; height:10px;}

.svisual {height:300px; max-height:300px; background:no-repeat 50% 50% / cover;}
.svisual.g01 {background-image:url('/images/svisual01.jpg');}
.svisual.g03 {background-image:url('/images/svisual03.jpg');}
.svisual.g03 .txt strong {font-size:0;}
.svisual.g02,
.svisual.g04 {display:none;}
.svisual.g05 {background-image:url('/images/svisual05.jpg');}
.svisual.g06 {background-image:url('/images/svisual06.jpg');}
.svisual.g07 {background-image:url('/images/svisual07.jpg');}
.svisual.g09 {background-image:url('/images/svisual09.jpg');}
.svisual.g10 {background-image:url('/images/svisual10.jpg');}
.svisual.g11 {background-image:url('/images/svisual11.jpg');}
.svisual.g12 {background-image:url('/images/svisual12.jpg');}
.svisual.g13 {background-image:url('/images/svisual13.jpg');}
.svisual.g14 {background-image:url('/images/svisual14.jpg');}
.svisual .txt {display:flex; width:100%; height:100%; align-items:center; justify-content:center; flex-direction:column;}
.svisual .txt em {font-size:24px; color:#fff; font-weight:500; line-height:30px;}
.svisual .txt strong {font-size:66px; color:#fff; font-weight:700; line-height:70px; margin-top:10px;}
.aside {border-bottom:#ddd 1px solid; margin-bottom:55px;}
.aside dl {max-width:1150px;}
.aside dt {display:none;}
.aside dd {display:flex; justify-content:center;}
.aside dd a {position:relative; font-size:20px; color:#222; line-height:60px; padding:0 25px;}
.aside dd a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:22px; background:#f4f4f4; margin-top:-11px;}
.aside dd a:first-child:before {display:none;}
.aside dd a span {position:relative; display:inline-block; vertical-align:top; padding:0 15px;}
.aside dd a span:before {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#f82323; transition:.2s linear;}
.aside dd a.on {color:#f82323; font-weight:700;}
.aside dd a:hover span:before,
.aside dd a.on span:before {left:0; width:100%;}
.aside.g09 dd {justify-content:space-between;}
.aside.g09 dd a {padding:0;}
.aside.g09 dd a:before {left:-28px;}
.aside.g14 .aside_slide .slick-list,
.aside.g14 .aside_slide .slick-track {display: flex; justify-content: center;}
.aside.g14 .aside_slide .slick-track {width: 100% !important; transform:translate3d(0, 0px, 0px) !important;}
.aside.g14 .aside_slide .slick-slide {float:none;}

/* 로그인 */
.mem_wrap {width:100%; max-width:550px; margin:0 auto;}
.mem_wrap select.text,
.mem_wrap input.text {width:100%; height:50px; margin-bottom:10px; font-size:15px; color:#222; padding:0 20px; margin-bottom:10px;}
.mem_wrap input.text::placeholder {color:#898989;}
.mem_wrap label.check {display:block; width:calc(100% - 20px); margin:10px 0 35px 20px;}
.mem_wrap .btn {display:block; font-size:20px; color:#fff; font-weight:700; line-height:60px; height:60px; width:100%; background:#f70707; border-radius:30px; border:0; text-align:center;}
.mem_wrap .btns {margin-top:45px; text-align:center; font-size:0;}
.mem_wrap .btns a {position:relative; display:inline-block; vertical-align:top; font-size:16px; color:#525252; line-height:30px; padding:0 20px;}
.mem_wrap .btns a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:#e0e0e0; margin-top:-7px;}
.mem_wrap .btns a:first-child:before {display:none;}
.mem_wrap .sns_login {margin-top:60px;}
.mem_wrap .sns_login .tit {position:relative; text-align:center; font-size:0; margin-bottom:35px;}
.mem_wrap .sns_login .tit:before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#ddd;}
.mem_wrap .sns_login .tit em {position:relative; display:inline-block; vertical-align:top; font-size:17px; color:#525252; line-height:20px; padding:0 20px; background:#fff; z-index:1;}
.mem_wrap .sns_login .btn {height:56px; line-height:56px; border-radius:20px;}
.mem_wrap .sns_login .btn_kakao {margin-bottom:24px; color:#181600; background:#fee500 url('/images/icon_kakao.png') no-repeat 20px 50%;}
.mem_wrap .sns_login .btn_naver {color:#fff; background:#00c300 url('/images/icon_naver.png') no-repeat 20px 50%;}
.banner_login {position:absolute; top:205px; left:50%; margin-left:380px; width:419px;}

/* 회원가입 */
.gtitle {background:#f4f4f4; padding:80px 0 60px; margin-bottom:20px;}
.gtitle .title {margin-bottom:45px;}
.steps {display:flex;}
.steps li {width:33.33%; text-align:center; font-size:16px; color:#9f9f9f; font-weight:500; line-height:20px; padding-top:10px; border-top:#ededed 2px solid;}
.steps li.on {color:#f70707; border-top-color:#f70707;}
.mem_wrap .tt {font-size:20px; color:#222; font-weight:500; line-height:22px; margin:20px 0 10px;}
.join_type a {display:block; padding:35px 25px 30px; box-shadow:rgba(19,19,19,.18) 0 7px 32px; margin-top:54px;}
.join_type a:hover {opacity:.7;}
.join_type a:first-child {margin-top:0;}
.join_type a strong {display:block; font-size:22px; color:#222; font-weight:700; line-height:30px; margin-bottom:10px;}
.join_type a p {font-size:15px; color:#898989; line-height:27px;}
.yak_chk li {margin-top:20px;}
.yak_chk li label.check {margin:0; line-height:28px;}
.yak_chk li label.check .fancybox {display:inline-block; vertical-align:top; font-size:15px; color:#222; height:28px; line-height:26px; width:70px; border:#222 1px solid; text-align:center; margin-left:10px;}
.btn_submit {display:block; font-size:20px; color:#fff; font-weight:700; line-height:60px; height:60px; width:100%; background:#f70c0c; border:0; margin-top:45px;}
.mem_wrap .inputs dl {margin-top:15px;}
.mem_wrap .inputs dt {font-size:15px; color:#999; font-weight:700; line-height:30px;}
.mem_wrap .inputs dd {display:flex; flex-wrap:wrap; justify-content:space-between;}
.mem_wrap .inputs dd .w1 {width:calc(100% - 140px);}
.mem_wrap .inputs dd .w2 {width:calc((100% - 20px)/3);}
.mem_wrap .inputs dd button {width:140px; height:50px; line-height:48px; font-size:15px; color:#222; text-align:center; border:#222 1px solid;}
.mem_wrap .inputs dd.tal {justify-content:flex-start;}
.mem_wrap .inputs dd.tal .radio {margin-right:25px;}

.joinlast {display:block; margin:0 auto 40px;}
.mem_wrap p.end {font-size:21px; color:#525252; line-height:27px; text-align:center; margin-top:25px;}
.mem_wrap .join_info {margin:65px 0 50px;}
.mem_wrap .join_info dl {display:flex; justify-content:space-between;}
.mem_wrap .join_info dl > * {font-size:21px; line-height:27px;}
.mem_wrap .join_info dt {color:#525252;}
.mem_wrap .join_info dd {color:#222; font-weight:500;}
.mem_wrap .end_btns {display:flex; justify-content:space-between;}
.mem_wrap .end_btns .btn {width:calc(50% - 12px);}
.mem_wrap .end_btns .btn_l {color:#525252; background:#fff; border:#ddd 1px solid;}

/* 마이페이지 */
.tabs {display:table; table-layout:fixed; border-collapse:collapse; width:100%; margin-bottom:30px;}
.tabs li {position:relative; display:table-cell; width:50%; font-size:17px; color:#222; font-weight:700; line-height:50px; border:#ddd 1px solid; text-align:center; transition:.2s linear;}
.tabs li a {font-size:inherit; color:inherit; display:block;}
.tabs li:hover,
.tabs li.on {color:#f70707; border-color:#f70707; background:#fdf5f4; z-index:1;}
.tabs li:hover:before,
.tabs li.on:before {content:""; position:absolute; top:-1px; left:-1px; width:1px; height:calc(100% + 2px); background:#f70707;}

label.check.big {line-height:30px; padding-left:40px; z-index:10;}
label.check.big i {width:30px; height:30px; margin-top:-15px;}
label.check.big i:before {top:0; left:0; width:100% !important; height:100% !important; background:url('/images/icon_check.gif') no-repeat 50% 50%; opacity:0; transition:.2s linear; transform:translate(0,0);}
label.check.big input:checked + i {border:#f70808 2px solid;}
label.check.big input:checked + i:before {opacity:1;}
.camping_car_list .pro_list {display:flex; flex-wrap:wrap; justify-content:flex-start; margin:-20px 0 0;}
.camping_car_list .pro_list .mv {position:relative; width:calc((100% - (27px * 3))/4); margin:50px 0 0 27px;}
.camping_car_list .pro_list .mv:nth-child(4n-3) {margin-left:0;}
.pro_list label.check {position:absolute; top:0; left:0; z-index:1; height:30px; background:#fff; padding-left:0; width:30px;}
.pro_list .img {position:relative;}
.pro_list .img:before,
.pro_list .img:after {content:""; position:absolute; width:0; height:0; border:transparent 0 solid; transition:.2s linear;}
.pro_list .img:before {top:0; left:0; border-top-color:#f70808; border-left-color:#f70808;}
.pro_list .img:after {bottom:0; right:0; border-right-color:#f70808; border-bottom-color:#f70808;}
.pro_list .mv.check_on .img:before,
.pro_list .mv.check_on .img:after {width:100%; height:100%; border-width:2px;}
.pro_list .mv .status {position:absolute; right:0; top:0; z-index:100; height:30px; background:#f70707;  color:#fff; width:100px; text-align:center; font-size:14px; line-height:30px;}

.camping_car_list .pro_list .mv .btns {display:flex; justify-content:space-between; margin-top:40px;}
.camping_car_list .pro_list .mv .btns a {font-size:19px; color:#222; line-height:52px; text-align:center; width:calc(50% - 12px); border-radius:26px; border:#ccc 1px solid;}
.camping_car_list .pro_list .mv .btns a:before {content:""; display:inline-block; vertical-align:top; width:33px; height:52px; background:no-repeat 50% 50% / contain; margin-right:10px;}
.camping_car_list .pro_list .mv .btns a.btn1:before {background-image:url('/images/icon_talk.png');}
.camping_car_list .pro_list .mv .btns a.btn2:before {background-image:url('/images/icon_tel.png');}

/* 내캠핑카 판매 */
.no_sellcar {background:#f3f3f3; height:515px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.no_sellcar strong {display:block; font-size:33px; color:#222; font-weight:700; line-height:40px; margin:30px 0 20px;}
.no_sellcar .btn {display:block; font-size:27px; color:#fff; font-weight:500; line-height:70px; height:70px; width:350px; border-radius:35px; background:#f82323; text-align:center;}
.sellcar_area .sell_top {position:relative; margin-bottom:30px;}
.sellcar_area .sell_top .btns {position:absolute; top:-3px; right:0; display:flex;}
.sellcar_area .sell_top .btns .btn {display:block; font-size:16px; color:#f70808; font-weight:700; line-height:34px; height:36px; padding:0 20px; border:#f70808 1px solid; margin-left:12px;}

.sell_list {margin:0; padding:0;}
.sell_list .mv {display:flex; flex-wrap:wrap;margin-bottom:50px;}
.sell_list .mv > a {display:flex; width:calc(100% - 180px); }
.sell_list .mv .txt {padding:0 20px;}
.sell_list .mv .btns {width:180px; display:flex; flex-direction:column;}
.sell_list .mv .btns .btn {display:block; font-size:17px; color:#222; line-height:50px; height:52px; width:100%; margin-top:15px; border-radius:27px; text-align:center; border:#ddd 1px solid;}
.sell_list .mv .btns .btn:first-child {margin-top:0;}
.btn_btns {display:table; table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%; margin-top:10px;}
.btn_btns a {position:relative; display:table-cell; font-size:17px; color:#222; line-height:60px; height:62px; text-align:center; border:#ddd 1px solid;}
.btn_btns a:hover {background:#f5f5f5;}

.btm_gray {margin:55px 0 65px; background:#f3f3f3; padding:40px 20px 20px;}
.btm_gray strong {display:block; font-size:24px; color:#222; font-weight:700; line-height:30px; margin-bottom:25px;}
.btm_gray li {font-size:16px; color:#222; line-height:27px; padding-left:20px; text-indent:-20px;}
.tac .btn {font-size:27px; line-height:70px; height:70px; width:350px; border-radius:35px; margin:0 auto;}
.tac .btn.mt {margin-top:90px;}

/* 포인트 */
.point_top {position:relative; background:#f5f5f5; padding:35px 25px; font-size:31px; color:#222; font-weight:500; line-height:60px; text-align:center; margin-bottom:35px;}
.point_top strong {color:#f82323;}
.point_top .btn {position:absolute; top:50%; right:25px; font-size:20px; color:#fff; font-weight:500; line-height:60px; height:60px; width:240px; border-radius:30px; margin-top:-30px; background:#f82323;}
.tbl table {border-top:#666 1px solid;}
.tbl th,
.tbl td {border-bottom:#ddd 1px solid; font-size:17px; line-height:54px; text-align:center;}
.tbl th {color:#222;}
.tbl td {color:#666;}
.tbl2 th,
.tbl2 td {font-size:22px; border-bottom:#ddd 1px solid; line-height:54px; text-align:center;}
.tbl2 th {color:#222; font-weight:500; background:#fdf5f4;}
.tbl2 td {color:#666;}
.infobox {margin:0;}

/* 결제관리 */
.order_tbl td {padding:15px 0; vertical-align:middle; line-height:28px;}
.order_tbl td.tal a {display:block; line-height:20px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.order_tbl td.tal a img {margin-right:30px;}
.order_tbl .btn_sang {display:block; font-size:15px; color:#193477; font-weight:700; line-height:28px; height:30px; width:92px; border:#193477 1px solid; text-align:center; margin:2px auto 0;}
.tbl col.w1 {width:250px;}
.tbl col.w2 {width:190px;}
.tbl col.w3 {width:140px;}

/* 게시글 관리 */
.thum_list li {position:relative; border-bottom:#ddd 1px solid; padding:30px 100px 30px 0;}
.thum_list li > a {position:relative; display:flex; min-height:120px;}
.thum_list li .img {width:180px; height:120px; line-height:120px; text-align:center; overflow:hidden;}
.thum_list li .txt {width:calc(100% - 190px); margin-left:10px; padding-top:5px;}
.thum_list li .txt .tt {font-size:20px; color:#222; font-weight:500; line-height:30px; display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thum_list li .txt .cn {position:relative; font-size:15px; color:#666; line-height:20px; padding-right:60px; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thum_list li .txt .cn i {position:absolute; top:0; right:0; color:#f82323;}
.thum_list li .txt em {display:block; font-size:15px; color:#999; margin-top:30px;}
.thum_list li .btns {position:absolute; top:0; right:0; width:90px; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.thum_list li .btns .btn {display:block; font-size:15px; font-weight:700; line-height:28px; height:30px; width:90px; margin:1px 0; text-align:center;}
.thum_list li .btns .btn_c1 {color:#f82323; border:#f82323 1px solid;}
.thum_list li .btns .btn_c2 {color:#666; border:#666 1px solid;}

/* 회원정보 수정 */
.mem_wrap .img_mody, .mem_modify .img_mody {margin-bottom:55px;}
.mem_wrap .img_mody span, .mem_modify .img_mody span {position:relative; display:block; width:128px; margin:0 auto;}
.mem_wrap .img_mody i, .mem_modify .img_mody i {position:relative; display:block; font-size:0; overflow:hidden; border-radius:50%; width:100%; height:128px; line-height:128px; text-align:center; background:#e0e0e0;}
.mem_wrap .img_mody .btn, .mem_modify .img_mody .btn {position:absolute; padding:0px; bottom:-2px; right:7px; width:34px; height:34px; border:#fff 2px solid; border-radius:50%; background:url('/images/icon_set.png') #959595 no-repeat 50% 50%; font-size:0;}
.mem_wrap .img_mody .btn input, .mem_modify .img_mody .btn input {display:none;}
.mem_modify .inputs {border-top:#aaa 1px solid; width:1020px; max-width:100%; margin:0 auto;}
.mem_modify .inputs dl {border-bottom:#ddd 1px solid; display:flex;}
.mem_modify .inputs dt,
.mem_modify .inputs dd {padding:10px 0; line-height:38px;}
.mem_modify .inputs dt {width:200px; font-size:17px; color:#222; font-weight:500; line-height:38px;}
.mem_modify .inputs dd {width:calc(100% - 200px); font-size:0;}
.mem_modify .inputs dd * {display:inline-block; vertical-align:top; font-size:17px; color:#666;}
.mem_modify .inputs .text {height:38px; width:390px; max-width:100%;}
.mem_modify .inputs .text.w3 {width:116px;}
.mem_modify .inputs .text.w2 {width:156px;}
.mem_modify .inputs .text.w1 {width:156px;}
.mem_modify .inputs select.text.w2 {margin-left:10px;}
.mem_modify .inputs em {width:22px; line-height:38px; text-align:center;}
.mem_modify .inputs em.e {width:27px;}
.mem_modify .inputs .text.mt {display:block; margin-top:10px;}
.mem_modify .inputs textarea.text {height:170px; padding:10px;}
.mem_modify .inputs button {display:inline-block; vertical-align:top; font-size:17px; border:#7f7f7f 1px solid; width:82px; height:38px;}
.mem_modify .inputs label.radio {margin-left:30px; line-height:38px;}
.withdrawal_wrap {text-align:right; font-size:0; width:1020px; max-width:100%; margin:20px auto 0;}
.btn_withdrawal {display:inline-block; vertical-align:top; font-size:16px; color:#666; line-height:46px; height:48px; width:150px; border:#888 1px solid; border-radius:24px; text-align:center;}
.mem_modify .btns_tac {text-align:center; margin-top:35px; font-size:0;}
.mem_modify .btns_tac .btn {display:inline-block; vertical-align:top; font-size:18px; color:#525252; font-weight:700; line-height:56px; width:180px; margin:0 10px; border:#525252 1px solid; background:#fff;}
.mem_modify .btns_tac .btn_mody {color:#fff; background:#f70808; border-color:#f70808;}
.mem_modify .inputs + .tac {margin-top:25px;}

/* 회사소개 */
.about_top {padding:80px 0 110px; text-align:center;}
.about_top .tit {font-size:57px; color:#f82323; font-weight:700; line-height:60px;}
.about_top b {display:block; font-size:32px; color:#222; font-weight:500; line-height:40px; text-align:center; margin:20px 0 120px;}
.about_top p {font-size:26px; color:#666; line-height:39px;}
.about_btm {background:#f5f5f5; padding:80px 0;}
.about_btm .tit {position:relative; z-index:1; text-align:center; font-size:0; margin-bottom:100px;}
.about_btm .tit:before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#f82323; z-index:-1;}
.about_btm .tit span {position:relative; display:inline-block; vertical-align:top; font-size:43px; color:#f82323; font-weight:600; line-height:46px; background:#f5f5f5; padding:0 35px;}
.about_btm .tit span:before,
.about_btm .tit span:after {content:""; position:absolute; top:50%; width:1px; height:32px; margin-top:-16px; background:#f82323;}
.about_btm .tit span:before {left:0;}
.about_btm .tit span:after {right:0;}

/* 사이트맵 */
.sitemap .top_link {display:flex; background:#fcf6f6; padding:35px 0; align-items:center; justify-content:space-evenly; margin-bottom:70px;}
.sitemap .top_link a {font-size:26px; color:#222; font-weight:500; line-height:40px;text-align:center;}
.sitemap .top_link a img {margin-right:10px; display:inline-block; vertical-align:top;}
.sitemap ul {display:flex; justify-content:space-between;}
.sitemap li {width:300px; border-top:#f70808 2px solid; padding-top:20px;}
.sitemap li .tt {font-size:26px; color:#222; font-weight:700; line-height:53px; margin-bottom:20px;}
.sitemap li.m0 .tt {margin-bottom:0;}
.sitemap li a {display:block; font-size:21px; color:#222; line-height:53px;}

/* 캠타요튜닝수리점 */
.repair_wrap {flex-wrap:wrap; justify-content:space-between; margin-top:-30px;}
.repair_wrap .mv {margin-top:30px;margin-right:20px; }
.repair_wrap .txt .tit {font-size:26px; color:#222; font-weight:700; line-height:30px;margin-bottom:10px;}
.repair_wrap .txt p {font-size:16px; color:#525252; font-weight:500; line-height:24px; margin:5px 0px;}
.repair_wrap .txt strong {display:block; font-size:25px; color:#f70707; font-weight:700; line-height:50px;}
.repair_wrap  .mv:nth-child(2n-1) { margin-right:0; }

.repair_slide {position:relative;}
.repair_slide .slick-slide {font-size:0;}
.repair_slide .slick-arrow {position:absolute; top:50%; width:44px; height:84px; margin-top:-42px; background:rgba(255,255,255,.66); font-size:0; z-index:1;}
.repair_slide .slick-arrow:before,
.repair_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:18px; height:2px; background:#222; margin-left:-9px;}
.repair_slide .slick-arrow:before {margin-top:-7px;}
.repair_slide .slick-arrow:after {margin-top:5px;}
.repair_slide .slick-prev {left:0;}
.repair_slide .slick-prev:before {transform:rotate(-45deg);}
.repair_slide .slick-prev:after {transform:rotate(45deg);}
.repair_slide .slick-next {right:0;}
.repair_slide .slick-next:before {transform:rotate(45deg);}
.repair_slide .slick-next:after {transform:rotate(-45deg);}

.dl_tbl {border-top:#aaa 1px solid; margin-top:40px;}
.dl_tbl dl {display:flex; border-bottom:#ddd 1px solid;}
.dl_tbl dt,
.dl_tbl dd {font-size:20px; font-weight:500; padding:20px 0;}
.dl_tbl dt {color:#222; width:120px; text-align:center;}
.dl_tbl dd {color:#525252; padding-left:60px;}

/* 공지사항 */
.search_area {display:flex; justify-content:flex-end; margin-bottom:40px;}
.search_area .text,
.search_area .btn {height:45px;}
.search_area .text {font-size:17px; color:#666; padding:0 10px;}
.search_area select.text {width:140px;}
.search_area input.text {width:310px; margin:0 3px 0 10px;}
.search_area .btn {width:45px; border:0; background:url('/images/icon_search_w.png') #222 no-repeat 50% 50%; font-size:0;}

.filebutton {position:relative; width:94px; height:38px; overflow:hidden;}
.filebutton span {display:inline-block; width:94px; height:38px; line-height:36px; font-size:17px; color:#666; border:#666 1px solid; text-align:center;}
.filebutton input {z-index:999; position:absolute; top:-2px; left:-700px; margin:0; padding:0; font-size:50px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.filebox {float:left; width:406px; height:38px; line-height:36px; padding:0 10px; overflow:hidden; border:1px solid #b9bccf; border-right:0; color:#666; font-size:15px; white-space:nowrap;}

/* 제휴문의 */
.partnership {background:#f4f4f4; height:250px; display:flex; align-items:center; margin-bottom:35px;}
.partnership dt {text-align:center; width:280px;}
.partnership dt i {display:block; width:138px; height:138px; border-radius:50%; background:#fff url('/images/icon_tel2.png') no-repeat 50% 50%; margin:0 auto;}
.partnership dd {padding-top:10px;}
.partnership dd .tt {font-size:33px; color:#f82323; font-weight:700; line-height:38px; margin-bottom:15px;}
.partnership dd li {position:relative; font-size:19px; color:#666; font-weight:500; line-height:31px; padding-left:220px;}
.partnership dd li em {position:absolute; top:0; left:0; color:#8e8e8e;}
.partnership dd li span {position:relative; padding:0 14px;}
.partnership dd li span:before {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:#d6d6d6; margin-top:-7px;}

/* 캠핑카 검색 */
.car_search {display:flex; justify-content:space-between;}
.car_search .search_box {width:260px;}
.car_search .search_box .tit {position:relative; font-size:22px; color:#222; font-weight:700; line-height:24px;}
.car_search .search_box .tit .btns {position:relative; margin-top:10px; right:0; display:flex;}
.car_search .search_box .tit .btn {position:relative; padding-left:28px; margin-left:10px; font-size:14px; line-height:24px;height:24px;}
.car_search .search_box .tit .btn:first-child {margin-left:0;}
.car_search .search_box .tit .btn i {position:absolute; top:0; left:0; width:24px; height:24px; border-radius:50%;}
.car_search .search_box .tit .btn i.i1 {background:url('/images/icon_re.png')#fd665c no-repeat 50% 50%;}
.car_search .search_box .tit .btn i.i2 {background:url('/images/icon_search2.png') #999 no-repeat 50% 50%;}
.car_search .search_box .tit .inputs {position:relative; background:#f4f4f4; border-radius:5px; margin:20px 0px; height:46px; padding-right:46px;}
.car_search .search_box .tit .inputs .text {display:block; font-size:15px; border:0; padding:0 10px; height:46px; background:none; width:100%;}
.car_search .search_box .tit .inputs .btn {position:absolute; top:0; right:0; width:46px; height:46px; background:url('/images/icon_search.png') no-repeat 50% 50%; border:0; font-size:0;}
.car_search .search_box dl {border-top:#ddd 1px solid;}
.car_search .search_box dl:last-child {border-bottom:#ddd 1px solid;}
.car_search .search_box dt {position:relative; font-size:17px; color:#222; font-weight:700; line-height:54px; cursor:pointer;}
.car_search .search_box dt i {position:absolute; top:0; right:0; width:24px; height:100%; overflow:hidden;}
.car_search .search_box dt i:before,
.car_search .search_box dt i:after {content:""; position:absolute; top:50%; left:50%; width:12px; height:1px; background:#434343;}
.car_search .search_box dt i:before {transform:rotate(45deg); margin-left:-10px;}
.car_search .search_box dt i:after {transform:rotate(-45deg); margin-left:-2px;}
.car_search .search_box .on dt i:before {transform:rotate(-45deg);}
.car_search .search_box .on dt i:after {transform:rotate(45deg);}
.car_search .search_box dd {border-top:#ddd 1px solid; padding:15px; display:none;}
.car_search .search_box dd.radios {padding:20px 20px;}
.car_search .search_box dd.radios .box {display:flex; flex-wrap:wrap;}
.car_search .search_box dd.radios label {position:relative; width:33.33%;}
.car_search .search_box dd.radios input {display:none;}
.car_search .search_box dd.radios i {position:relative; display:block; font-size:14px; color:#525252; line-height:35px; text-align:center; border:#ddd 1px solid; border-left:0; transition:.2s linear;}
.car_search .search_box dd.radios label:first-child i {border-left:#ddd 1px solid;}
.car_search .search_box dd.radios label i:before {content:""; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border:#ddd 1px solid; opacity:0;}
.car_search .search_box dd.radios input:checked + i {border-color:#f70808; background:#fdf5f4; color:#f70707;}
.car_search .search_box dd.radios input:checked + i:before {border-color:#f70808; opacity:1;}
.car_search .search_box dd.radios label.on {z-index:1;}
.car_search .search_box dd.radios.set2 {border-left:0;}
.car_search .search_box dd.radios.set2 label {width:50%; margin-top:-1px;}
.car_search .search_box dd.radios.set2 label:nth-child(-n+2) {margin-top:0;}
.car_search .search_box dd.radios.set2 label:nth-child(2n-1) i {border-left:#ddd 1px solid;}
.car_search .search_box dd .check {display:block; margin-top:10px;}
.car_search .search_box dd .check:first-child {margin-top:0;}
.car_search .search_box dd.search {padding:28px 20px; font-size:13px; color:#666;}
.car_search .search_box dd.search .box {display:flex;}
.car_search .search_box dd.search .text {width:calc(50% - 18px); height:46px; padding:0 10px;}
.car_search .search_box dd.search em {width:36px; line-height:46px; height:46px; text-align:center;}

.car_search .search_list {width:1000px;}
.car_search .car_search_sort {position:relative;display:flex; justify-content:left; align-items:left; background:#f4f4f4; border-radius:5px; margin:0px;}
.car_search .select_area { display:inline-block; }
.car_search .select_area dt {position:relative;display:inline-block;font-size:17px; color:#222; font-weight:500; line-height:45px; padding:0 30px;}
.car_search .select_area dd { display:inline-block;  height:45px; line-height:45px; padding:0 15px; font-size:15px; color:#787878; text-align:left; }
.car_search .in_saerch {overflow:hidden;position:absolute; display:inline-block; right:0;padding-left:50px;}
.car_search .in_saerch .inputs {position:relative; float:right; display:flex; justify-content:flex-end; width:315px; height:45px; background:#f70707; border-radius:22px; padding-right:56px;}
.car_search .in_saerch .inputs .text {width:100%; height:45px; background:none; border:0; font-size:15px; color:#fff; font-weight:500;}
.car_search .in_saerch .inputs .btn {position:absolute; top:0; right:0; width:56px; height:100%; background:none; border:0; font-size:0;}
.car_search .in_saerch .inputs .btn:before {content:""; position:absolute; top:50%; left:50%; width:26px; height:26px; background:url('/images/icon_search_r.png') #fff no-repeat 50% 50%; border-radius:50%; transform:translate(-50%,-50%);}

.select_label {position:relative; height:56px; display:block; line-height:56px; transition:.2s linear; margin:0 18px;}
.select_label label {position:absolute; top:0; left:0; display:block; width:100%; height:56px; line-height:56px; padding:0 25px 0 0; font-size:15px; color:#787878; text-align:left; overflow:hidden;}
.select_label i {position:absolute; top:50%; right:2px; width:10px; height:10px; margin-top:-8px; border:transparent 1px solid; border-bottom-color:#535353; border-right-color:#535353; transform:rotate(45deg);}
.select_label select {display:block; width:100%; height:56px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); outline:0; border:0; background:none; font-size:18px; font-weight:700; cursor:pointer;}
.select_label.arw_stl2 i {width:8px; height:8px; border-width:1px;}
.select_label.s i {border-width:3px; margin-top:-6px;}
.select_label.focus {border-color:#f35e00 !important;}
.select_label em {position:inline-block;  font-size:15px; color:#787878; text-align:left; }
.car_search .btit {padding-bottom:15px; border-bottom:#ddd 1px solid; margin-bottom:40px;}
.car_search .stit {position:relative; margin-bottom:30px;}
.car_search .stit strong {color:#f70707;}
.car_search .stit .more {position:absolute; top:0; right:0; font-size:21px; color:#021621; font-weight:500; line-height:40px; padding-left:50px;}
.car_search .stit .more i {position:absolute; top:50%; left:0; width:36px; height:36px; border:#222 1px solid; margin-top:-18px;}
.car_search .stit .more i:before,
.car_search .stit .more i:after {content:""; position:absolute; top:50%; left:50%; background:#222; transform:translate(-50%,-50%);}
.car_search .stit .more i:before {width:18px; height:2px;}
.car_search .stit .more i:after {width:2px; height:18px;}
.car_search .pro_list {margin:0; display:flex; flex-wrap:wrap; margin-top:-70px;}
.car_search .pro_list .mv {width:calc((100% - 68px)/3); margin:70px 0 0 34px;}
.car_search .pro_list .mv:nth-child(3n-2) {margin-left:0;}
 .embox {display:flex; flex-direction:column;}
 .embox p {position:relative; font-size:15px; color:#525252; line-height:27px; min-height:30px; display:flex; align-items:center; margin-bottom:10px; padding-left:77px;}
 .embox p em {position:absolute; top:0; left:0; font-size:15px; font-weight:500; line-height:30px; height:30px; width:60px; text-align:center;}
 .embox p.c1 em {color:#fff; background:#f70707;}
 .embox p.c2 em {color:#fff; background:#bbb;}
 .embox p.c3 {margin-bottom:0;}
 .embox p.c3 em {color:#222; background:#fff; border:#ccc 1px solid; line-height:35px;}
 .embox p.c3 strong {padding-left:10px;}

 .fa-star.on {color:#fff700}
.search_banner {width:100%; position:relative; display:inline-block;  background:#222;     margin:80px 0;}

/* 상세 */
.search_view {border-top:#ddd 1px solid;}
.search_view div.soldout:after {
  content: ' ';
 /* background: url('/images/icon_soldout.png')  no-repeat 0% 0% / contain;*/
   background-size: 100%;
  font-weight: bolder;
  color: #fff;
  font-size: 2em;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate(-1%, -1%);
  display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.search_view div.soldout::after {
  content: 'Sold Out';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #222;
  opacity: 0.2
}
.search_view .tit {position:relative; font-size:28px; color:#222; font-weight:700; line-height:50px; padding:40px 0; border-bottom:#ddd 1px solid; margin-bottom:20px;}
.search_view .tit .like {display:inline-block; vertical-align:top; margin-left:25px;}
.search_view .tit .tag {display:flex; margin-top:20px;}
.search_view .tit .tag span {position:relative; font-size:18px; color:#525252; font-weight:500; line-height:30px; padding-right:14px; margin-right:14px;}
.search_view .tit .tag span:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background:#dcdcdc; margin-top:-5px;}
.search_view .tit .tag span:last-child {padding-right:0; margin-right:0;}
.search_view .tit .tag span:last-child:after {display:none;}
.search_view .tit .money {position:absolute; top:50%; right:0; font-size:34px; color:#f70707; font-weight:700; line-height:50px; transform:translate(0,-50%);}

.car_slide_wrap {position:relative; }
.car_slide_wrap span.end {z-index:999;position:absolute; top:0px; right:0px; width:100%;  height:100%;    background: url('/images/icon_sale_end.png')  no-repeat 50% 50%; background-size:cover; font-size:0px; }
.car_slide_wrap .ico_cert {position:absolute; z-index:999; top:0px; left:0px; width:100px; height:100px;   background: url('/images/icon_cert.png') no-repeat;  }
.car_slide {position:relative; overflow:hidden; margin-bottom:30px;}
.car_slide .swiper-slide {font-size:0; text-align:center;}
.car_slide .swiper-pagination {position:absolute; bottom:70px; left:50%; width:130px; font-size:22px; color:#fff; font-weight:500; line-height:42px; height:42px; background:rgba(34,34,34,.78); border-radius:21px; text-align:center; transform:translate(-50%,0);}
.car_slide img.pc_vw{max-height:720px;}
.car_slide img.mo_vw{max-height:360px;}
.car_slide_thum {overflow:hidden;}
.car_slide_thum .swiper-slide {width:calc((100% - 90px)/10); margin-right:10px;}
.car_slide .swiper_arrow {position:absolute; top:50%; width:45px; height:86px; margin-top:-43px; background:rgba(255,255,255,.66);}
.car_slide .swiper_arrow:before,
.car_slide .swiper_arrow:after {content:""; position:absolute; top:50%; left:50%; width:16px; height:2px; background:#222; margin-left:-8px;}
.car_slide .swiper_arrow:before {margin-top:-6px;}
.car_slide .swiper_arrow:after {margin-top:4px;}
.car_slide .swiper-button-prev {left:0;}
.car_slide .swiper-button-prev:before {transform:rotate(-45deg);}
.car_slide .swiper-button-prev:after {transform:rotate(45deg);}
.car_slide .swiper-button-next {right:0;}
.car_slide .swiper-button-next:before {transform:rotate(45deg);}
.car_slide .swiper-button-next:after {transform:rotate(-45deg);}

.seller_info {border-top:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; padding:60px 0; display:flex; justify-content:space-between; align-items:center; margin:40px 0 100px;}
.seller_info li {font-size:23px; color:#222; font-weight:500; line-height:30px; text-align:center;}
.seller_info li i {display:flex; justify-content:center; align-items:center; width:128px; height:128px; border-radius:50%; font-size:23px; color:#525252; font-weight:500; line-height:32px; text-align:center; background:#fff; border:#222 1px solid; margin-bottom:20px;}
.seller_info li i.off {color:#a9a9a9; background:#e0e0e0; border-color:#e0e0e0;}
.seller_info li.money {font-size:40px; color:#f70707; font-weight:700; line-height:50px;}

.tabbox_wrap {position:relative;}
.tabbox_wrap .front {position:absolute; top:-127px;}
.tabbox_wrap .tabs {display:flex; width:100%; border-left:#d9d9d9 1px solid; background:#fff; margin-bottom:90px; z-index:1;}
.tabbox_wrap.on {padding-top:120px;}
.tabbox_wrap.on .tabs {position:fixed; top:127px; left:50%; width:1280px; max-width:100%; transform:translate(-50%,0);}
.tabbox_wrap .tabs a {position:relative; font-size:22px; color:#222; font-weight:700; line-height:58px; width:25%; border:#d9d9d9 1px solid; border-left:0; text-align:center;}
.tabbox_wrap .tabs a:before {content:""; position:absolute; top:-1px; left:-1px; width:1px; height:calc(100% + 2px); background:#d9d9d9;}
.tabbox_wrap .tabs a:hover,
.tabbox_wrap .tabs a.on {color:#f70707; background:#fdf5f4; border-color:#f70707; z-index:1;}
.tabbox_wrap .tabs a:hover:before,
.tabbox_wrap .tabs a.on:before {background:#f70707;}
.tabbox_wrap .posf {position:absolute; top:calc(100vh - 127px);}
.tabbox_wrap .point {position:absolute; top:-187px;}
.tabbox_wrap .bpoint {position:absolute; top:calc(100vh - 190px);}
.tabbox_wrap .itembox {position:relative; margin-top:120px;}
.tabbox_wrap .itembox > dl {display:flex;}
.tabbox_wrap .itembox > dl > dt {width:330px; font-size:31px; color:#222; font-weight:700; line-height:32px;}
.tabbox_wrap .itembox > dl > dd {width:calc(100% - 330px); border-top:#d8d8d8 1px solid; border-bottom:#d8d8d8 1px solid;}
.tabbox_wrap .car_info {display:flex; flex-wrap:wrap; padding-bottom:80px;}
.tabbox_wrap .car_info li {width:25%; margin-top:80px; display:flex; flex-direction:column; align-items:center; line-height:25px;}
.tabbox_wrap .car_info em {font-size:17px; color:#525252;}
.tabbox_wrap .car_info strong {font-size:24px; color:#222; font-weight:700; margin-top:20px;}
.tabbox_wrap .option {padding:75px 70px; display:flex; flex-wrap:wrap;}
.tabbox_wrap .option li {font-size:16px; color:#6c6c6c; font-weight:500; line-height:40px; height:42px;  border:#ddd 1px solid; border-radius:20px; text-align:center; width:calc((100% - (44px * 4))/5); margin:20px 0 0 44px;}
.tabbox_wrap .option li:nth-child(5n-4) {margin-left:0;}
.tabbox_wrap .option li.on {color:#fff; background:#222; border-color:#222;}
.tabbox_wrap .his {padding:120px 0;}
.tabbox_wrap .his strong {display:block; font-size:26px; color:#222; font-weight:700; line-height:30px; text-align:center;}
.tabbox_wrap .his .link {display:block; font-size:23px; color:#6c6c6c; font-weight:500; line-height:58px; height:60px; width:390px; max-width:100%; margin:30px auto 0; text-align:center; border:#ddd 1px solid; border-radius:30px;}
.tabbox_wrap .car_detail {padding:70px 0; display:flex; align-items:center;}
.tabbox_wrap .car_detail dt {width:290px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.tabbox_wrap .car_detail dt .img {display:flex; width:128px; height:128px; border-radius:50%; overflow:hidden;}
.tabbox_wrap .car_detail dt .name {font-size:23px; color:#222; font-weight:500; line-height:28px; margin:25px 0 10px;}
.tabbox_wrap .car_detail dt .phone {font-size:23px; color:#f70707; font-weight:700; line-height:22px;}
.tabbox_wrap .car_detail dt .btns {margin-top:30px; display:flex;}
.tabbox_wrap .car_detail dt .btns .btn {font-size:19px; color:#222; line-height:52px; height:54px; width:178px; text-align:center; display:flex; justify-content:center; border:#ddd 1px solid; border-radius:27px; margin:0 11px;}
.tabbox_wrap .car_detail dt .btns .btn i {margin-right:10px; font-size:0; line-height:52px;}
.tabbox_wrap .car_detail dd {width:calc(100% - 290px); padding-left:30px; font-size:18px; color:#222; font-weight:300; line-height:30px;}
.tabbox_wrap .car_detail .scrollbox {height:420px; overflow:hidden auto; word-break:break-all;}
.tabbox_wrap .zosim {display:flex; flex-wrap:wrap; padding:50px 20px;}
.tabbox_wrap .zosim li {width:calc(50% - 30px); line-height:30px; margin-top:90px; margin-left:60px;}
.tabbox_wrap .zosim li:nth-child(-n+2) {margin-top:0;}
.tabbox_wrap .zosim li:nth-child(2n-1) {margin-left:0;}
.tabbox_wrap .zosim li .tt {font-size:20px; color:#222; font-weight:500; margin-bottom:20px;}
.tabbox_wrap .zosim li p {font-size:16px; color:#222; font-weight:300;}

.camta_self {background:url('/images/bg_s02.jpg') no-repeat 50% 50% / cover; height:690px; text-align:center; font-size:0; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.camta_self ul {display:flex; width:860px; max-width:100%; height:180px; background:#011117; border:#258695 1px solid; margin:60px 0;}
.camta_self li {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:33.33%; font-size:28px; color:#fff; font-weight:500; line-height:40px;}
.camta_self li:before {content:""; position:absolute; top:50%; left:0; width:1px; height:90px; background:#1b6673; margin-top:-45px;}
.camta_self li:first-child:before {display:none;}
.camta_self li strong {color:#77fef7; font-weight:500;}

.car_insert {position:relative;}
.car_insert .btn_wrap {position:relative; padding:120px 0 140px;}
.car_insert .btn_wrap .inner {position:relative;}
.car_insert .btn_wrap .inner:before,
.car_insert .btn_wrap .inner:after {content:""; position:absolute; top:47px; width:calc(50% - 395px); height:1px; background:#dedede;}
.car_insert .btn_wrap .inner:before {left:0;}
.car_insert .btn_wrap .inner:after {right:0;}
.car_insert .btn_wrap .btn {position:relative; font-size:28px; color:#fff; font-weight:700; line-height:95px; height:95px; width:650px; max-width:100%; border-radius:47px; margin:0 auto; display:flex; background:#f70707; padding:0 45px; box-shadow:rgba(247,7,7,.43) 0 3px 16px;}
.car_insert .btn_wrap .btn:before {content:""; width:35px; height:100%; background:url('/images/icon_write.png') no-repeat 50% 50% / contain; margin-right:10px;}
.car_insert .btn_wrap .btn i {position:absolute; top:0; right:50px; width:16px; height:100%;}
.car_insert .btn_wrap .btn i:before,
.car_insert .btn_wrap .btn i:after {content:""; position:absolute; top:50%; left:50%; background:#fff; transform:translate(-50%,-50%);}
.car_insert .btn_wrap .btn i:before {width:16px; height:2px;}
.car_insert .btn_wrap .btn i:after {width:2px; height:16px;}
.car_insert .btn_wrap p {font-size:20px; color:#525252; line-height:30px; text-align:center; margin-top:25px;}
.car_insert .gbox {background:#f9f9f9; padding:110px 0;}
.car_insert .gbox .tit {font-size:45px; color:#222; font-weight:500; line-height:50px; text-align:center;}
.car_insert .gbox p {font-size:17px; color:#525252; line-height:22px; margin-top:20px; text-align:center;}
.car_insert .step_list {position:relative; margin-top:130px;}
.car_insert .step_list:before {content:""; position:absolute; top:15px; left:50%; width:4px; height:calc(100% - 15px); background:#ededed; margin-left:-2px;}
.car_insert .step_list dl {display:flex; margin-top:210px;}
.car_insert .step_list dl:first-child {margin-top:0;}
.car_insert .step_list dt,
.car_insert .step_list dd {width:50%;}
.car_insert .step_list dt {text-align:center;}
.car_insert .step_list dd {padding-left:190px;}
.car_insert .step_list .tt {position:relative; font-size:20px; color:#f70707; font-weight:700; line-height:30px;}
.car_insert .step_list .tt:before,
.car_insert .step_list .tt:after {content:""; position:absolute; top:50%;}
.car_insert .step_list .tt:before {left:-160px; width:150px; height:1px; background:#f70707;}
.car_insert .step_list .tt:after {left:-197px; width:14px; height:14px; background:#fff; border:#f70707 3px solid; border-radius:50%; margin-top:-6px;}
.car_insert .step_list p {line-height:20px; margin-top:15px; text-align:left;}
.car_insert .step_list dl:nth-child(2n) {flex-direction:row-reverse;}
.car_insert .step_list dl:nth-child(2n) dd {padding:0 190px 0 0;}
.car_insert .step_list dl:nth-child(2n) .tt {text-align:right;}
.car_insert .step_list dl:nth-child(2n) .tt:before {left:auto; right:-160px;}
.car_insert .step_list dl:nth-child(2n) .tt:after {left:auto; right:-197px;}
.car_insert .step_list dl:nth-child(2n) p {text-align:right;}
.carf_banner {margin-top:50px;}

.car_insert_write {left:0; width:100%; background:#f8ecec; padding:70px 0; display:flex; justify-content:center; align-items:center; z-index:99; overflow:hidden;}
.car_insert_write .outbox {background:#fff; height:100%; border-radius:10px; box-shadow:rgba(248,77,77,.2) 0 3px 7px; padding:90px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
form {max-width:100%;}
.car_insert_write.bg_f {background:#fff;}
.car_insert_write.bg_f .outbox {box-shadow:none; padding:0;}
.car_insert_write .inbox {width:770px; max-width:100%; margin:0 auto;}
.car_insert_write .tit {font-size:40px; color:#222; font-weight:700; line-height:50px;}
.car_insert_write .tt {font-size:25px; color:#222; font-weight:500; line-height:30px; margin:50px 0 15px;}
.car_insert_write p {font-size:15px; color:#525252;}
.car_insert_write .radios {margin:80px 0 45px; text-align:center;}
.car_insert_write .radio {font-size:25px; color:#222; font-weight:700; line-height:30px; padding-left:36px; margin:0 23px;}
.car_insert_write .radio i {width:20px; height:20px;}
.car_insert_write .radio i:before {background:#999;}
.car_insert_write .inputs {margin:40px 0 60px;}
.car_insert_write .inputs .input {position:relative; height:70px; border-radius:10px; background:#f5f5f5; padding-left:130px; margin-top:20px; display:flex; overflow:hidden;}
.car_insert_write .inputs .input:first-child {margin-top:0;}
.car_insert_write .inputs label {position:absolute; top:0; left:0; width:130px; height:70px; line-height:70px; font-size:17px; color:#525252; font-weight:700; text-align:center;}
.car_insert_write .inputs button {font-size:19px; color:#fff; font-weight:700; line-height:70px; height:70px; width:144px; background:#8d8d8d;}
.car_insert_write .inputs .text {width:100%; height:100%; background:none; border:0;}
.car_insert_write .inputs .w2 {width:calc(100% - 144px);}
.car_insert_write .checks .check {display:block; margin-top:12px; font-size:14px; color:#999; line-height:28px;}
.car_insert_write .checks .check strong {font-size:16px; color:#222; font-weight:500;}
.car_insert_write .checks .check a {font-size:14px; color:#222; line-height:26px; height:28px; width:72px; border:#222 1px solid; text-align:center; margin-left:10px; display:inline-block; vertical-align:top;}
.car_insert_write .btn {display:block; font-size:23px; color:#fff; font-weight:700; line-height:70px; height:70px; width:100%; background:#f70707; border:0; border-radius:37px; margin-top:50px;}

.car_insert_write .money {background:#f5f5f5; border-radius:5px; margin:20px 0;}
.car_insert_write .money dt,
.car_insert_write .money dd {position:relative; display:inline-block; padding:10px;  width:45%}
.car_insert_write .money dt {font-size:14px; color:#222;}
.car_insert_write .pay {border:#ddd 1px solid; border-radius:5px;}
.car_insert_write .pay dt,
.car_insert_write .pay dd {padding:10px;}
.car_insert_write .pay dd .text {width:200px; max-width:100%; border:#ddd 1px solid;}

.car_write2_wrap {background:#f5f5f5; padding:70px 0;}
.car_insert_write2 {background:#fff; padding:90px 0 70px; border-radius:10px; box-shadow:rgba(142,142,142,.2) 0 3px 7px;}
.car_insert_write2 col.w1 {width:190px;}
.car_insert_write2 col.w2 {width:auto;}
.car_insert_write2 col.w3 {width:100px;}
.car_insert_write2 th,
.car_insert_write2 td {border-bottom:#ddd 1px solid; padding:12px 0;}
.car_insert_write2 th {font-size:20px; color:#222; font-weight:700; text-align:left; padding-left:55px;}
.car_insert_write2 td {font-size:16px; color:#6c6c6c; font-weight:500; line-height:40px;}
.car_insert_write2 td strong {font-size:22px; color:#222;}
.car_insert_write2 td label.check_r {display:inline-block; vertical-align:top; margin-bottom:10px;}
.car_insert_write2 td label.check_r input {display:none;}
.car_insert_write2 td label.check_r i {display:block; font-size:15px; color:#6c6c6c; font-weight:500; line-height:32px; border:#ddd 1px solid; border-radius:15px; text-align:center; width:104px; transition:.2s linear;}
.car_insert_write2 td label.check_r input:checked + i {color:#fff; background:#222; border-color:#222;}
.car_insert_write2 td .thn label.check_r i {width:70px;}
.car_insert_write2 td .all {display:block; font-size:18px; color:#222; font-weight:500; text-align:center;}
.car_insert_write2 td .all input {display:none;}
.car_insert_write2 td em {font-weight:400;}
.car_insert_write2 td .df {display:flex; flex-wrap:wrap; align-items:center;}
.car_insert_write2 td .df.mmb {margin-bottom:-10px;}
.car_insert_write2 td .mb0 label.check_r {margin-bottom:0;}
.car_insert_write2 td .df > * {margin-right:10px;}
.car_insert_write2 td .df > *:last-child {margin-right:0;}
.car_insert_write2 td .df em {width:160px;}
.car_insert_write2 td .df ul {width:140px;}

.car_insert_write2 td .range {display:flex; flex-direction:column; width:330px; margin-top:10px;}
.car_insert_write2 td .range .txt {display:flex; justify-content:space-between; margin-top:15px;}
.car_insert_write2 td .range .txt li {font-size:17px; color:#6c6c6c; font-weight:500; line-height:20px;}
.car_insert_write2 td .range input {appearance:none; background:#d7d7d7; height:8px; border-radius:4px;}
.car_insert_write2 td .range input::-webkit-slider-thumb {appearance:none; width:22px; height:22px; background:#fff; border-radius:50%; box-shadow:rgba(0,0,0,.35) 0 3px 7px; cursor:pointer;}
.car_insert_write2 td .range input:hover {background:#f70707;}
.car_insert_write2 td .df.mb {margin-bottom:20px;}
.car_insert_write2 td.hab .df {position:relative; padding-right:100px;}
.car_insert_write2 td.hab .df .all {position:absolute; top:0; right:0; width:100px;}
.car_insert_write2 td textarea.text {font-size:17px; color:#222; height:102px; border-radius:10px; padding:10px;}
.car_insert_write2 td textarea.text::placeholder {color:#818181;}
.car_insert_write2 .btns {display:flex; justify-content:center; margin-top:60px;}
.car_insert_write2 .btns .btn {display:block; font-size:17px; font-weight:500; height:52px; margin:0 10px; border-radius:26px; text-align:center;}
.car_insert_write2 .btns .btn_l {color:#222; font-weight:500; line-height:50px; border:#222 1px solid; width:122px;}
.car_insert_write2 .btns .btn_r {color:#fff; background:#f70707; line-height:52px; width:192px; border:0;}
.car_insert_write2 .picture {display:flex;}
.car_insert_write2 label.file {position:relative;display:block;  width:122px; height:110px; border:#ddd 1px solid; border-radius:10px; padding-top:20px; margin-right:12px; cursor:pointer; text-align:center;}
.car_insert_write2 label.file input {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.car_insert_write2 label.file i {display:block; font-size:0; width:100%; height:78px;  margin-bottom:10px;}
.car_insert_write2 label.file i img{width:70px; height:70px; padding:3px;}
.car_insert_write2 .fileList li {position:relative; display:inline-block; width:122px; }
.picture label.file .btn_del2 {position:absolute; background:url('/images/icon_del.png') no-repeat #9e9e9e 50% 50%;  width:26px; height:26px; margin:0 auto;}
.picture label.file .btn_del {content:""; cursor:pointer;position:absolute; display:none; vertical-align:top; width:28px; height:28px; background:url('/images/icon_del.png') no-repeat #9e9e9e 50% 50%; right:5px; top:5px; border-radius:50%;}
.picture label.file .btn_del.on {display:block;}

/* 인증캠핑카 */
.car_search .pro_list_thum {margin-top:-35px;}
.car_search .pro_list_thum .mv {width:100% !important; margin:35px 0 0;} 
.car_search .pro_list_thum a {display:flex;}
.car_search .pro_list_thum .img {width:379px;}
.car_search .pro_list_thum .txt {position:relative; width:calc(100% - 379px); padding-left:25px;}
.car_search .pro_list_thum .txt .tt {padding-right:130px;}
.car_search .pro_list_thum dl {margin-bottom:45px;}
.car_search .pro_list_thum .pay {position:absolute; top:55px; right:0; line-height:30px;}

/* 판매대행 */
.sell_service_top {display:flex; justify-content:center; align-items:center; flex-direction:column; height:400px; background:url('/images/bg_s04.jpg') no-repeat 50% 50% / cover;}
.sell_service_top em {display:inline-block; vertical-align:top; font-size:21px; color:#41e0f5; font-weight:500; line-height:42px; border-top:#43e6fc 1px solid; border-bottom:#43e6fc 1px solid; margin-bottom:50px;}
.tel_box {background:#f5f5f5; padding:50px 0;}
.tel_box .inner {display:flex; justify-content:space-between;}
.tel_box a {display:flex; flex-direction:column; align-items:center; width:calc((100% - 96px)/5); background:#fff; border:#ddd 1px solid; border-radius:5px; text-align:center; padding:40px 20px;}
.tel_box em {display:block; font-size:17px; color:#fff; font-weight:700; line-height:38px; height:38px; width:38px; border-radius:50%; background:#f70707;}
.tel_box i {margin:35px 0;}
.tel_box strong {font-size:21px; color:#222; font-weight:700; line-height:24px; margin-bottom:30px;}
.tel_box p {line-height:22px;}

/* 이벤트 */
.sv_slide {position:relative;}
.sv_slide .slick-slide {overflow:hidden; height:300px;}
.sv_slide .slick-slide img {position:relative; left:50%; height:300px; width:auto !important; max-width:none; transform:translate(-50%,0);}
.sv_slide .slick-arrow {position:absolute; top:50%; width:40px; height:80px; margin-top:-40px; z-index:1; font-size:0;}
.sv_slide .slick-arrow:before,
.sv_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:40px; height:4px; margin-left:-20px; background:#fff;}
.sv_slide .slick-arrow:before {margin-top:-15px;}
.sv_slide .slick-arrow:after {margin-top:11px;}
.sv_slide .slick-prev {left:50%; margin-left:-800px;}
.sv_slide .slick-prev:before {transform:rotate(-45deg);}
.sv_slide .slick-prev:after {transform:rotate(45deg);}
.sv_slide .slick-next {right:50%; margin-right:-800px;}
.sv_slide .slick-next:before {transform:rotate(45deg);}
.sv_slide .slick-next:after {transform:rotate(-45deg);}

.event {display:flex; flex-wrap:wrap; padding-bottom:60px;}
.event li {width:calc((100% - 40px)/3); margin:80px 0 0 20px;}
.event li:nth-child(3n-2) {margin-left:0;}
.event li a {display:flex; flex-direction:column;}
.event li i {width:100%; height:222px; line-height:222px; text-align:center; overflow:hidden;}
.event li strong {font-size:20px; color:#222; line-height:25px; margin:15px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event li p {font-size:16px; color:#525252; font-weight:500; line-height:20px;}
.event li p em {position:relative; padding-right:5px; margin-right:5px;}
.event li p em:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background:#ddd; margin-top:-5px;}

/* 차박정보 */
.car_info_top {display:flex;}
.car_info_top li {width:calc((100% - 48px)/3); margin-left:20px;}
.car_info_top li:first-child {margin-left:0;}
.car_info_top a {position:relative; display:block;}
.car_info_top a span {display:block;}
.car_info_top .img {font-size:0;}
.car_info_top .num {position:relative; margin:-44px 0; z-index:1;}
.car_info_top .num span {display:flex; width:88px; height:88px; flex-direction:column; align-items:center; justify-content:center;}
.car_info_top .num strong {font-size:31px; color:#fff; line-height:30px;}
.car_info_top .num em {font-size:14px; color:#fff; line-height:16px; margin-top:10px;}
.car_info_top .c1 .num span {background:#9f7e30;}
.car_info_top .c2 .num span {background:#8d8e90;}
.car_info_top .c3 .num span {background:#867057;}
.car_info_top .txt {border:#ededed 1px solid; padding:65px 25px 30px;}
.car_info_top .tit {font-size:26px; color:#222; font-weight:700; line-height:30px; margin-bottom:15px;}
.car_info_top p {font-size:20px; color:#525252; font-weight:500; line-height:26px;}
.car_info_top p em {position:relative; color:#4dd644; padding-right:10px; margin-right:10px;}
.car_info_top p em:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background:#dcdcdc;}
.car_info_btm {display:flex; flex-wrap:wrap; padding-bottom:60px;}
.car_info_btm li {width:50%; margin-top:90px;position:relative; height:120px;}
.car_info_btm a {display:flex;}
.car_info_btm .num {width:80px;}
.car_info_btm .num span {display:flex; flex-direction:column; align-items:center; width:80px;}
.car_info_btm .num strong {font-size:31px; color:#222; line-height:30px;}
.car_info_btm .num em {font-size:14px; color:#666; line-height:16px; margin-top:10px;}
.car_info_btm .num em.n {color:#4dd644;}
.car_info_btm .num em.u {color:#ff4a6b;}
.car_info_btm .num em.d {color:#3a84fd;}
.car_info_btm .txt {padding:0 10px 0 10px; width:calc(100% - 300px);}
.car_info_btm .tit {display:block; font-size:26px; color:#222; font-weight:700; line-height:32px; max-height:64px; overflow:hidden; margin-bottom:25px;}
.car_info_btm p {font-size:20px; color:#525252; font-weight:500; line-height:26px;}
.car_info_btm p em {position:relative; color:#4dd644; padding-right:10px; margin-right:10px;}
.car_info_btm p em:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background:#dcdcdc;}
.car_info_btm .img {width:250px; position:absolute; right:0; text-align:center;}
.car_info_btm .img img {width:200px; }

/* 후기 */
.review_list {display:flex; flex-wrap:wrap; padding-bottom:60px;}
.review_list li {width:50%; margin-top:50px;}
.review_list a {display:flex; padding-left:30px;}
.review_list .txt {width:calc(100% - 290px); padding-right:20px;}
.review_list .tit {display:block; font-size:20px; color:#222; font-weight:700; line-height:32px; max-height:64px; overflow:hidden; margin-bottom:25px;}
.review_list em {display:block; font-size:16px; color:#525252; font-weight:500; line-height:20px;}
.review_list .img {width:290px;}

/* 약관 */
.fancybox-skin .yaks {padding:20px;}
.yaks li {font-size:15px; color:#222; line-height:24px; margin-top:40px;}
.yaks li:first-child {margin-top:0;}
.yaks li ul {padding-left:20px;}
.yaks li li,
.yaks li li:first-child {margin-top:20px;}
.yaks li li li,
.yaks li li li:first-child {margin-top:10px;}
.yaks .gbox {padding:10px; background:#f5f5f5; border-radius:10px; margin-top:10px !important;}
.yaks table {margin-top:10px; max-width:100% !important;}
.yaks th,
.yaks td {border:#ddd 1px solid; padding:10px;}
.yaks th {width:140px; background:#f5f5f5;}
.yaks .mt {margin-top:10px;}

/* 포인트 상품 */
.product_wrap {overflow:hidden; margin-top:-20px;}
.product_wrap li {display:block; width:100%; margin:0px; border-top:#eee 1px solid; }
.product_wrap li.top {background:#f2f2f2; }
.product_wrap li span{ padding:10px; line-height:30px; font-size:15px; color:#555; height:45px; text-align:center;}
.product_wrap li .tt {display:inline-block; line-height:20px; width:15%;}
.product_wrap li .basic2 { display:inline-block; padding-top:5px; margin-top:5px; width:15%;}
.product_wrap li .basic { display:inline-block; padding-top:5px; margin-top:5px; width:50%;}
.product_wrap li .money {display:inline-block; margin:5px 0; width:15%;}
.product_wrap li .money del {font-size:12px; color:#ff5050; margin-right:5px;}
.product_wrap li .money strong {font-size:13px; color:#a4a4a4; font-weight:400;}
.product_wrap .check_pose input {display:none;}
.product_wrap .check_pose input:checked + .box i:before {border:#ffc801 2px solid;}
.product_wrap .check_pose input:checked + .box {display:block; color:#fff; background:#ffc801; padding:0 5px; width:100%;}

.pop_viewt { width:500px; max-width:100% }
.pop_viewt .close {position:absolute; top:20px; right:20px; cursor:pointer;}
.pop_viewt .title {font-size:20px; color:#222; height:46px; line-height:36px; font-weight:bold; border-bottom:#717171 1px solid;}
.pop_viewt .board_blue table {margin-bottom:20px;}
.pop_viewt .board_blue th,
.pop_viewt .board_blue td {padding:10px; line-height:20px; border-bottom:#ddd 1px solid;}
.pop_viewt .board_blue th {position:relative; background:#ecf6fc; font-size:14px; color:#222;}
.pop_viewt .board_blue th .orange {position:absolute; left:25px;}
.pop_viewt .board_blue label {padding:0 0 0 5px;}
.pop_viewt .board_blue ul.set3 {overflow:hidden;}
.pop_viewt .board_blue ul.set3 li {float:left; width:33.3%;}
.pop_viewt .board_blue textarea {height:100px; overflow-y:auto;}
.pop_viewt .btns {text-align:center;}
.pop_viewt .btns .btn {display:inline-block; width:90px; padding:0; text-align:center; border:0; border-radius:4px;}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#222;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#222;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.my_top {overflow:hidden; margin-bottom:50px; border-top:#ddd 1px solid; border-left: #ddd 1px solid; display: flex;}
.my_top dd {float:left; width:20%; font-size:18px; font-weight:300; line-height:27px; padding:32px 20px ; border-right: #ddd 1px solid; border-bottom: #ddd 1px solid;}
.my_top dt { width:40%;  padding:20px 20px ; border-right: #ddd 1px solid; border-bottom: #ddd 1px solid;}
.my_top .name {position:relative; padding-left:76px; font-size:18px; color:#666; line-height:35px;}
.my_top .name i {position:absolute; top:0; left:0; width:60px; height:60px; line-height:60px; text-align:center; overflow:hidden; border-radius:50%; font-size:0;margin-top:10px}
.my_top .name strong {color:#222;}
.my_top .name .btn {display:inline-block; font-size:13px; color:#666; font-weight:700; line-height:26px; height:28px; padding: 0 10px; border:#666 1px solid; border-radius:2px; margin-left:10px; text-align:center; vertical-align:middle;  }
.my_top strong {font-weight:600;}
.my_top dd strong {text-decoration:underline;}

a.btn_s,.btn_s{line-height:30px;height:30px;text-align:center;  font-size:14px; padding:0px 10px;border:1px solid #777;}

.sct {display:flex; flex-wrap:wrap;}
.sct img {height: auto;}
.sct_10 .sct_li {width:calc((100% - (15px * 4))/5);min-height: 200px;}
.sct_10 .sct_li:nth-child(5) {margin-right:0;}
.sct_40 .sct_li {width:calc(50% - 8px); display:flex;}
.sct_40 .sct_li:nth-child(2n+1) {margin-right:16px;}
.sct_40 .sct_img {position:relative;}
.sct_40 .sct_img img {height:160px; width:160px;}
.sct_40 .sct_ct_wrap {padding:10px;}
a.btn_admin, .btn_admin {padding: 0 10px;}
#sct_location {display: none;}

.cart_tbl colgroup .w1 {width:70px;}
.cart_tbl colgroup .w2 {width:15%;}
.cart_tbl colgroup .w3 {width:25%;}
.cart_tbl colgroup .w4 {width:15%;}

/* 주문서 작성 */
#sod_frm .od_prd_list{margin:10px;background:#fff;padding:15px}
.od_prd_list .td_chk{border-left:0;}
.od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px}
.od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0}
.od_prd_list .td_prd .sod_name{min-height:80px}
.od_prd_list .td_prd .prd_name{font-size:1.167em}
.od_prd_list .total_prc{color:#ff006c;font-weight:bold;font-size:1.167em}

#sod_frm_orderer{padding:10px 0px;;border-bottom:1px solid #d6d3d3}
#sod_frm_taker{padding:10px 0px;border-bottom:1px solid #d6d3d3;border-top:1px solid #f3f3f3}
#sod_frm_taker h2,#sod_frm_orderer h2{margin:10px 0;font-size:1.25em}
.odf_list li{}
.odf_list label,.odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:normal}
.odf_list .frm_input{width:100%;margin:0 0 5px}
.odf_list .dlv_slt div {background:#f3f3f3;border:1px solid #ccc;margin:5px 0;padding:10px}
.odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#222}
#order_address{display:block;;text-align:center;border: 1px solid #3476be;color: #3476be;;height:30px;line-height:28px;margin:5px 0 0;background:none}
.odf_list .ad_default{display:inline-block;margin:0}
.odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px;}
.odf_list .add_num{position:relative;display:block;}
.odf_list  textarea{border: 1px solid #ccc;background: #fff;color: #222;vertical-align: middle;border-radius: 3px;padding: 5px;width:100%;height:70px; }
.sod_list .li_name{min-height: 30px;}
#m_sod_frm_paysel {margin:10px 0 ;}
#m_sod_frm_paysel ul {margin:0 0 ;background:#fff;padding:10px;border-bottom:1px solid #ccc}
#m_sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#m_sod_frm_paysel li {float:left;padding:5px ;width:46%;height:25px}

#sod_frm .sod_ta_wr{background: #fff;padding: 15px 0px;}
#sod_frm .btn_confirm{;margin:0 10px 10px}
#sod_frm .btn_submit{width:100%;height:45px;font-size: 1.167em;font-weight: bold;margin:5px 0;background:#d14838}
#sod_frm .btn_cancel,#sod_frm .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight: bold;padding:0;border-radius:0}

#sod_frm_pay{padding:10px;;border-top:1px solid #f3f3f3}
#sod_frm_pay h2{margin:10px 0;font-size:1.25em}
#sod_frm_pay .cp_btn1,#sod_frm_pay .cp_cancel1{margin-top:0}
.odf_tbl{position:relative}
.odf_tbl table{background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc}
.odf_tbl table th{border-top:1px solid #eceff4;padding: 10px;text-align:left;width:120px;font-weight:normal}
.odf_tbl table td{border-top:1px solid #eceff4;padding:7px 10px;text-align:right}

#sod_frm_pt_alert{margin:10px 0;color:#328abd;}

.sod_frm_point {padding:10px 0;;clear:both}
.sod_frm_point div{background:#fff;border-bottom:1px solid #eceff4;padding:10px;text-align:right}
.sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div label{float:left;line-height:30px}
.sod_frm_point div span{display:block;font-size:0.92em}
.sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point .max_point_box em{font-style:normal !important}
.sod_frm_point div strong{float:left;color:#666;font-weight:normal}
.sod_frm_point #od_temp_point{height:30px;border:1px solid #ccc;text-align:right}

#sod_bsk .btn_del_wr{margin:10px 0px; }
#sod_bsk .sod_ta_wr{background:#fff;padding:15px 0px;}
#sod_bsk .go_shopping{margin: 10px}
#sod_bsk .go_shopping .btn01{height:45px;line-height:43px;font-size:1.1em;font-weight:bold;width:100%;text-align:center}

#sod_bsk_act{margin:10px 0px; }
#sod_bsk_act .btn_submit{height:45px;font-size:1.1em;font-weight:bold;width:100%;margin:10px 0;display: inline-block; }
#sod_bsk_act {text-align:center;margin-top:50px;}
#sod_bsk_act .btn_submit{height:50px;padding:0 10px;width:150px;font-weight:bold;font-size:1.25em}
#sod_bsk_act .btn01{height:50px;line-height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em}
#sod_bsk_act p {margin:0 0 10px}

.empty_table{padding-top:150px;text-align:center;width:100%;font-size:17px;}


.total_area .total {margin-top:20px; border:#aaa 2px solid; overflow:hidden;}
.total_area .total li {position:relative; float:left; width:33.3%; padding:10px 0; text-align:center; font-size:1em; color:#666; line-height:18px; border-left:#ddd 1px solid;}
.total_area .total li:first-child {border-left:0;}
.total_area .total li em {position:absolute; top:50%; right:-16px; width:32px; height:32px; border:#ddd 1px solid; background:#fff; border-radius:50%; margin-top:-16px; z-index:1;}
.total_area .total li em:before,
.total_area .total li em:after {content:""; position:absolute; top:50%; left:50%; background:#aaa;}
.total_area .total li em.plus:before {width:16px; height:2px; margin:-1px 0 0 -8px;}
.total_area .total li em.plus:after {width:2px; height:16px; margin:-8px 0 0 -1px;}
.total_area .total li em.eq:before,
.total_area .total li em.eq:after {width:16px; height:2px; margin-left:-8px;}
.total_area .total li em.eq:before {margin-top:-4px;}
.total_area .total li em.eq:after {margin-top:2px;}
.total_area .total li em.minus:before {width:16px; height:2px; margin:-1px 0 0 -8px;}
.total_area .total li b {color:#333;}